@charset "utf-8";
/* CSS Document Edited by LiLu */
* {
	margin:0;
	padding:0;
	outline:none;
	blr:expression(this.onFocus=this.blur());
    font-family:"΢���ź�", Microsoft YaHei;
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	list-style:none;
	text-decoration:none;
    margin: 0;
}
body,html {
	color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    position: relative;
    font-size:14px;
    line-height:1.7;
    overflow-x: hidden;
}
img {
    /*display: block;*/
	border:none;
	max-width: 100%;
	width: auto\9;
	height: auto;
	-ms-interpolation-mode: bicubic;
	_width:auto;
}
input, textarea {
	border:none;
	background:none;
    font-size:14px;
	vertical-align:middle;
	color:#666;
}
select {
    font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	font-family:"΢���ź�", Microsoft YaHei;
}
a {
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline: none;
	color:#333;
    transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;
}
a:hover,a:focus{
	text-decoration:none;
    color: #00b0ec;
}
em, i {
	font-style:normal;
}
a:focus, input, select {
	outline:none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content:"\200B";
	display: block;
	clear: both;
	height: 0;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
	-webkit-appearance: none; -webkit-border-radius:inherit; -moz-border-radius: inherit; border-radius:inherit;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.3; font-family:"΢���ź�", Microsoft YaHei;}
p{ text-align: left;margin: 0;}

