* {
	margin: 0px; padding: 0px;
}
.container {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
@media all and (min-width:768px)
{
.container {
	width: 750px;
}
}
@media all and (min-width:992px)
{
.container {
	width: 970px;
}
}
@media all and (min-width:1200px)
{
.container {
	width: 1170px;
}
}
*:focus {
	
}
body {
	font-family: "Microsoft yahei", Arial, sans-serif;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
#totop {
	background: url("../images/top.png") no-repeat 0% 0% / contain; width: 40px; height: 40px; right: 20px; bottom: 40px; display: none; position: fixed; z-index: 555; cursor: pointer;
}
#totop:hover {
	background: url("../images/top2.png") no-repeat 0% 0% / contain;
}
.left {
	float: left;
}
.right {
	float: right;
}
#top {
	background: rgb(1, 133, 224); left: 0px; top: 0px; width: 100%; height: 30px; position: absolute; z-index: 99;
}
#top .left {
	height: 46px; line-height: 46px; display: inline-flex;
}
#top .left span {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; margin-left: 12px; display: inline-block;
}
#top .left .glyphicon-earphone {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; margin-left: 0px;
}
#top .top {
	overflow: hidden;
}
#top .right a {
	height: 30px; line-height: 30px; margin-left: -5px; display: inline-block;
}
#top .right a span {
	padding: 0px 12px; transition:0.2s; color: rgb(255, 255, 255); border-left-color: rgb(62, 162, 231); border-left-width: 1px; border-left-style: solid; -webkit-transition: all .2s; -o-transition: all .2s;
}
#top .right a:hover {
	background: rgb(62, 162, 231);
}
#top .right .nbl {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
#pcNav {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 75px; position: absolute; z-index: 1000;
}
#pcNav .container {
	position: relative;
}
#logo {
	left: 0px; margin-top: 5px; float: left; display: inline-block; position: absolute;
}
#pcNav nav {
	float: right;
}
#pcNav nav > ul {
	margin-bottom: 0px; display: inline-flex;
}
#pcNav nav > ul > li {
	height: 75px; line-height: 70px; float: left; box-sizing: border-box;
}
#pcNav nav > ul > li a {
	padding: 0px 18px; border: 1px solid transparent; border-image: none; height: 75px; color: rgb(67, 67, 67); font-size: 16px; display: block; box-sizing: border-box;
}
#pcNav nav > ul > li.active a {
	background:#0371c5; color: rgb(255, 255, 255);
}
#pcNav nav > ul > li:hover a {
	background:#0371c5; color: rgb(255, 255, 255);
}
#mbNav {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 80px; position: fixed; z-index: 1000;
}
#mbNav .container {
	position: relative;
}
#slogo {
	margin-top: 12px; display: inline-block;
}
#slogo img {
	width: 100%;
}
.hamburger {
	top: 20px; right: 20px; position: absolute; z-index: 99;
}
.hamburger .line {
	background: rgb(1, 133, 224); margin: 8px auto; border-radius: 4px; transition:0.3s; width: 40px; height: 3px; display: block; -webkit-transition: all 0.3s;
}
.hamburger {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
.is-active.hamburger {
	animation:smallbig 0.6s forwards; -webkit-animation: smallbig 0.6s forwards;
}
.is-active.hamburger .line {
	background: rgb(1, 133, 224);
}
.is-active.hamburger :nth-child(2).line {
	opacity: 0;
}
.is-active.hamburger :nth-child(1).line {
	transform: translateY(9px) rotate(45deg); -webkit-transform: translateY(9px) rotate(45deg);
}
.is-active.hamburger :nth-child(3).line {
	transform: translateY(-13px) rotate(-45deg); -webkit-transform: translateY(-13px) rotate(-45deg);
}
.mbNav {
	background: rgb(255, 255, 255); padding: 0px 20px 50px; animation:leftIn 0.2s; left: 100%; top: 80px; width: 100%; height: 150vh; border-top-color: rgb(209, 209, 209); border-top-width: 2px; border-top-style: solid; position: absolute; z-index: 98; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-animation: leftIn .2s;
}
.cli.mbNav {
	animation:leftIn 0.2s; -webkit-animation: leftIn .2s;
}
.mbNav dl {
	margin-bottom: 0px;
}
.mbNav dl dt {
	background: url("../images/down.png") no-repeat 100% / 18px 10px; height: 40px; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; border-bottom-color: rgb(209, 209, 209); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.mbNav dl dt.cli {
	background: url("../images/up.png") no-repeat 100% / 18px 10px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.mbNav dl dd {
	background: rgb(239, 239, 239); transition:none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; font-weight: normal; display: none; -webkit-transition: none; -o-transition: none; -moz-transition: none;
}
.mbNav dl dd a {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.lay {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100vw; height: 100vh; display: none; position: fixed; z-index: 55;
}
.idxSlider {
	height: 80vh; overflow: hidden; margin-bottom: 0px; position: relative;
}
.idxSlider .swiper-container {
	height: 100%; display: block;
}
.idxSlider .swiper-slide a {
	height: 100%; display: block;
}
.idxSlider .swiper-slide a {
	background-position: center; width: 100%; color: rgb(1, 133, 224); display: inline-block; position: relative; background-repeat: no-repeat; background-size: cover;
}
.idxSlider .swiper-slide .text {
	left: 28%; bottom: 20%; position: absolute;
}
.idxSlider .text h2 {
	color: rgb(3, 197, 169); font-size: 36px; font-weight: 700; margin-top: 10px;
}
.idxSlider .text h2::before {
	background: rgb(3, 197, 169); left: 0px; top: -20px; width: 46px; height: 5px; margin-bottom: 0px; position: absolute; content: "";
}
.idxSlider .text span {
	background: url("../images/span.png") no-repeat 0% 0% / contain; width: 470px; height: 36px; margin-top: 35px; display: inline-block;
}
.idxSlider .text p {
	color: rgb(3, 197, 169); font-size: 24px;
}
.swiper-pagination {
	left: 50%; bottom: 20px; transform: translateX(-50%);
}
.swiper-pagination span {
	background: rgb(255, 255, 255); margin: 0px 5px; width: 15px; height: 15px; opacity: 1; box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
.swiper-pagination span.swiper-pagination-bullet-active {
	background: rgb(3, 197, 169);
}
.medicine {
	overflow: hidden;
}
.medicine .content > div {
	height: 20vh; float: left; position: relative;
}
.medicine .part1 {
	background-position: right bottom; width: 50%; background-repeat: no-repeat; background-size: cover;
}
.medicine .part3 {
	background-position: right bottom; width: 25%; background-repeat: no-repeat; background-size: cover;
}
.medicine .part2 {
	background-position: right bottom; width: 25%; background-repeat: no-repeat; background-size: cover;
}
.medicine .content > div .text {
	top: 65px; color: rgb(255, 255, 255); position: absolute;
}
.medicine .content > div .text h1 {
	width: 200px; padding-bottom: 15px; font-size: 24px; margin-top: 0px; margin-bottom: 18px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid;
}
.medicine .content > div .text h1 span {
	background: url("../images/indexPng11.png") no-repeat 0% 0% / contain; width: 26px; height: 26px; margin-right: 15px; vertical-align: bottom; display: inline-block;
}
.medicine .part1 .text {
	left: 28%;
}
.medicine .content > div .text a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.medicine .part2 .text {
	left: 30px;
}
.medicine .part3 .text {
	left: 30px;
}
.reCenter {
	background: no-repeat left top / contain rgb(255, 255, 255); padding: 50px 0px 70px;
}
.reCenter .left {
	width: 276px; padding-bottom: 100px; position: relative;
}
.reCenter .left .img {
	width: 100%;
}
.reCenter .left .pimg {
	background-position: right; width: 340px; height: 196px; right: -120px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.reCenter .left .text {
	left: 50px; top: 75px; position: absolute;
}
.reCenter .left p {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: lighter;
}
.reCenter .left .text span {
	background: url("../images/indexPng05.png") no-repeat 0% 0% / contain; width: 45px; height: 28px; margin-top: 20px; display: inline-block;
}
.reCenter .right {
	width: 60%; position: relative;
}
.reCenter .right h1 {
	color:#0577c7; font-size: 36px; font-weight: 700; margin-top: 0px;
}
.reCenter .right h4 {
	color: rgb(67, 67, 67); padding-bottom: 10px; font-size: 18px; font-weight: bold; margin-bottom: 0px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.reCenter .right .text {
	width: 88%; color: rgb(125, 125, 125); line-height: 22px; letter-spacing: 1px; padding-top: 10px; padding-right: 50px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; position: relative;
}
.reCenter .right .text p {
	text-align: justify; color: rgb(125, 125, 125);
}
.reCenter .right .text .msg p:last-child {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.reCenter .right a {
	padding: 5px 25px; border-radius: 30px; border: 1px solid #0577c7; border-image: none; left: 0px; bottom: -60px; color: #0577c7; margin-top: 40px; display: inline-block; position: absolute;
}
.reCenter .right a i {
	transition:none; letter-spacing: -4px; font-style: normal; -webkit-transition: none; -o-transition: none; -moz-transition: none;
}
.reCenter .right a:hover {
	background: #0577c7; color: rgb(255, 255, 255);
}
.reCenter .four {
	right: 0px; position: absolute;
}
.reCenter .four img {
	margin-top: 15px; margin-bottom: 60px; display: block;
}
.ourQuality {
	overflow: hidden;
}
.ourQuality .left {
	background-position: top; width: 50%; padding-top: 320px; background-repeat: no-repeat; background-size: cover;
}
.ourQuality .right {
	background-position: top; width: 50%; padding-top: 320px; background-repeat: no-repeat; background-size: cover;
}
.ourQuality .left img {
	width: 100%; display: block;
}
.ourQuality .right img {
	width: 100%; display: block;
}
.ourQuality .right {
	position: relative;
}
.ourQuality .right .text {
	left: 80px; top: 50%; width: 62%; color: rgb(255, 255, 255); position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.ourQuality .right .text h1 {
	font-size: 28px; font-weight: normal;
}
.ourQuality .right .text i {
	background: url("../images/indexPng05.png") no-repeat 0% 0% / contain; margin: 20px 0px; width: 45px; height: 28px; display: block;
}
.sonCompony em {
	background: url("../images/indexPng05.png") no-repeat 0% 0% / contain; margin: 20px 0px; width: 45px; height: 28px; display: block;
}
.ourQuality .right .text p {
	line-height: 22px;
}
.ourQuality .right .text ul {
	margin: 20px 0px 20px -45px; display: flex;
}
.ourQuality .right .text ul li {
	flex:1 1 0px; text-align: center;
}
.ourQuality .right .text ul li span {
	background: url("../images/indexPng08.png") no-repeat 0% 0% / contain; width: 68px; height: 68px; margin-bottom: 10px; display: inline-block;
}
.ourQuality .right .text ul li:nth-child(2) span {
	background: url("../images/indexPng09.png") no-repeat 0% 0% / contain;
}
.ourQuality .right .text ul li:nth-child(3) span {
	background: url("../images/indexPng10.png") no-repeat 0% 0% / contain;
}
.ourQuality .right .text a {
	padding: 5px 20px; border-radius: 30px; border: 1px solid rgb(255, 255, 255); transition:0.25s; border-image: none; color: rgb(255, 255, 255); margin-top: 10px; display: inline-block; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s;
}
.mediService .left a {
	padding: 5px 20px; border-radius: 30px; border: 1px solid rgb(255, 255, 255); transition:0.25s; border-image: none; color: rgb(255, 255, 255); margin-top: 10px; display: inline-block; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s;
}
.ourQuality .right .text a s {
	letter-spacing: -4px; font-style: normal; text-decoration: none; margin-left: 5px;
}
.mediService .left a i {
	letter-spacing: -4px; font-style: normal; text-decoration: none; margin-left: 5px;
}
.ourQuality .right .text a:hover {
	background: rgb(255, 255, 255); color: rgb(3, 197, 169);
}
.mediService {
	background-position: top; padding: 80px 0px; background-repeat: no-repeat;
}
.mediService .left {
	width: 50%;
}
.mediService .right {
	width: 50%;
}
.mediService .right img {
	width: 100%;
}
.mediService .left {
	padding-right: 80px;
}
.mediService .left h1 {
	color: rgb(3, 197, 169); font-size: 28px;
}
.mediService .left span {
	background: url("../images/indexPng06.png") no-repeat 0% 0% / contain; margin: 10px 0px; width: 45px; height: 28px; display: inline-block;
}
.mediService .left p {
	color: rgb(102, 102, 102); line-height: 22px; margin-bottom: 0px;
}
.mediService .left a {
	border-color: rgb(3, 197, 169); transition:0.25s; color: rgb(3, 197, 169); margin-top: 30px; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s;
}
.mediService .left a:hover {
	background: rgb(3, 197, 169); color: rgb(255, 255, 255);
}
.sonCompony {
	background-position: center; height: 460px; overflow: hidden; background-repeat: no-repeat; background-size: cover;
}
.sonCompony h1 {
	text-align: center; color: rgb(255, 255, 255); letter-spacing: 2px; font-size: 30px; margin-top: 40px;
}
.sonCompony em {
	margin: 20px auto;
}
.sonCompony .comslider {
	z-index: 55;
}
.sonCompony .slick-slide {
	
}
.sonCompony ol {
	margin-top: 10px;
}
.sonCompony ol li {
	width: 75%; margin-bottom: 35px;
}
.sonCompony a {
	color: rgb(255, 255, 255); padding-bottom: 15px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.sonCompony a span {
	overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.sonCompony a i {
	background: url("../images/indexPng07.png") no-repeat right / contain; transition:0.25s; width: 20px; height: 20px; padding-left: 55px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; float: right; display: inline-block; box-sizing: content-box; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s;
}
.sonCompony .slick-dots li {
	border-radius: 50%;
}
.sonCompony a:hover i {
	background-position: 20%;
}
.sonCompony .slick-dots button::before {
	display: none;
}
.sonCompony .slick-dots li.slick-active button {
	background: rgb(255, 255, 255);
}
.sonCompony .slick-dots button {
	border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 14px; height: 14px; z-index: 55;
}
#foot {
	background:#0371c5; padding: 40px 0px 0px;
}
#foot .nav {
	overflow: hidden;
}
#foot dl {
	color: rgb(255, 255, 255); float: left;
}
#foot dl dt {
	font-size: 16px; font-weight: 500; margin-bottom: 20px;
}
#foot dl + dl {
	margin-left: 6.4%;
}
#foot dl dd {
	margin-bottom: 10px;
}
#foot dl dd a {
	color: rgb(255, 255, 255); font-size: 12px;
}
#foot dl dd a:hover {
	text-decoration: underline;
}
#foot > .container {
	overflow: hidden; padding-bottom: 30px; position: relative;
}
#foot .ewm {
	right: 7%; bottom: 0px; color: rgb(255, 255, 255); font-size: 13px; position: absolute;
}
#foot .ewm .left {
	text-align: center; margin-right: 10px;
}
#foot .ewm .left img {
	display: inline-block;
}
#foot .ewm .left p {
	color: rgb(255, 255, 255); font-size: 12px; margin-top: 15px;
}
#foot .ewm .right p {
	color: rgb(255, 255, 255); font-size: 12px;
}
#foot .copy {
	color: rgb(35, 80, 132); padding-top: 20px; padding-bottom: 20px; margin-top: 20px; border-top-color:#41a9f8; border-top-width: 1px; border-top-style: solid;
}
#foot .copy .left a {
	color: rgb(255, 255, 255); padding-right: 20px; font-size: 12px;
}
#foot .copy .left a + a {
	padding-left: 20px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;
}
#foot .copy .right p {
	color: rgb(255, 255, 255); font-size: 12px; margin-bottom: 0px;
}
@media all and (min-width:1601px)
{
.idxSlider {
	height: 85vh;
}
.medicine .content > div {
	height: 15vh;
}
.medicine .content > div .text {
	top: 35px;
}
}
@media all and (min-width:1200px)
{
.container {
	width: 1170px !important;
}
}
@media all and (min-width:992px)
{
.container {
	width: 100%;
}
}
@media all and (min-width:768px)
{
.container {
	width: 100%;
}
#mbNav {
	display: none;
}
#foot .mbnav {
	display: none;
}
}
@media all and (max-width:1440px)
{
.medicine .part1 .text {
	left: 10vw;
}
}
@media all and (max-width:1366px)
{
.medicine .part1 .text {
	left: 8vw;
}
}
@media all and (max-width:1280px)
{
.medicine .part1 .text {
	left: 5vw;
}
}
@media all and (max-width:1120px)
{
.medicine .part1 .text {
	left: 1.5vw;
}
.reCenter .left .pimg {
	width: 280px; right: -30px;
}
}
#logo {
	transform: scale(0.7); -webkit-transform: scale(.7); -o-transform: scale(.7); -moz-transform: scale(.7);
}
@media all and (max-width:1600px)
{
.medicine .content > div .text {
	top: 20px;
}
}
@media all and (max-width:1366px)
{
.ourQuality .left {
	padding-top: 425px;
}
.ourQuality .right {
	padding-top: 425px;
}
}
@media all and (max-width:1280px)
{
.ourQuality .right .text {
	left: 30px; width: 90%;
}
}
@media all and (max-width:1200px)
{
#foot dl + dl {
	margin-left: 4%;
}
}
@media all and (max-width:1128px)
{
.reCenter .right .text a {
	margin-top: 18px;
}
.mediService .left h1 {
	font-size: 24px; margin-top: 0px;
}
.mediService .left span {
	margin: 5px 0px;
}
.mediService .left p {
	line-height: 22px;
}
.mediService .left {
	width: 45%;
}
.mediService .right {
	width: 55%;
}
.sonCompony ol li {
	width: 90%;
}
#pcNav nav > ul > li a {
	padding: 0px 5px;
}
}
@media all and (max-width:1082px)
{
.reCenter .four img {
	margin-top: 35px;
}
}
@media all and (min-width:1024px) and (max-height:530px)
{
.medicine .content > div .text {
	top: 10px;
}
.medicine .content > div .text h1 {
	font-size: 16px; margin-bottom: 5px;
}
.medicine .content > div .text h1 span {
	width: 20px; height: 20px;
}
}
@media all and (min-width:1024px) and (max-height:420px)
{
.medicine .content > div .text {
	top: 10px;
}
.medicine .content > div .text h1 {
	font-size: 16px; margin-bottom: 5px;
}
.medicine .content > div .text h1 span {
	width: 20px; height: 20px;
}
}
@media all and (max-width:1024px)
{
#pcNav nav > ul > li {
	margin-left: 10px;
}
.idxSlider .swiper-slide a {
	background-position: 60%;
}
.idxSlider .swiper-slide .text {
	left: 6%;
}
.medicine .part1 {
	width: 100%; float: none;
}
.medicine .part2 {
	width: 50%;
}
.medicine .part3 {
	width: 50%;
}
.medicine .part1 .text {
	left: 30px;
}
.ourQuality .left {
	width: 100%; float: none;
}
.ourQuality .right {
	width: 100%; float: none;
}
.ourQuality .right .text {
	left: 30px; width: 50%;
}
.reCenter .right .text .msg {
	height: 265px; overflow: hidden;
}
.reCenter .right .text a {
	margin-top: 55px;
}
.reCenter .right .text {
	width: 86%; padding-right: 10px; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.reCenter .four img {
	margin-bottom: 40px;
}
.reCenter .right a {
	bottom: -88px;
}
}
@media all and (max-width:992px)
{
#foot dl dt {
	font-size: 16px;
}
#foot .copy .left a + a {
	padding-left: 10px;
}
#foot .copy .left a {
	padding-right: 10px; font-size: 12px;
}
#foot .copy .right p {
	font-size: 12px;
}
#pcNav nav > ul > li a {
	font-size: 14px;
}
#pcNav nav > ul > li {
	margin-left: 0px;
}
.sonCompony ol li i {
	width: 18px; height: 18px;
}
.sonCompony a span {
	font-size: 14px;
}
}
@media all and (max-width:900px)
{
.reCenter .right {
	width: 54%;
}
#logo {
	left: 0px; top: 2px; width: 200px;
}
#logo img {
	width: 100%;
}
}
@media all and (max-width:820px)
{
#foot dl + dl {
	margin-left: 3%;
}
#pcNav nav > ul > li a {
	padding: 5px 6px;
}
.ourQuality .right .text a {
	margin-top: 0px;
}
.sonCompony ol li i {
	padding-left: 35px;
}
.sonCompony ol li a:hover i {
	background-position: 20% top;
}
#pcNav nav > ul > li a {
	font-size: 12px;
}
}
@media all and (max-width:767px)
{
#top {
	display: none;
}
#pcNav nav {
	display: none;
}
#foot .nav {
	display: none;
}
#pcNav {
	background: rgb(255, 255, 255); left: 0px; top: 0px; height: 80px; position: fixed;
}
#pcNav nav {
	top: 100px; width: 100%; right: 0px; position: absolute;
}
#pcNav nav ul {
	background: rgba(0, 0, 0, 0.8); width: 100%; margin-top: 0px; display: block;
}
#pcNav nav ul li {
	text-align: center; float: none;
}
#pcNav nav ul li.active a {
	border: currentColor; border-image: none;
}
#pcNav nav ul li a {
	padding: 10px 0px; border-radius: 0px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.idxSlider .swiper-slide .text {
	left: 20px;
}
.idxSlider .swiper-slide a {
	background-position: 70%;
}
.idxSlider .text h1 {
	font-size: 24px;
}
.idxSlider .text h2 {
	font-size: 24px;
}
.idxSlider .text h1::before {
	top: -10px; width: 25px; height: 2px;
}
.idxSlider .text span {
	width: 250px; height: 22px;
}
.idxSlider {
	height: 75vh; margin-top: 80px;
}
.medicine .part2 {
	width: 100%;
}
.medicine .part3 {
	width: 100%;
}
.reCenter {
	margin-bottom: 350px;
}
.reCenter .four {
	display: flex; position: relative;
}
.reCenter .four img {
	margin-right: 20%; display: inline-block;
}
.reCenter .left .pimg {
	width: 340px; right: -120px;
}
.reCenter .right h1 {
	margin-top: 30px;
}
.reCenter .right .text {
	left: -84%; top: 468px; width: 92vw; padding-right: 0px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; position: absolute;
}
.reCenter .right .text a {
	padding: 5px 0px; width: 100%; text-align: center; bottom: -60px; margin-top: 20px;
}
.ourQuality .right .text {
	left: 30px; width: 90%;
}
.mediService .left {
	width: 100%; padding-right: 0px; float: none;
}
.mediService .right {
	width: 100%; padding-right: 0px; float: none;
}
.mediService .left h1 {
	margin: 20px 0px;
}
.mediService .left a {
	padding: 5px 0px; width: 100%; text-align: center;
}
.sonCompony .container {
	padding: 0px;
}
.sonCompony ol li a {
	margin-left: 20px;
}
#foot dl {
	float: none;
}
#foot dl dt {
	background: url("../images/plus.png") no-repeat 100% / 20px 20px; padding: 20px 0px; font-size: 14px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#foot dl + dl {
	margin-left: 0px;
}
#foot dl dd {
	color: rgb(185, 194, 209); padding-bottom: 10px; padding-left: 10px; font-size: 14px; margin-top: 10px; margin-left: 10px; border-bottom-color: rgb(185, 194, 209); border-bottom-width: 1px; border-bottom-style: solid; display: none;
}
#foot dl dt.cli {
	background: url("../images/equl.png") no-repeat 100% / 20px 20px;
}
#foot .ewm {
	right: 0px; bottom: 0px; overflow: hidden; font-size: 16px; margin-top: 20px; position: relative;
}
#foot .ewm .left {
	float: right;
}
#foot .ewm .right {
	width: 60%; float: left;
}
#foot p {
	color: rgb(255, 255, 255);
}
#foot .copy {
	margin-top: 10px;
}
#foot .copy .left {
	width: 100%; text-align: center; margin-bottom: 5px;
}
#foot .copy .right {
	width: 100%; text-align: center; margin-bottom: 5px;
}
.reCenter .left p {
	font-weight: normal;
}
#foot dl dt {
	margin-bottom: 0px;
}
.medicine .content > div .text h1 {
	font-size: 20px;
}
#slogo {
	width: 150px; margin-top: 20px;
}
}
@media all and (max-width:670px)
{
.reCenter .left {
	width: 230px;
}
.reCenter .left .text {
	left: 20px; top: 20px;
}
.reCenter .left .pimg {
	width: 294px; height: 160px; bottom: 30px;
}
.reCenter .right .text {
	top: 370px;
}
.reCenter {
	margin-bottom: 260px;
}
.reCenter .right .text .msg {
	height: 220px;
}
.ourQuality .left {
	padding-top: 330px;
}
.sonCompony ol li i {
	padding-left: 20px;
}
.sonCompony .comslider .slick-dots li {
	width: 15px; height: 15px;
}
.sonCompony .comslider .slick-dots li button {
	width: 15px; height: 15px;
}
}
@media all and (max-width:550px)
{
.reCenter .right h1 {
	font-size: 20px; margin-top: 0px;
}
.reCenter .right h4 {
	font-size: 14px;
}
.reCenter .four img {
	margin-right: 5%;
}
.reCenter .left {
	width: 188px;
}
.reCenter .right {
	width: 46%;
}
.reCenter .left .pimg {
	width: 268px; height: 125px; bottom: 50px;
}
.reCenter .left p {
	font-size: 14px;
}
.reCenter .right .text {
	left: -120%; top: 290px;
}
.reCenter {
	margin-bottom: 220px;
}
.ourQuality .right .text h1 {
	font-size: 20px;
}
.mediService .left h1 {
	font-size: 20px;
}
.sonCompony h1 {
	font-size: 20px;
}
.ourQuality .left {
	padding-top: 280px;
}
.ourQuality .right .text ul li span {
	width: 45px; height: 45px;
}
.sonCompony ol li a {
	padding-bottom: 10px; margin-left: 5px;
}
.sonCompony ol li a span {
	width: 145px; font-size: 14px; display: inline-block;
}
.sonCompony ol li {
	width: 95%;
}
.sonCompony ol li i {
	padding-left: 10px;
}
}
@media all and (max-width:480px)
{
.reCenter {
	margin-bottom: 240px;
}
.reCenter .right .text .msg {
	height: 230px;
}
#foot dl dt {
	padding: 10px 0px; font-size: 16px; background-size: 20px 20px;
}
.ourQuality .right .text ul {
	margin-left: 0px;
}
.ourQuality .right .text ul li p {
	font-size: 12px;
}
}
@media all and (max-width:414px)
{
.medicine .part1 .text {
	left: 20px;
}
.medicine .part2 .text {
	left: 20px;
}
.medicine .part3 .text {
	left: 20px;
}
.reCenter {
	margin-bottom: 230px;
}
.ourQuality .right .text {
	left: 10px;
}
.ourQuality .left {
	padding-top: 220px;
}
#foot .ewm .left {
	width: 100%; float: none;
}
#foot .ewm .right {
	width: 100%; float: none;
}
#foot .ewm {
	font-size: 14px;
}
#foot .ewm .left p {
	font-size: 12px;
}
.idxSlider {
	height: 60vh;
}
.sonCompony a:hover {
	padding-left: 0px;
}
.sonCompony ol li a span {
	width: 140px;
}
.idxSlider .swiper-slide .text {
	bottom: 65px;
}
}
@media all and (max-width:400px)
{
.sonCompony ol li a span {
	width: 130px;
}
}
@media all and (max-width:375px)
{
.reCenter {
	margin-bottom: 240px;
}
.ourQuality .left {
	padding-top: 190px;
}
.idxSlider .text span {
	margin-top: 0px;
}
.reCenter .four img {
	margin-top: 5px; transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8);
}
}
@media all and (max-width:395px)
{
.reCenter .left {
	width: 170px;
}
.reCenter .left .text {
	left: 10px;
}
}
@media all and (max-width:365px)
{
.reCenter .left {
	width: 150px;
}
.reCenter .left .text {
	top: 10px;
}
.reCenter .left p {
	margin-bottom: 5px;
}
.reCenter .left .text span {
	width: 30px; margin-top: 0px;
}
.reCenter .left .pimg {
	width: 235px; height: 112px; bottom: 65px;
}
.reCenter .right .text {
	top: 230px;
}
.reCenter {
	margin-bottom: 210px;
}
.sonCompony ol li a span {
	width: 110px;
}
}
@media all and (max-width:340px)
{
.reCenter .left {
	width: 140px;
}
.reCenter .right h1 {
	font-size: 16px;
}
.reCenter {
	margin-bottom: 275px;
}
}