@import "iconfont2.css";
@import "iconfont.css";
@charset "utf-8";
html{min-height:100%;}
body{min-height:100%; color:#1d2123; line-height:1em; padding:0px;width:100%; margin:0 auto; font-family:"Microsoft YaHei","微软雅黑"; max-width:750px; background:#f8f8f8; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,label, textarea, p, blockquote, th, td,i,em {margin:0;padding:0;font-weight:normal; list-style:none;font-style:normal;}
input, img { vertical-align: middle; border:none;margin:0px; padding:0px; }
ol, ul {list-style: none outside none;margin:0;padding: 0;}
a{cursor:pointer;text-decoration: none;color:#1d2123;}
a:link,a:visited{color:#1d2123;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;} 
input { border:1px solid #fff; background:#fff; color:#848484; font-size:0.875em; line-height:2em; height:2em; width:100%; font-family: "Microsoft Yahei";  border-radius:6px; -webkit-appearance:none;}
select { border:1px solid #dfdfdf; background:#fff; color:#848484; font-size:0.875em; line-height:2.3em; height:2.3em; width:100%; font-family: "Microsoft Yahei"; text-indent:.75em; }
textarea { width:100%; text-indent:.625em; height:7em; font-size:0.875em; line-height:2em; color:#848484; border:1px solid #fff; background:#fff;  font-family:"Microsoft YaHei";border-radius:6px; margin-top:0.5em;}
.bottom { width:50%; height:2.3em; display:inline-block; font-size:1em; line-height:2.3em; color:#ffffff; border-radius:5px; text-align:center; background:#f84978; border:0; font-family:"Microsoft YaHei","微软雅黑"; text-indent:0em;}

/*头部*/
.header { width:100%; overflow:hidden; background:#fff; padding:.25rem 1rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.header h1 { width:40%; height:3rem; float:left; text-align:center; background-image:url(../images/logo.png); background-position:left center; background-repeat:no-repeat; background-size:contain; }
.header h1 a { display:inline-block; width:100%; height:100%; }

.gray { width:57%; float:right; height:3rem; overflow:hidden; }
.gray ul li { width:100%; float:left; font-size:.8rem; color:#666; line-height:3rem; }
.gray ul li strong { padding:0 .4rem 0 0; font-size:1.125rem;}

.header h3 {  float:right;  }
.header h3 i { float:left; font-size:2rem; line-height:3rem; }
.popup { background:#ff6700; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; display:none; }
.popup div { position:absolute; text-align:center; }
.photo { width:100%; height:100%; float:left; cursor:pointer;  }
.pop { width:100%; height:100%; top:8%; left:0; -webkit-animation:pop .3s ease-in-out backwards; -moz-animation:pop .3s ease-in-out backwards;-o-animation:pop .3s ease-in-out backwards;-ms-animation:pop .3s ease-in-out backwards;animation:pop .3s ease-in-out backwards;}
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-moz-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-o-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-ms-keyframes pop {
0%   { -webkit-transform:scale(1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.pop ul li { width:50%; float:left; margin-bottom:5%; }
.pop ul li h4 { width:100%; float:left; text-align:center; margin-bottom:5%; }
.pop ul li h4 span a { color:#ff6700; font-size:1.15em; line-height:2.2em; background:#fff; border-radius:1.1em; display:inline-block; width:60%; text-align:center; }
.pop ul li h6 { width:100%; float:left; text-align:center; }
.pop ul li h6 a { width:60%; text-align:center; font-size:1.25em; line-height:2.5em; color:#fff; border-radius:1.5em; display:inline-block;  border:1px solid #fff; margin-bottom:5%; }

.close { position:absolute; z-index:999; color:#fff; font-size:1.5em; line-height:1em; top:2%; right:3.5%; cursor:pointer;-webkit-animation:tit 0.8s ease-out 1.2s backwards; 
-moz-animation:close 0s ease-out .4s backwards;
-o-animation:close 0s ease-out .4s backwards;
-ms-animation:close 0s ease-out .4s backwards;
animation:close 0s ease-out .4s backwards;
}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-moz-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-o-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-ms-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}


.nav { width:100%; overflow:hidden;  background:#1d2123; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nav ul li { width:25%; display:inline-block; float:left; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  text-align:center; font-size:.8rem;  line-height:2.5rem;}
.nav ul li:nth-child(4n) { border-right:0px solid rgba(255,255,255,.2);}
.nav ul li a { color:#fff; display:inline-block;}


/*大海报*/
.banner-wrap { width:100%; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden;list-style: none; padding: 0;z-index: 1;}
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.swiper-wrapper img { width:100%; height:100%; }
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.swiper-pagination { position:absolute; text-align:center; z-index:10; bottom:8px; width:100%}
.swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#fff; opacity:1;  margin:0 2px;}
.swiper-pagination-bullet-active { background:#E51d21233; }



.mcon { width:100%; float:left; padding:0 5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:8px solid #eee; background:#fff;}

.marB { margin-bottom:3.5rem;}

/*栏目*/
.mlm { width:100%; float:left; font-size:1rem; color:#1d2123; font-weight:700; line-height:1.2rem; padding:1.2rem 0; }
.mlm i { font-size:1rem;  margin-right:6px; color:#1d2123;  float:left; font-weight:500;  }
.mlm i.f1 {font-size:1.25rem;}
.mlm i.f2 {font-size:1.5rem;}

/*医院动态*/
.mhnews { width:100%; overflow:hidden; }
.mhnews ul li { overflow:hidden; margin-bottom:1rem;}
.mhnews ul li img { float:left; overflow:hidden; height:75px; width:130px; margin-right:15px; }
.mhnews ul li span { display:block; overflow:hidden; font-size:.9rem; line-height:1.25rem; color:#333; margin-bottom:.6rem; max-height:3.1em;}
.mhnews ul li i { display:block; overflow:hidden; font-size:0.6rem; color:#999; line-height:1.25rem; }

/*医生团队*/
.mdoc { width:100%; float:left; }
.mdoc ul li { width:31.333%; margin-right:3%; float:left; margin-bottom:5%; height:8rem;  position:relative; background-image:url(../images/docbg.jpg); background-size:cover; background-position:-5rem top; background-repeat:no-repeat; text-align:center; padding:1rem 0 0 0; }
.mdoc ul li img { width:auto; height:100%;  }
.mdoc ul li span { width:100%; position:absolute; text-align:center; background:rgba(0,0,0,.5); bottom:0; left:0; font-size:.8rem; line-height:1.2rem; color:#fff; padding:.4rem 0; }
.mdoc ul li span font { font-size:.8rem;  margin-left:.5rem; }
.mdoc ul li:nth-child(3n) { margin-right:0; }


/*医院环境*/
.lsjj { width:100%; overflow:hidden; position: relative; height:16.2rem;}
.lsjj .swiper-container3 .swiper-wrapper .swiper-slide h3 { width:100%; height:13rem; position:relative; left:0; top:0; overflow:hidden;}
.lsjj .swiper-container3 .swiper-wrapper .swiper-slide h3 img { width:100%; height:13rem; }
.lsjj .swiper-container3 .swiper-wrapper .swiper-slide h3 b { position:absolute; left:0; top:0; background:rgba(0,0,0,.7); color:#fff; font-size:0.8rem; line-height:2rem;padding:0 .75rem; z-index:6; font-weight:normal; }
.lsjj .swiper-container3 .swiper-wrapper .swiper-slide h2 { width:100%; float:left; font-size:.9rem; line-height:1.25rem; color:#2e2e2e; padding:.8rem 0 }
.lsjj .swiper-button-prev {left:0; width:32px; height:2.4rem; line-height:2.4rem; text-align:center; font-size:1.3rem; color:#fff; position:absolute; top:5.3rem; z-index:999; background:rgba(0,0,0,.8); }
.lsjj .swiper-button-next { right:0; width:32px; height:2.4rem; line-height:2.4rem; text-align:center; font-size:1.3rem; color:#fff; position:absolute; top:5.3rem; z-index:999; background:rgba(0,0,0,.8); }
.marB { margin-bottom:3.5rem;}


.down { width:100%; float:left; background:url(../images/footerbj.jpg) center bottom no-repeat #1d2123;  border-top:8px solid #eee; padding:1.75rem 0 1.5rem 0;}
.down .tel { width:100%; float:left; text-align:center; color:#ff6700; font-size:2.25rem; line-height:3rem; font-weight:bold; margin-bottom:1rem; }
.down .tel em { width:100%; float:left; text-align:center; color:#ff6700; font-size:.8rem; line-height:2rem;  }
.down .xinxi { width:100%; float:left; text-align:center; color:rgba(255,255,255,.9); font-size:.8rem; line-height:1.75rem; }
.down .xinxi a { color:rgba(255,255,255,.9); }
.down .xinxi a:hover { color:#ff6700; }


.footer { width:100%; overflow:hidden; position:fixed; bottom:0; z-index:55555; background:#ff6700; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.footer ul li { width:25%; display:inline-block; float:left; border-right:1px solid rgba(255,255,255,.3); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:.6rem 0 .4rem 0;}
.footer ul li i { width:100%; float:left; text-align:center; font-size:1.25rem; color:#fff; line-height:1rem; padding:0 0 .5rem 0; }
.footer ul li p { width:100%; float:left; text-align:center; font-size:.6rem; color:#fff; line-height:1rem; }
.footer ul li:nth-child(4n) { border-right:0px solid rgba(255,255,255,.3);}
.footer ul li a { width:100%; display:block; }



/*--------------------------------------------------------二级页面---------------------------------------------------------------------*/
.mbanner { width:100%; margin:0 auto; overflow:hidden; position:relative; height:10rem; background-size: 100% auto; background-image:url(../images/banner01.jpg); background-position:center center; background-repeat:no-repeat; }
.mbanner b { position:absolute; width:100%; height:100%; display:inline-block; background:rgba(0,0,0,.2); left:0; top:0; }

/*--------------------------------------------------------医院动态---------------------------------------------------------------------*/

.newstab { width:100%; float:left; text-align:center; margin-bottom:40px; }
.newstab ul li { display:inline-block;width: 18%;  }
.newstab ul li a { display:inline-block; background:#fff;  color:#666; font-size:12px; border:1px solid #ddd; border-radius:3px; padding:7px 3px; }
.newstab ul li:hover a { background:#1d2123; color:#fff;  border:1px solid #1d2123; }
.newstab ul li i { width:30px; height:30px; float:left; margin-right:10px; background-image:url(../images/yc07.png); background-size:cover; background-repeat:no-repeat; background-position:center center;}
.newstab ul li:hover i { background-image:url(../images/yc07_over.png); }
.newstab ul li a.cug { background:#1d2123; color:#fff;  border:1px solid #1d2123; }
.newstab ul li a.cug i { width:30px; height:30px; float:left; margin-right:10px; background-image:url(../images/yc07_over.png); background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*--------------------------------------------------------连锁机构---------------------------------------------------------------------*/

.mlsjg { width:100%; float:left;  }
.mlsjg ul li { width:100%; float:left; margin-bottom:5%;}
.mlsjg ul li h3 { width:100%; height:13rem; position:relative; left:0; top:0; overflow:hidden; }
.mlsjg ul li h3 b { position:absolute; left:0; top:0; background:rgba(0,0,0,.7); color:#fff; font-size:0.8rem; line-height:2rem; padding:0 .8rem; z-index:6; font-weight:normal;}
.mlsjg ul li h3 img { width:100%; height:100%; }
.mlsjg ul li h4 { width:100%; float:left; padding:3% 0;}
.mlsjg ul li h4 font { width:100%;  float:left; padding:0 0 4px 0; font-size:1.1rem; color:#1d2123; line-height:2rem; font-weight:bold;  }
.mlsjg ul li h4 p {  width:100%; float:left; font-size:.9rem; color:#666; line-height:1.5rem;  }
.mlsjg ul li h4 p i { margin-right:6px; margin-top:2px; }

.mlsjgtit { width:100%; float:left; text-align:center; margin:7% 0;}
.mlsjgtit span { width:100%; float:left; font-size:1.5rem; line-height:2rem; color:#ff6700; margin-bottom:1rem; }
.mlsjgtit span font { font-size:1.2rem; color:#ff6700; margin-left:10px;}
.mlsjgtit p { color:#777; font-size:.9rem; line-height:1.75rem; }

.mlsjgpic1 { width:100%; float:left; text-align:center; margin: 0 0 5% 0; }
.mlsjgpic1 img { max-width:100%; height:auto; }

.mlsjgpic2 { width:100%; float:left; margin-bottom:2%; }
.mlsjgpic2 ul li { width:100%; float:left; height:12rem; position: relative; left:0; top:0;  margin-bottom:5%; }
.mlsjgpic2 ul li img { width:100%; height:100%; }
.mlsjgpic2 ul li span { width:100%; height:2.5rem; font-size:.9rem; line-height:2.5rem; color:#fff;  position:absolute; text-align:center; background:rgba(0,0,0,.5); bottom:0; left:0; }



.page { width:100%; float:left; font-size:.6rem; overflow:hidden; text-align:center; padding:1rem 0 2rem 0; }
.page a { color:#1d2123; background:#f1f1f1; margin:0 3px; padding:0 .8rem; line-height:2rem; display:inline-table; }
.page a:hover { background:#1d2123; color:#fff; border-radius:0px;}
.page a:active {  background:#1d2123; color:#fff; border-radius:0px;}
.page span.no { background:#f1f1f1; color:#1d2123; display:inline-table; border-radius:0px; line-height:2rem;  padding:0 .8rem; margin:0 3px;}
.page span.current { background:#1d2123; color:#fff; display:inline-table; border-radius:0px; line-height:2rem;  padding:0 .8rem; margin:0 3px }


/*--------------------------------------------------------医院简介---------------------------------------------------------------------*/

.lm { width:100%; float:left; text-align:center; margin:7% 0; }
.lm span { font-size:2rem; line-height:2.6rem; color:#ff6700; font-weight:bold; font-family:".萍方-简"; }
.lm p { color:rgba(0,0,0,.4); font-size:1.2rem; line-height:2rem; padding:0 0 .3rem 0; font-family:Times; }
.lm i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; }


.brand { width:100%; float:left; padding:0 0 7% 0; }
.brand h4 { width:100%; float:left; text-align:center; margin-bottom:7%; }
.brand h4 img { max-width:80%; height:auto; }
.brand h3 { width:100%; float:left; } 
.brand h3 span { width:100%; float:left; }
.brand h3 span img { max-width:80%; height:auto; }
.brand h3 em { width:100%; float:left; margin-top:1rem; font-size:.9rem; color:#1d2123; line-height:1.75rem; font-weight:bold; font-family:".萍方-简"; }
.brand h3 p { width:100%; float:left; font-size:.9rem; color:#555; line-height:1.75rem;  margin:5% 0 0 0;}


.intro_pic { width:100%; float:left; }
.intro_pic ul li { width:100%; float:left; margin-bottom:5%; }
.intro_pic ul li img { width:100%; height: auto; }

.intro { width:100%; float:left;  margin-bottom:2%; }
.intro ul li { width:100%; float:left;  }
.intro ul li h4 { width:100%; float:left; font-size:1.2rem; color:#1d2123; line-height:2.5rem;  font-weight:bold; }
.intro ul li h4 i { font-size:1.25rem; font-weight:bold; margin-right:.5rem; }
.intro ul li h5 { width:100%; float:right; }
.intro ul li h5 p { width:100%; float:left; font-size:.9rem; color:#555; line-height:1.75rem; text-indent:2em; margin-bottom:5%; }


.honor { width:100%; float:left; margin-bottom:2%;}
.honor ul li { width:48%; float:left; margin-bottom:5%; }
.honor ul li h3 { width:100%; float:left; margin-bottom:5%; }
.honor ul li h3 img { width:100%; height: auto; }
.honor ul li h4 { width:100%; float:left; font-size:.9rem; color:#555; line-height:1.2rem; text-align:center; height:2.4rem; overflow:hidden;  }
.honor ul li:nth-child(2n) { float:right; }



/*--------------------------------------------------------招聘---------------------------------------------------------------------*/
.job { width:100%; float:left;  margin-bottom:2%; }
.job ul li { width:100%; float:left; margin-bottom:5%;  }
.job table { background:#eee;}
.job table td { padding:.8rem 1rem; font-size:.8rem; color:#666; line-height:1.5rem; }
.job .co1 { font-weight:bold; }
.job a.ann01 { background:linear-gradient(to left,#ff8533,#ff6700); font-size:.8rem; border-radius:3px; color:#fff; line-height:2.5rem; padding:0 1.5rem; display:inline-block;}


/*--------------------------------------------------------就医指南---------------------------------------------------------------------*/
.map { width:100%; float:left; height:15rem; margin-bottom:5%;}

.guidecon { width:100%; float:left;  }

.guide { width:100%; float:left; }
.guide ul li { width:100%; float:left; margin-bottom:7%; } 
.guide ul li font { width:100%;  float:left; padding:0 0 3px 0; font-size:1.1rem; color:#1d2123; line-height:2rem; font-weight:bold;  }
.guide ul li p {  width:100%; float:left; font-size:.9rem; color:#666; line-height:1.5rem;   }
.guide ul li p i { margin-right:8px; margin-top:2px; color:#ff6700; font-size:1rem;}




/*-----------------------------------------------------------正文页---------------------------------------------------------*/

.tit { width:100%; float:left; font-size:1.3rem; color:#222; line-height:1.75rem; font-weight:bold; text-align:center; padding:1.5rem 0 1rem 0;  }
.info { width:100%; float:left; color:#666; font-size:.8rem; text-align:center; line-height:1.5rem; padding:0 0 1rem 0; border-bottom:1px solid #f7f7f7;  }
.info span { padding:0 .3rem; color:#999; }

.zw { width:100%; float:left; padding:1rem 0 .5rem 0; font-size:.9rem; color:#555; line-height:1.75rem;  }
.zw p { padding:0 0 1rem 0px; }
.zw strong { font-weight:bold; color:#555; margin-right:.5rem; }
.zw img { max-width:100%; height:auto; margin:5px 0; }


/*--------------------------------------------------------就医指南---------------------------------------------------------------------*/

.guide_f0 { width:100%; float:left; text-align:center; margin:20px 0; }
.guide_f0 span { font-size:2rem; line-height:2.6rem; color:#ff6700; font-family:".萍方-简"; font-weight:bold; }
.guide_f0 p { color:rgba(0,0,0,.6); font-size:20px; line-height:2rem; padding:0 0 10px 0; font-family:Times; }
.guide_f0 i { display:block; width:80px; height:5px; background:#ff6700; position:absolute; left:50%; margin-left:-40px; }

.guide_f1 { width:100%; float:left; }
.guide_f1 p { color:#666; font-size:14px; line-height:2rem; text-indent:2em; margin:10px 0;}

.guide_pic1 { width:100%; float:left; margin:10px 0 10px 0; }
.guide_pic1 ul li { width:31%; float:left; margin-right:2%;height:120px }
.guide_pic1 ul li img { width:100%; height:auto; }
.guide_pic1 ul p { width:100%; float:left; text-align:center; font-size:12px; color:#666; line-height:30px; margin-top:5px; }
.guide_pic1 ul li:last-child { margin-right:0; }

.guide_f2 { width:100%; float:left; background:#1d2123;}
.guide_f2 h4 { width:100%; height:70px; float:left; background:#ff6700; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; display:table;}
.guide_f2 h4 span { vertical-align:middle; display:table-cell; color:#fff; text-align:center; padding:0 10px; font-size:18px; color:#fff; line-height:20px; }
.guide_f2 h4 span strong { width:100%; float:left; font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:5px;}
.guide_f2 h5 { width:100%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px;}
.guide_f2 h5 p { color:#fff; font-size:14px; line-height:180%; text-indent:2em; margin-bottom:10px; }



/*牙齿种植中心*/
.guide_bj1 { width:100%; float:left;  background:#fafafa;}
.zzzx_qs { width:1200px; height:650px;  position:relative; margin:60px auto }
.zzzx_qs h4 { position:absolute; width:340px; height:340px; border-radius:50%; border:40px solid #1d2123; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; left:450px; top:170px; display:table;  border-left-color:#ff6700; border-top-color:#ff6700;}
.zzzx_qs h4 span { vertical-align:middle; display:table-cell; font-size:32px; font-weight:bold; line-height:40px; color:#1d2123; text-align:center; padding:0 40px; }
.zzzx_qs p { position:absolute;}
.zzzx_qs p b {width:80px; float:left;  font-size:60px; color:#ff6700; font-weight:bold; line-height:60px; font-family: "Lucida Sans Unicode"; letter-spacing:-0.05em;  }
.zzzx_qs p font { width:280px; float:right;font-size:24px; line-height:36px; color:#ff6700; font-weight:bold; text-align:left; }
.zzzx_qs p font em { width:100%; float:left; font-size:18px; color:#555; line-height:30px;}
.zzzx_qs p.p1 { left:0; top:160px; }
.zzzx_qs p.p2 { left:400px; top:0; }
.zzzx_qs p.p3 { right:0; top:150px; }
.zzzx_qs p.p4 { right:0; top:410px; }
.zzzx_qs p.p5 { left:480px; bottom:0; }
.zzzx_qs p.p6 { left:60px; top:410px;}

.zzzx_qs2 { width:1200px; height:650px;  position:relative; margin:60px auto }
.zzzx_qs2 h4 { position:absolute; width:340px; height:340px; border-radius:50%; border:40px solid #1d2123; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; left:450px; top:170px; display:table;  border-left-color:#ff6700; border-top-color:#ff6700;}
.zzzx_qs2 h4 span { vertical-align:middle; display:table-cell; font-size:32px; font-weight:bold; line-height:40px; color:#1d2123; text-align:center; padding:0 40px; }
.zzzx_qs2 p { position:absolute;}
.zzzx_qs2 p b {width:80px; float:left;  font-size:60px; color: #01919A; font-weight:bold; line-height:60px; font-family: "Lucida Sans Unicode"; letter-spacing:-0.05em;  }
.zzzx_qs2 p font { width:280px; float:right;font-size:24px; line-height:36px; color:#01919A; font-weight:bold; text-align:left; }
.zzzx_qs2 p font em { width:100%; float:left; font-size:18px; color:#555; line-height:30px;}
.zzzx_qs2 p.p1 { left:70px; top:150px; }
.zzzx_qs2 p.p2 { left:430px; top:50px; }
.zzzx_qs2 p.p3 { right:50px; top:150px; }
.zzzx_qs2 p.p4 { right:0; top:330px; }
.zzzx_qs2 p.p5 { right:50px; bottom:100px; }
.zzzx_qs2 p.p6 { left:430px; bottom:40px;}
.zzzx_qs2 p.p7 { left:60px; bottom:120px;}
.zzzx_qs2 p.p8 { left:50px; top:300px;}


.guide_bj2 { width:100%; float:left; padding:60px 0; background:#1d2123;}
.guide_bj2 .t1 { width:100%; float:left; text-align:center; font-size:48px; font-weight: bold; line-height:70px; color:#ff6700; }
.guide_bj2 .t2 { width:100%; float:left; text-align:center; font-size:48px; font-weight: bold; line-height:70px; color:#fff; }

.yccs { width:48%; float:left; margin-top:60px; }
.yccs ul li { width:100%; float:left; margin-bottom:60px;}
.yccs ul li h3 { width:30%; float:right; }
.yccs ul li h3 img { width:100%; height:auto; border-radius:15px; }
.yccs ul li h4 { width:65%; float:left; text-align: right; font-size:14px; color:rgba(255,255,255,.7); line-height:30px;  }
.yccs ul li h4 strong { width:100%; float:left; font-size: 18px; line-height: 180%; color:#ff6700; font-weight: bold;}

.yccs2 { width:48%; float:right; margin-top:120px; }
.yccs2 ul li { width:100%; float:left; margin-bottom:60px;}
.yccs2 ul li h3 { width:30%; float:left; }
.yccs2 ul li h3 img { width:100%; height:auto; border-radius:15px; }
.yccs2 ul li h4 { width:66%; float:right; text-align: left; font-size:14px; color:rgba(255,255,255,.7); line-height:30px;  }
.yccs2 ul li h4 strong { width:100%; float:left; font-size: 16px; line-height: 180%; color:#ff6700; font-weight: bold;}

.guide_bj2 .t3 { width:100%; float:left; font-size:16px; line-height:30px; color:#fff; background:#ff6700;border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 30px; text-indent:2em;}

.guide_bj3 { width:100%; float:left;  background:#fff;}
.guide_bj3 .t1 { width:100%; float:left; text-align:center; font-size:48px; font-weight: bold; line-height:70px; color:#1d2123; margin-bottom:60px; }

.guide_bj4 { width:100%; float:left;  background:#fff; padding:60px 0;}
.guide_bj4 .t1 { width:100%; float:left; text-align:center; font-size:48px; font-weight: bold; line-height:70px; color:#1d2123; margin-bottom:60px; }

.xffs { width:100%; float:left; margin-bottom:40px; }
.xffs ul li { width:31%; float:left; margin-right:3.5%; }
.xffs ul li h3 { width:100%; float:left; }
.xffs ul li h3 img { width:100%; height:auto; }
.xffs ul li h4 { width:100%; float:left; background:#ff6700; padding:10px 25px 20px 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.xffs ul li h4 span { font-size:22px; color:#fff; line-height:50px; font-weight:bold;  }
.xffs ul li h4 p { width:100%; float:left; font-size:16px; line-height:26px; color:rgba(255,255,255,.9); height:130px;  }
.xffs ul li:nth-child(3n) { margin-right:0; }

.guide_bj4 table { background:#ddd;}
.guide_bj4 table td { padding:20px 20px; font-size: 16px; color:#333; line-height:25px;}
.guide_bj4 .co1 { font-size: 22px; color:#fff; }
.guide_bj4 .co2 { font-size: 22px;}

.onlinean { width:100%; float:left; text-align:center;}
.onlinean a { background:linear-gradient(to bottom,#ff8533,#ff6700); font-size:14px; border-radius:5px; color:#fff; line-height:2rem; padding:0 10px 0 15px; display:inline-block; }

.t3 { width:100%; float:left; font-size:14px; line-height:180%; color:#fff; background:#ff6700;border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 30px; text-indent:2em;}

.guide_bj5 { width:100%; float:left; padding:60px 0; background-image:url(../images/docbg.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover; }
.guide_bj5 .t1 { width:100%; float:left; text-align:center; font-size:24px; font-weight: bold; line-height:180%; height:20px;color:#1d2123; margin-bottom:60px; }
.guide_bj5 .t2 { width:100%; float:left; background:#fff; }
.guide_bj5 .t2 h4 { width:100%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px;}
.guide_bj5 .t2 h4 span { font-size:20px; line-height:180%; color:#ff6700; font-weight:bold; }
.guide_bj5 .t2 h4 p { font-size:14px; line-height:180%; color:#666; margin-top:10px; text-indent:2em;}
.guide_bj5 .t2 h5 {float:right; }
.guide_bj5 .t2 h5 img { width:100%; height:auto; }