/*===================header========================*/
header{width:100%; position: fixed; top:0; left:0; background: rgba(0,0,0,0); padding:15px 0; z-index:3000;}
.logo{ float: left; margin-right:15px;}
.logo a,.logo img{ display: block;}
.language{ float: left; margin-top: 15px;}
.language li{ float: left; line-height:33px;}
.language li a{display: block; color:#bbb; padding:0 10px;}
.language li a:hover{ color: #fff;}
/*a.menu-activator*/
.menu_tit{ display: inline-block; vertical-align: middle; color:#fff;font-family: arial; margin-right: 4px;}
a.menu-activator{ display:block; float: right; border-left: 1px solid transparent;position: relative;z-index: 200;}
a.menu-activator span.descriptor,a.menu-activator div.visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff;}
a.menu-activator span.descriptor { font-family:Aparajita; font-size: 18px; text-transform: uppercase; }
a.menu-activator div.visual { position: relative; width: 35px; height:32px; }
a.menu-activator div.visual i.line {
    display: block;
    position: absolute;
    width: 100%;
    height:5px;
    background-color: #fff;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
a.menu-activator div.visual i.line.line01 {
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
a.menu-activator div.visual i.line.line02 {
    top: 10px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
a.menu-activator div.visual i.line.line03 {
    top: 20px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}

a.menu-activator.active div.visual i.line:nth-child(1), a.menu-activator.active div.visual i.line:nth-child(3) {
    top:16px
}
a.menu-activator.active div.visual i.line:nth-child(1) {
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
a.menu-activator.active div.visual i.line:nth-child(3) {
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
a.menu-activator.active div.visual i.line:nth-child(2){
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0
}
a.menu-activator.active div.visual i.line.line01, a.menu-activator.active div.visual i.line.line02, a.menu-activator.active div.visual i.line.line03{
    background-color: #fff;
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
    -webkit-transition-delay:0ms;
    transition-delay:0ms
}
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line03 {
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1
}
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line02, a.menu-activator.active div.visual:hover i.line.line03{
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
    -webkit-transition-delay:0ms;
    transition-delay:0ms
}
.header_scr{ background: rgba(0,0,0,.50); box-shadow: 0 0 20px -3px rgba(0,0,0,.50);}
/*page*/
.page{text-align: center;margin: 40px 0 0;}
.page a{width:30px;height:30px;text-align: center;line-height:30px;display: inline-block;}
.page a:hover,.page a.active{background:#812892;color:#fff;}
.page_inp{width:50px;height:30px;padding:5px;border:1px solid #f5f5f5;}
.page_btn{width:50px;line-height:30px;background:#812892;color:#fff;}

/*footer*/
footer{ position: relative; z-index: 100; background: #fff;}
/*footer_top*/
.footer_top{ padding: 23px 0; background: #00b0ec; color: #fff;}
.f_language{ text-transform: uppercase;}
.f_language span,.f_follow span{ filter:alpha(opacity=30); opacity:0.30;}
.f_language a{ color: #fff; padding: 0 5px;}
.f_language a:hover{ text-decoration: underline;}
.f_follow{ float: right; text-transform: uppercase;}
.follow_list{ display: inline-block; vertical-align: middle;}
.follow_list li{ float: left; margin-left: 20px; cursor: pointer; }
.erweima{ position: absolute; top:-200px; margin-left:-93px; height: 0; overflow: hidden; z-index: 10; width: 120px; background: #fff; border:1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; color: #00b0ec; text-align: center; filter:alpha(opacity=0); opacity:0;}
.ma_area{ padding: 5px;}
.erweima img{ display: block; margin: 0 auto;}
.follow_list li:hover .erweima{ height: auto; filter:alpha(opacity=100); opacity:1; top:-150px;}
/*footer_m*/
.footer_m{ padding: 40px 0; background: #f7f7f7;}
.f_contact{ width: 345px; float: right; color: #a7a7a7; margin-left: 5%;}
.f_tel{ font-size: 18px; color: #000; margin-bottom: 20px;}
.f_tel em{ font-size: 24px;}
.f_nav{ overflow: hidden; border-right: 1px solid #dedede;}
.f_nav li{ width: 16.66%; float: left;}
.f_nav li a{ display: block; font-size: 12px; color: #a7a7a7; line-height: 22px; margin-bottom: 5px;}
.f_nav li a.a_item0{ font-size: 16px; color: #333; padding-bottom: 10px; position: relative;}
.f_nav li a.a_item0:before{ content: ""; position: absolute; bottom: 0; left:0; width: 48px; height: 1px; background: #dedede;}
.f_nav li a:hover{ color: #00b0ec;}
/*footer_bot*/
.footer_bot{ padding: 24px 0;}
.clinic{ width: 173px; float: right; text-align: center; position: relative;}
.clinic_menu{ display: block; height: 24px; line-height: 24px; background: #f9f9f9 url("../images/ico_04a.png") right center no-repeat; border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px;}
.clinic_list{ position: absolute; bottom:0; left:0; width: 100%; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; border-bottom: none; height: 0; overflow: hidden; filter:alpha(opacity=0); opacity:0;}
.clinic_list li{ line-height: 34px; border-top: 1px solid #dbdbdb;}
.clinic_list li:first-child{ border:none;}
.clinic:hover .clinic_menu{ background-image: url("../images/ico_04b.png");}
.clinic:hover .clinic_list{ bottom: 24px; height:auto; filter:alpha(opacity=100); opacity:1;}
.f_b_left{ overflow: hidden; font-size: 12px;}
.baidu,.powered{ display: inline-block; vertical-align: baseline; color: #1c63a4; margin-left: 10px;}
.powered:hover{ text-decoration: underline;}
.back_top{cursor: pointer; display: block; position: fixed; bottom: 110px; right: 30px; z-index: 100;}
.back_top img{ position: relative; top:0;}
.back_top:hover img{ top: -20px;}
/*subclass*/
.subclass{ position: absolute; top:78px; left:0; width: 100%; padding: 50px 0; background: #fff; box-shadow: 0 0 20px -2px #e5e5e5; z-index: 3000; height: 555px; display: none;}
.subclass_nav{ padding-bottom: 50px;}
.subclass_nav li{ width: 12.5%; float: left;}
.subclass_nav li a,.nav_phone a{ display: block; color: #999; line-height: 2.5;}
.subclass_nav li a.s_a1,.nav_phone a.s_a1{ color: #666; font-size: 18px; line-height: normal; margin-bottom: 40px;}
.subclass_nav li a.s_a1 img,.nav_phone a.s_a1 img{ display: inline-block; vertical-align: text-top; margin-right: 4px;}
.subclass_nav li a:hover,.nav_phone a:hover{ color: #00b0ec;}
.subclass_bot{ font-size: 12px; padding-top: 20px; border-top: 1px solid #e2e2e2; }
.s_bot_info{ color: #999; line-height: 2; float: left;}
.s_powered,.s_powered a{ color: #1c63a4;}
.s_powered:hover{ text-decoration: underline;}
.follow_list2{ display: block; float: right; position: relative;}
.subclass_nav,.subclass_bot{position: relative; top:100px; filter:alpha(opacity=0); opacity:0;}
.subclass_active .subclass_nav,.subclass_active .subclass_bot{ top:0; filter:alpha(opacity=100); opacity:1;}
#subclass_phone{padding: 30px 0; position: fixed; top:62px; height: 100%; overflow-y: auto;}
.nav_phone{ }
.nav_phone a.s_a1{ cursor: pointer; font-size: 16px; margin-bottom:20px; background: url("../images/arrow01_left3.png") left center no-repeat; padding-left: 20px; background-size: 8px;}
.nav_phone a.s_a1:hover,.nav_phone a.s_a1_active{ color: #00b0ec; background-image: url("../images/arrow01_left2.png");}
.nav_phone a.s_a1_active{ margin-bottom: 5px;}
.phone_sub{ margin:0 0 20px 20px; display: none;}

/*side_menu*/
/*.side_menu{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 3000; }*/
.menu_box{ position: fixed; top:15%; right: -100%; z-index: 3000; height: 70%; width: 22px; overflow: hidden; background: #303a45; color: #fff;}
.menu_active{ width: 80px;}
.menu_item{ display: block; text-align: center; cursor: pointer; padding-top: 20px;}
.menu_item img{ position: relative; left:0;}
.menu_ico{ display: block; cursor: pointer; width: 100%; height: 40px; position: absolute; bottom:0; left:0; background: url("../images/side_03a.png") 9px center no-repeat;}
.menu_list{ position: absolute; top:55px; bottom: 0; left:0; width: 100%; height: 100%; text-align: center; padding-bottom: 95px;}
.menu_list li{ height: 15%; background: url("../images/side_02.gif") 9px 12px no-repeat; padding-left: 22px;}
.menu_list li a{ display: inline-block; line-height: 20px; color: #fff; position: relative; left:100px; filter:alpha(opacity=0); opacity:0;}
.menu_list li a:before{ content: ""; position: absolute; bottom: 0; left:50%; width: 0; height: 1px; background: #fff;}
.menu_list li a:hover:before{ width: 100%; left:0;}
.menu_active .menu_list li{ background-position: -9px 12px; padding-left: 12px;}
.menu_active .menu_list li a{ left:0; filter:alpha(opacity=100); opacity:1;}
.menu_active .menu_ico{ background-image: url("../images/side_03b.png"); background-position: 12px center;}
.menu_active .menu_item img{ left:-100%;}
#activator_phone,#subclass_phone{ display: none;}
/*major_link*/
.major_link{ position: fixed; top:50%; left:0; z-index: 2500; margin-top: -45px;}
.major_link li{ position: relative; margin-bottom: 1px;}
.major_link li a{ display: block; width: 50px; padding-right: 10px; height:50px; line-height:50px; overflow: hidden; background: rgba(226,147,43,.80); color: #fff;}
.major_link li a img{ margin-left: 5px;}
.major_link li:hover a{ width: 100%;}

@media (max-width:1440px){
    .back_top{ width: 54px;}
}

@media (max-width:991px){
    .back_top{ display: none;}
    .footer_top,.footer_m,.clinic{ display: none;}
    .footer_bot{ border-top:1px solid #ccc; padding:15px 0;}
}

@media (max-width: 767px){
    /*body,html,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-size: 0.26rem;}*/
    /*header*/
    .logo img{ height: 32px; width: auto;}
    .language{ display: none;}
    a.menu-activator{ margin-top: 8px;}
    a.menu-activator div.visual{ width: 30px; height: 24px;}
    a.menu-activator div.visual i.line{ height: 3px;}
    a.menu-activator.active div.visual i.line:nth-child(1), a.menu-activator.active div.visual i.line:nth-child(3){ top:10px;}

    #activator_pc,#activator_pc{ display: none;}
    #activator_phone{ display: block;}
    .menu_box{ display: none;}

    .major_link{ top:auto; left: auto; bottom: 0.3rem; right: 0;}
    .major_link li a{ width: 40px; height: 40px; line-height: 40px;}

}