@charset "utf-8";

/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden;background:url("../images/loading.gif")/*tpa=http://www.kingstarmedical.com/cn/images/loading.gif*/ center center no-repeat;}
.HomeBan .item{ position:relative;}
/*.HomeBan .item.slick-current .imgbox{
	-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;
	animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;
}*/
.HomeBan .item .imgbox video{width: 100%;height: 100%}
.HomeBan:hover .slick-prev{left: 3%;}
.HomeBan:hover .slick-next{right: 3%;}
.HomeBan .slick-dots {bottom: 0.27rem;}

.Pagebox{padding-top: 1.2rem;padding-bottom:1.2rem;overflow: hidden;position: relative;}

.HomeTit{margin-bottom: 0.31rem;position: relative;}
.HomeTit h2 img{height: 0.71rem;margin-right: 0.3rem;}
.HomeTit h2{line-height: 1;font-size: 0.6rem;color:#2a2c2e;display: inline-block;vertical-align: top;position: relative;}
.HomeTit h2:after{content: "";right: -0.49rem;top: -0.1rem;width: 0.2rem;height: 0.2rem;background: url("../images/ico/ico_jia.gif")/*tpa=http://www.kingstarmedical.com/cn/images/ico/ico_jia.gif*/ no-repeat;background-size:contain;position: absolute;}
.HomeTit .btnam{position: absolute;right: 0;top: -0.15rem;}

.HomePro{background: #ecf2ff;}
.HomePro .Info{color:#777777;max-width: 1080px;margin-bottom: 0.41rem;}
.HomePro .slick-list{margin-bottom: -15px;}
.HomePro .item{margin:8px 8px 15px;position: relative;border-radius: 0.25rem;}
.HomePro .item a{display: block;border:4px solid #fff;border-radius: 0.25rem;position: relative;z-index: 1;box-shadow:0 5px 12px rgba(144,155,168,0.4);transition: all 0.3s;}
.HomePro .item .ti{position: absolute;padding: 0 0.2rem 0 0.468rem;top: 0.5rem;font-size: 0.26rem;width: 100%;font-weight: bold;z-index: 2;}
.HomePro .item .imgbox{padding-top: 127%;border-radius: 0.25rem;}
.HomePro .item:hover a{transform: scale(1.03);}
.HomePro .slick-prev{left: -1rem;}
.HomePro .slick-next{right: -1rem;}

.HomeAbout .bg{background:url("../images/aboutbg.jpg")/*tpa=http://www.kingstarmedical.com/cn/images/aboutbg.jpg*/ center top no-repeat;background-size:cover;background-attachment: fixed;position: absolute;left: 0;top: -20%;width: 100%;height: 120%;}
.HomeAbout .NumList{width: 34.86%;float: left;}
.HomeAbout .NumList ul{margin: 0.56rem 0 0.76rem;}
.HomeAbout .NumList li{display: flex;align-items: center;height: 1.37rem;color: #023089;}
.HomeAbout .NumList aside{line-height: 0.52rem;font-size: 0.48rem;font-weight: bold;}
.HomeAbout .NumList p{opacity: 0.7;}
.HomeAbout .NumList .icon{width: 0.8rem;margin-right: 0.29rem;}

.HomeAbout .About{width: 56.57%;float: right;}
.HomeAbout .Info{margin-bottom: 0.48rem;}
.HomeAbout .imgbox{border-radius: 0.2rem;}

.HomeHistory{background-image: linear-gradient(to top, #f0f5ff , #fff);padding-bottom: 0.62rem;}
.HomeHistory .HomeTit{width: 49.01%;right: 0;position: absolute;top: 0;z-index: 10;}
.HomeHistory .TabCon {margin-bottom: 0.63rem;}
.HomeHistory .TabCon .imgbox{width: 41.44%;float: left;padding-top: 26.35%;border-radius: 0.2rem;}
.HomeHistory .TabCon .info{width: 49.01%;float: right;padding: 1.18rem 0 0 0;}
.HomeHistory .TabCon .year{line-height: 1.21;color:#023089;font-size: 1.2rem;font-weight: bold;}

.HomeHistory .TabNav{position: relative;line-height: 0.86rem;padding-top: 3px;}
.HomeHistory .TabNav:after{left: 0;top: 11px;width: 100%;height: 1px;content: "";position: absolute;background: #e5e5e5;}
.HomeHistory .TabNav .item{position: relative;color:#888888;font-size: 0.28rem;cursor: pointer;}
.HomeHistory .TabNav .item:after{content: "";left: 0;top: 8px;width: 0;height: 1px;position: absolute;background-image: linear-gradient(to right, #023089 , #e5e5e5);transition: all 0.8s;}
.HomeHistory .TabNav .item:before{content: "";left: 0;top: 3px;width: 11px;height: 11px;border-radius: 50%;border: 2px solid #acacac;background: #fff;position: absolute;transition: all 0.3s;z-index: 2;}
.HomeHistory .TabNav .item.slick-current{color:#050f23;}
.HomeHistory .TabNav .item.slick-current:after,.HomeHistory .TabNav .item:hover:after{width: 100%;}
.HomeHistory .TabNav .item.slick-current:before,.HomeHistory .TabNav .item:hover:before{width: 17px;height:17px;border: 4px solid #023089;top: 0;}
.HomeHistory .arrbtn{position: absolute;top: -1.2rem;width: 100px;height: 100px;width: 49.01%;right: 0;}
.HomeHistory .arrbtn .slick-arrow{top: 0;transform: translateY(0);}
.HomeHistory .arrbtn .slick-prev{left: 0;}
.HomeHistory .arrbtn .slick-next{left: 0.83rem;right: auto;}

.HomeSocial ul{display: flex;justify-content: space-between;}
.HomeSocial li{width: 48.83%;padding-bottom: 0.8rem;position: relative;}
.HomeSocial li .imgbox{padding-top: 71.5%;border-radius: 0.2rem;position: relative;top: -1.8rem;}
.HomeSocial li .info{position: absolute;left: 0.45rem;width: calc(100% - 0.9rem);bottom: 0;z-index: 10;padding:0.55rem 0.4rem 0.5rem 0.5rem;min-height: 3.8rem;background: #fff;box-shadow: 0 6px 20px rgba(0,0,0,0.06);border-radius: 0.2rem;transition: all 0.3s;}
.HomeSocial li:hover .info{bottom: 0.15rem;}
.HomeSocial .HomeTit h2{font-size: 0.48rem;}
.HomeSocial .text{color:#777777;}

.HomeNews{padding-top: 0;overflow: visible;margin-bottom: 0.8rem;}
.HomeNews ul{position: relative;min-height: 5rem;position: relative;margin-top: 0.1rem;}
.HomeNews .item .itema{display:block;padding-bottom: 0.22rem;border-bottom: 1px solid #e5e5e5;position: relative;}
.HomeNews .item .itema:After{position: absolute;left: 0;bottom: 0;width: 0;height: 1px;content: "";background: #023089;transition: all 0.5s;}
.HomeNews .item{margin-left: 56.57%;margin-bottom: 0.52rem;}
.HomeNews .item:last-child{margin-bottom: 0;}
.HomeNews .imgbox{width: 50%;position: absolute;left: 0;top: 0;padding-top: 4.8rem;border-radius: 0.25rem;opacity: 0;transition: all 0.3s;transform: scale(1.08);visibility: hidden;z-index: -1;}
.HomeNews .imgbox:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(2,48,137,0.5));content: "";z-index: 1;}
.HomeNews .imgbox aside{position: absolute;left: 0;bottom: 0.21rem;width: 100%;z-index: 2;padding: 0 0.35rem;line-height: 0.36rem;font-size: 0.26rem;color: #fff;}
.HomeNews .ti{margin-bottom: 0.14rem;font-size: 0.24rem;}
.HomeNews .date{font-size: 14px;color:#777777;}
.HomeNews .item.on .itema{color:#023089;}
.HomeNews .item.on .itema:after,.HomeNews .item:hover .itema:after{width: 100%;}
.HomeNews .item.on .imgbox{transform: scale(1);visibility: visible;z-index: 10;opacity: 1;}
.wave {position: absolute;left:0;bottom:0;width: 100%;height: 462px;}
.wave .shape {position: absolute;background: url("../images/wave1.png")/*tpa=http://www.kingstarmedical.com/cn/images/wave1.png*/ 0 bottom;background-repeat: repeat-x;width: 100%;height: 100%;}
.wave .shape1 {opacity: 1;animation: waveMove1 7s linear infinite;background-position: 300px 20px;}
.wave .shape2 {opacity: 0.8;	animation: waveMove2 10s linear infinite;	background-position: 700px 10px;}
.wave .shape3 {opacity: 0.5;animation: waveMove3 5s linear infinite;	background-position: 0px 0px;}
@keyframes waveMove1 {
	from {background-position: 300px 20px;	}
	to {background-position: -1620px 20px;}
}
@keyframes waveMove2 {
	from {	background-position: 600px 10px;}
	to {background-position: -1320px 10px;}
}
@keyframes waveMove3 {
	from {background-position: 0px 0px;}
	to {background-position: -1920px 0px;}
}

@media(max-width:1560px){
	.HomePro .slick-prev{left: -0.6rem;}
	.HomePro .slick-next{right: -0.6rem;}

	.HomeSocial li .info {padding: 0.3rem 0.3rem 0.2rem 0.3rem;}
}
@media(max-width:1280px){
	#scrollxf .Footer{top: -1.24rem;}
}
@media(max-width:1024px){
	#scrollxf .Footer{top:-0.5rem}
	.HomeHistory .HomeTit{width: auto;position: static;}
	.HomeHistory .TabCon .imgbox{width: auto;float: none;padding-top: 64%;}
	.HomeHistory .TabCon .info{width: auto;float: none;padding:0.3rem 0;}
	.HomeHistory .arrbtn{width: 66px;top: -0.7rem;}

	.HomeSocial ul{display: block;}
	.HomeSocial li{width: auto;}
	.HomeSocial li .info{bottom: 0.2rem;}
}
@media(max-width:767px){
	.Pagebox{padding-top: 0.68rem;padding-bottom: 0.68rem;}
	.HomeTit .btnam{top: 0;}
	.HomePro .slick-prev{left: 0;}
	.HomePro .slick-next{right: 0;}

	.HomeAbout .NumList{width: auto;float: none;padding-bottom: 0.3rem;}
	.HomeAbout .NumList ul{margin-bottom: 0.3rem;}
	.HomeAbout .About{width: auto;float: none;}

	.HomeNews .imgbox{width: auto;position: relative;display: none;}
	.HomeNews .item{margin-left: 0;}
	.HomeNews .item.on .imgbox{display: block;margin-top: 0.15rem;}
	.HomeNews .item{position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
 .HomeNews .item:After{position: absolute;left: 0;bottom: 0;width: 0;height: 1px;content: "";background: #023089;transition: all 0.5s;}
	.HomeNews .item .itema{border-bottom: 0;padding: 0;}
	.HomeNews .item .itema:After{display: none;}
	.HomeNews .item:hover:After{width: 100%;}
	.HomeNews ul{margin-top: 0.3rem;}
	.HomeNews .ti,.HomeNews .imgbox aside{font-size: 16px;line-height: 24px;}
}
@media(max-width:580px){
	#scrollxf .Footer{top:-1rem;}
	.HomePro .item .ti{font-size: 16px;}
	.HomeHistory .TabCon .year{font-size: 0.8rem;}
	.HomeHistory .TabNav{line-height: 50px;}
	.HomeHistory .TabNav .item:before {left: 50%;transform: translateX(-50%);}
	.HomeHistory .TabNav .item{font-size: 18px;text-align: center;}

	.HomeSocial li {padding-bottom: 0;}
	.HomeSocial li .info{position: relative;margin-top: -0.5rem;left: 0.3rem;width: calc(100% - 0.6rem);}

	.HomeNews{margin-bottom: 1.2rem;}
}


/*common s*/
.SubPage{position: relative;background:#fff;z-index: 1;overflow: hidden;height: auto !important;height: 200px;min-height: 200px;padding:0.9rem 0;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .w1720{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color:#fff;}
.SubBan h2{font-size: 0.8rem;line-height: 1.05;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.SubBan.on .img img{transform: scale(1);}

.ColName{display: none;}
.SubMenu{line-height: 0.81rem;background:#fff;border-bottom:1px solid #ebeff2;position: relative;z-index: 3;display: flex;font-family: "MSbold";}
.SubMenu ul{display: flex;flex-wrap: wrap;}
.SubMenu li{position: relative;}
.SubMenu li:not(:last-child){margin-right: 0.14rem;}
.SubMenu li a{ display:block; position: relative;z-index: 1;color:#666666;padding:0 0.33rem;font-size: 0.2rem;}
.SubMenu li:after{content: "";position:absolute;left: 50%;bottom: 0px;width: 0;background:#023089;transition: all 0.3s;height: 1px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#023089;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.SubTit{margin-bottom: 0.31rem;position: relative;}
.SubTit h2{line-height: 1;font-size: 0.48rem;color:#2a2c2e;display: inline-block;vertical-align: top;position: relative;padding-top: 0.1rem;}
.SubTit h2:after{content: "";right: -0.49rem;top: 0;width: 0.2rem;height: 0.2rem;background: url("../images/ico/ico_jia.gif")/*tpa=http://www.kingstarmedical.com/cn/images/ico/ico_jia.gif*/ no-repeat;background-size:contain;position: absolute;}
.SubTit.noafter h2:After{display: none;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.32rem;color:#666666;}

@media(max-width:767px){
	.SubBan h2{font-size: 0.4rem;}
	.SinglePage{line-height: 24px !important;}
	.SubMenu li{min-width: 33%;margin-right: 0 !important;}
	.SubMenu li a{padding:0;text-align: center;font-size: 15px;}
	.SubMenu.w2 li{width: 50%;}
}
/*common end*/

/* About kingstar */
.AboutInfo .Info{width: 52.96%;float: left;color: #666;}
.AboutInfo .Info aside{color:#2a2c2e;font-weight: bold;margin:0.37rem 0 0.11rem;}
.AboutInfo .Info p{padding-left: 35px;position: relative;margin-bottom: 0.12rem;}
.AboutInfo .Info p:after{position: absolute;left: 2px;top: 6px;background: url("../images/ico/ico_wz.png")/*tpa=http://www.kingstarmedical.com/cn/images/ico/ico_wz.png*/;width: 19px;height: 19px;content: "";}
.AboutInfo .Video{width: 43.09%;float: right;background: #e4e9ef;border-radius: 0.2rem;overflow: hidden;}
.AboutInfo .Video .bigimg .item{position: relative;}
.AboutInfo .Video .bigimg .txt{position: absolute;left: 0.33rem;font-size: 0.26rem;font-weight: bold;color:#fff;display: flex;z-index: 2;bottom: 0.2rem;text-transform: uppercase;line-height: 1.2;}
.AboutInfo .Video .bigimg .txt img{width: 46px;margin-right: 0.39rem;}
.AboutInfo .Video .bigimg .imgbox{border-radius: 0.2rem;padding-top: 66.25%;}
.AboutInfo .Video .smallimg {padding:0.38rem 0.2rem;}
.AboutInfo .Video .smallimg .item{padding:0 0.15rem;}
.AboutInfo .Video .smallimg .imgbox{border-radius: 0.2rem;padding-top: 72.83%;}
.AboutInfo .Video .slick-prev{left: 0;}
.AboutInfo .Video .slick-next{right: 0;}

.AboutBrand{background:url("../images/brandbg.jpg")/*tpa=http://www.kingstarmedical.com/cn/images/brandbg.jpg*/ center center no-repeat;background-size: cover;background-attachment: fixed;}
.AboutBrand ul{display: flex;justify-content: space-between;}
.AboutBrand .item{width: 48.55%;}
.AboutBrand .imgbox{border: 0.04rem solid #fff;border-radius: 0.25rem;box-shadow: 7px 0 15px rgba(144,155,168,0.52);margin-bottom: 0.3rem;}

.AboutCulture ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.AboutCulture li{width: 3.22rem;border:2px solid #e7e7e7;border-radius: 0.2rem;padding:0.2rem 0.21rem 0.25rem 0.21rem;min-height: 2.2rem;position: relative;}
.AboutCulture aside{line-height: 1.05;font-size: 0.26rem;font-weight: bold;text-transform: uppercase;margin-bottom: 0.15rem;color: #333333;}
.AboutCulture aside span{display: inline-block;position: relative;padding-bottom: 6px;}
.AboutCulture aside span:After{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #023089;content: "";}
.AboutCulture .ico{position: absolute;right: 0.25rem;top: 0.3rem;width: 0.5rem;height: 0.5rem;}

.AboutHistory{padding-top: 0;}
.AboutHistory .TabCon > .slick-list{overflow: visible;}
.AboutHistory .slider{margin: 0 -0.14rem 0.44rem;}
.AboutHistory .item{padding:0 0.14rem;}
.AboutHistory .imgbox{padding-top: 68.69%;}
.AboutHistory .TabNav{position: relative;line-height: 0.86rem;padding-top: 3px;}
.AboutHistory .TabNav:after{left: 0;bottom: 11px;width: 100%;height: 1px;content: "";position: absolute;background: #e5e5e5;}
.AboutHistory .TabNav .item{position: relative;color:#888888;font-size: 0.28rem;cursor: pointer;font-weight: bold;padding-top: 200px;}
.AboutHistory .TabNav .item .imgbox {position: absolute;top: 0;left: 0;width: 96%}
.AboutHistory .TabNav .item:after{content: "";left: 0;bottom: 11px;width: 0;height: 1px;position: absolute;background-image: linear-gradient(to right, #023089 , #e5e5e5);transition: all 0.8s;}
.AboutHistory .TabNav .item:before{content: "";left: 0;bottom: 6px;width: 11px;height: 11px;border-radius: 50%;border: 2px solid #acacac;background: #fff;position: absolute;transition: all 0.3s;z-index: 2;}
.AboutHistory .TabNav .item.slick-current{color:#050f23;}
.AboutHistory .TabNav .item.slick-current:after,.AboutHistory .TabNav .item:hover:after{width: 100%;}
.AboutHistory .TabNav .item.slick-current:before,.AboutHistory .TabNav .item:hover:before{width: 17px;height: 17px;border: 4px solid #023089;bottom: 3px;}
.AboutHistory .slick-prev{left: -1rem;}
.AboutHistory .slick-next{right: -1rem;}

@media(max-width:1024px){
	.AboutInfo .Info{width: auto;float: none;margin-bottom: 0.25rem;}
	.AboutInfo .Video{width: auto;float: none;}

	.AboutCulture li{width: 49%;margin-bottom: 2%;}
	.AboutHistory .slick-prev{left: 0;}
	.AboutHistory .slick-next{right: 0;}
}
@media(max-width:767px){
	.AboutBrand ul{display: block;}
	.AboutBrand .item{width: auto;margin-bottom: 0.3rem;}
	.AboutBrand .item:last-child{margin-bottom: 0;}
}
@media(max-width:580px){
	.AboutCulture aside{font-size: 16px;}
	.AboutHistory .TabNav{line-height: 50px;}
	.AboutHistory .TabNav .item:before {left: 50%;transform: translateX(-50%);}
	.AboutHistory .TabNav .item{font-size: 18px;text-align: center;}
}

/* Quality */
.QualityPolicy{padding:0.6rem 0.9rem 0.9rem 0.9rem;border-radius: 0.2rem;background:url("../images/rybg.jpg")/*tpa=http://www.kingstarmedical.com/cn/images/rybg.jpg*/ center center no-repeat;background-size: cover;margin-bottom: 0.9rem;}
.QualityPolicy .TabCon{display: flex;justify-content: space-between;}
.QualityPolicy .TabCon .txt{width: 42.53%;}
.QualityPolicy .TabNav{font-size: 0;max-width: 8.5rem;}
.QualityPolicy .TabNav li{display: inline-block;padding: 0 0.15rem;line-height: 0.5rem;cursor: pointer;color:#fff;font-size: 0.2rem;border-radius: 0.05rem;background: #c2c2c2;margin: 0 0.2rem 0.2rem 0;font-family: "Nunito-SemiBold";}
.QualityPolicy .TabNav li span{display: inline-block;vertical-align: middle;margin: -4px 0 0 0.13rem;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #fff;position: relative;}
.QualityPolicy .TabNav li span:after,.QualityPolicy .TabNav li span:before{content: "";position: absolute;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.QualityPolicy .TabNav li span:after{width: 8px;height: 2px;}
.QualityPolicy .TabNav li span:before{width: 2px;height: 8px;}
.QualityPolicy .TabNav li.on {background: #023089;}
.QualityPolicy .TabNav li.on span:before{height: 0;}

.QualityM .imgbox{width: 35.26%;vertical-align: top;}
.QualityM .imgbox img{border-radius: 0.2rem;}
.QualityM .info{width: 64.8%;padding-left: 4.2%;}
.QualityM .info h3{font-size: 0.28rem;color:#2a2c2e;margin-bottom: 0.11rem;}
.QualityM .info ul{margin-top: 0.11rem;}
.QualityM .info li{padding-left: 0.21rem;position: relative;line-height: 0.28rem;}
.QualityM .info li:after{position: absolute;left: 0;top: 0.1rem;width: 0.08rem;height: 0.08rem;border-radius: 50%;background: #666666;content: "";}

@media(max-width:1024px){
	.QualityPolicy{padding:0.5rem;}
	.QualityPolicy .TabNav{max-width: none;margin-top: 0.3rem;}
}
@media(max-width:767px){
	.QualityPolicy .TabCon {display: block;}
	.QualityPolicy .TabCon .txt{width: 100%;margin-bottom: 0.15rem;}

	.QualityM .imgbox{width: auto;display: block;}
	.QualityM .info{width: auto;display: block;padding:0.3rem 0 0 0;}
}
@media(max-width:580px){
	.QualityPolicy{margin-bottom: 0.3rem;}
	.QualityPolicy .TabNav li{font-size: 14px;}
	.QualityM .info h3{font-size: 16px;}
	.QualityM .info li{line-height: 24px;}
	.QualityM .info li:after{top: 12px;}
}


/* Certification */
.HornorBox .slick-track{min-width: 100%;}
.HornorBox .item{position: relative;border-left: 1px solid #e5eaf3;min-height: 4.3rem;padding:0 0.44rem;color:#444444;}
.HornorBox .item:first-child{border-left: 0;}
.HornorBox .item .ti{color:#2a2c2e;font-size: 0.26rem;margin-bottom: 0.11rem;font-weight: bold;}
.HornorBox .item p{margin-bottom: 2;position: relative;padding-left: 16px;}
.HornorBox .item p:before{width: 6px;height: 6px;content: "";border-radius: 50%;position: absolute;top: 0.12rem;background: #023089;left: 0;}
.HornorBox .item .imgbox{margin-bottom: 0.55rem;text-align: center;}
.HornorBox .item .imgbox img{width: auto;height: 1.56rem;}

.HornorBox .slick-dots{height: 68px;bottom: -1.1rem;margin-bottom: -68px;display: flex;justify-content: space-around;padding:0 2.2rem;}
.HornorBox .slick-dots li{height: 68px;width: 68px;margin: 0;cursor: pointer;}
.HornorBox .slick-dots li:after{left: 50%;top: 50%;content: "";transition: all 0.3s;transform: translate(-50%,-50%);width: 0;height: 0;border:1px solid #e5eaf2;border-radius: 50%;background: transparent;}
.HornorBox .slick-dots li button{width: 38px;height: 38px;background: #fff url("../images/dots1.png")/*tpa=http://www.kingstarmedical.com/cn/images/dots1.png*/ center center no-repeat;background-size:contain;border:1px solid #edf3f9;box-shadow: 11px 0 20px rgba(172,189,199,0.2);transition: all 0.3s;}
.HornorBox .slick-dots li.slick-active button,
.HornorBox .slick-dots li:hover button{width: 48px;height: 48px;background: #023089 url("../images/dots2.png")/*tpa=http://www.kingstarmedical.com/cn/images/dots2.png*/ center center no-repeat;background-size:contain;border:1px solid #023089;}
.HornorBox .slick-dots li.slick-active:after,.HornorBox .slick-dots li:hover:after{width: 100%;height: 100%;}
.HornorBox .slick-arrow{top: auto;transform: translateY(0);bottom: -1.1rem;margin-bottom: -0.63rem;background-color: rgba(2,48,137,0.1);color:#023089;}
.HornorBox .slick-prev{left: 5%;}
.HornorBox .slick-next{right: 5%;}

.HornorBox .status{height: 68px;position: relative;margin-top: 1.1rem;}
.HornorBox .status:after{width: 100%;top: 30px;content: "";height: 6px;position: absolute;left: 0;background: #eef4fa;}
.HornorBox .status:after{width: 100%;top: 30px;content: "";height: 6px;position: absolute;left: 0;background: #eef4fa;}

@media(max-width:1024px){
	.HornorBox .slick-arrow {margin-bottom: -51px;}
	.HornorBox .slick-dots{padding:0 100px;}
}
@media(max-width:767px){
	.HornorBox .slick-dots{padding:0 70px;}
	.HornorBox .slick-dots{height: 18px;margin-bottom: -18px;bottom: -0.6rem;}
	.HornorBox .slick-dots li{height: 18px;width: 18px;}
.HornorBox .slick-dots li button{width: 9px;height: 9px;}
.HornorBox .slick-dots li.slick-active button,
.HornorBox .slick-dots li:hover button{width: 18px;height: 18px;}
.HornorBox .status{height: 18px;margin-top: 0.6rem;}
.HornorBox .status:after {top: 5px;}
.HornorBox .slick-arrow{bottom: -0.1rem;}
}


/* Responsibility */
.Responsibility ul{position: relative;}
.Responsibility .line{content: "";width: 98%;height: 79%;position: absolute;z-index: -1;top: 0;left: 0;}
.Responsibility .item{display: flex;justify-content: space-between;position: relative;z-index: 1;}
.Responsibility .img{width: 42.63%;margin-left: 0.28rem;transition: all 0.3s}
.Responsibility .img img{border-radius: 0.2rem;border: 4px solid #fff;box-shadow: 7px 0 15px rgba(144,155,168,0.52);transition: all 0.3s}
.Responsibility .info{width: 50.59%;padding: 0.3rem 0 0 1.46rem;position: relative;}
.Responsibility .img:hover img{transform: scale(1.1);}
.Responsibility .info aside{max-width: 2.5rem;font-size: 0.36rem;color: #2a2c2e;font-weight: bold;margin-bottom: 0.39rem;min-height: 0.88rem;line-height: 0.44rem;display: flex;align-items: flex-end;}
.Responsibility .info .num{position: absolute;left: 0;top: 0.3rem;font-size: 1rem;font-weight: bold;color: #e3e8ed;line-height: 0.88rem;}
.Responsibility .info .text{font-size: 0.22rem;color:#444444;line-height: 0.33rem;}
.Responsibility .item:nth-child(even){flex-direction: row-reverse;}
.Responsibility .item:not(:last-child){margin-bottom: 2.2rem;}
.Responsibility .item:nth-child(3n+1) .img img{transform: rotate(-5deg);}
.Responsibility .item:nth-child(3n+2) .img img{transform: rotate(5deg);margin-left: 0;margin-right: 0.28rem;}
.Responsibility .item .img img:hover {transform: scale(1.05);}
@media(max-width:640px){
	.Responsibility .item{display: block;}
	.Responsibility .img{width: auto;}
	.Responsibility .item .img img{transform: rotate(0) !important;}
	.Responsibility .info{width: auto;}
	.Responsibility .info .text{font-size: 15px;line-height: 24px;}
	.Responsibility .info aside{font-size: 18px;}
	.Responsibility .item:not(:last-child){margin-bottom: 1rem;}
}

/* contact */
.ContactUs .office{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ContactUs .imgbox{border-radius: 0.2rem;border: 4px solid #fff;box-shadow: 7px 0 15px rgba(144,155,168,0.52);width: 46%;margin-bottom: 0.88rem;}
.ContactUs .txt{margin-bottom: 0.88rem;color:#444444;width: 46%;}
.ContactUs .txt p span{color:#023089;}
.ContactUs .txt p span:not(:last-child){margin-right: 0.37rem;}
.ContactUs .ti{font-size: 0.28rem;color:#2a2c2e;margin-bottom: 0.28rem;}
.ContactUs .add{font-size: 0.16rem;}
.ContactUs .txt.auto{width: 100%;}
.ContactUs .txt.auto ul{display: flex;justify-content: space-between;}
.ContactUs .txt.auto li{width: 46%;}

.MessageBox{border: 1px solid #e5e5e5;border-radius: 0.2rem;padding:0.7rem 0.37rem;box-shadow: 10px 0 16px rgba(48,48,48,0.09);}
.MessageBox .ti{color:#2a2c2e;font-size: 0.28rem;line-height: 1.2;margin-bottom: 0.28rem;}
.MessageBox ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-left: -0.21rem;}
.MessageBox ul li{margin: 0 0 0.28rem 0.21rem;position: relative;line-height: 55px;}
.MessageBox ul .w3{width: calc(33.33% - 0.21rem);}
.MessageBox ul .w2{width: calc(66.666666% - 0.21rem);}
.MessageBox ul label{position: absolute;left: 0.19rem;top: 0;font-size: 0.16rem;}
.MessageBox ul .tip{position: absolute;right: 0.19rem;top: 4px;}
.MessageBox ul .inputbox{border: 1px solid #c6c6c6;}
.MessageBox ul .inputbox:hover{border: 1px solid #ddd;}
.MessageBox ul .inputbox input{width: 100%;height: 55px;padding: 0 0.19rem;}
.MessageBox ul .w1{width: calc(100% - 0.21rem);}
.MessageBox ul textarea{width: 100%;height: 188px;padding:0.19rem;}
.MessageBox .sendbtn{color: #fff;width: 1.98rem;height: 0.68rem;font-size: 0.28rem;font-weight: bold;border-radius: 0.35rem;background: #0c3fa1;}
.MessageBox .sendbtn:hover{background: #1453cd;}

@media(max-width:640px){
	.ContactUs .office,.ContactUs .txt.auto ul{display: block;}
	.ContactUs .imgbox{width: auto;margin-bottom: 0.3rem;}
	.ContactUs .txt,.ContactUs .txt.auto li{width: auto;margin-bottom: 0.3rem;}
	.MessageBox ul li{width: calc(100% - 0.21rem) !important;line-height: 35px;margin-bottom: 0.2rem;}
	.MessageBox ul .inputbox input{height: 35px;}
	.MessageBox ul textarea{height: 120px;}
	.MessageBox .sendbtn{font-size: 18px;height: 35px;}
	.ContactUs .ti,.MessageBox .ti{font-size: 18px;}
}

/* Product Center */
.ProductBox .w1520{display: flex;justify-content: space-between;}
.ProductBox.on .w1520{justify-content: flex-end;}
.ProMenu{width: 235px;border: 1px solid #e5e5e5;padding:25px 0 25px 28px;transition: all 0.5s;position: relative;left: 0;}
.ProMenu .title{border-bottom: 2px solid #023089;padding-bottom: 20px;color:#023089;font-size: 30px;font-family: "MSbold";margin: 0 28px 24px 0;}
.ProMenu li{padding:0.15rem 0 0.14rem;position: relative;}
.ProMenu li:after{background: #e5e5e5;height: 1px;width: 0;left: 0;bottom: 0;content: "";position: absolute;transition: all 0.3s;}
.ProMenu li a{display: block;color:#666666;position: relative;padding-right: 28px;}
.ProMenu li a i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 18px;font-weight: bold;transition: all 0.3s;opacity: 0;}
.ProMenu li:hover a,.ProMenu li.on a {color:#023089;}
.ProMenu li:hover a i,.ProMenu li.on a i{right: 20px;opacity: 1;}
.ProMenu li:hover:after,.ProMenu li.on:after{width: 100%;}
.ProMenu.fix{position: fixed;left: 50%;top: 70px;margin-left: -7.59rem;}
.ProMenu.fix2{top: -100%;}

.ProCon{width: calc(100% - 275px);}
.ProCon .blank{position: absolute;width: 100%;bottom: 0;height: 300px;z-index: -10;}
.ProList{margin-left: -0.23rem;}
.ProList li{width: 33.333%;float: left;padding:0 0 0.6rem 0.23rem;}
.ProList .imgbox{border-radius: 0.2rem;border:1px solid #eeeeee;padding-top: 85%;background: #e3eaf0;margin-bottom: 0.13rem;}
.ProList .tit{font-size: 0.24rem;font-weight: bold;position: relative;line-height: 0.55rem;}
.ProList .tit:After{background: #023089;height: 1px;width: 0;left: 0;bottom: 0;content: "";position: absolute;transition: all 0.3s;}
.ProList li:hover .tit:After{width: 100%;}

.ProList .slider{margin: 0 -0.29rem;}
.ProList .item{padding: 0 0.29rem;}

.ProImg{width: 42.35%;float: left;margin-bottom: 0.68rem;border: 1px solid #eeeeee;border-radius: 0.2rem;overflow: hidden;}
.ProImg .imgbox{padding-top: 4.67rem;border-radius: 0.2rem;background: #e3eaf0;}
.ProImg .imgbox img{height: auto;object-fit: none;}
.ProImg:hover .slick-prev{left: 0.2rem;}	
.ProImg:hover .slick-next{right: 0.2rem;}	

.ProForm{width: 56.28%;float: right;border-radius: 0.2rem;min-height: 4.68rem;border: 2px solid #023089;padding:0.42rem 0.34rem 0.2rem;}
.ProForm .info{color:#5e5e5e;line-height: 26px;padding-bottom: 0.21rem;}
.ProForm .info h3{color:#023089;font-size: 0.4rem;margin-bottom: 0.18rem;}
.ProForm .form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ProForm .form li{width: 48%;border-bottom: 1px solid #dee7f1;margin-top: 0.18rem;position: relative;padding-left: 37px;}
.ProForm .form li.auto{width: 100%;}
.ProForm .form li label{position: absolute;left: 0;top: 2px;transition: all 0.3s;}
.ProForm .form li:hover label{left: 3px;}
.ProForm .form li:hover{border-bottom: 1px solid #ccc;}
.ProForm .form li input{width: 100%;height: 0.37rem;font-size: 0.2rem;}
.ProForm .form li textarea{width: 100%;height: 0.81rem;font-size: 0.2rem;line-height: 35px;}
.ProForm .btnbox{display: flex;justify-content: space-between;margin-top: 0.24rem;color: #e49b28;}
.ProForm .sendbtn{color:#fff;width: 121px;height: 0.4rem;border-radius: 10px;background: #023089;font-size: 0.2rem;}
.ProForm .sendbtn:hover{background: #1453cd;}

.ProDetail{border:1px solid #dee7f1;border-top: 1px solid #023089;padding:0.5rem 0.26rem;background: url("../images/probg1.jpg")/*tpa=http://www.kingstarmedical.com/cn/images/probg1.jpg*/ right top repeat-y;margin-bottom: 0.48rem;clear: both;}
.ProDetail h3{font-size: 0.28rem;margin-bottom: 0.17rem;}

.ProTab table{border-right: 1px solid #dee7f1;border-top: 1px solid #dee7f1;width: 100%;line-height: 24px;}
.ProTab table th{border-left: 1px solid #dee7f1;border-bottom: 1px solid #dee7f1;padding:0.24rem;background: #f2f7fd;color: #666666;}
.ProTab table td{border-left: 1px solid #dee7f1;border-bottom: 1px solid #dee7f1;padding:0.24rem;color:#000000;}
.ProTab table tbody tr:nth-child(even){background: #f2f7fd;}
.ProTab table tbody tr td:nth-child(1){color:#666666;}

.SameProList{background: #f9f9f9;}
.SameProList .SubTit h2{font-size: 0.4rem;}

@media(max-width:1366px){
	.ProMenu.fix{margin-left: 0;left: 4%;}
	
	.ProList .slick-prev{left: 0;}
	.ProList .slick-next{right: 0;}
}
@media(max-width:1024px){
	.ProductBox .w1520{display: block;}
	.ProMenu{position: static !important;width: auto;margin-bottom: 0.3rem;}
	.ProMenu ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.ProMenu ul li{width: 50%;}
	.ProCon{width: auto;}
	.ProTab {width: 100%;overflow-x: auto;}
	.ProTab table{line-height: 18px;}
}
@media(max-width:768px){
	.ProMenu{padding:10px 0 10px 10px;}
	.ProMenu .title{font-size: 18px;padding-bottom: 6px;margin-bottom:10px;}
	.ProList li{width: 50%;}
	.ProList .tit{font-size: 14px;}

	.ProImg{width: auto;float: none;margin-bottom: 0.3rem;}
	.ProImg .imgbox{padding-top: 80%;}
	.ProForm{width: auto;float: none;margin-bottom: 0.3rem;}

	.ProList .slider{margin:0 -0.11rem 0 -0.12rem;}
	.ProList .item{padding:0 0.11rem 0 0.12rem;}
}
@media(max-width:580px){
	.ProForm .form li input{height: 35px;font-size: 14px;}
	.ProForm .form li textarea{height: 65px;font-size: 14px;}
	.ProForm .sendbtn{height: 35px;width: 80px;font-size: 14px;}
	.ProDetail h3{font-size: 16px;}
}

/* news */
.NewsList .item{margin-bottom: 0.52rem;display: flex;justify-content: space-between;}
.NewsList .item .itema{display:block;padding: 0.22rem 0;border-bottom: 1px solid #e5e5e5;position: relative;width: 66%;}
.NewsList .item .itema:After{position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;content: "";background: #023089;transition: all 0.5s;}
.NewsList .imgbox{width: 30%;padding-top: 2.8rem;border-radius: 0.2rem;}
.NewsList .ti{margin-bottom: 0.14rem;font-size: 0.28rem;}
.NewsList .desc{margin-bottom: 0.3rem;}
.NewsList .item:hover .itema:After{width: 100%;}
.NewsList.search .item .itema{width: auto;}

.TitleInfo{padding:0 0 0.25rem;text-align: center;margin-bottom: 0.6rem;border-bottom:1px solid #e6e6e6;}
.TitleInfo h1{font-size: 0.3rem;line-height:1.25;margin-bottom:0.21rem;font-weight: normal;}
.TitleInfo ul li{display: inline-block;margin: 0 0.27rem;color:#999999;}
.TitleInfo ul i{font-size: 22px;margin-top: -3px;}

.PrevNextInfo{padding: 0.21rem 2.2rem 0 0;margin-top: 0.65rem;border-top: 1px solid #e6e6e6;position: relative;}
.PrevNextInfo dl{position: relative;padding-left: 72px;min-height: 0.3rem;margin-bottom: 0.11rem;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#023089;}
.PrevNextInfo dl dd a{color:#666666;font-weight: bold;}.PrevNextInfo dl dd a:hover{color:#023089;}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.45rem;text-align: center;color:#023089;width: 1.48rem;line-height: 0.46rem;border:1px solid #023089;border-radius: 0.26rem;font-weight: bold;}
.PrevNextInfo .back i{margin-right: 0.06rem;transition: all 0.3s;}
.PrevNextInfo .back:hover i{margin-right: 0.12rem;}

@media(max-width:767px){
	.NewsList .item{display: block;}	
	.NewsList .imgbox{width: auto;padding-top: 64%;}
	.NewsList .item .itema{width: auto;}
	.NewsList .desc{-webkit-line-clamp: 2;margin-bottom: 0.15rem;}
	.NewsList .ti{font-size: 16px;}
	.NewsList .desc{font-size: 14px;display: none;}
	.NewsList.search .item{margin-bottom: 0.1rem;}

	.TitleInfo h1{font-size: 18px;}
	.PrevNextInfo .back{top: -30px;width: 100px;line-height: 26px;}
	.PrevNextInfo{padding-right: 0;margin-top: 40px;}
	.PrevNextInfo dl{padding-left: 50px;}
}