@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:640px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden; }

/*box1*/
.box1{ overflow:hidden;}
/*box2*/
.box2{ overflow:hidden;}
.box2 .nr{width:44%;top:29%;left:54%}
.box2 h1{font-size:3.6rem;color: #3C3C3C;}
.box2 h2{font-size:2.4rem;color: #565656;margin-top:5%}
.box2 a{width:82%;margin-top:7%;display: block;}
/*box3*/
.box3{ overflow:hidden;background:#E6E6E8}
.box3 h2{font-size:3.0rem;color: #393939;top:4.6%;left:37%}
.box3 h3{font-size:2.4rem;color: #393939;top:30%;left:9.3%;width:83%}
.box3 h4{font-size:3.0rem;color: #393939;top:45%;left:37%}
.box3 h5{font-size:2.4rem;color: #393939;top:70%;left:9.3%;width:83%}
.box3 a{width:70%;bottom:4%;left:15%}
/*box4*/
.box4{ overflow:hidden;}
/*box5*/
.box5{ overflow:hidden;}
/*box6*/
.box6{ overflow:hidden;padding-bottom:5%; background:#E5D5CA}
.box6 .nr{width:73%;margin:0 auto;margin-top:4%}
.box6 h2{background:#B3998F;width:8%;border-radius:100px;font-size:2.4rem;color: #fff; text-align:center;margin-left:}
.box6 h3{font-size:2.4rem;color: #372520;margin-left:3%}
/*box7*/
.box7{ overflow:hidden;padding-bottom:8%; background:#C7E3F1}
.box7 h2{font-size:5.6rem;color: #2F0211; text-align:center;padding-top:7%}
.box7 .anli{overflow:hidden;margin: 0 auto;background: #ffffff;}
.box7 .anli>.bd{margin: 0 auto;overflow: hidden; }
.box7 .anli>.bd>ul{margin: 0 auto;}
.box7 .anli_anniu1{width: 100%;height: 100%;text-align: center;margin-top: 3%;}
.box7 .anli_anniu1 h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.box7 .anli_anniu1 ul{text-align: center;}
.box7 .anli_anniu1 li{background: #ffffff; width: 31%;height:145px;display: inline-block}
.box7 .anli_anniu1 li:nth-of-type(1){background: url("../images/anli1.jpg") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.box7 .anli_anniu1 li:nth-of-type(2){background: url("../images/anli2.jpg") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.box7 .anli_anniu1 li:nth-of-type(3){background: url("../images/anli3.jpg") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.box7 .anli_anniu1 li i{background-color:rgba(0,0,0,.6)!important;width: 100%;height: 100%;left: 0;top: 0}
.box7 .anli_anniu1>ul>.active i{background: none!important;}
.box7 #anli3>.hd,.box7 #anli4>.hd,.box7 #anli5>.hd{text-align: center;width: 100%;position: relative!important;margin-top: -6%;}
.box7 #anli3>.hd>ul>li,.box7 #anli4>.hd>ul>li,.box7 #anli5>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.box7 #anli3>.hd>ul>.on,.box7 #anli4>.hd>ul>.on,.box7 #anli5>.hd>ul>.on{ background:#E85520;color: #ffffff;}
.box7 a{width:70%;display: block;margin:0 auto;margin-top:10%;}
/*box8*/
.box8{ overflow:hidden;}
.box8 .anli{width:72%;top:42%;left:14%}
.box8 .tp{width:50%;}
.box8 p {font-size:1.6rem;color:#fff; text-align:center;padding:2%}
.prev{ display: block; width: 8.75%; position: absolute; top: 40%; left:-15%; }
.next {display: block; width: 8.75%; position: absolute; top: 40%; right:-15%;}
.box8 .anniu{width:70%;display: block;margin:0 auto;margin-top:10%}
/*box9*/
.box9{ overflow:hidden;}
.box9 .swiper-container {width:97%;position:absolute;top:47%;left:1.5%;}
.box9 .swiper-pagination { position: static;}
.box9 .swiper-pagination { padding: 2% 0 7%; width: 100%; overflow: hidden;}
.box9 .swiper-pagination-bullet { width:70px; height: 70px; background: url("../images/box9_6.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover; opacity: 1;border: 2px solid #d7d7d7; position: relative; }
.box9 .swiper-pagination-bullet:nth-of-type(3) { background-image: url(../images/box9_7.jpg); }
.box9 .swiper-pagination-bullet:nth-of-type(2) { background-image: url(../images/box9_8.jpg); margin: 0 7% !important;}
.box9 .swiper-pagination-bullet:before, .box7 .swiper-pagination-bullet:after { position: absolute; content: '谢卫国 院长'; font-size: 2rem; white-space: nowrap; color: #3b3b3b; left: 50%; top: 111%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.box9 .swiper-pagination-bullet:after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #f43257; top: 100%; display: none; position:absolute;bottomn:0;left:50%}
.box9 .swiper-pagination-bullet:nth-of-type(3):before { content: '李庭勋 院长'; }
.box9 .swiper-pagination-bullet:nth-of-type(2):before { content: '李健 院长'; }
.box9 .swiper-pagination-bullet-active { border-color: #f43257; }
.box9 .swiper-pagination-bullet-active:before { color: #f43257; }
.box9 .swiper-pagination-bullet-active:after { display: block; }
.box9 .anniu{width:70%;display: block;bottom:2%;left:15%}
/*box10*/
.box10{ overflow:hidden;padding-bottom:10%}
.box10_center{width:93%;margin:0 auto}
.box10 h2{font-size:6.0rem;color: #565656; text-align:center;padding-top:8%}
.box10 h3{font-size:3.0rem;color: #565656; text-align:center;}
.box10 .left{width:47%;}
.box10 .right{width:47%;}
.box10 .nr{margin-top:15%}
.box10 h5{font-size:3.0rem;color: #565656; text-align:center;padding:3% 0}
.box10 .h5_1{padding-top:4%}
.box10 h6{font-size:2.0rem;color: #565656; text-align:center;}
.box10 h6 span{color:#fff}
.box10 .anniu{width:70%;display: block;margin:0 auto;margin-top:8%}


@media screen and (min-width:320px) and (max-width:359px) {
html { font-size: 31.25%!important; } /*0.5*/
.box7 .anli_anniu1 li{height:70px}
}

@media screen and (min-width:360px) and (max-width:409px) {
html { font-size: 35%!important; }  /*0.56*/
.box7 .anli_anniu1 li{height:80px}

}

@media screen and (min-width:410px) and (max-width:479px) {
html { font-size: 40%!important; }  /*0.64*/
.box7 .anli_anniu1 li{height:90px}

}

@media screen and (min-width:480px) and (max-width:639px) {
html { font-size: 47%!important; }  /*0.75*/
.box7 .anli_anniu1 li{height:145px}

}