@charset "gb2312";
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a,button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; background-color: #fff;}
img {  height: auto; -ms-interpolation-mode: bicubic;  vertical-align: middle;}
.all-wrap img {display: block;height: auto; }
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph;color: #666; }
input,textarea{ border:0;  outline: none;  resize: none;  -webkit-appearance: none;  }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; outline: 0 }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height:1.2;font-weight: normal; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.all-wrap { width: 100%; margin: 0 auto; max-width: 640px; min-width: 320px; }
/*banner*/
.banner .btn{
    display: block;
    width: 34.375%;
    left: 10%;
    top: 73.47%;
}
/*box1*/
.box1,.box2{
    padding: 10% 0 10.9%;
    background: #e9e9e9;
}
.box1 h3,.box2 h3,.box3 h3,.box5 h3, .box6 h3, .box7 h3 { text-align: center; font-size: 4rem; color: #232323; }
.box1 figure{
    padding: 8.75% 8.75% 11.7% 3.9%;
}
.all-wrap .link{
    width: 85.9%;
    display: block;
    background: #ff6000;
    border-radius: 50px;
    margin: 0 auto;
    font-size:4.4rem;
    line-height:2.3;
    color: #fff;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(255,96,0,.63);
}
.all-wrap .link::before{
    position: absolute;
    content: '';
    width: 10.1%;
    width: 56px;
    height: 56px;
    background: url("../images/arr.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    left: 4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*box2*/
.box2{
    background: #fff;
}
.box2 ul{
    padding: 4.6875% 2.8125% 7.8125%;
}
.box2 ul li{
    width: 50%;
}
.box2 ul li h5{
    font-size:4.2rem;
    color: #fff;
    margin-bottom:4%;
}
.box2 ul li p{
    font-size:2.8rem;
    color: #fff;
}
.box2 ul li:nth-of-type(2),.box2 ul li:nth-of-type(3){
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26b6d1+0,28b3d0+8,28b3d4+10,2cadd5+21,2aaed5+22,2dacd7+25,2cabd4+26,2daad8+28,2daad6+30,2fa9d8+30,33a1dc+42,33a2da+44,359fdd+49,369ddf+49,359ddc+51,389bdf+54,3997df+62,3b95e3+63,3e8ee3+76,408ce4+80,428be7+81,418ae6+84,4389e8+85,4486e7+96,4686ea+100 */
    background: #26b6d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #26b6d1 0%, #28b3d0 8%, #28b3d4 10%, #2cadd5 21%, #2aaed5 22%, #2dacd7 25%, #2cabd4 26%, #2daad8 28%, #2daad6 30%, #2fa9d8 30%, #33a1dc 42%, #33a2da 44%, #359fdd 49%, #369ddf 49%, #359ddc 51%, #389bdf 54%, #3997df 62%, #3b95e3 63%, #3e8ee3 76%, #408ce4 80%, #428be7 81%, #418ae6 84%, #4389e8 85%, #4486e7 96%, #4686ea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #26b6d1 0%,#28b3d0 8%,#28b3d4 10%,#2cadd5 21%,#2aaed5 22%,#2dacd7 25%,#2cabd4 26%,#2daad8 28%,#2daad6 30%,#2fa9d8 30%,#33a1dc 42%,#33a2da 44%,#359fdd 49%,#369ddf 49%,#359ddc 51%,#389bdf 54%,#3997df 62%,#3b95e3 63%,#3e8ee3 76%,#408ce4 80%,#428be7 81%,#418ae6 84%,#4389e8 85%,#4486e7 96%,#4686ea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #26b6d1 0%,#28b3d0 8%,#28b3d4 10%,#2cadd5 21%,#2aaed5 22%,#2dacd7 25%,#2cabd4 26%,#2daad8 28%,#2daad6 30%,#2fa9d8 30%,#33a1dc 42%,#33a2da 44%,#359fdd 49%,#369ddf 49%,#359ddc 51%,#389bdf 54%,#3997df 62%,#3b95e3 63%,#3e8ee3 76%,#408ce4 80%,#428be7 81%,#418ae6 84%,#4389e8 85%,#4486e7 96%,#4686ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b6d1', endColorstr='#4686ea',GradientType=0 ); /* IE6-9 */
    padding: 10% 3.9% 0;
}
/*box3*/
.box3,.box5{
    background: #e9e9e9;
    padding-bottom:10%;
}
.box3 h3,.box5 h3{
    font-size:5rem;
    line-height:3;
}
.box3 .swiper-slide,.box5 .swiper-slide{
    width: 78.9%;
    padding: 2.3%;
    background: #fff;
}
.box3 .swiper-slide h5{
    font-size:3rem;
    color: #323232;
    padding: 3.2% 0 2%;
}
.box3 .swiper-slide p{
    font-size:2.4rem;
    color: #6a6a6a;
}
.box3 .swiper-pagination,.box5 .swiper-pagination{
    position: static;
    padding:3% 0 5%;
}
.swiper-pagination-bullet-active{
    background: #f43257;
}
/*box5*/
.box5 .swiper-slide{
    padding: 0;
}
/*box6*/
.box6{
    background: #2d5360;
}
.box6 h3{
    color: #fff;
    text-align: center;
    font-size:3.6rem;
    line-height:4.3;
}
.box6 ul li{
    width: 50%;
    padding: 0 4.6%;
}
.box6 ul li p{
    font-size:2.4rem;
    color: #fff;
    padding: 5% 0 20%;
}










.box7 { width: 100%; padding: 0 1.56% 11.8%; overflow: hidden; background: #e9e9e9; }
.box7 .swiper-pagination { position: static; }
.box7 h3 { color: #413d65; font-size:4.2rem; padding: 11.25% 0 12%; }
.box7 .swiper-pagination { width: 100%; overflow: hidden;padding-bottom: 9.1%;}
.box7 .swiper-pagination-bullet { width: 70px; height: 70px; background: url("../images/box7_1.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover; opacity: 1; border: 2px solid #d7d7d7; position: relative; }
.box7 .swiper-pagination-bullet:nth-of-type(3) { background-image: url(../images/box7_2.jpg);}
.box7 .swiper-pagination-bullet:nth-of-type(2) { background-image: url(../images/box7_3.jpg);}
.box7 .swiper-pagination-bullet:nth-of-type(4) { background-image: url(../images/box7_7.jpg);}
.box7 .swiper-pagination-bullet:before, .box7 .swiper-pagination-bullet:after { position: absolute; content: '谢卫国 院长'; font-size: 2rem; white-space: nowrap; color: #3b3b3b; left: 50%; top: 118%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.box7 .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; }
.box7 .swiper-pagination-bullet:nth-of-type(3):before { content: '李庭勋 院长'; }
.box7 .swiper-pagination-bullet:nth-of-type(2):before { content: '李健 院长'; }
.box7 .swiper-pagination-bullet:nth-of-type(4):before { content: '叶丽萍 主任'; }
.box7 .swiper-pagination-bullet-active { border-color: #f43257; }
.box7 .swiper-pagination-bullet-active:before { color: #f43257; }
.box7 .swiper-pagination-bullet-active:after { display: block; }
.box7 .btn,.box8 .btn { font-size:3.7rem;color: #fff; line-height:2.05;text-align: center; background: #ff4800;display: block;border-radius: 50px; width: 55%; margin: 8.6% auto 0; box-shadow: 0 12px 18px rgba(255,120,0,.3); }


.box8 { width: 100%; position: relative; overflow: hidden; }
.box8 h3 { text-align: center; font-size: 4rem; color: #fff; width: 100%; position: absolute; top: 5.6%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.box8 h3 span { font-size: 2.4rem; }
.box8 .swiper-container { width: 100%; position: absolute; padding-top: 20px; top: 22%; left: 0;}
.box8 .swiper-container .swiper-slide { background: #17697b; width: 60%; border-radius: 5px; overflow: hidden; position: relative; top: 0; }
.box8 .swiper-container .swiper-slide:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .62); top: 0; left: 0; }
.box8 .swiper-container .swiper-slide-active:before { background: rgba(0, 0, 0, .0); }
.box8 .swiper-container .swiper-slide-active { top: -15px; }
.box8 .swiper-slide h5 { color: #fff; text-align: center; font-size: 2.4rem; line-height: 3; }
.box8 .swiper-slide p { color: #fff; text-align: center; font-size: 2.2rem; padding-bottom: 5%; }
.box8 .swiper-pagination, .box9 .swiper-pagination { position: static; padding-top: 2%; }
.box8 .swiper-pagination-bullet, .box9 .swiper-pagination-bullet { background: #9a9a9a; }
.box8 .swiper-pagination-bullet-active, .box9 .swiper-pagination-bullet-active { background: #f43257; }
.box8 .btn {  position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 85.4%;box-shadow: none; margin-top: 0; }


.box9 { width: 100%; overflow: hidden; position: relative; }
.box9 .swiper-container { width: 100%; position: absolute; left: 0; top: 60%; }
.box9 .swiper-container .swiper-slide { width: 46.875%; }
.box9 .swiper-pagination { padding-top: 8%; }
.box10 { width: 100%; overflow: hidden; padding: 11.7% 0 6.25%; }
.box10 .btn {display: block; width: 32.8%; border-radius: 50%; margin: 0 auto 7%; }
.box10 p { text-align: center; font-size: 2.2rem; color: #3e3e3e; line-height: 2; }
.box10 p span { font-size: 2.4rem; line-height: 3.2;color: #000; }




@media screen and (min-width:320px) and (max-width:359px) {
html { font-size: 31.25%!important; } /*0.5*/
    .all-wrap .link::before{width: 28px; height: 28px;}
}
@media screen and (min-width:360px) and (max-width:409px) {
html { font-size: 35%!important; }  /*0.56*/
    .all-wrap .link::before{width: 32px; height: 32px;}
}
@media screen and (min-width:410px) and (max-width:479px) {
html { font-size: 40%!important; }  /*0.64*/
    .all-wrap .link::before{width: 36px; height: 36px;}
}
@media screen and (min-width:480px) and (max-width:639px) {
html { font-size: 47%!important; }  /*0.75*/
    .all-wrap .link::before{width: 44px; height: 44px;}
}