@charset "gb2312";
/* 
  cnlr web
  by:jasonho
  time:2014-08-07
  自适应版本
*/
/* 禁止webkit横屏改变字体大小 */
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}
em{ font-style:normal}
ul{ list-style:none;}
img{ max-width:100%; max-height:100%; vertical-align: middle;}
i{ font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
.wrapper{margin:0 auto;background-color:#F8F8F8;padding:1px 0;}
.wrapper_bgW{margin:0 auto;background-color:#fff;padding:1px 0; font-family:"Microsoft YaHei";}
.wrapper_bgG{margin:0 auto;background-color:#cdf0e5;padding:1px 0;}
.wrapper_bgB{margin:0 auto;background-color:#20a6d9;padding:0; border:solid #fff; border-width:1px 0;}
.no-bd{border:none;}
.PupNav_wrap{ height:100%; width:100%; z-index:7000;position:fixed; right:-100%; top:3.15em;transition:all 0.5s ease-out 0s; }
.Pchome_PupNav{width:80%; background:#F8F8F8; float:right;box-shadow:0 0 2em gray;} 
.PupNav_wrapTo{ right:0;}
.downNav{ z-index:5000;}

body{ text-align:left; font-family:"Helvetica","Microsoft YaHei"; color:#838383; min-width:320px; background-color:#f6f6f6; background-repeat:repeat; background-position:50% 0;}
li{list-style:none;}
a { color:#838383; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { color:#ba2636; text-decoration:none; }
a:active { color:#ba2636; }
p{ color:#838383; font-size:1em; line-height:1.5em;}
.bd{border:#E7E7E7 solid 1px;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.center{ text-align:center;}
.text-aL { text-align:left;}
.text-aR { text-align:right;}
.left { float:left;}
.right { float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone {display:none;}
.disBlock {display:block;}

/* color */
.cGg,.cGg a,.cGg:visited {color:#7B7C7D;}
.cWhite,.cWhite:visited,.cWhite a{color:#fff;}
.cYellow,.cYellow:visited{color:#ff0;}
.cOrange,.cOrange:visited,.cOrange a{color:#f60;}
.cGreen,.cGreen:visited,.cGreen a{color:#24a0a2;}
.cGreenO,.cGreenO:visited,.cGreenO a{color:#008883;}
.cGGreen,.cGGreen:visited,.cGGreen a{color:#2dbe60;}
.cGray,.cGray:visited,.cGray a{color:#333;}
.cDGray,.cDGray:visited,.cDGray a{color:#727171;}
.cBlack,.cBlack:visited,.cBlack a{color:#000;}
.cBlue,.cBlue:visited,.cBlue a{color:#19bde4;}
.cDBlue,.cDBlue:visited,.cDBlue a{color:#0077ae;}
.cRed,.cRed:visited,.cRed a{color:#ff0000;}
.cDRed,.cDRed:visited,.cDRed a{color:#BA2636;}
.cPRed,.cPRed:visited,.cPRed a{color:#f986ae;}
.cEmerald,.cEmerald:visited{color:#23c4a7;}

.cGg a:hover,a.cGg:hover,.cRed a:hover,a.cRed:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cPRed a:hover,a.cPRed:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover,.cEmerald a:hover,a.cEmerald:hover{color:#BA2636;}
.cWhite a:hover,a.cWhite:hover{color:#fff;}

a.bg-white,.bg-white a{background-color:#FFF;}
.bg-white a.current,.bg-white .current a{color:#1A7CD2;background-color:#E1E1E1;}
a.bg-blue,.bg-blue a{background-color:#1A7CD2;}
.bg-blue a.current,.bg-blue .current a{background-color:#06C;}
a.btn,.btn a{display:block;height:2em;line-height:2em; overflow:hidden;}
.r-bd{-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}

.Breadcrumb a { color:#0195a1;  display:none;}

.font-18px { font-size:.75em; line-height:1.25em;}
.font-20px { font-size:.833em;}
.font-28px { font-size:1.16em;}
.font-30px { font-size:1.25em;}
.font-40px { font-size:1.66em;}
.font-B { font-weight:bold;}
.font-N { font-weight:normal;}

.content_m10 { margin:0 .4em;}
.content_m20 { margin:0 .833em;}
.content_m30 { margin:0 1.25em;}
.content_m40 { margin:0 1.666em;}
.content_m50 { margin:0 7.8125%;}

.blank1  { clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-bottom:1px solid #ccc;}
.blank1d  { clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-bottom:1px dashed #9c9c9c;}
.blank9 {clear:both; height:.375em; overflow:hidden; display:block; font-size:1px;}
.blank12 {clear:both; height:.5em; overflow:hidden; display:block;}
.blank20 {clear:both; height:.8333em; overflow:hidden; display:block;}
.blank20G {clear:both; height:.8333em; overflow:hidden; display:block; background-color:#ededed;}
.blank20d {clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-bottom:.8333em solid #f1f1f1;}
.blank30 { clear:both; height:1.25em; overflow:hidden; display:block;}
.blank40 { clear:both; height:1.5em; overflow:hidden; display:block;}
.blank50 { clear:both; height:2.083em; overflow:hidden; display:block;}
.blank60 { clear:both; height:2.5em; overflow:hidden; display:block;}

.wrapper_bgWhite { background-color:#fff;}

/* 全局切换样式 */
.tab .normal { display:none;}
.tab .on { display:block;}

.banner_box { border-bottom:1px solid #ccc; text-align:center;}
.banner_box img { vertical-align:top;}
.top-phone { border-bottom:1px solid #ccc; background:#fff; padding:0.5em 0; font-size:1.4em; text-align:center; color:#02776f;}

.footer2014 { margin-bottom:30px; width:100%; height:100px; display:block; }
.footer2014 .user-panel { position:relative; width:100%; margin:0 auto; font:13px/24px "";}

.f12bla li { clear:both;}
.f12bla li.rbg {background:#ffe9f0; padding-left:0;}
.f12bla .firstNd {background:none; padding-left:0; line-height:0; }
.f12bla .firstNd h3,.f12bla .firstNd h4,.f12bla .firstNd h3 em,.f12bla .firstNd h4 em { font-weight:bold; line-height:21px;}
.f12bla .firstNd img { float:left;  line-height:21px;}
.f12bla .firstNd p { line-height:1.5em; text-indent:0em;}
.f12bla .firstNd .textBox { float:right;}

.lxb-container-btn-show { font-size:12px; width:5%;}

.Breadcrumb_zsy { font:1em/3em "Microsoft YaHei"; color:#757575; padding:0 0 0 .5em; text-align:left; border-top:2px solid #e5e5e5;  display:none;}
.Breadcrumb_zsy a { color:#0195a1;}

.bz_txt_gd { font:1em/1.5em "Microsoft YaHei"; }


/*news首页时增加*/
header.v2014_news {height:4.55em;}
header.v2014_news .logo { float:left; background-size:12.91em 4.55em; height:4.55em; width:12.91em; margin-left:.833em;}
header.v2014_news .yibao { float:right; background-size:4.125em 4.55em;  height:4.55em; width:4.125em; margin-right:.833em}


.entry_list_v2014 { background:#009896; height:2.5em; position:relative;}
.entry_list_v2014 ul { margin:0 .833em;}
.entry_list_v2014 ul li { width:16%; float:left; text-align:center; font:1em/2.5em "Microsoft YaHei";  color:#fff;}
.entry_list_v2014 ul li a { color:#fff; text-decoration:none;}
.entry_list_v2014 ul li.keshi-home { width:80px;}
.Breadcrumb { background:#fff; font:14px/35px ""; color:#0195a1; padding:5px 0 5px 10px; text-align:left;  display:none;}
.Breadcrumb a { color:#0195a1;}
/* header */
.entry_list_v2014{}
.entry_list_v2014 .summary { cursor:pointer; width:18%; display:inline-block; position:absolute; text-align:left; padding-left:.5em;}
/* selkeshi */
.selkeshi_v2014 { padding:2px 0 1.5em 0;z-index:10; background:#3bc5c4; position:relative; overflow:hidden;}
.selkeshi_v2014  a {display:block;color:#fff; font:1em/2em "Microsoft YaHei"; text-decoration:none; text-align:center; width:20%; float:left; overflow:hidden;}
.selkeshi_v2014  a:hover{background:#009896;}
.selkeshi_v2014 .none{ position:absolute; bottom:0; left:50%; margin-left:-27px;}
.selkeshi_v2014 .none a{ display:block; margin: 0 auto; width:54px;text-indent:-3000px;height:20px;text-decoration:none;}
.selkeshi_v2014 .none a:hover{ display:block;/*text-indent:-3000px;*/ text-decoration:none}

h3.section_titH301 { width:95%; font:100 1.25em/2em "Microsoft YaHei";  margin:0 auto .5em; text-align:left; color:#000000; padding-left:5%;}
.innercontent_v2014 { border-bottom:5px solid #f1f1f1; overflow:hidden; padding-bottom:1em; color:#757575; }
.innercontent_v2014 .login-form  span.text { font:1em/1.725em "Microsoft YaHei"; width:25%; text-align:right; display:inline-block; float:left;}
.innercontent_v2014 .login-form .username input, 
.innercontent_v2014 .login-form .phone input,
.innercontent_v2014 .login-form .number input, 
.innercontent_v2014 .login-form .code input { border:1px solid #cdcdcd; width:69%; height:1.725em; font:1em/1.725em "Microsoft YaHei"; padding-left: 4px; text-indent: 0;}
.innercontent_v2014 .login-form  .code input.captcha  { height:1.725em; font:1em/1.725em "Microsoft YaHei"; color:#000000;width:25%}
.innercontent_v2014 .login-form  .number input, .innercontent_v2014 .login-form  .code input { width:34%; margin-right:5px;}
.innercontent_v2014 .login-form  .code input.but01 { width:68px; height:1.25em; border:none; margin:0;}
.innercontent_v2014 .login-form  .submit { margin:15px auto;  width:40%;}
.innercontent_v2014 .login-form  .submit  input { background-color:#3ac5c4;  width:100%; height:2em; font:1em/2em "Microsoft YaHei"; border-radius:.4em; color:#fff; border:none;}
.innercontent_v2014 .login-form .field { margin-bottom:.8em; overflow:hidden; height:auto;}
.innercontent_v2014 .login-form .field input { float:left;}
.innercontent_v2014 .login-form .field img { display:inline-block; overflow:hidden; float:left;}
.innercontent_v2014 .login-form .departments select {width:60%; height:1.5em;}


.gotop{background-color:#009896;}
.gotop a{display:block;font-size:1em;line-height:2em; color:#fff;}

.f12bla_footer2014 { background-color:#f1f1f1; padding:1em 0;}
.f12bla_footer2014 .firstNd { width:85%; margin:0 auto;}
.f12bla_footer2014 .firstNd p {  font:13px/24px "";}
.f12bla_footer2014 .firstNd img { margin-right:1em; width:4.166em;}



/*2015版*/
#f-fixed{ width:100%; height:3.5em; position:fixed; bottom:0px; z-index:100; left:0px; }
.f-fixed-ask{ width:100%; margin:0 auto; border-top:1px solid #cccccc; background-color:#fafcfc; overflow:hidden;  padding:.4em 0;}
.f-fixed-ask li { float:left; width:25%; height:3em; text-align:center; color:#fff;}
.f-fixed-ask li img { max-width:100%; max-height:100%;}
.f-fixed-ask .homeIcon { background:url(../images/footer_fixedIcon01.png) 0 0 no-repeat; background-size:100%;}
.f-fixed-ask .SWTIcon { background:url(../images/footer_fixedIcon02.png) 0 0 no-repeat; background-size:100%;}
.f-fixed-ask .QQIcon { background:url(../images/footer_fixedIcon03.png) 0 0 no-repeat; background-size:100%;}
.f-fixed-ask .tellIcon { background:url(../images/footer_fixedIcon04.png) 0 0 no-repeat; background-size:100%;}
.f-fixed-ask i { display:inline-block; vertical-align:middle; overflow:hidden; width:2.25em; height:3em;}
.f-fixed-ask a {display:block; color:#fff;}

/*2015 w640 快速预约*/
.bookingBox { width:100%; overflow:hidden;}
.bookingBox li { width:45%; float:left; margin-right:3%; border:1px solid #ccc; padding:.35em .3em; margin-bottom:.5em; overflow:hidden; display:block;}
.bookingBox li:nth-child(2n) { margin:0; margin-bottom:.5em;}
.bookingBox li:last-child { border:none; text-align:center;}
.bookingBox li:last-child input { width:100%; height:2.5em;}
.bookingBox input,.bookingBox textarea,.bookingBox select { border:none; background-color:#eeeeee; font:1em/1.5em "Microsoft YaHei"; color:#333;}
.bookingBox input.in01,.bookingBox select { width:70%;}
.bookingBox input.in02 { width:40%;}
.bookingBox input.in03 { width:25%; color:#3ab2ae;}
.bookingBox li.w100 { width:96%;}
.bookingBox textarea { width:98%;}
.bookingBox select { padding:2px 0 3px 0;}
/*2015 w640 快速预约结束*/

.f12bla_phone { background-color:#2dbe60; border-radius:.5em; padding:.2em 0;}
.f12bla_phone .firstNd { width:60%; margin:0 auto; color:#fff;}
.f12bla_phone .firstNd .fa { float:left; font-size:2.5em; line-height:1.25em; margin-right:.2em; color:#fff;}
.f12bla_phone .firstNd p { font:1em/1.5em "Microsoft YaHei"; color:#fff;}
.f12bla_phone a { color:#fff;} 

.f12bla_footer2015 .firstNd {}
.f12bla_footer2015 .firstNd .fa { float:left; font-size:1.5em; line-height:1.25em; margin-right:.3em; color:#a4a4a4;}
.f12bla_footer2015 .firstNd p { font:1em/1.5em "Microsoft YaHei"; padding-top:.1em;}
.f12bla_footer2015 .firstNd .fb { float:right; margin-left:.2em; font:1em/1.5em "Microsoft YaHei"; color:#fff; overflow:hidden; border-radius:.4em;}
.f12bla_footer2015 .firstNd .f_cB { background-color:#3ab2ae; margin-top:.5em;}
.f12bla_footer2015 .firstNd .f_cG { background-color:#2fbe79;}
.f12bla_footer2015 .firstNd .fb a { display:block; padding:.1em 1.5em;}

.f12bla_copyright .firstNd p { text-align:center; font:1em/1.5em "Microsoft YaHei";} 
/*2015版 结束*/


/*2016版 底部导航*/
.footer_subMenu{padding-top:8px;margin-bottom: 70px;}
.footer_subMenu ul{overflow:hidden;}
.footer_subMenu .w33 li{float:left;width:33.33%; margin-bottom:1.5em; text-align:center;}
.footer_subMenu .w33 li img { width:45%; margin-bottom:.4em;}
.footer_subMenu .w33 li a{color:#666666;}
.footer_subMenu .w43 li {float:left; width:43.75%; border:1px solid #cccccc; text-align:center; padding:.8em 0; color:#999; margin-left:4%; margin-bottom:4%;}
.footer_subMenu p { font-size:1em; text-align:center;}
/*2016版 结束*/







@media only screen and (min-width: 1280px){
	body{font-size:24px;}
	.wrapper{width:640px;}
	.newWrap{ width:1280px;}
	.nav{ width:1280px;}	
}
@media only screen and (min-width: 640px) and (max-width: 1279px){
	body{font-size:24px;}
	.wrapper{width:640px;}
	.newWrap{ width:640px;}	
	.nav{ width:640px;}		
}
@media only screen and (min-width: 480px) and (max-width: 639px){
	body{font-size:18px;}
	.wrapper{width:100%;}
	.newWrap{ width:100%;}	
	.r-bd{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}	
	.nav{ width:100%;}
	.bookingBox select { padding:1px 0;}	
}
@media only screen and (min-width: 360px) and (max-width: 479px){
	body{font-size:13px;}
	.wrapper{width:100%;}
	.newWrap{ width:100%;}	
	.nav{ width:100%;}	
	.r-bd{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}	
	.selkeshi_v2014 { padding:2px 0 2em 0;}	
	.f12bla_footer2014 .firstNd p {  font:13px/24px "";}
	.font-20px { font-size:1em;}
	.bookingBox select { padding:1px 0;}
}
@media only screen and (max-width: 360px){
	body{font-size:14px;}
	.wrapper{width:100%;}
	.newWrap{ width:100%;}	
	.nav{ width:100%;}	
	.r-bd{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
	
	.entry_list_v2014 { height:3em;}	
	.entry_list_v2014 ul li { font:1.2em/2.5em "Microsoft YaHei";}
	.selkeshi_v2014 { padding:2px 0 2em 0;}
	.f12bla_footer2014 .firstNd p {  font:13px/24px "";}
	.font-20px,.font-18px { font-size:1em;}
	.bookingBox select { padding:0;}

}
@media only screen and (max-width: 320px){
	body{font-size:12px;}

}
