@charset "utf-8";
/* CSS Document */
body { margin:0;padding:0;color:#999;font-size:.75em; line-height:1.4em; font-family:arial,微软宋体,tahoma,宋体; background:#f6f6f6; max-width:640px; margin:0 auto;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
i,b,em{ font-weight:normal; text-decoration:none; font-style:normal;}
img { border:0; display:block;}
p,dl,dt,dd { margin:0; padding:0;}
ul,li { list-style:none; margin:0; padding:0;}
input{ margin:0; padding:0; border:none; outline:none;}
a{ color:#999; text-decoration:none; outline:none; border:none;}
a:hover{text-decoration:none; color:#999}
.fl { float:left;}
.fr { float:right;}
.clear1{clear:both; font-size:0px; line-height:0; height:0;}
.clear{ clear:both;}
.img{ width:100%; height:auto; overflow:hidden;}
.warp{ height:auto; overflow:hidden; width:100%; margin:3.7em auto 4.5em auto;}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?9nwfod');
	src:url('../fonts/icomoon.eot?9nwfod#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?9nwfod') format('truetype'),
		url('../fonts/icomoon.woff?9nwfod') format('woff'),
		url('../fonts/icomoon.svg?9nwfod#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.demo-icon{
      font-family: "icomoon";
      font-style: normal;
      font-weight: normal;
      /*speak: none;*/
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

/*头部、底部 begin*/
.top{ background:#fff; width:100%; text-align:center; padding:.5em 0 .2em 0; box-shadow: 0 2px 5px rgba(0,0,0,0.2); position:fixed; left:50%; margin-left:-50%; top:0; z-index:10; height:3em;}
.top img{ display:inline-block; height:90%;} 
.top .nav-but { position:absolute; left:0; top:0; font-size:1.8em; color:#3380d0; padding:0 3%; line-height:2em}
.top .loc-but { position:absolute; right:0; top:0; color:#ff6800; padding:0 3%; font-size:1.2em; line-height:3em}
.top .loc-but span{ display:inline-block}
.top .loc-but i{transform: rotate(180deg); display:inline-block;}
.nav{
	background-color: #3380d0;
}
.nav ul{ padding-top:1.5em;}
.nav li a{ color:#fff; font-size:1.4em; padding:.8em 0; display:block; padding-left:15%}
.nav li a span{ padding-right:5%;}
.loction{ width:100%; height:100%; background:#f2f2f2; position:fixed; left:50%; margin-left:-50%; top:-200%; z-index:20;max-width:640px; overflow:hidden; opacity:0}
.loction .p-o{ font-size:1.2em; color:#333; width:100%; background:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #f2f2f2; padding:.8em 0; text-indent:3%}
.loction .p-o span{ color:#ff6800;}
.loction .p-t{ color:#999999; text-indent:3%; padding:.8em 0}
.loction ul{ width:100%; background:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3}
.loction li a{ display:block; width:97%; margin-left:3%; border-bottom:1px solid #e3e3e3; color:#333; padding:.8em 0; font-size:1.2em}

.foot{ width:100%;}
.foot-t{ background:#fff; color:#ff6800; padding:1em 0; text-align:center; font-size:1.4em;}
.foot-t span{ margin-right:2%;}
.foot-t a{color:#ff6800;}
.foot-b{ width:100%; text-align:center; padding:.8em 0; background:#f2f2f2}
.foot-b p{ line-height:1.8em;}
.foot-b p span{ margin:0 5%;}
.foot-b p.p-o{ color:#666666}

.order-but{ padding:.6em 0; background:#fff; width:100%; text-align:center; position:fixed; left:50%; margin-left:-50%; bottom:0; z-index:10;}
.order-but i{ display:block; text-align:center; font-size:1.5em;}
.order-but span{ display:block; font-size:0.9em;}
.order-but a{ display:inline-block; width:20%; height:2em; line-height:2em;  color:#666; margin:0 1%;}
.order-but a.a-t{ color:#3380d0;}
/*头部、底部 end*/

/*首页样式 begin*/
#slideBox {width:100%; max-width:640px; margin-bottom:5px;/* 设置焦点图最大宽度 */}
#slideBox .hd {position:absolute; height:10px; bottom:.7em; z-index:1; width:100%; text-align:center; left:0;}
#slideBox .hd li {display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; opacity:0.3; text-indent:-9999px; overflow:hidden; margin:0 3px;}
#slideBox .hd li.on {opacity:1}
#slideBox .bd {position:relative; z-index:0;}
#slideBox .bd li {position:relative; text-align:center;}
#slideBox .bd li img {background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.main{ width:100%; max-width:640px;}
.main ul li{ width:32.33%; height:130px; text-align:center; padding:1.5em 0;  float:left; box-sizing: border-box; margin-bottom:6px;}
.main ul li img{ width:40%; display:inline-block; padding-bottom:.5em;}
.main ul li h2{ line-height:1.5em; color:#FFF; font-size:1.2em;}
.main ul li p{ color:#fff; display:block; font-size:1em; }
.main .c1{ background-color:#b750f5;}
.main .c2{ background-color:#51aec5;}
.main .c3{ background-color:#3380d0;}
.main .mr1{ margin-right:1.5%;}
/*首页样式 end*/

/*注册公司样式 begin*/
.reg-meau{ width:100%;}
.reg-meau li{ width:33.33333333%; float:left; padding:1em 0; border-bottom:3px solid #fff}
.reg-meau li a{ display:block; width:100%; font-size:1.2em; border-right:1px solid #bbbbbb; text-align:center; color:#333}
.reg-meau li.on{ border-bottom-color:#ff6800}
.reg-meau li.on a{ color:#ff6800}
.reg-main h4{ color:#333333; font-size:1.4em; padding:1em 0; text-align:center; font-weight:normal; background:#f2f2f2;}
.reg-main-o{ background:#fff;}
.reg-main-o .p-o{ padding:1em 3%; border-bottom:1px solid #f2f2f2; line-height:1.5em;}
.reg-main-o .p-o span{ color:#333; font-size:1.4em; padding-right:2%;}
.reg-main-o .p-t{ padding:1em 3%; line-height:1.8em;}
.reg-main-o .p-t span{ display:block; padding-bottom:.2em;}
.reg-main-o .p-t span i{ font-size:1.4em; color:#ff6800; font-weight:bold; margin-right:2%}
.reg-main-o .p-t span b{ display:inline-block; color:#fff; padding:0 2%; background:#ff6800; line-height:1.5em; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; margin-right:2%}
.reg-main-o .p-t span em{ color:#108df2}
.reg-main-o .p-t em{ color:#666}
.reg-main-o li{ width:21.25%; margin-left:3%; float:left; border:1px solid #cccccc; color:#666; padding:.7em 0 1em 0; position:relative; text-align:center; box-sizing: border-box; overflow:hidden; margin-bottom:.8em;}
.reg-main-o li img{ position:absolute; right:0; bottom:0; width:20%; display:none;}
.reg-main-o li.on{ color:#ff6800; border-color:#ff6800}
.reg-main-o li.on img{ display:block;}
.reg-main-t ul{ background:#fff;}
.reg-main-t li{ float:left; width:50.15%; border:1px solid #f2f2f2; box-sizing: border-box; padding:1em 0; margin:-1px 0 0 -1px;}
.reg-main-t li img{ width:30%; float:left; margin:0 3% 0 5%;}
.reg-main-t li p{color:#666; font-size:1.2em; line-height:1.5em; float:left; margin-top:.4em;}
.reg-main-t li p span{ font-size:.75em; color:#999; line-height:1.2em; display:block}
.reg-main-t .p-o{text-align:center; line-height:1.6em; padding:1em 0 1.5em 0;}
.reg-main-s ul{ background:#fff; padding-top:1.5em;}
.reg-main-s li{ width:33.333333%; text-align:center; float:left;}
.reg-main-s li img{ display:inline-block; height:3.5em;}
.reg-main-s li p { line-height:1.6em; margin-bottom:.8em;}
.reg-main-s li p span{ font-size:1.2em; color:#666; display:block;}
.reg-main-s .p-o{ text-align:center; line-height:1.6em; padding-bottom:1.5em;}
.reg-main-f ul{ background:#f2f2f2;}
.reg-main-f ul li{ float:left; width:33.33333%; text-align:center; margin-bottom:1.5em;}
.reg-main-f ul li img{ width:50%; display:inline-block; margin-bottom:.2em;}
.reg-main-f ul li p{ color:#666; font-size:1.2em;}
.reg-main .reg-main-w h4{ background:#fff;}
.reg-main-w li{ background:#fff; width: 33.33333333%; float: left; padding: .3em 0 1em 0; border-bottom: 2px solid #fff; text-align:center;}
.reg-main-w li.on{ color:#ff6800; border-bottom-color:#ff6800;}
.reg-main-w-m{ width:100%; height:auto; position:relative; background: url(../images/51cy-reg-16.gif) no-repeat center; background-size: 100% 100%; padding: 1.5em 0}
.reg-main-w-m-bg{ width:100%; position:absolute; left:0; top:0;}
.reg-main-w-m-m{ position:relative; z-index:2; margin:0 7%; display:none;}
.reg-main-w-m-m .m-t{ background-color:rgba(255,255,255,0.8); padding:.8em 0 .8em 0; margin-bottom:.8em;}
.reg-main-w-m-m .m-t dl{ width:82%; background:url(../images/1.png) no-repeat left center; background-size:7%; padding-left:10%; margin-left:4.5%; margin-bottom:.8em; margin-top:.8em}
.reg-main-w-m-m .m-t dl.dl-t{background:url(../images/2.png) no-repeat left center; background-size:7%;}
.reg-main-w-m-m .m-t dl.dl-s{background:url(../images/3.png) no-repeat left center; background-size:7%;}
.reg-main-w-m-m .m-t dt{ color:#333; font-size:1.2em; line-height:1.6em;}
.reg-main-w-m-m .m-b{ display:block; background:#ff6800; text-align:center; font-size:1.2em; color:#fff; padding:.8em 0;}
.reg-main-t.oth li p{ margin-top:1.2em;}
.reg-main-l { width:100%; background:#fff;}
.reg-main-l ul{ border-top:1px solid #e6e6e6}
.reg-main-l ul li{ border-bottom:1px solid #f2f2f2;}
.reg-main-l ul li span{ color:#666; display:block; padding:1.2em 0; background:url(../images/51cy-reg-26.gif) no-repeat left center; background-size:8% auto; padding-left:10%; margin-left:3%}
.reg-main-l ul li.li-t span{background:url(../images/51cy-reg-27.gif) no-repeat left center; background-size:8% auto;}
.reg-main-l ul li.li-s span{background:url(../images/51cy-reg-28.gif) no-repeat left center; background-size:8% auto;}
.reg-main-l ul li.li-f span{background:url(../images/51cy-reg-29.gif) no-repeat left center; background-size:8% auto;}
.reg-main-s.acc li{ border:1px solid #f2f2f2; margin-right:-1px; margin-top:-1px; box-sizing: border-box; padding:.8em 0 .2em 0;}
/*注册公司样式 end*/

/*关于我们样式 begin*/
.doc-main h4{ font-size:1.4em; color:#666; padding:1em 0 .8em 0; border-bottom:1px solid #e3e3e3; text-align:center; font-weight:normal; background:#f2f2f2}
.doc-main-m{ margin:0 4%; padding:1.5em 0;}
.doc-main-m .about-m p{ color:#666; line-height:1.5em; padding-bottom:.8em;}
.doc-main-m .about-m p span{ color:#ff6800;}
.doc-main-m .contact-m h5{ text-align:center; border-bottom:1px solid #e3e3e3; font-size:1.4em; font-weight:normal; padding:0 0 1em 0;}
.doc-main-m .contact-m h5 span{ font-style:italic; color:#ff6800}
.doc-main-m .contact-m dl{ line-height:1.6em; padding:1.5em 0; border-bottom:1px solid #e3e3e3}
.doc-main-m .contact-m dl i{ float:left;}
.doc-main-m .contact-m dl b{ float:left; width:85%}
.doc-main-m .contact-m dl p{ font-size:1.6em; color:#ff6800; line-height:1.6em;}
.doc-main-m .contact-m dl dt{ font-size:1.2em; color:#666; line-height:1.5em;}
.doc-main-m .contact-m dl dd{ color:#ff6800; font-size:1.2em; padding:.3em 0;}
.doc-main-m .contact-m dl dd i{background:url(../images/51cy-doc-2.gif) no-repeat left center; background-size:25% auto; padding-left:5%;}
.doc-main-m .contact-m dl dd b{ width:80%;}
.doc-main-m .contact-m dl .addc{ color:#999;}
.doc-main-m .contact-m.pay .p-o{ color:#666; font-size:1.2em; padding-bottom:.3em}
.doc-main-m .contact-m.pay .p-o span{ color:#ff6800;}
.doc-main-m .contact-m.pay .p-t{ color:#999999}
/*关于我们样式 end*/

/*预约样式 begin*/
.appoin-m h4{ background:#f2f2f2; color:#666;  font-size:1.4em; font-weight:normal; text-align:center; line-height:1.5em; padding:1em 0 .8em 0; }
.appoin-m h4 span{ color:#999; font-size:.75em; display:block;}
.appoin-m ul{ border-top:1px solid #e3e3e3}
.appoin-m ul li{ width:97%; margin-left:3%; border-bottom:1px solid #e3e3e3; line-height:1.6em; padding:.5em 0;}
.appoin-m ul li i{ font-size:1.6em; padding:.35em 2% 0 2%}
.appoin-m ul li input{ font-size:1.2em;  padding:.5em 0 .5em 2%; border-left:1px solid #e3e3e3; width:70%; color:#333}
.appoin-m a{ text-align:center; color:#fff; font-size:1.2em; height:3em; line-height:3em; display:block; width:90%; margin:1.2em auto; background:#f14b4b}
.appoin-m ul li span{ display:block; margin-right:3%; line-height:2.5em}

.bg{ height:100%; width:100%; position:fixed; left:0; top:0; background:#000; opacity:0.4; z-index:50; display:none;}
.dig{ width:100%; background:#f2f2f2; position:absolute; left:0; top:50%; z-index:51; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; overflow:hidden; display:none;}
.dig .dig-t{ background:#f14b4b; height:4em; line-height:4em; color:#fff; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
.dig .dig-t span{ display:block; width:17%; font-size:1.2em; float:left; margin-left:3%}
.dig .dig-t p{ float:left; width:60%; text-align:center;}
.dig .dig-t span.deter{ float:right; margin-left:0; margin-right:3%; text-align:right;}
.dig .dig-m{ padding:1.5em 0 1em 0}
.dig .dig-m li{width:45.5%; margin-left:3%; float:left; border:1px solid #cccccc; color:#666; padding:1em 0; position:relative; text-align:center; box-sizing: border-box; overflow:hidden; margin-bottom:.8em; font-size:1.2em;}
.dig .dig-m li img{position: absolute;right: 0;bottom: 0;width:14%; display: none;}
.dig .dig-m li.on{color:#ff6800; border-color:#ff6800}
.dig .dig-m li.on img{ display:block}
/*预约样式 begin*/

/*核名样式 begin*/
.check-m{ background:#fff}
.check-m ul{ padding-bottom: 5em}
.check-m ul li{width: 97%;margin-left: 3%;border-bottom: 1px solid #e3e3e3; line-height: 1.6em; padding: .5em 0; font-size:1.2em;}
.check-m ul li p{ color:#333}
.check-m ul li span{ margin-right:3%}
.check-m ul li input{font-size:1em; text-align:right; display:inline-block; color:#333; line-height:1.6em;}
.check-m ul li i{ font-size:.75em;}
.check-m a{ text-align:center; color:#fff; font-size:1.2em; height:3em; line-height:3em; display:block; width:90%; margin:1.2em auto; background:#f14b4b}

.digo{ background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; width:92%; position:absolute; left:4%; top:50%; z-index:51; display:none;}
.digo li{ width:100%; border-bottom:1px solid #e3e3e3; font-size:1.2em; line-height:1.6em; padding:1em 0; color:#333}
.digo li p{ margin-left:4%}
.digo li input{ margin:.3em 4% 0 0} 

.check-res-t{ width: 100%;}
.check-res-t dl{ background: url(../images/51cy-check-1.gif) no-repeat left center; background-size: 10% auto; padding: 1em 0 1em 13%; line-height: 1.6em; margin-left: 3%}
.check-res-t.sue dl{background: url(../images/51cy-check-2.gif) no-repeat left center; background-size: 10% auto;}
.check-res-t dl dt{ color: #aaaaaa; }
.check-res-t dl dt span{ color: #333333; font-size: 1.2em;}
.check-res-t dl dt i{ color: #ff6800; margin-left: 2%;}
.check-res-t dl dd{ color: #aaa;}
.check-res-m { margin-left: 3%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 1em 0 2em 0}
.check-res-m li{ font-size: 1.2em; color: #666; line-height: 1.6em; margin-left: 13%}
.check-res a{text-align:center; color:#fff; font-size:1.2em; height:3em; line-height:3em; display:block; width:90%; margin:1.2em auto; background:#f14b4b}
/*核名样式 end*/

/*直通车样式 begin*/
.stra-m h4{ background:#f2f2f2; color:#666;  font-size:1.4em; font-weight:normal; text-align:center; line-height:1.5em; padding:1em 0 .8em 0; }
.stra-m h4 span{ color:#999; font-size:.75em; display:block;}
.stra-m-m{ width:100%; background:#f2f2f2; padding-bottom:.5em;}
.stra-m-m dl{ width:94%; margin-left:3%; background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); margin-bottom:1.3em;}
.stra-m-m dl dt img{ width:100%}
.stra-m-m dl dd { padding:1.2em 0;}
.stra-m-m dl dd p{ margin-left:4%; width:70%}
.stra-m-m dl dd p span{ font-weight:bold; color:#ff6800; font-size:1.6em; padding-bottom:.2em;}
.stra-m-m dl dd p b{ color:#108df2; margin:0 0 .2em 3%; display:inline-block}
.stra-m-m dl dd i{ display:block; height:1.6em; line-height:1.6em; color:#fff; background:#78adce; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:1em; padding:0 3%; margin:.7em 4% 0 0}
.reg-main-q { background: #f2f2f2; padding: 1em 0;}
.reg-main-q p{ color: #ff6800; font-size: 1.2em; line-height: 1.6em; text-align: center;}
.reg-main-q p span{ color: #68a24e; display:block;}
/*直通车样式 end*/

@media screen and (max-device-width: 350px) {
  .reg-main-s li p span,.reg-main-t li p,.reg-main-f ul li p{ font-size:.75em;}
  .stra-m-m dl dd p{ margin-left:2%;}
  .stra-m-m dl dd i{ margin-right:2%}
}
@media screen and (max-device-width: 365px) {
  .reg-main-w-m-m .m-t{ padding:.6em 0 .6em 0; margin-bottom:.6em}
  .reg-main-w-m-m .m-t dl{margin-bottom:.5em; margin-top:.5em}
  .reg-main-w-m-m .m-t dt{ font-size:.75em; line-height:1.4em}
}
@media screen and (max-device-width:450px) {
  .reg-main-o li{ width:29.3333333%}
}
