

.doctor{

	position: fixed;

	bottom: 20px;

	right: 20px;

	width: 68px;

	height: 84px;

	background: url('../images/doctor2.png') no-repeat;

}

.mouse{

	position: fixed;

	bottom: 5%;

	left: 50%;

	width: 50px;

	height: 50px;

	background: url('../images/mouse.png') no-repeat;

	margin-left: -46px;

	cursor: pointer;

	z-index: 100;

}

.panel{

	position: absolute;

	left: 2%;

	top: 30%;

	padding: 30px 40px;

	color: #fff;

	width: 570px;

	background: #000;

	filter: alpha(opacity=80);

	background: rgba(0, 0, 0, 0.8);

}

.panel h4{

	font-size: 24px;

	font-weight: bold;

}

.panel p{

	font-size: 18px;

	text-indent: 2em;

}



.president{

	float: left;

	width: 50%;

	overflow: hidden;

}

.speech{

	margin-left: 50%;

	padding: 6% 8%;

	font-size: 14px;

}

.speech h4{

	font-size: 24px;

	color: #d8020a;

}

.speech p{

	text-indent: 2em;

}



.slider{

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}

.slider .slider-clip{

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.slider .slider-panel{

	float: left;

	background-size: cover;

	background-position: center top;

	background-repeat: no-repeat;

}

.slider .slider-panel .pic{

	float: right;

	width: 450px;

	height: 450px;

	-webkit-border-radius: 225px;

	-moz-border-radius: 225px;

	-o-border-radius: 225px;

	-ms-border-radius: 225px;

	border-radius: 225px;

	background: #000;

	margin-top: 6%;

	margin-right: 10%;

	margin-left: 5%;

}

.slider .slider-panel .info{

	padding: 10%;

}

.slider .slider-panel h4{

	font-size: 44px;

	color: #fff;

	font-weight: normal;

}

.slider .slider-panel p{

	font-size: 14px;

	color: #fff;

}

.slider .pagination{

	position: absolute;

	bottom: 15%;

	left: 50%;

	z-index: 1;

}

.slider .pagination .swiper-pagination-switch{

	position: relative;

	float: left;

	left: -50%;

	width: 92px;

	height: 92px;

	border: 3px solid transparent;

	opacity: 0.5;

	-moz-opacity: 0.5;

	filter: alpha(opacity=50);

	background: #000;

	margin: 0 10px;

	-webkit-border-radius: 49px;

	-moz-border-radius: 49px;

	-o-border-radius: 49px;

	-ms-border-radius: 49px;

	border-radius: 49px;

	cursor: pointer;

}

.slider .pagination .swiper-active-switch{

	border: 3px solid #fff;

}



.news-slider{

	float: left;

	width: 390px;



	padding-top: 4%;

}

.news-slider h3{

	font-size: 24px;

	color: #d8020a;

	font-weight: bold;

}

.news-slider .slider-wrapper{

	background:#fff; border:#d8020a solid 4px;
	padding: 16px 16px 26px;

	width: 350px;

	height: 400px;

	position: relative;

}

.news-slider .slider-panel {

	width: 350px;

}

.news-slider .slider-panel .pic{

	border-radius: 0;

	background: transparent;

	float: none;

	width: 350px;

	height: 240px;

	margin: 0; overflow:hidden;

}
.news-slider .slider-panel .pic img{ width:350px; height:240px;}

.news-slider .slider-panel .title{

	margin-top: 5%;

}

.news-slider .slider-panel .title,

.news-slider .slider-panel .title a{

	color:#d8020a;

	font-size: 16px;

}

.news-slider .slider-panel .summery{

	color: #333;

	font-size: 12px;

	line-height: 18px;

	margin-top: 3%;

	height: 108px;

}

.news-slider .slider-container{

	width: 350px;

	overflow: hidden;

}

.news-slider .slider-clip:before,

.news-slider .slider-clip:after{

	content: "";

	clear: both;

	display: table;

	border-collapse: collapse;

}

.news-slider .pagination{

	position: absolute;

	left: 82%;

	bottom: 20px;

}

.news-slider .pagination .swiper-pagination-switch{

	display: inline-block;

	width: 10px;

	height: 10px;

	border-radius: 10px;

	border: 0 none;

	line-height: 0;

	font-size: 0;

	margin: 0 5px;

	background: #d8020a;

	opacity: .5;

	-moz-opacity: .5;

	filter: alpha(opacity=50);

	cursor: pointer;

	position: static;

}

.news-slider .pagination .swiper-active-switch{

	opacity: 1;

	border: 0 none;

}

.m-news-list{

	margin: 8% 0 10%; float:right; display:block; width:700px;

}

.news-list {min-height: 400px; padding-top:20px;}

.news-list li{

	padding: 10px 20px 10px; border-bottom:#CCC dashed 1px;

}

.news-list li:hover{

	background: #fff;

}

.news-list .title{

	font-size: 14px; background:url('../images/n_list.jpg') no-repeat 0 10px;  padding-left:14px;


}
.news-list .summery{ color:#666; font-size:12px;}

.news-list .title a{

	color: #000

}



.news-list .title span{

	background: #d8020a;

	color: #fff;

	display: inline-block;

	padding: 0 8px;

	margin-left: 5px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-ms-border-radius: 3px;

	border-radius: 3px;
	font-size:12px;
	height:20px; line-height:20px;
}

.w80pc{

	width:66.6%;

}

.w20pc{

	width: 33.4%;

}

.w40pc{

	width: 33.3%;

}

.box{

	float: left;

	height: 370px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	position: relative;



	-webkit-transition: background-size 300ms;

	-moz-transition: background-size 300ms;

	-o-transition: background-size 300ms;

	-ms-transition: background-size 300ms;

	transition: background-size 300ms;

}

.box:hover{

	background-size: 120% 120%;

}

.box .mask{

	background: #000;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;
	z-index:2;

}

.box .info{

	margin: 30px 10%;

	color: #fff;

}

.box a:link,

.box a:visited{

	color: #fff;

}

.box .info .title{

	font-weight: bold;

	margin-bottom: 20px;

	font-size: 18px;

}

.box .info .desc{

	font-size: 14px;

	line-height: 18px;

}

.box.w80pc .info{ position:relative;

	/*padding-top: 8%;*/

}
.box.w80pc .info .img img{ position:absolute; height:200%; margin:-6% 0 0 1%;}
.box.w80pc .info .title{

	font-size: 24px; color:#d8020a; padding-left:200px;

}
.box.w80pc .info .desc{color:#d8020a; padding-left:200px;}
.news{

	background: #d8020a;

}

.news .topic{

	font-size: 16px;

	margin-bottom: 10px;

}

.news .info .desc{

	font-size: 12px;

}

.news .date{

	font-size: 10px;

	margin-top: 10px;

}





.submenu{

	position: fixed;

	right: 10px;

	top: 45%;

	z-index: 100;

}

.submenu a{

	margin-top: 2px;

	display: block;

	width: 80px;

	height: 22px;

	position: relative;

	/*-webkit-transition: width 400ms, right 400ms;

	-moz-transition: width 400ms, right 400ms;

	-o-transition: width 400ms, right 400ms;

	-ms-transition: width 400ms, right 400ms;

	transition: width 400ms, right 400ms;*/

}

.submenu a:hover{

	text-decoration: none;

}

.submenu span{

	position: absolute;

	line-height: 22px;

	top: 0;

	right: 0;

	width: 0;

	height: 22px;

	text-indent: 0.8em;

	background: #d8020a;

	border-radius: 12px;

	/*-webkit-transition: width 400ms;

	-moz-transition: width 400ms;

	-o-transition: width 400ms;

	-ms-transition: width 400ms;

	transition: width 400ms;*/

	color: #fff;

	z-index: 1;

	overflow: hidden;

	display: none;

}

.submenu i{

	border: 1px solid #e8676c;

	width: 12px;

	height: 12px;

	-moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

	border-radius: 7px;

	display: inline-block;

	float: right;

	margin: 4px;

	position: relative;

	z-index: 2;

}

.submenu a.active span,

.submenu a:hover span{

	width: 80px;

	display: block;

}

.submenu a.active, .submenu a:hover{

	

}

.submenu a:hover i,

.submenu a.active i{

	border: 4px solid #ffae00;

	width: 10px;

	height: 10px;

	-moz-border-radius: 9px;

    -webkit-border-radius: 9px;

    -ms-border-radius: 9px;

	border-radius: 9px;

	cursor: pointer;

	margin: 2px;

}

.submenu a:hover span,

.submenu .active span{

	color: #fff;

	font-size: 12px;

}





.swiper {
	width:100%;
  height: 100%;

  position: relative;



}

.swiper-container {

  height: 100%;

  width: 100%;

}

.swiper-slide{

	width: 100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	overflow: hidden;

}



.slider-container-2 .slider-panel{

	opacity: 0;

	-webkit-transition: opacity 800ms;

	-moz-transition: opacity 800ms;

	-o-transition: opacity 800ms;

	-ms-transition: opacity 800ms;

	transition: opacity 800ms;

}

.slider-container-2 .slider-panel-visible{

	opacity: 1;

}



.rc-panel {

	float: left;

	width: 50%;

	background: #d8020a;

	height: 100%;

	overflow: hidden;

	position: relative;

}

.rc-panel .rc-panel-box {

	padding-top: 90px;

	width: 85%;

	margin: 0 auto;

	color: #fff;

}

.rc-fs { display: block;width: 86px;position: absolute;bottom: 100px;left: 49%;}





.about-bgs {position: relative;}

.about-bgs ul {width: 10000px;position: relative;}

.about-bgs li {float: left;}





.a-panel {

	width: 50%;

	height: 100%;

	color: #fff;

	position: absolute;

}

.a-panel .a-panel-box {

	position: relative;

	width: 85%;

	left:14%;

	top:35%;

	z-index: 2;

}

.a-panel .mask {

	position: absolute;

	top: 25%;

	background: #000;

	width: 90%;

	height: 50%;

	opacity: .8;

	-moz-opacity: 0.8;

	filter: alpha(opacity=80);

	left:10%;

}



.a-ctrl {

	position: absolute;

	width: 35px;

	height: 35px;

	top:50%;

	right: -17.5px;

	z-index: 2;

	cursor: pointer;

}









/* 普通翻页器-默认居中 */

.m-page{margin:10px 0 0 20px;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}

.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;}

.m-page a,.m-page a:hover{text-decoration:none;color:#000;}

.m-page a.first{margin-left:0;}

.m-page a.last{margin-right:0;}

.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}

.m-page a.pageprv .pagearr{margin-right:3px;}

.m-page a.pagenxt .pagearr{margin-left:3px;}

.m-page a:hover{background:#f5f5f5;}

.m-page a:active{background:#f0f0f0;}

.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}

.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}

/* 居左 */

.m-page-lt{text-align:left;}

/* 居右 */

.m-page-rt{text-align:right;}

/* 较小 */

.m-page-sm{line-height:22px;}

.m-page-sm a,.m-page-sm i{padding:0 8px;}

/* 分离 */

.m-page-sr a,.m-page-sr i{margin:0 3px;}

.m-page-sr i{border:0;}