﻿/* CSS Document */

/*banner*/

.focus{ width:100%;height:auto;  margin:0 auto; position:relative; overflow:hidden;max-height:297px;   }

.focus .hd{ width:100%; height:16px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }

.focus .hd ul{ display:inline-block; height:16px;font-size:0; vertical-align:top;}

.focus .hd ul li{ display:inline-block; width:16px; height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#0093dd; margin:0 5px;  vertical-align:top; overflow:hidden;   }

.focus .hd ul .on{ background:#dae4e5;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{  width:100%; background:url(../images/loading.gif) center center no-repeat;  }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*********国际医疗服务***********/

.com_title{

	height:28px;

	padding-left:3%;

	padding-top:19px;

	padding-bottom:10px;

}

.com_title p{line-height:28px;font-size:28px;color:#0093dd;border-left:8px solid #0093dd;padding-left:2%}

.service{width:100%;height:auto;overflow:hidden}

.service ul li{width:25%;padding-top:24px;float:left;overflow:hidden}

.service ul li a{color:#333}

.service ul li .icon{width:96px;height:96px;margin:0px auto;margin-bottom:10px;border-radius:48px;-webkit-border-radius:48px;}

.service ul div li:nth-of-type(1) .icon{background:url(../images/service_icon1.png) center no-repeat;background-color:#7dd8d9}

.service ul div li:nth-of-type(2) .icon{background:url(../images/service_icon2.png) center no-repeat;background-color:#c0b36f}

.service ul div li:nth-of-type(3) .icon{background:url(../images/service_icon3.png) center no-repeat;background-color:#d47aba}

.service ul div li:nth-of-type(4) .icon{background:url(../images/service_icon4.png) center no-repeat;background-color:#89d77c}

.service ul li:nth-of-type(1) .icon{background:url(../images/service_icon5.png) center no-repeat;background-color:#8bc53f}

.service ul li:nth-of-type(2) .icon{background:url(../images/service_icon6.png) center no-repeat;background-color:#ee7560}

.service ul li:nth-of-type(3) .icon{background:url(../images/service_icon7.png) center no-repeat;background-color:#04cfd7}

.service ul li:nth-of-type(4) .icon{background:url(../images/service_icon8.png) center no-repeat;background-color:#026469}

.service ul li p{text-align:center;font-size:18px;overflow:hidden}

.service ul li a{overflow:hidden;display:inline-block;width:100%;}



/***********海外治疗直通车***************/

.ztc{width:100%;height:auto;overflow:hidden;padding-top:8px;}

.ztc .ztc1{width:33%;margin-right:0.5%;}

.ztc p{height:33px;width:95%;padding-right:5%;margin-top:1%;background:#e8e8e8;font-size:18px;line-height:33px;text-align:right;}

.ztc p img{width:33px;height:22px;padding-left:2%}

.ztc .ztc_c{width:33%;overflow:hidden}

.ztc .m4{margin-top:1.8%;overflow:hidden}

.ztc .ztc_r{width:33%;overflow:hidden}







/**************服务团队展示******************/

#team_list{

	width:100%;

	overflow:hidden;

	position:relative;

	clear: both;

}

#team_list .bd{width:66.5%;overflow:hidden;position:absolute;top:0;left:0}

#team_list .bd ul{font-size:0;line-height:0}

#team_list .hd{width:35.1%;height:100%;position:absolute;right:0;top:0}

#team_list .hd ul li{width:100%;height:50px;line-height:50px;background:url(../images/casetb1.jpg) right no-repeat;overflow:hidden;display:block;text-align:center;font-size:22px;color:#FFF;background-size:94% 100%;margin-top:2px}

#team_list .hd ul li img{padding-left:5px;}

#team_list .hd ul li:last-child{margin-top:2px}

#team_list .hd ul li.on{background:url(../images/exp_casebg.png) right no-repeat;background-size:99% 100%}



/***********医学专家团队***************/

.sy_title { width:100%; float:left; line-height:40px; height:40px; color:#FFFEFE; margin-top:15px;}

.sy_title span { width:85%; float:left; line-height:40px; height:40px; font-size:18px; text-indent:10px; background:url(../images/nav_0001.png) no-repeat center right;}

.sy_title span b { padding-left:12px; background:url(../images/1-14.png) no-repeat left center; font-size:14px; font-weight:normal;}

.sy_title p { width:15%; float:left; line-height:40px; height:40px; font-size:13px; text-align:center; background:url(../images/nav_0002.png) no-repeat center left;}

.sy_title p a { color:#FFFEFE;}





.conter_zj { width:100%; float:left;}

.slide_container {

  position: relative;

  float: left;

  width: 100%;

  margin:15px 0px 0px 0px;

  }

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  float:left; 

  height:230px;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }

.rslides li .zj_left { width:32%; float:left;}

.rslides li .zj_left img { width:100%; float:left;}

.rslides li .zj_right { width:65%; float:left; margin-left:3%;}

.rslides li .zj_right span { width:100%; float:left; border-bottom:1px dashed #CCC; line-height:40px; color:#B38A61; font-family:"微软雅黑"; font-size:16px;}

.rslides li .zj_right span b { padding-right:10px; color:#019BAD; font-size:24px; font-weight:normal;}

.rslides li .zj_right p { width:100%; float:left; margin-top:10px; line-height:25px; color:#383737; font-family:"微软雅黑"; font-size:14px; height:100px; overflow:hidden;}

.rslides li .zj_right p strong { width:15%; float:left; font-weight:normal; color:#999999;}

.rslides li .zj_right p b { width:85%; float:left; color:#383737; font-weight:normal;}

.rslides li .zj_right p a { color:#0CB7C7;}

.rslides li .zj_zx {width: 100%;  margin: 8% 0% 0px 0%;  float: left;}

.rslides li .zj_zx h1 { width:40%; margin-left:5%; margin-right:5%; float:left; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; text-align:center; font-size:14px; padding:5px 0px 5px 0px; line-height:20px; max-height:40px; min-height:20px; font-weight:normal;}

.rslides li .zj_zx h1 a { color:#F7FDFD; font-family:"微软雅黑"; font-size:14px;}



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

.slide {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 80%;

  padding: 0;

  margin:0px 10% 0px 10%;

  }



.slide .caption {

  display: block;

  position: absolute;

  z-index: 2;

  text-shadow: none;

  color: #fff;

  background: #000;

  background: rgba(0,0,0, .8);

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0;

  max-width: none;

  }

  

 .slide_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 50px;

  left: 0;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 34px;

  width: 34px;

  }



.slide_nav:active {

  opacity: 1.0;

  }



.slide_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  background:url(../images/sy_right.png) no-repeat center center;

  }

.slide1_nav.prev { background:url(../images/sy_left.png) no-repeat center center;}





@media screen and (min-width:300px) and (max-width:639px){ 

  .focus .hd{height:8px;bottom:10px;}

  .focus .hd ul li{width:8px;height:8px;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 3px; } 

  /*******国际医疗服务*******/

  .com_title{height:18px;line-height:20px;font-size:16px;padding-top:10px;padding-bottom:5px;}

  .com_title p{line-height:18px;font-size:16px;}

  .service ul li{padding-top:15px;}

  .service ul li .icon{width:50px;height:50px;margin-bottom:5px;border-radius:25px;-webkit-border-radius:25px}

  .service ul div li:nth-of-type(1) .icon{background-size:22px 22px;}

  .service ul div li:nth-of-type(2) .icon{background-size:23px 17px;}

  .service ul div li:nth-of-type(3) .icon{background-size:29px 22px;}

  .service ul div li:nth-of-type(4) .icon{background-size:25px 22px;}

  .service ul li:nth-of-type(1) .icon{background-size:26px 18px;}

  .service ul li:nth-of-type(2) .icon{background-size:20px 30px;}

  .service ul li:nth-of-type(3) .icon{background-size:25px 38px;}

  .service ul li:nth-of-type(4) .icon{background-size:21px 25px;}

  .service ul li p{font-size:14px;}





 

/**************团队展示******************/

  #team_list .hd ul li img{padding-left:3px;width:15px;height:16px;}

  #team_list .hd ul li{width:100%;height:37px;line-height:37px;overflow:hidden;display:block;text-align:center;font-size:14px;color:#FFF;background-size:94% 100%;text-align:center;text-indent:1em}

  #team_list .hd ul li.on{background-size:99% 100%}

  #team_list .bd{width:66.5%;height:154px;overflow:hidden}

  #team_list .bd img{height:154px;}

.pz_down{ float:left; width:100%; }

.c_0100_3{ float:left; width:100%;}

.t_0100_2{ float:left; width:100%; padding:3px 0%;}

.t_0100_2 .l_80{

	float:left;

	width:100%;

	color:fff;

	line-height:25px;

	padding:0px 0;

	font-size: 12px;

	font-weight: 600;

	text-align: center;

}

.t_0100_2 .l_800{

	float:left;

	width:100%;

	color:fff;

	line-height:25px;

	padding:0px 0;

	font-size: 11px;

	font-weight: 500;

	text-align: center;

}

.t_0100_2 .r_20{ float:right; width:20%; text-align:right;}



.bg_2{

	border-top:#39a8bf solid 0px;

	background-color: #022452;

}

.c_0100_5{ float:left; width:100%; height:0px;}



/*底部固定工具条*/



#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }



ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 0px;}



.toollist li{ float:left;width: auto;  height: 100%;width:25%;



position: static!important;  margin: 0;



border-radius: 0!important; -webkit-box-sizing: border-box;



box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;



-webkit-box-sizing: border-box; box-shadow: none!important; background: none;



}



.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}



.toollist li a img{width:24px;height:24px;}



.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}



/*灰色主题*/



.toollist_gray {



	border-top: 1px solid #045fae;



	background-image:linear-gradient(top, #025ac0, #045fae 60%, #00489c);



	background-image:-o-linear-gradient(top, #025ac0, #045fae 60%, #00489c);



	background-image:-ms-linear-gradient(top, #025ac0, #045fae 60%, #00489c);



	background-image:-moz-linear-gradient(top, #025ac0, #4045fae 60%, #00489c);



	background-image:-webkit-linear-gradient(top, #025ac0, #045fae 60%, #00489c );







	box-shadow: 0 1px 0 #045fae inset;



	-moz-box-shadow:0 1px 0 #045fae inset;



	-webkit-box-shadow:0 1px 0 #045fae inset;



	-o-box-shadow:0 1px 0 #045fae inset;



}



.toollist_gray li{ border-right: 1px solid rgba(128, 128, 128, 0.6);}



.toollist_gray li a {color: #fff;}

.bg_1{ border-bottom:#0691b3 solid 0px; background-color:#022452; line-height:25px;}

.t_0100_1{

	float:left;

	width:92%;

	padding:2px 4% 0px 4%;

	text-align: center;

}

.t_0100_1 .l_logo{

	float:left;

	text-align: center;

	width: 100%;

	color: #FFFFFF;

	font-size: 12px;

}

.subMenu{

	width:2.01rem;

	min-height:100%;

	background:#0253ad;

padding:0 .25rem .24rem;	position:absolute;

	top:0;

	bottom:0;

	left:-2.01rem;

	overflow:auto;

font-size:.24rem;	z-index:1001;

	display:none;

}

.subMenu .menu li{height:1.5rem;border-bottom:1px solid #fff;text-align:center;}

.subMenu .menu a{color:#fff;}

.subMenu .menu li .icon{width:.8rem;height:.8rem;margin:.15rem auto;}

.subMenu .menu li .ic1{background-position:-2rem -1rem;}

.subMenu .menu li .ic2{background-position:-2rem -1.8rem;}

.subMenu .menu li .ic3{background-position:-2rem -2.6rem;}

.subMenu .menu li .ic4{background-position:-2rem -3.4rem;}

.subMenu .menu li .ic5{background-position:-2.8rem -.22rem;}

.subMenu .menu li .ic6{background-position:-2.8rem -1rem}

.subMenu .menu li .ic7{background-position:-2.8rem -2.6rem;}

.subMenu .menu a.on .ic1{background-position:-2.02rem -4.2rem;}

.subMenu .menu a.on .ic2{background-position:-2.8rem -1.8rem;}

.subMenu .menu a.on .ic3{background-position:-2.8rem -3.4rem;}

.subMenu .menu a.on .ic4{background-position:-2.8rem -4.2rem;}

.subMenu .menu a.on .ic5{background-position:-1.2rem -2.6rem}

.subMenu .menu a.on .ic6{background-position:-1.22rem -3.4rem;;}

.subMenu .menu a.on .ic7{background-position:-1.21rem -1.82rem;}

.subMenu .lang{height:.8rem;line-height:.8rem;font-size:.24rem;border-bottom:1px solid #898989;color:#898989;}

.subMenu .lang .icon{width:.15rem;height:.3rem;background-position:-1.06rem -2.1rem;float:right;margin:.25rem 0 0 0;}

.subMenu .lang.on .icon{background-position:-1.06rem -1.78rem;}





.sideMenu.subMove{right:0;}

.sideMenu{width:2.5rem;padding:.2rem .16rem 0 .24rem;background:#1a9dd9;position:absolute;top:0;bottom: 0;right:-2.5rem;overflow:auto;z-index:1001;display:none;}

.sideMenu .curPage{border-bottom:1px solid #fff;text-align: center;height:1.46rem;}

.sideMenu .curPage .icon{width:.8rem;height:.8rem;margin:0 auto .14rem;}

.sideMenu .curPage .ic1{background-position:-1.2rem -1.8rem;}

.sideMenu .curPage h3{font-size: .24rem;color:#fff;}

.sideMenu ul{margin-bottom:.4rem;}

.sideMenu ul li{border-bottom:1px solid #fff;position:relative;}

.sideMenu li a{width:1.95rem;height:.8rem;line-height:.8rem;color:#fff;overflow:hidden;}

.sideMenu li .icon{width:.14rem;height:.26rem;background-position:-1.06rem -2.12rem;position:absolute;top:.27rem;right:0;}

.sideMenu li a.on{color:#fff;}

.sideMenu li a.on .icon{background-position:-1.06rem -1.8rem;}



.container{

	padding-bottom:0.66rem;

	min-height: 100%;

	box-sizing: border-box;

-webkit-box-sizing: border-box;	width: 100%;

}

.container .mainNav .navHead{height:.54rem;padding:.14rem;background:#fff;}

.container .mainNav .navHead .logo{width:2.4rem;height:0.56rem;}

.mainNav .navHead .navIcons .icon{float:left;width:.6rem;height:.6rem;margin:0 0 0 .08rem;}

.mainNav .navHead .navIcons .user{background-position:0 0;}

.mainNav .navHead .navIcons .search{background-position:0 -.6rem;}

.mainNav .navHead .navIcons .global{background-position:0 -1.2rem;}

.mainNav .title{height:.8rem;line-height:.8rem;text-align: center;border-bottom:0px solid #e4e4e4;color:#fff;font-size: .34rem;}

.mainNav .title .icons,.investorIntro .i_t .icons,.maps .i_t .icons, .serviceList .article .i_t .icons{width:.6rem;height: .6rem;top:.12rem;}

.mainNav .title .menu{background-position:.02rem -1.8rem;left:.16rem;}

.mainNav .title .subnav,.investorIntro .i_t .icons,.maps .i_t .icons, .serviceList .article .i_t .icons{background-position:0 -3rem;left:.16rem;}

.mainNav .title .subnav.on,.investorIntro.on .i_t .icons,.maps.on .i_t .icons, .serviceList .article.on .icons{-webkit-transform: rotate(45deg);transform: rotate(45deg);}



.f-l{float:left;}

.f-r{float:right;}



.pl{position:relative;}

.c1{color:#1b2657;}

.c2{color:#333;}

.hide{display:none;}

.icon{background:url(../images/hc_icon.png) no-repeat;background-size:5rem 5rem;display:block;position: relative;}

.icons{background:url(../images/hc_icon.png) no-repeat;background-size:5rem 5rem;display:block;position: absolute;}

.iconss{background:url(../images/back_go.png) no-repeat;background-size:5rem 5rem;display:block;position: absolute;}

.iconst{background-size:5rem 5rem;display:block;position: absolute;}

.body{position:relative;width:100%;height:100%;overflow-x:hidden;}

