@charset "gb2312";
/* CSS Document */

html, body {width: auto;height: 100%; padding: 0px; margin: 0px; font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif; text-align:justify; font-size: 62.5%;}
body{ font-family:microsoft yahei; width:0 auto; color:#595757; font-size:0.16rem;}
body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td, a{ margin:0; padding:0; border:0; outline:0; font-weight:normal;}
input, textarea { margin:0; padding:0; outline:none; color:#353535; }
fieldset, img { border:0; outline:none}
li{list-style:none;}
a{text-decoration:none; outline:none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-tap-highlight-color: transparent;
-moz-touch-callout: none;
-moz-user-select: none;
-ms-tap-highlight-color: transparent;
-ms-touch-callout: none;
-ms-user-select: none;
-o-tap-highlight-color: transparent;
-o-touch-callout: none;
-o-user-select: none;
color:#353535;
}
img{border:0; display:block}
input, textarea, select { *font-size:100%;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
/**/

.sj_index{width:6.4rem; margin:0 auto; background:#FFF; overflow:hidden;}
.sj_gy{width:5.86rem; height:1.04rem; margin:0 auto;}
.sj_gy img{width:2.63rem; height:0.65rem; float:left; margin:0.15rem 0.25rem 0 0.15rem;}
.sj_gy ul{ float:left;}
.sj_gy ul li{float:left; margin:0 0.03rem; font-size:0.16rem; line-height:0.19rem; text-align:center; color:#333333; margin-top:0.5rem;}

.sj_banner img{width:100%; height:3.07rem; display:block;}

.sj_dh{width:100%; height:0.5rem; background:#65676e; margin-bottom:0.15rem;}
.sj_dh ul{width:5.8rem; margin:0 auto;}
.sj_dh ul li{font-size:0.16rem; line-height:0.3rem; text-align:center; color:#FFF; margin:0.1rem 0.09rem; float:left;}


/*daoyu*/
.daoyu{ width:100%; /*background:#f6f6f6;*/ padding:0.1rem 0;}
.daoyu dl{width:0.51rem; float:left; margin-left:0.39rem; border-right:1px solid #d2d1d1; padding-right:0.1rem;}
.daoyu dl img{width:100%}
.daoyu p{float:left; width:5rem; font-size:0.16rem; line-height:0.26rem; text-indent:2em; margin-top:0.1rem; margin-left:0.16rem;}

/*sjz*/
.sjz{ width:;6.23rem; height:1.1rem; margin:0.25rem auto 0.2rem;}
.sjz img{ width:100%;}

.sjz_ls{ background:#14255e; padding:0.1rem  0;}
.sjz_ls ul{ padding-left:0.73rem;}
.sjz_ls ul li{ font-size:0.15rem; color:#babdc9; line-height:0.28rem; background:url(../images/list_13.png) no-repeat left center; background-size:0.16rem; text-indent:0.2rem;}

/*sp*/
.spbg{ width:5.58rem; height:auto; padding:0.2rem; border:1px solid #99a8dc; margin:0.25rem auto 0.45rem;}
.sp{ width:5.1rem; height:auto; margin:0 auto; line-height:0.3rem; text-align:center;}

.spbg dl{ width:4.9rem; height:0.34rem; line-height:0.34rem; text-align:center; background:#e7e7e7; font-size:0.22rem; color:#14255e; font-weight:bold; margin:0.25rem auto 0.15rem;}
.spbg p{ line-height:0.28rem; text-indent:2em;}

/*社会监督员*/
.tit{ font-size:0.34rem; line-height:0.38rem; color:#14255e; font-weight:bold; text-indent:0.28rem; border-bottom:0.1rem solid #efefef;}
.tit font{ font-size:0.2rem; color:#535353;}
.shjdy{ width:6.23rem; height:auto; padding:0.22rem 0.08rem 0.3rem;}

.shjdy_pic{ width:6.23rem; height:2.69rem; margin:0 auto;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide img{ width:100%;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.device {
  width: 100%;
  position: relative;
}

.device .arrow-left {
  background: url(../images/left_03.png) no-repeat;
  background-size:0.34rem;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 0.34rem;
  height: 0.34rem;
  z-index:1029;
}
.device .arrow-right {
  background: url(../images/right_03.png) no-repeat;
  background-size:0.34rem;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 0.34rem;
  height: 0.34rem;
  z-index:1029;
}
.swiper-container {
  width: 100%;
}


.zt_txt{ padding:0.1rem 0.2rem 0.3rem; font-size:0.16rem;}
.zt_txt p{ text-indent:2em; line-height:0.28rem;}

.shjdy ul{ width:6.05rem; height:auto; margin:0 auto;}
.shjdy ul li{ width:2.83rem; padding:0.05rem 0.08rem 0.15rem; background:#efefef;}
.shjdy ul li img{ width:100%}
.shjdy ul li dl{ font-size:0.2rem; color:#222; text-align:center; line-height:0.4rem;}
.shjdy ul li p{ font-size:0.15rem; color:#3f3f3f; line-height:0.22rem; text-indent:2em; padding:0 0.12rem;}


/*志愿服务队*/
.zyfwd{ padding-bottom:0.2rem;}
.zyfwd .fwdbg{ width:100%; height:3.8rem; padding-top:0.19rem; background:url(../images/fwdbg_10.jpg) no-repeat center;}
.zyfwd .fwd{ width:5.84rem; height:3.58rem; margin:0 auto; position:relative;}
.zyfwd .fwd img{ width:100%;}
.fwd1{ width:3.77rem; height:1.94rem; position:absolute; left:0; top:0;}
.fwd2{ width:2.04rem; height:1.94rem; position:absolute; right:0; top:0;}
.fwd3{ width:1.85rem; height:1.61rem; position:absolute; left:0; bottom:0;}
.fwd4{ width:1.42rem; height:1.61rem; position:absolute; left:1.89rem; bottom:0;}
.fwd5{ width:2.49rem; height:1.61rem; position:absolute; right:0; bottom:0;}

/*志愿服务队公益行动*/
.zyfwd h3{ font-size:0.22rem; color:#14255e; text-align:center; font-weight:bold} 
.gyxd{ width:6.1rem; height:auto; margin:0.2rem auto;}
.gyxd li{ width:1.93rem; height:auto; float:left; margin:0 0.04rem; text-align:center; line-height:0.34rem; color:#252626; font-size:0.14rem;}
.gyxd li img{ width:100%;}

/*山东唯一示范医院*/

.ddyybg{ width:6.3rem; height:2.7rem; padding-top:0.27rem; background:url(../images/ddyybg_17.jpg) no-repeat center;}
.ddyy{ width:6.09rem; height:2.43rem; position:relative; margin:0 auto;}
.ddyy img{ width:100%;}
.dd1{ width:1.27rem; height:1.48rem; position:absolute; left:0; top:0.03rem;}
.dd2{ width:1.23rem; height:0.9rem; position:absolute; left:1.29rem; top:0.61rem;}
.dd3{ width:1.16rem; height:0.9rem; position:absolute; left:2.54rem; top:0.61rem;}
.dd4{ width:1.15rem; height:0.9rem; position:absolute; left:3.71rem; top:0.61rem;}
.dd5{ width:1.28rem; height:0.91rem; position:absolute; left:1.86rem; bottom:0;}
.dd6{ width:1.23rem; height:0.91rem; position:absolute; left:3.63rem; bottom:0;}
.dd7{ width:1.21rem; height:1.75rem; background:#566187; position:absolute; top:0; right:0;}
.dd7 div{ width:0.82rem; height:auto; padding:0.15rem 0.1rem; border:1px solid #8990ab; margin:0.15rem 0.08rem 0; font-size:0.16rem; line-height:0.2rem; color:#eeeff2;}
.dd8{ width:3.3rem; position:absolute; left:1.5rem; top:0.1rem; font-weight:bold}
.dd8 h2{ font-size:0.24rem; color:#14255e; line-height:0.26rem;}
.dd8 span{ float:right; font-size:0.14rem; color:#6d6d6d}

/*2016暑假疤痕胎记学生救助细则*/
.jzxz{ width:5.73rem; height:auto; position:relative; margin:0.4rem auto; padding:0.3rem 0.15rem 0.15rem 0.2rem; border:1px solid #737d9f;}
.jzxz h2{ width:3rem; height:0.24rem; line-height:0.24rem; color:#14255e; font-size:0.2rem; font-weight:bold; text-align:center; position:absolute; left:50%; margin-left:-1.5rem; top:-0.12rem; background:#fff;}
.jzxz p{ line-height:0.3rem; font-size:0.16rem; color:#404141;}

/*国际接轨*/
.gjjg{}
.gjjg_js{ width:100%; height:3.09rem; background:url(../images/gjjgbg_20.jpg) no-repeat center;}
.gjjg_js .txt{ width:5.1rem; height:auto; margin:0 auto; padding-top:0.8rem; color:#d9dbe3}
.gjjg_js .txt p{ text-indent:2em; line-height:0.27rem;}

.gjjg ul{ width:6.4rem; height:1.52rem; margin:0 auto; position:relative; top:-0.35rem;}
.gjjg ul li{ width:1.52rem; height:1.52rem; float:left; margin:0 0.03rem; position:relative;}
.gjjg ul li img{ width:100%;}
.gjjg ul li p{ width:1.52rem; height:0.43rem; position:absolute; bottom:0.06rem; font-size:0.14rem; line-height:0.16rem; text-align:center; color:#fff;}


/*暑假胎记学生公益救助名额申请*/
.mesq{}
.mesq h2{ font-size:0.3rem; color:#14255e; line-height:0.7rem; text-align:center; font-weight:bold}
.biaodan{ width:5.7rem; height:auto; border:2px solid #e9ecf7; border-radius:3px; padding:0 0.2rem;}
.biaodan dl{ font-size:0.26rem; line-height:0.7rem; color:#343434; font-weight:bold; text-align:center}
.biaodan p{line-height: 40px;overflow: hidden;text-indent: 0px; margin:0 0 8px;}
.biaodan p label{background: #f1f1f1; line-height:0.42rem; display:inline-block;font-size:0.20rem;width:30%;text-align: center; float:left; color:#4c4a4a;}
.biaodan p input,.biaodan p select{width:68%;padding:0px 8px; line-height:0.4rem; height:0.4rem; display:inline-block; border:1px solid #f1f1f1;-webkit-box-sizing: border-box;box-sizing: border-box; float:left; color:#646161; font-size:0.16rem; font-family:"微软雅黑";}
.biaodan .btn{ width:3.68rem; height:0.54rem; margin:0.25rem auto;}
.biaodan .btn input{width:3.58rem; height:0.54rem; background:url(../images/cur_03.png) no-repeat 3rem center #14255e; color:#fff; font-size:0.24rem; font-family:"微软雅黑"; text-align:center; line-height:0.54rem; border:0; border-radius:0.3rem; cursor:pointer; background-size:0.26rem;}

.gy{ width:4.38rem; height:1.38rem; margin:0.4rem auto;}
.gy img{ width:100%;}


/*底部电话*/
.f_telbg{ padding-bottom:77px; position:relative}
.f_tel{ height:70px; background:url(/templets/default/images/f_tel_07.png) no-repeat center center #1f2e55;}
.f_tel a{ width:100%; height:70px; display:block;}
.f_dh{ width:600px; height:80px; background:#fff; position:fixed; bottom:0; left:50%; margin-left:-300px; line-height:20px; z-index:999999;}
.f_dh div a{ width:164px; height:80px; display:block; float:left; color:#f50; text-align:center; font-size:18px;}
.f_dh div a i{ width:31px; padding-left:50%; display:block; margin:13px 0 5px -15px;}
.f_dh div a i img{ width:100%;}
.f_dh div a:nth-child(2){ border-left:2px solid #dbdbdb; border-right:2px solid #dbdbdb;}
.f_dh div a:last-child{ width:103px; background:#344266; color:#fff; border-left:1px solid #dbdbdb;}

.f_dh ul{ width:164px; height:81px; line-height:40px; background:rgba(0,0,0,0.3); position:absolute; z-index:999; bottom:90px; left:0; display:none; border-radius:5px;}
.f_dh ul li{ width:100%; height:40px; text-align:center}
.f_dh ul li:first-child{ border-bottom:1px dotted #fff;}
.f_dh ul li a{ height:40px; color:#fff; display:block}
.f_dh ul:before{ content:""; border-top:10px solid rgba(0,0,0,0.3); border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; bottom:-10px; left:70px;}

@media screen and (max-width:639px) and (min-width:412px){
/*底部电话*/
.f_telbg{ padding-bottom:55px;}
.f_tel{ height:50px; background-size:198px 38px;}
.f_tel a{ height:50px;}
/*.f_dh{ width:412px; height:55px; margin-left:-206px; line-height:18px;}
.f_dh a{ height:55px; font-size:16px;}
.f_dh a i{ height:28px; margin:5px 0 2px -14px;}
.f_dh a i img{ width:28px; height:28px;}*/
.f_dh{ width:412px; height:55px; margin-left:-206px; line-height:14px;}
.f_dh div a{ width:113px; height:55px; font-size:14px;}
.f_dh div a i{ width:23px; margin:9px 0 3px -11px;}
.f_dh div a:nth-child(2){ border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.f_dh div a:last-child{ width:70px;}

.f_dh ul{ width:113px; height:61px; line-height:30px; bottom:65px;}
.f_dh ul li{ height:30px;}
.f_dh ul li a{ height:30px;}
.f_dh ul:before{ content:""; border-top:8px solid rgba(0,0,0,0.3); border-left:8px solid transparent; border-right:8px solid transparent; bottom:-8px; left:50px;}
	}

@media screen and (max-width:411px) and (min-width:360px){
/*底部电话*/
.f_telbg{ padding-bottom:48px;}
.f_tel{ height:42px; background-size:167px 32px;}
.f_tel a{ height:42px;}
/*.f_dh{ width:360px; height:48px; margin-left:-180px; line-height:16px;}
.f_dh a{ height:48px; font-size:14px;}
.f_dh a i{ height:24px; margin:4px 0 1px -12px;}
.f_dh a i img{ width:24px; height:24px;}*/
.f_dh{ width:360px; height:48px; margin-left:-180px; line-height:12px;}
.f_dh div a{ width:98px; height:48px; font-size:12px;}
.f_dh div a i{ width:20px; margin:8px 0 3px -10px;}
.f_dh div a:nth-child(2){ border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.f_dh div a:last-child{ width:63px;}

.f_dh ul{ width:98px; height:53px; line-height:26px; bottom:56px;}
.f_dh ul li{ height:26px;}
.f_dh ul li a{ height:26px;}
.f_dh ul:before{ content:""; border-top:7px solid rgba(0,0,0,0.3); border-left:7px solid transparent; border-right:7px solid transparent; bottom:-7px; left:44px;}
	}
@media screen and (max-width:359px){
/*底部电话*/
.f_telbg{ padding-bottom:42px;}
.f_tel{ height:40px; background-size:146px 28px;}
.f_tel a{ height:40px;}
/*.f_dh{ width:320px; height:42px; margin-left:-160px; line-height:15px;}
.f_dh a{ height:42px; font-size:13px;}
.f_dh a i{ height:20px; margin:3px 0 1px -10px;}
.f_dh a i img{ width:20px; height:20px;}*/
.f_dh{ width:320px; height:44px; margin-left:-160px; line-height:11px;}
.f_dh div a{ width:87px; height:44px; font-size:10px;}
.f_dh div a i{ width:18px; margin:7px 0 2px -9px;}
.f_dh div a:nth-child(2){ border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.f_dh div a:last-child{ width:56px;}

.f_dh ul{ width:87px; height:49px; line-height:24px; bottom:52px;}
.f_dh ul li{ height:24px;}
.f_dh ul li a{ height:24px;}
.f_dh ul:before{ content:""; border-top:7px solid rgba(0,0,0,0.3); border-left:7px solid transparent; border-right:7px solid transparent; bottom:-7px; left:38px;}
	}
	
	
	/**/
	.spbg a{width:3.58rem; height:0.45rem; background:url(../images/cur_03.png) no-repeat 3.1rem center #14255e; color:#fff; font-size:0.2rem; font-weight:bold; font-family:"微软雅黑"; text-align:center; line-height:0.45rem; border:0; border-radius:0.3rem; cursor:pointer; background-size:0.26rem; display:block; margin:0.1rem auto 0px;}