/*全局通用*/
* { margin: 0; padding: 0; }
body { color: #444; font-family: arial, "微软雅黑", "Microsoft YaHei"; text-align: left; }
html, body { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
h1, h2, h3, h3, h4, h5, h6 { font-weight: normal; }
em, i, stong { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; }
a { text-decoration: none; color: #333; }
.fl { float: left; }
.fr { float: right; }
.Pr { position: relative; }
.Pa { position: absolute; }
button { cursor: pointer; }
button:hover { color: #0f75bc; }
/*去除Chrome等浏览器文本框默认发光边框*/
.clear { clear: both; }
.dis { display: block; }
.undis { display: none; }
input:focus, textarea:focus { outline: none; }
input, textarea { font-family: "microsoft yahei"; }
/* 去除 ie6 & ie7 焦点点状线 */
a:focus, *:focus { outline: none; }
/*禁止拖动大小*/
textarea { resize: none }
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* ie bug：th 不继承 text-align */
th { text-align: inherit; }
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: none; font-variant: normal; }
/*网站头部*/
body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
.animated { transition: all .28s linear; -moz-transition: all .28s linear; -webkit-transition: all .28s linear; -o-transition: all .28s linear; }
#hd { width: 94%; padding: 0 3%; height: 6rem; background: #fff; position: fixed; left: 0; top: 0; z-index: 999999999; /*display:none;*/ box-shadow: 0px 3px 3px rgba(0, 0, 0, .2); }
.wp { width: 100%; max-width: 1300px; margin: 0 auto; }
/*.fixed { top: -101px !important; }*/
/*网站头部左侧logo*/
#hd .logo { float: left; margin-right: 65px; /*height: 101px;*/ height: 6rem; }
#hd .logo a { display: block; height: 100%; /*line-height: 101px;*/ line-height: 6rem; }
#hd .logo a img { display: inline-block; vertical-align: middle; }
/*网站头部右侧导航*/
#nav { float: right; }
#nav ul { float: left; /*padding-top: 1.25rem;*/ padding-top: 1.5rem; }
#nav ul li { float: left; line-height: 3.75rem; width: 90px; margin-right: 15px; }
#nav ul li a { display: inline-block; width: 100%; text-align: center; font-size: 1.25rem; color: #3675a1; height: 3.75rem; }
#nav ul li a:hover { background: url(../images/nav_hover.png) center no-repeat; }
#hd .tel { background: url(../images/tel_bg.png) left center no-repeat; line-height: 3.75rem; float: right; /*margin-top: 1.25rem;*/ margin-top: 1.5rem; padding-left: 27px; margin-left: 15px; color: #3675a1; font-size: 1.35rem; font-weight: bold; }
/*手机网站导航*/
#m-hd { display: block; }
#m-hd { height: 50px; line-height: 50px; background-color: #fff; padding: 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; }
#m-hd img { height: 35px; padding: 7px 0 0 10px; }
.m-trigger { position: absolute; top: 0; right: 10px; width: 50px; color: #fff; text-align: center; font-size: 30px; line-height: 45px; cursor: pointer; background: url(../images/menu_add.png) center center no-repeat; -webkit-background-size: 50px; background-size: 25px; height: 50px; }
.m-nav { z-index: 999; position: absolute; top: 50px; width: 100%; left: 0; background: rgba(5, 5, 5, 0.5); text-align: center; display: none; }
.m-nav li { border-bottom: 1px solid #565656; }
.m-nav a { display: block; font-size: 12px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; }
.m-nav a:hover, .m-nav a:active { color: #e4392a; }
.m-sub { text-align: left; display: none; width: 100%; }
.m-sub a { border-bottom: none; font-size: 13px; }
/*网站右侧竖导航*/
#menu { margin: 0; padding: 0; position: fixed; right: 15px; top: 50%; list-style-type: none; z-index: 70; }
#menu li { /*float: left;*/ padding: 10px 5px; font-size: 14px; }
#menu a { float: left; padding: 5px; background-color: #fff; color: #333; text-decoration: none; border: #333 solid 1px; border-radius: 50%; }
#menu .active a { color: #fff; background-color: #333; }
/*网站主体版块*/
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff; background: red; overflow: hidden; }
.section1 { width: 100%; height: 100%; position: relative; }
#mem1, #mem2, #mem3 { width: 100%; height: 100%; }
/*网站轮播图*/
.imgbox { width: 100%; height: 100%; position: relative; margin: 0 auto; text-align: center; }
.imgbox ul { width: 100%; }
.imgbox ul li { width: 100%; float: left; text-align: center; position: relative; }
.imgbox ul li img { position: relative; margin: 0 auto; display: block;/*width:100%;height:auto;*/ }
.imgbox ul li.select { display: block; }
/*网站手机轮播图*/
.m-imgbox { display:none; width: 100%; height: 100%; position: relative; margin: 0 auto; text-align: center; }
.m-imgbox ul { width: 100%; }
.m-imgbox ul li { width: 100%; float: left; text-align: center; position: relative; }
.m-imgbox ul li img { position: relative; margin: 0 auto; display: block;/*width:100%;height:auto;*/ }
.m-imgbox ul li.select { display: block; }
/*.wp{width:100%;max-width:1300px;margin:0 auto;}*/
/*关于祥医*/
.section2 { background: url(../images/pag2bj.jpg) no-repeat center; background-size: cover; }
.about { width: 96%; height: 60%; padding: 0 2%; max-width: 1300px; margin: 0 auto; margin-top: 9%; position: relative;/*overflow: hidden;*//*background: yellow;*/ }
.about_l {/*float:left;*/ position: absolute; margin-top: 2rem; width: 38%; height: auto; text-align: left; /*padding-bottom:80px;*/ }
.about_l h2 { color: #fff; font-size: 2.5rem; line-height: 2rem; text-transform: uppercase;/*background: yellow;*/ /*position:relative;*/ }
.about_l h2 a { color: #fff; }
.about_l h3 { color: #fff; font-size: 1.75rem; line-height: 3.7rem; /*background: greenyellow;*/ padding-bottom: 1%; /*position:relative;*/ margin-top: 88px; }
.about_l p { color: #fff; font-size: 1.2rem; line-height: 2.1875rem; height: 13.125rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; /*background: green;*/ /*position: relative;*/ margin-top: 10px; margin-bottom: 5%; text-indent: 2em; letter-spacing: 1px; text-align: justify; }
.about_l a.ljxq { width: 105px; height: 38px; line-height: 38px; text-align: center; display: block; color: #fff; border: #fff solid 1px; /*background: #fff;*/ font-size: 16px; border-radius: 5px; position: relative; bottom: 46px; float: right; }
.about_l a:hover { color: #e65700; background: #fff; }
.about_r { width: 56%; padding-top: 31.6%; margin-top: 2rem; position: relative; float: right; right: -128px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; overflow: hidden; }
.about_r video { position: absolute; top: 0; left: 0; width: 100%;/*max-width:730px;*/ height: 100%; font-size: 10px; background: none; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; overflow: hidden; }
.about_r img { position: absolute; top: 0; left: 0; width: 100%;/*max-width:730px;*/ height: 100%; font-size: 10px; background: none; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; overflow: hidden; }
.about_r source { background: #999; width: 100%;/*max-width:730px;*/ height: 100%; }
.about_bot { width: 644px; height: 56px; border: #fff solid 1px; border-radius: 5px; margin: 0 auto; margin-top: 3%; position: relative; top: 120px; }
.about_bot li { width: 160px; height: 56px; border-right: #fff solid 1px; float: left; }
.about_bot li:nth-of-type(4) { border: none; }
.about_bot li a { color: #fff; font-size: 17px; display: block; line-height: 56px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.about_bot li a:hover { color: #e65700; background: #fff; }
/*主营业务*/
.se3nr { width: 96%; height: 80%; padding: 0 2%; max-width: 1300px; margin: 0 auto; margin-top: 6%; position: relative;/*background:blue;*/ overflow: hidden; }
.section3 { background: url(../images/pag3bj.jpg) no-repeat center; background-size: cover; }
.section3 h2 { color: #3675a1; font-size: 2.5rem;/*margin-top:5%;*/ position: relative; /*top: -120%;*/ background: url(../images/page3h3bj.png) no-repeat center; margin-top:2.5%; }
.section3 h2 a { color: #3675a1; }
.section3 p { color: #7c7b7b; font-size: 0.9375rem; padding-top: 2rem;/*display:none;*/ margin-top: 88px;/*position: relative; bottom: -120%;*/ }
.section3 ul { width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 2.5%; }
.section3 ul li { width: 33%; padding: 3% 0; float: left; font-size: 0.875rem; opacity: 0; position: relative; bottom: -120%; }
.section3 ul li a { width: 60%;/*width:0;*/ display: block; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;/*background:pink;*/ margin: 0 auto; }
.section3 ul li a .imgbox { position: relative; width: 100%; padding-top: 100%; opacity: 1; overflow: hidden; -o-transition: .9s; -ms-transition: .6s; -moz-transition: .6s; -webkit-transition: .6s; transition: .6s; }
.section3 ul li a .imgbox img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-transition: 3s; -ms-transition: 3s; -moz-transition: 3s; -webkit-transition: 3s; transition: 3s; }
.section3 ul li a .imgbox img:nth-of-type(1) { opacity: 1; }
.section3 ul li a .imgbox img:nth-of-type(2) { opacity: 0; }
.section3 ul li a .imgbox img:nth-of-type(3) { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.section3 ul li a:hover .imgbox img:nth-of-type(1) { opacity: 0; }
.section3 ul li a:hover .imgbox img:nth-of-type(2) { opacity: 1; }
.section3 ul li a:hover .imgbox img:nth-of-type(3) { }
.section3 ul li a .imgbox h3 { width: 100%; padding: 14% 0; position: absolute; bottom: 0; left: 0; color: #3675a1; font-size: 1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 99; }
.section3 ul li a:hover .imgbox h3 { color: #fff; opacity: 0; }
.section3 ul li a .hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; overflow: hidden; border-radius: 60%; -o-transition: .6s; -ms-transition: .6s; -moz-transition: .6s; -webkit-transition: .6s; transition: .6s; opacity: 0; }
.section3 ul li a .hover img { width: 100%; position: absolute; bottom: 0; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.section3 ul li a .hover h3 { width: 100%; padding: 14% 0; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.section3 ul li a:hover .hover { top: 0; opacity: 1; }
/*便捷导航*/
.section4 { background: url(../images/pag4bj.jpg) no-repeat center; background-size: cover; }
.section4 h2 { color: #fff; font-size: 1.3125rem; padding-bottom: 2rem; }
.four { width: 96%; max-width: 1200px; margin: 0 auto; padding: 0 2%; overflow: hidden; }
.four_l { width: 27%; float: left; position: relative; left: -120%; }
.four_l ul { text-align: left; }
.four_l ul li { font-size: 1rem; line-height: 3.43rem; }
.four_l ul li a { display: block; color: #e3e2e2; }
.four_l ul li a:hover { color: #fff; text-shadow: 2px 2px 6px #000; font-weight: bold; }
.four_c { width: 39%; float: left; text-align: left; }
.four_c form { }
::-webkit-input-placeholder {
color:#fff;
}/* WebKit browsers */
:-moz-placeholder {
color:#fff;
}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {
color:#fff;
}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {
color:#fff;
}/* Internet Explorer 10+ */
.four_c form { }
.four_c form h5 {/*background:pink;*/ }
.four_c form input { width: 96%; padding: 0 2%; max-width: 212px; height: 2.81rem; border: #fff solid 1px; background: none; border-radius: 4px; color: #fff; font-size: 0.9375rem; margin: 1.125rem 0; }
.four_c form textarea { width: 96%; padding: 2%; max-width: 315px; height: 5.6rem; border: #fff solid 1px; background: none; border-radius: 4px; color: #fff; font-size: 0.9375rem; margin: 1.125rem 0 0.5rem; }
.four_c form button { width: 93px; height: 39px; background: #f08300; color: #fff; font-size: 16px; border: none; border-radius: 4px; margin: 1rem 0; }
.four_r { width: 34%; float: right; text-align: left; position: relative; right: -120%; }
.four_r h6 { color: #e3e2e2; font-size: 1rem; line-height: 2.5rem; padding-left: 32px; }
.four_r h6:nth-last-of-type(2) { background: url(../images/yx.png) no-repeat left center; }
.four_r h6:nth-last-of-type(1) { background: url(../images/dh.png) no-repeat left center; }
.four_r h6 a { color: #e3e2e2; }
.four_r img { max-width: 100%; margin: 2rem 0; width: auto; display: block; }
/*网站底部版块*/
.bq { width: 100%; background: rgba(146,146,146,0.55); position: absolute; left: 0; bottom: 0; }
.bqk { width: 96%; max-width: 1200px; margin: 0 auto; position: relative; padding: 1.5rem 2%; }
.bq p { color: #fff; font-size: 0.9375rem; text-align: left; }
.bq p a { color: #fff; }
.bqk a { display: inline-block; margin-right: 3.4rem; margin-top:.2rem; }
.fenx { width: auto; position: absolute; top: 0; right: 0; }
.fenx a { display: inline-block; width: 50px; margin-right: 66px; float: left; text-align: center; }
.fenx a h6 { color: #fff; font-size: 15px; margin-top: 5px; }
.fenx img { width: 50px; height: 42px; }
.fenx a img.im1 { display: block; }
.fenx a img.im2 { display: none; }
.fenx a img.im3 { display: none; width: 105px; height: 105px; position: absolute; bottom: 140%; left: -28px; }
.fenx a img.im4 { display: none; width: 105px; height: 105px; position: absolute; bottom: 140%; left: 80px; }
.fenx a:hover img.im1 { display: none; }
.fenx a:hover img.im2 { display: block; transform: translate(0, -10px); -ms-transform: transform: translate(0, -10px);
 -webkit-transform: transform: translate(0, -10px);
 -o-transform: transform: translate(0, -10px);
 -moz-transform: transform: translate(0, -10px);
}
.fenx a:hover img.im3 { display: block; }
.fenx a:hover img.im4 { display: block; }

@media screen and (max-width:1680px) {
.imgbox ul li img { width: 1680px; height: auto; position: relative; margin: 0 auto; display: block; }
.about_l p { color: #fff; font-size: 1.125rem; line-height: 2.1875rem; height: 13.125rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; /*background: green;*/ /*position: relative;*/ margin-top: 10px; margin-bottom: 5%; text-indent: 2em; letter-spacing: 1px; text-align: justify; }
.section3 h2 { color: #424242; font-size: 2.5rem;/*margin-top:5%;*/ position: relative; /*top: -120%;*/ background: url(../images/page3h3bj.png) no-repeat center; margin-top:3%; }
.section3 ul { padding-top: 2%; }
.section3 ul li { padding: 1% 0; }
.section3 ul li a { width: 50%;/*width:0;*/ display: block; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;/*background:pink;*/ margin: 0 auto; }
.section3 p { padding-top: 1.8rem; }
}
@media screen and (max-width:1600px) {
.imgbox ul li img { width: 1600px; height: auto; position: relative; margin: 0 auto; display: block; }
}
@media screen and (max-width:1440px) {
#nav ul li a { display: inline-block; width: 100%; text-align: center; font-size: 1.125rem; color: #3675a1; height: 3.75rem; }
.imgbox ul li img { width: 1440px; height: auto; position: relative; margin: 0 auto; display: block; }
.about { margin-top: 6%; }
.about_bot { margin-top: 4%; }
.section2 p { padding-top: 0%; }
.section3 p { padding-top: 0%; }
/*.section3 p {color:#7c7b7b;font-size:0.9375rem;padding-top:2rem;margin-top:88px;}*/
.section3 h2 { color: #424242; font-size: 2.5rem;/*margin-top:5%;*/ position: relative; /*top: -120%;*/ background: url(../images/page3h3bj.png) no-repeat center; margin-top:1%; }
.section3 ul { padding-top: 1%; }
.section3 ul li { padding: 1% 0; }
.section3 ul li a { width: 43%;/*width:0;*/ display: block; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;/*background:pink;*/ margin: 0 auto; }
.section4 h2 { color: #fff; font-size: 1.3125rem; padding: 2rem 0; }
.four_l ul li { font-size: 1rem; line-height: 2.5rem; }
.four_c form input { width: 96%; padding: 0 2%; max-width: 212px; height: 2rem; border: #fff solid 1px; background: none; border-radius: 4px; color: #fff; font-size: 0.9375rem; margin: 1rem 0; }
}
@media screen and (max-width:1366px) {
.imgbox ul li img { width: 1366px; height: auto; position: relative; margin: 0 auto; display: block; }
}
@media screen and (max-width:1280px) {
html, body { font-size: 90%; }
.section2 { width: 94%; padding: 0 3%; }
.about { margin-top: 6%; }
.about_bot { margin-top: 8%; }
.imgbox ul li img { width: 1280px; height: auto; position: relative; margin: 0 auto; display: block; }
.se3nr { width: 96%; height: 85%; padding: 0 2%; margin-top: 10%; }
.section3 { width: 94%; padding: 0 3%; }
.section3 h2 { color: #424242; font-size: 2.5rem;/*margin-top:5%;*/ position: relative; /*top: -120%;*/ background: url(../images/page3h3bj.png) no-repeat center; margin-top:1.5% }
.section3 ul { padding-top: 1.5%; }
.section3 ul li { padding: 1% 0; }
.section3 ul li a { width: 40%;/*width:0;*/ display: block; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;/*background:pink;*/ margin: 0 auto; }
.section4 { width: 94%; padding: 0 3%; }
}
@media screen and (max-width:1200px) {
html, body { font-size: 85%; }
#menu { display: none; }
.section1 { width: 100%; position: relative; }
.banner { width: 100%; }
.imgbox ul li img { width: 1200px; height: auto; position: relative; margin: 0 auto; display: block; }
#mem1, #mem2, #mem3 { background-size: cover; background-position: center; }
.daohang { display: none; }
.about { height: auto; }
.about_l { width: 100%; position: relative; float: left; }
.about_l p { color: #fff; font-size: 0.9375rem; line-height: 2.1875rem; height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.about_r { width: 100%; padding-top: 60%; float: none; margin: 0 auto; margin-bottom: 2.5rem; }
.about_bot { margin-bottom: 2rem; }
.section3 h3 {/*margin-top:2.5rem;*/ }
.bqk .fenx { position: absolute; top: auto; bottom: 100%; right: 0; padding: 2% 1rem; }
}
@media screen and (max-width:1024px) {
#hd { display: none; }
#m-hd { display: block; }
.imgbox ul li img { width: 1024px; height: auto; position: relative; margin: 0 auto; display: block; }
}
@media screen and (max-width:768px) {
html, body { font-size: 80%; }
.section3 ul li { width: 50%; }
}
@media screen and (max-width:767px) {
.about_bot { display: none; }
.section2 { width: 94%; padding: 3% 3%; }
.section4 { padding: 5rem 3%; }
.four_l { width: 40%; }
.four_c { width: 100%; float: none; clear: both; padding-top: 2rem; }
.four_r { width: 60%; }
}
@media screen and (max-width:480px) {
html, body { font-size: 75%; }
.imgbox ul li img { width: auto; height: 100%; position: relative; margin: 0 auto; display: block; }
.about_l p { color: #fff; font-size: 1.125rem; line-height: 2.1875rem; height: 13.125rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; /*background: green;*/ /*position: relative;*/ margin-top: 10px; margin-bottom: 5%; text-indent: 2em; letter-spacing: 1px; text-align: justify; }
.se3nr { width: 96%; height: 85%; padding: 0 2%; margin-top: 10%; }
.section3 { width: 94%; padding: 0 3%; }
.section3 h2 { color: #424242; font-size: 2.5rem;/*margin-top:5%;*/ position: relative; /*top: -120%;*/ background: url(../images/page3h3bj.png) no-repeat center; margin-top:1.5% }
.section3 ul { padding-top: 1.5%; }
.section3 ul li { padding: 10% 0; }
.section3 ul li a { width: 65%;/*width:0;*/ display: block; overflow: hidden; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;/*background:pink;*/ margin: 0 auto; }
.bqk .fenx img { }
.four_c { padding-bottom: 5rem; }
}
@media screen and (max-width:320px) {
html, body { font-size: 70%; }
}