@charset "utf-8";
/* CRQ 024520.NET */
@import "base.css";
@import "font-awesome.min.css";
@import "animate.css";
@import "swiper.min.css";
body { margin: 0 auto; max-width: 640px;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-o-box-sizing: content-box;box-sizing: content-box;}
.page {background-color: #000;position: relative;min-height: 100%;overflow:hidden}
.container {max-width: 640px;}
.w25{ width:25%;}
select {  
  appearance:none!important;  
  -moz-appearance:none!important;  
  -webkit-appearance:none!important;  
  background: url("../images/arrow.png") no-repeat scroll right center transparent!important;  
  padding-right: 14px!important;  
}  
select::-ms-expand { display: none!important; }  
/*===================== header =========================*/
#header{position:relative}
.header-title{ position:absolute; left:0px; right:0px; top:15px;background: rgba(255,255,255,0.3);padding:15px 10px; text-align:center; overflow:hidden; z-index:999; width:100%;}
.header-title .logo{ display:inline-block; width:13%;}
.header-title .logo img{ width:100%;}
.header-title .txt{ display:inline-block; width:85%;}
.header-title .txt img{ width:100%;}
/*===================== banner =========================*/
.banner-con{ position:relative}
.banner-con .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner-con .swiper-slide {text-align: center;font-size: 18px;background: #000;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-con .swiper-slide img{ width:100%; height:100%}
.banner-con .swiper-pagination-bullet-active{ background-color:#d23424!important}
.banner-con .swiper-pagination-bullet{ background-color:#CCCCCC}
/*===================== 优势 =========================*/
.advantage-bogy{ background:url(../images/ys-bg.jpg) no-repeat 50% 50%; background-size:cover;}
.advantage-con .hd{ display:block; text-align:center; }
.advantage-con .hd .block{background: rgba(0,0,0,0.8); display:inline-table; margin-top:25px; padding:0px 20px 10px 20px;}
.advantage-con .hd .block h2{ background:url(../images/bk-1.png) no-repeat 50% 90%; background-size:100%; padding:10px;font-weight:bold;}
.advantage-con .hd .block .txt-l,.advantage-con .hd .block .txt-r{ font-size:18px; color:#FFFFFF}
.advantage-con .hd .block .txt-c img{vertical-align: bottom; padding:0px 5px 0 5px; width:32px}
.advantage-con .hd .block p{ color:#CCCCCC; font-size:16px; line-height:24px; padding:0 10px;font-weight: normal;}
.advantage-con .bd .dashi-t{ display:block; text-align:right; padding-right:30px; padding-top:20px;}
.advantage-con .bd .dashi-t img{ width:160px;}
.advantage-con .bd .dashi-b{ display:block; position:relative; background: rgba(255,255,255,0.6); padding:25px 0 0 0; margin-top:20px;}
.daishi-b-con{ position:relative; padding:0 10px;}
.advantage-con .bd .dashi-b .pic{ display:inline-block; width:40%; overflow:hidden; padding-bottom:10px}
.advantage-con .bd .dashi-b .pic img{ display:block;width:80%;-webkit-box-shadow: 6px 6px 6px;  -moz-box-shadow: 6px 6px 0px #888888;  box-shadow: 6px 6px 0px #888888;}
.advantage-con .bd .dashi-b .txt{ width:56%; display:inline-block; vertical-align:top; overflow:hidden;}
.advantage-con .bd .dashi-b .txt h2{ position:relative; z-index:1; color:#FFFFFF; padding:5px 20px 5px 20px; line-height:20px; display:inline-table; text-align:center; font-size:16px; margin-left:10px;}
.advantage-con .bd .dashi-b .txt h2:after{ content: ""; z-index:-1; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#a70003;transform: skew(20deg)}
.advantage-con .bd .dashi-b .txt p{ font-size:12px; line-height:20px; color:#000; padding-top:6px;}
.advantage-con .bd .dashi-b .txt p strong{ color:#a70003}
.advantage-con .bd .dashi-b .dashi-item{ margin-bottom:10px;}
/*===================== 明星 =========================*/
/*.srar-body{background:url(../images/mx-bg.png) no-repeat 50% 50%; background-size:cover; /*min-height:306px;*/ }*/
.srar-con{position:relative; width:100%;}
.srar-con p{ font-size:13px; padding:10px;}
.srar-con .txt-1{ color:#000000; text-align:right; position:absolute; top:80px; left:0px; width:40%; z-index:9;}
.srar-con .txt-2{ color:#000000; text-align:left; position:absolute; top:40px; right:0px; width:40%; z-index:9;}
.srar-con .txt-3{ color:#000000; text-align:left; position:absolute; top:170px; right:0px; width:33%; z-index:9;}
/*===================== 多维起名 =========================*/
.duowei-body{background:url(../images/duowei-bg.jpg) no-repeat 50% 50%; background-size:cover;}
.duowei-con .hd{ display:block; text-align:center; }
.duowei-con .hd .block{background: rgba(0,0,0,0); display:inline-table; margin-top:25px; padding:0px 20px 10px 20px;}
.duowei-con .hd .block h2{ background:url(../images/bk-1.png) no-repeat 50% 70%; background-size:100%; padding:10px;font-weight:bold;}
.duowei-con .hd .block .txt-l,.duowei-con .hd .block .txt-r{ font-size:18px; color:#000}
.duowei-con .hd .block .txt-c img{vertical-align: bottom; padding:0px 5px 0 5px; width:32px}
.duowei-con .hd .block p{ color:#666; font-size:16px; line-height:24px; padding:0 20px; font-weight: normal;}
.duowei-con .bd{ padding:20px 1px;}
.duowei-con .bd .item{ padding:0 5px;}
.duowei-con .bd .items{ padding:2px 2px;}
/*===================== 套餐 =========================*/
.set-body{ background-color:#eeeded; position:relative}
.set-con .hd{ display:block; text-align:center; }
.set-con .hd .block{background: rgba(0,0,0,0); display:inline-table; margin-top:25px; padding:0px 20px 10px 20px;}
.set-con .hd .block h2{ background:url(../images/bk-1.png) no-repeat 50% 90%; background-size:100%; padding:10px;font-weight:bold;}
.set-con .hd .block .txt-l,.set-con .hd .block .txt-r{ font-size:18px; color:#000}
.set-con .hd .block .txt-c img{vertical-align: bottom; padding:0px 5px 0 5px; width:32px}
.set-con .hd .block p{ color:#666; font-size:16px; line-height:24px; padding:0 20px; font-weight: normal;}
.set-con .set-list-con{ position:relative; overflow:hidden; padding:10px 10px;}
.set-con .set-list-con li{ width:50%; float:left; padding:1px; position:relative}
.set-con .set-list-con a{ background-color:#FFFFFF; display:block; text-align:center; padding-bottom:20px;}
.set-con .set-list-con .txt{ padding:20px 20px 0 20px; font-size:13px; text-align:left; min-height:190px;}
.set-con .set-list-con button{background-color: #a70003;}
.set-body a{ width:49%; display:block; height:100%; display:inline-block}
.set-link{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:99;}
/*===================== 流程 =========================*/
.process-body{ background:url(../images/lc-bg.jpg) no-repeat 50% 50%; background-size:cover; }
.process-con .hd{ display:block; text-align:center; }
.process-con .hd .block{background: rgba(0,0,0,0); display:inline-table; margin-top:25px; padding:0px 20px 10px 20px;}
.process-con .hd .block h2{ background:url(../images/bk-1.png) no-repeat 50% 80%; background-size:100%; padding:10px;font-weight:bold;}
.process-con .hd .block .txt-l,.process-con .hd .block .txt-r{ font-size:18px; color:#000}
.process-con .hd .block .txt-c img{vertical-align: bottom; padding:0px 5px 0 5px; width:32px}
.process-con .hd .block p{ color:#666; font-size:16px; line-height:24px; padding:0 10px; font-weight: normal;}
.process-con .process-list{ padding-top:15px; padding-bottom:20px;}
.process-con .process-list .process-ietm{ background: rgba(255,255,255,0.8); padding:20px 5px 20px 5px; margin-bottom:10px;
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
 -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
 box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.process-con .process-list .process-ietm .hd{ background-color:#a70003; font-size:24px; line-height:70px; color:#FFFFFF; width:70px; height:70px}
.process-con .process-list .process-ietm .title{ font-size:17px; color:#a70003; line-height:30px; padding-top:5px;}
.process-con .process-list .process-ietm .title .process-item-ico{ background:url(../images/lc-ico.png) no-repeat 50% 45%; background-size:100%; width:9px; display:block; height:30px; float:left; margin-right:8px; line-height:30px;}
.process-con .process-list .process-ietm .text{ line-height:20px; font-size:14px; color:#666;}
.process-con .process-ts{ width:80%; margin:0 auto}
/*===================== 反馈 =========================*/
.fankui-body{ background-color:#FFFFFF; padding-bottom:20px;}
.fankui-body .hd{ padding:10px 10px 0 10px; text-align: center; vertical-align:top}
.fankui-body .hd span{font-size:18px; color:#000; font-weight:bold; display:inline-block; line-height:50px; padding:0px; margin:0px;vertical-align:top}
.fankui-body .hd .fankui-item-ico{ background:url(../images/lc-ico.png) no-repeat 50% 50%; background-size:100%; width:10px; display:block; height:50px; display:inline-block; margin-right:10px; margin-left:10px; line-height:50px;}
.fankui-body .fankui-list-con{ position:relative}
.fankui-body .fankui-list-con h3{ font-size:14px; color:#333; line-height:26px;}
.fankui-body .fankui-list-con p{ font-size:12px; color:#b0b0b0; line-height:20px; padding-top:3px;}
.fankui-body .fankui-ietm{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #d9d9d9}
.fankui-body .fankui-ietm:last-child{border-bottom:0px dashed #d9d9d9}
.list_lh{height:400px;overflow:hidden;}
/*===================== 立即申请 =========================*/
.Apply-body{ background-color:#f9f9f9; min-height:500px;}
.Apply-con .hd{ display:block; text-align:center; }
.Apply-con .hd .block{background: rgba(166,0,2,1); display:inline-table; margin-top:25px; padding:5px 20px 5px 20px;}
.Apply-con .hd .block h2{ padding:10px;font-weight:bold;}
.Apply-con .hd .block .txt-l,.Apply-con .hd .block .txt-r{ font-size:18px; color:#FFFFFF}
.Apply-con .hd .block .txt-c img{vertical-align: bottom; padding:0px 5px 0 5px; width:32px}
.Apply-con .hd .block p{ color:#fff; font-size:16px; line-height:24px; padding:0 10px;font-weight: normal;}
.Apply-con .hd p{ font-size:12px; line-height:28px; font-weight: normal;}
.Apply-con .bd{ position:relative; margin-top:20px;}
.Apply-con .bd .title .Apply-item{ display:block; width:50%; float:left; background-color:#eeeeef; text-align:center; line-height:70px; font-size:18px;}
.Apply-con .bd .title .Apply-item.current{ width:50%; background-color:#a70105; color:#FFFFFF}
.Apply-con .bd .title .Apply-item .baby-ico{background:url(../images/baby-ico.png) no-repeat 50% 50%;  height:70px; width:40px; display:inline-table; margin-right:8px; line-height:70px;vertical-align:top}
.Apply-con .bd .title .Apply-item.current .baby-ico{background:url(../images/h-baby-ico.png) no-repeat 50% 50%;  height:70px; width:40px; display:inline-table; margin-right:8px; line-height:70px;vertical-align:top}
.Apply-con .bd .title .Apply-item .name-ico{background:url(../images/name-ico.png) no-repeat 50% 50%;  height:70px; width:40px; display:inline-table; margin-right:8px; line-height:70px;vertical-align:top}
.Apply-con .bd .title .Apply-item.current .name-ico{background:url(../images/h-name-ico.png) no-repeat 50% 50%;  height:70px; width:40px; display:inline-table; margin-right:8px; line-height:70px;vertical-align:top}
.Apply-con .tab-con .tab-con-line{ display:none;padding:20px}
.Apply-con .tab-con .tab-con-line .form-group {position: relative;font-size: 15px;color: #666;}
.Apply-con .tab-con .tab-con-line .form-group + .form-group {margin-top: 20px;}
.Apply-con .tab-con .tab-con-line .form-group .form-label {position: absolute;z-index: 1;left: 0;top: 5px;-webkit-transition: 0.3s;transition: 0.3s;    font-weight: 100;}
.Apply-con .tab-con .tab-con-line .form-group .form-control {width: 100%;position: relative;z-index: 3;height: 35px;background: none;border: none;padding: 5px 0;-webkit-transition: 0.3s;transition: 0.3s;border-bottom: 1px solid #777;border-radius:0px;box-shadow:none;}
.Apply-con .tab-con .tab-con-line .form-group .form-control-txt {position: relative;z-index: 3;height: 35px;background: none;border: none;padding: 5px 0;-webkit-transition: 0.3s;transition: 0.3s;border-bottom: 1px solid #777;border-radius:0px;box-shadow:none;}
.Apply-con .tab-con .tab-con-line .form-group .form-control:invalid {outline: none;}
.Apply-con .tab-con .tab-con-line .form-group .form-control:focus, .form-group .form-control:valid {outline: none;color: #a70105;box-shadow: 0 1px #a70105;border-color: #a70105;}
.Apply-con .tab-con .tab-con-line .form-group .form-control:focus + .form-label, .Apply-con .tab-con .tab-con-line  .form-group .form-control:valid + .form-label {font-size: 12px;-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);transform: translateY(-15px);}
.Apply-con .tab-con .tab-con-line .form-group .for-riqi .item{ padding:0px; text-align:right}
.Apply-con .tab-con .tab-con-line .form-group .for-taocan .item{ padding:0px;}
.Apply-con .tab-con .tab-con-line .form-group span{ padding-right:5px;}
.Apply-con .tab-con .tab-con-line .form-group .for-taocan .hot{ background-color:#a70105; padding:3px 5px 3px 5px; margin-left:10px; margin-right:5px; color:#FFFFFF; font-size:12px;-webkit-box-shadow: 0px 2px 6px #fff100;-moz-box-shadow: 0px 2px 0px #fff100;box-shadow: 0px 2px 0px #fff100; position:relative}	
.Apply-con .tab-con .tab-con-line  .form-group .for-taocan .hot:before {position:absolute;top:15px;left:0px;content: "";display: block;clear: both;height: 0;font-size: 0;width:0;height:0;border-left: 0px solid transparent; border-right: 10px solid transparent ;border-bottom: 10px solid #a70105;transform: rotate(90deg);z-index:1}
.Apply-con .tab-con .tab-con-line .form-group.for-tj{ text-align:center; padding-top:10px;}
.Apply-con .tab-con .tab-con-line .form-group.for-tj .btn-danger{    background-color: #a70105;border-color: #a70105;}
.xingbie{ padding-top:4px;}
.xingbie .nannv-b{ position:relative}
.xingbie .nannv-b input {margin: 0px;width: 15px;height: 15px;z-index: 9;opacity: 0; position:absolute; z-index:2!important; width:100%!important; margin:0px!important; left:0px!important; right:0px!important;}
.xingbie .nannv-b span{ font-style:normal; font-weight:100; margin-left:5px;}

.xingbie .nannv-b-g2{ position:relative}
.xingbie .nannv-b-g2 input {margin: 0px;width: 15px;height: 15px;z-index: 9;opacity: 0; position:absolute; z-index:2!important; width:100%!important; margin:0px!important; left:0px!important; right:0px!important;}
.xingbie .nannv-b-g2 span{ font-style:normal; font-weight:100; margin-left:5px;}

.csrq{ padding-top:4px;}
.csrq .csrq-b{ position:relative}
.csrq .csrq-b input {margin: 0px;width: 15px;height: 15px;z-index: 9;opacity: 0;position:absolute; z-index:2!important; width:100%!important; margin:0px!important; left:0px!important; right:0px!important;}
.csrq .csrq-b span{ font-style:normal; font-weight:100; margin-left:5px;}

.csrq{ padding-top:4px;}
.csrq .csrq-b-g3{ position:relative}
.csrq .csrq-b-g3 input {margin: 0px;width: 15px;height: 15px;z-index: 9;opacity: 0;position:absolute; z-index:2!important; width:100%!important; margin:0px!important; left:0px!important; right:0px!important;}
.csrq .csrq-b-g3 span{ font-style:normal; font-weight:100; margin-left:5px;}

.csrq{ padding-top:4px;}
.csrq .csrq-b{ position:relative}
.csrq .csrq-b input {margin: 0px;width: 15px;height: 15px;z-index: 9;opacity: 0;position:absolute; z-index:2!important; width:100%!important; margin:0px!important; left:0px!important; right:0px!important;}
.csrq .csrq-b span{ font-style:normal; font-weight:100; margin-left:5px;}

.tupian {width: 15px;height: 16px;background: url(../images/kuang.png) no-repeat;}
.tupians {width: 15px;height: 16px;background: url(../images/kuang.png) no-repeat;} 

.tupian-g2 {width: 15px;height: 16px;background: url(../images/kuang.png) no-repeat;} 
.tupians-g3 {width: 15px;height: 16px;background: url(../images/kuang.png) no-repeat;}  
.sanjiao-h {background:none!important} 
/*===================== footer =========================*/
.footer-body{ background-color:#333333; position:relative;margin-bottom:0px;}
.footer-body:before{position:absolute;top:0px;left:0px; right:0px;content:"";display: block;clear: both;height: 4px;width:100%;z-index:1; background-color:#a70105}
.footer-con{ padding:20px 15px 20px 15px;}
.footer-con-l{ float:left}
.footer-con-r{ float:right}
.footer-con-l,.footer-con-r{font-size:14px;}
.footer-con-l i{ padding-right:5px;}
/*===================== top =========================*/
.toTop {position: fixed;padding: 5px 0 6px 0;bottom: -100px;right: 0px;z-index: 1000;width: 40px;height: 45px;text-align: center;
line-height: 56px;background: #555555;color: #fff;cursor: pointer;-webkit-transition: all 0.4s;transition: all 0.4s; overflow:hidden}
.toTop .block{ position:relative;}
.toTop .block:before {content: "";position: absolute; margin:0 auto;top: 6px;left: 0px; right:0px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid #fff; overflow:hidden}
.toTop:hover {color: #fff;background-color: #a70003;}
.toTop .block:hover:before {-webkit-animation: page-footer-top-ico 0.3s forwards;-moz-animation: page-footer-top-ico 0.3s forwards;animation: page-footer-top-ico 0.3s forwards;}
/*===================== 立即报名 =========================*/
.Apply-top {position: fixed;padding: 5px 0 6px 0;bottom: 0px;right: 0px; left:0px; width:100%;z-index: 1000;-webkit-transition: all 0.4s;transition: all 0.4s; opacity:1; text-align:center;background: rgba(0,0,0,0.3); padding:15px;}
.Apply-top .btn-primary{background-color: #b11617;border-color: #ff0000;}
.baoming-h{ opacity:0!important;}
.baoming{ margin-right:10px;}
.kefu{z-index: 99999999!important;}