﻿@import url(style.css);
@import url(swiper.min.css);
@import url(lrtk3.css);
@import url(pscroll.css);
@import url(aos.css);
/*首页*/
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.banner .lzpic1{ background-size: auto auto;-moz-background-size: auto auto;-webkit-background-size: auto auto;}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .text { max-width: 1440px; width: 100%; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size: 50px;font-weight: bold; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898); padding: 0 20px;}
.banner .text .small { font-size: 30px;}
.banner .swiper-pagination { width: 96%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; max-width:1200px;transform: translate(-50%, 0%); left:50%; text-align:left;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; background:rgba(238,166,197,1.0);;opacity: 1; margin: 0 4px 0 0; border-radius:50%;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#eb76a9; background-size:cover; border-radius:20px; width:36px; }
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:3%;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:3%;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity:0.8;filter:Alpha(opacity=80);}
.swiper-slide{ position:relative;}
.swiper-slide .video-play{ cursor:pointer; width:100%; height:100%; transition:all 0.3s; position:absolute; top:0%; left:0; background:url(../images/video_pic1.png) center center rgba(0,0,0,0.01) no-repeat; background-size:64px 64px; cursor:pointer; }
.swiper-slide .video-play:hover{ background-size:70px 70px; }

/*产品中心*/
.i_t{ margin-top:5%; text-align:left; color:#333333;}
.i_t.nomt{ margin-top:0;}
.i_t .h3{ font-weight:normal; color:#eb76a9; line-height:1.1; text-transform:uppercase; letter-spacing:5px; position:relative;}
.i_t .p{ /*font-weight:bold;*/line-height:1.1;  clear:both;overflow:hidden;}
.i_t .i_video{ position:absolute; left:325px; top:8px; width:128px; height:40px; line-height:40px; background:url(../images/i_pic6.png) #eb76a9 no-repeat; background-size:28px 28px; background-position:13px center; color:#fff; font-size:16px; text-indent:49px; border-radius:20px; cursor:pointer; letter-spacing:0;}
.i_t .i_video:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_one{ margin-top:5%; margin-bottom:2%;}
.i_one .i_one_l{ float:left; width:420px;}
.i_one .i_one_l ul{ margin-top:45px;}
.i_one .i_one_l ul li{ display:block; overflow:hidden; margin-bottom:37px;}
.i_one .i_one_l ul li img{ float:left; width:86px; height:75px; margin-right:14px;transition:all 0.3s;}
.i_one .i_one_l ul li:hover img{transform: rotate(360deg);}
.i_one .i_one_l ul li .txts{ overflow:hidden; position:relative; height:100%;}
.i_one .i_one_l ul li .txts .h3{ font-weight:bold; color:#eb76a9; overflow:hidden; height:32px; line-height:32px; font-size:20px;}
.i_one .i_one_l ul li .txts .p{ line-height:21px; overflow:hidden; color:#666666; font-size:16px;}
.i_one .i_one_l ul li:last-child .txts .h3{ margin-top:10px;}
.i_one .i_one_r{ float:right; margin-right:70px; width:670px; position:relative; margin-top:35px;}
.i_one .i_one_r .i_one_r_l{ float:left;}
.i_one .i_one_r .i_one_r_l .img{ width:572px;}
.i_one .i_one_r .i_one_r_l .img#img2{ display:none;}
.i_one .i_one_r .i_one_r_r{ position:absolute; top:44px; left:180px; width:417px;}
.i_one .i_one_r .i_one_r_r .ico{ position:absolute; right:-78px; top:330px; width:232px;}
.i_one .i_one_r .i_one_r_r .round1{ position:absolute; top:-20px; left:287px; height:22px; line-height:22px; padding-left:28px;color:#eb76a9; font-size:16px;transition:all 0.3s;}
.i_one .i_one_r .i_one_r_r .round1:after{ content:""; position:absolute; top:9px; left:0; background:#fff; border:2px solid #eb76a9; width:13px; height:13px; border-radius:50%;transition:all 0.3s;}
.i_one .i_one_r .i_one_r_r .round1:hover:after{ width:15px; height:15px; top:8px; background:#eb76a9;}
.i_one .i_one_r .i_one_r_r .round2{ position:absolute; top:60px; left:353px; width:75px; height:22px; line-height:22px; padding-left:28px;color:#eb76a9; font-size:16px;transition:all 0.3s;}
.i_one .i_one_r .i_one_r_r .round2:after{ content:""; position:absolute; top:2px; left:0; background:#fff; border:2px solid #eb76a9; width:16px; height:16px; border-radius:50%;transition:all 0.3s;}
.i_one .i_one_r .i_one_r_r .round2:hover:after{ width:18px; height:18px; top:1px; background:#eb76a9;}
.i_one .i_one_r .i_one_r_r .round3{ position:absolute; top:408px; left:180px; height:22px; line-height:22px; padding-top:24px;color:#eb76a9; font-size:16px;transition:all 0.3s;}
.i_one .i_one_r .i_one_r_r .round3:after{ content:""; position:absolute; top:0px; left:50%; background:#fff; border:2px solid #eb76a9; width:12px; height:12px; border-radius:50%;transition:all 0.3s; margin-left:-6px;}
.i_one .i_one_r .i_one_r_r .round3:hover:after{ width:14px; height:14px; top:-1px; margin-left:-7px;  background:#eb76a9;}
.i_one .i_one_r .imore{ display:block; width:142px; height:42px; line-height:42px; overflow:hidden; text-align:center; color:#fff; background:#eb76a9; text-transform:uppercase; font-size:14px; border-radius:20px; margin-left:60px; margin-top:40px;transition:all 0.3s;}
.i_one .i_one_r .imore span{ margin-left:10px; font-family:"宋体";}
.i_one .i_one_r .imore:hover{opacity:0.8;filter:Alpha(opacity=80); text-indent:5px;}
/*关于我们*/
.i_two{ overflow:hidden; background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover;}
.i_two .i_t{ text-align:center;}
.i_two .i_t .h3{ color:#fff;}
.i_two .i_t .p{ color:#fff;}
.i_two .desc{ max-width:950px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; font-size:16px; line-height:24px; margin-top:2%;}
.i_two .ul{ overflow:hidden; max-width:950px; margin:0 auto; margin-top:4%;}
.i_two .ul li{ float:left; width:20%; overflow:hidden; text-align:center;}
.i_two .ul li img{ width:64px; margin:0 auto; display:block;transition:all 0.3s;}
.i_two .ul li span{ display:block; line-height:22px; height:22px; overflow:hidden; margin-top:12px; text-transform:uppercase; font-size:14px; color:#fff;}
.i_two .ul li .h3{ line-height:22px; height:22px; overflow:hidden; color:#fff; font-size:14px;}
.i_two .ul li:hover img{transform: rotate(360deg);}
.i_two .counter{ margin-top:4%; overflow:hidden; text-align:center;}
.i_two .counter ul li{ display:inline-block; vertical-align:top; padding-right:30px; margin-right:30px; transition:all 0.3s; position:relative; text-align:left; }
.i_two .counter ul li:after{ content:""; position:absolute; right:0; top:50%; margin-top:-35px; height:71px; width:1px; background:rgba(255,255,255,0.57);}
.i_two .counter ul li:last-child:after{ width:0;}
.i_two .counter ul li:last-child{ margin-right:0; padding-right:0;}
.i_two .counter ul li .txts2{}
.i_two .counter ul li .nums{ overflow:hidden; color:#fff; line-height:1;}
.i_two .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:8px; }
.i_two .counter label{display:inline-block;vertical-align:bottom; margin-top:-5%; line-height:2;font-weight:500; font-size:15px;  }
.i_two .counter .h6{ font-weight: normal; font-size:15px;  overflow:hidden; line-height:24px; height:24px; color:#fff; white-space:nowrap;text-overflow:ellipsis; margin-top:2px; margin-bottom:6px;}
.i_two .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.imore2{ display:block; width:142px; height:42px; line-height:42px; overflow:hidden; text-align:center; color:#eb76a9; background:#fff; text-transform:uppercase; font-size:14px; border-radius:20px; margin:0 auto; margin-top:3%;transition:all 0.3s; margin-bottom:3%;}
.imore2 span{ margin-left:10px; font-family:"宋体";}
.imore2:hover{opacity:0.8;filter:Alpha(opacity=80); background:#fff;text-indent:5px;}
.imore2.bgs2{ background:#eb76a9; color:#fff;}
.imore2.bgs2:hover{ background:#eb76a9; }
/*妇科专栏*/
.i_three{ overflow:hidden; background:url(../images/i_bg4.jpg) center center no-repeat; background-size:cover; }
.i_three .i_t{ text-align:center;}
.i_three .ul{ overflow:hidden;  margin-top:4%;}
.i_three .ul li{ float:left; width:49%; overflow:hidden; background:#fff; border-radius:10px;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.08); margin-bottom:2%;transition:all 0.3s;}
.i_three .ul li:nth-child(2n+0){ float:right;}
.i_three .ul li:hover{ background:url(../images/i_bg8.png) center center no-repeat; background-size:cover;}
.i_three .ul li:nth-child(2):hover{ background-image:url(../images/i_bg5.png);}
.i_three .ul li:nth-child(3):hover{ background-image:url(../images/i_bg9.png);}
.i_three .ul li:nth-child(4):hover{ background-image:url(../images/i_bg10.png);}
.i_three .ul li .boxs{ width:94%; max-width:546px; overflow:hidden; margin:0 auto; margin-top:32px; margin-bottom:32px;}
.i_three .ul li i{ width:67px; float:left; height:67px;display:block;transition:all 0.3s; background-repeat:no-repeat; background-size:100% 100%;  margin-right:32px; margin-top:25px;transition:all 0.3s;}
.i_three .ul li i.bgs1{ background-image:url(../img/i_pic5.png);}
.i_three .ul li i.bgs2{ background-image:url(../img/i_pic6.png);}
.i_three .ul li i.bgs3{ background-image:url(../img/i_pic7.png);}
.i_three .ul li i.bgs4{ background-image:url(../img/i_pic8.png);}
.i_three .ul li:hover i.bgs1{ background-image:url(../img/i_pic5_on.png);}
.i_three .ul li:hover i.bgs2{ background-image:url(../img/i_pic6_on.png);}
.i_three .ul li:hover i.bgs3{ background-image:url(../img/i_pic7_on.png);}
.i_three .ul li:hover i.bgs4{ background-image:url(../img/i_pic8_on.png);}
.i_three .ul li .txts{ overflow:hidden; color:#666666;transition:all 0.3s;}
.i_three .ul li .txts span{ line-height:22px; height:22px; overflow:hidden; text-transform:uppercase; font-size:14px;}
.i_three .ul li .txts .h3{ font-weight:bold; height:34px; line-height:34px; color:#333;transition:all 0.3s;}
.i_three .ul li .txts .p{ line-height:20px; height:40px; overflow:hidden; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px; }
.i_three .ul li:hover .txts .p{background:url(../images/i_bg11.png) right bottom no-repeat; background-size:26px 27px;}
.i_three .ul li:hover .txts{ color:#fff;}
.i_three .ul li:hover .txts .h3{ color:#fff;}
/*招商政策*/
.i_four{ overflow:hidden; background:url(../images/i_bg6.png) center top #f8f8f8 no-repeat; background-size:cover;}
.i_four .i_t2{ text-align:center; margin-top:4%; overflow:hidden; color:#fff; }
.i_four .i_t2 .h3{ font-weight:normal; overflow:hidden; line-height:1.2; }
.i_four .i_t2 .p{ color:#fff; line-height:1.5; font-size:16px; margin-top:1%;}
.i_four .i_t2 .a{ display:block; margin:0 auto; margin-top:3.5%; margin-bottom:4%; width:218px; height:42px; line-height:42px; overflow:hidden; text-indent:98px; font-size:18px; color:#fff; border:1px solid #fff; border-radius:20px; letter-spacing:2px; text-align:left; background:url(../images/i_bg7.png) 49px center no-repeat; background-size:33px 31px;transition:all 0.3s;}
.i_four .i_t2 .a:hover{ border-color:#eb76a9; background-color:#fff; background-image:url(../images/i_bg7_on.png); color:#eb76a9;}
@media screen and (max-width: 1660px) {



}
@media screen and (max-width: 1440px) {
/*轮显*/
.banner .lzpic1{background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
/*产品中心*/
.i_t .i_video{ left:290px; top:5px;}
.i_one .i_one_r{  margin-right:0;}
}
@media screen and (max-width: 1200px) {
/*产品中心*/
.i_one .i_one_l{ float:none; width:100%; overflow:hidden;}
.i_one .i_one_l ul li{ float:left; width:50%; margin-bottom:25px;}
.i_one .i_one_r{ float:none; clear:both; margin:0 auto; margin-top:3%;}
.i_one .i_one_r .imore{ margin:0 auto; margin-top:60px;}

}
@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.banner .swiper-pagination { bottom:25px;}
/*关于我们*/
.i_two .desc{ font-size:15px;}
.i_two .counter span{ letter-spacing:4px;}
.i_two .counter .h6{ font-size:14px;}
.i_two .counter label{ font-size:14px;}
/*妇科专栏*/
.i_three .ul li i{ margin-right:3%; width:60px; height:60px; margin-top:22px;}
.i_three .ul li .txts span{ font-size:13px;}
.i_three .ul li .txts .p{ font-size:14px; margin-top:5px;}
/*产品中心*/
.i_t .i_video{ left:270px; top:3px;}
}
@media screen and (max-width: 960px) {
/*产品中心*/
.i_t .i_video{ left:250px; top:2px; height:36px; line-height:36px; background-size:25px 25px; width:120px; font-size:15px; text-indent:45px; background-position:10px center;}
.i_one .i_one_l ul li .txts .h3{ font-size:18px;}
.i_one .i_one_l ul li .txts .p{ font-size:15px;}
/*关于我们*/
.i_two .counter ul li{ width:32%; padding-right:0; margin-right:0; text-align:center; margin-bottom:2%;}
.i_two .counter ul li:after{ height:50px; margin-top:-25px;}
.i_two .counter ul li:nth-child(3):after{ width:0;}
/*招商政策*/
.i_four .i_t2 .p{ font-size:15px;}
.i_four .i_t2 .a{ width:200px; text-indent:84px; background-position:32px center; height:38px; line-height:38px;}
.i_four .i_t2 .a{ margin-bottom:5%;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px; text-align:center;}
/*产品中心*/
.i_t .i_video{ left:240px;}
.i_one .i_one_l ul{ margin-top:4%;}
.i_one .i_one_l ul li{ float:none; width:100%; margin-bottom:20px;}
.i_one .i_one_r{ width:100%;}
.i_one .i_one_r .i_one_r_l .img{ width:100%;}
.i_one .i_one_r .i_one_r_l .img#img2{ display:block;}
.i_one .i_one_r .i_one_r_l .img#img1{ display:none;}
.i_one .i_one_r .i_one_r_r{ width:66%; left:30%;}
.i_one .i_one_r .i_one_r_r .round1{ display:none;}
.i_one .i_one_r .i_one_r_r .round2{ display:none;}
.i_one .i_one_r .i_one_r_r .round3{ display:none;}
/*关于我们*/
.i_two .desc{ font-size:14px; line-height:22px; width:88%;}
.i_two .ul{ text-align:center; margin-top:12%;}
.i_two .ul li{ width:32%; float:none; display:inline-block; vertical-align:top; margin-bottom:3%;}
.i_two .counter{ margin-top:12%;}
.i_two .counter ul li{ margin-bottom:3%;}
.i_two .counter label{ font-size:13px;}
.i_two .counter .h6{ font-size:13px;}
.imore2{ margin-bottom:5%;}
/*妇科专栏*/
.i_three .ul li .boxs{ margin-top:25px; margin-bottom:25px;}
.i_three .ul li .txts span{ font-size:12px;}
.i_three .ul li .txts .p{ font-size:13px;}
}
@media screen and (max-width: 720px) {
/*妇科专栏*/
.i_three .ul li{ float:none; width:100%;}
.i_three .ul li:nth-child(2n+0){ float:none;}

}
@media screen and (max-width: 640px) {
/*产品中心*/
.i_t{ margin-top:6%;}
.i_t.nomt{ margin-top:2%;}
.i_t .i_video{ left:230px;}
.i_one .i_one_r .i_one_r_r .ico{ width:210px; top:300px; right:-40px;}
.i_one .i_one_r .imore{  margin-top:4%; width:130px;}
.i_one .i_one_l ul li .txts .p{ font-size:14px;}
/*关于我们*/
.imore2{  margin-top:4%; width:130px;}
.i_two .ul{ max-width:500px;text-align:left; width:92%;}
.i_two .ul li{ float:left; width:49%; margin-right:1%; text-align:left;}
.i_two .ul li:nth-child(2),.i_two .ul li:nth-child(4){ float:right;}
.i_two .ul li img{ float:left; margin-right:10px;}
.i_two .ul li span{ height:auto;}

/*妇科专栏*/
.i_three .ul li .boxs{ margin-top:20px; margin-bottom:20px;}
/*招商政策*/
.i_four .i_t2{ margin-top:5%;}
.i_four .i_t2 .p{ font-size:14px;}
.i_four .i_t2 .a{ margin-bottom:6%; font-size:16px; width:160px; text-indent:66px; background-position:25px center; background-size:30px 28px;}
}
@media screen and (max-width: 520px) {
/*产品中心*/
.i_one .i_one_r .i_one_r_r .ico{ width:160px; top:270px; right:-40px;}
/*关于我们*/
.i_two .counter ul li:last-child{ width:40%;}

}
@media screen and (max-width: 480px) {
/*产品中心*/
.i_t .i_video{ left:210px; top:-2px;}
.i_one .i_one_r .i_one_r_r .ico{ width:130px; top:250px; right:-30px;}
.i_one .i_one_r .imore{ font-size:13px;}
.i_one .i_one_l ul li .txts .p{ font-size:13px;}
.i_one .i_one_l ul li img{ width:80px; height:72px;}
.i_one .i_one_l ul li:last-child .txts .h3{ margin-top:8px;}
/*关于我们*/
.i_two .counter span{ font-size:32px;}
.i_two .counter ul li:after{ height:40px; margin-top:-20px;}
.i_two .desc{ margin-top:3%;}
.imore2{ font-size:13px;}
/*妇科专栏*/
.i_three .ul li .boxs{ width:96%;}
.i_three .ul li i{ margin-top:16px; width:56px; height:56px;}
.i_three .ul li .txts .h3{ height:30px; line-height:30px;}
.i_three .ul li .txts .p{ font-size:12px; margin-top:2px;}
/*招商政策*/
.i_four .i_t2{ margin-top:6%;}
.i_four .i_t2 .p{ font-size:13px;}
.i_four .i_t2 .a{ margin-bottom:7%;font-size:15px; width:130px; text-indent:50px; background-position:18px center; background-size:26px 24px; margin-top:4%; letter-spacing:1px; height:34px; line-height:34px;}

}
@media screen and (max-width: 420px) {
/*产品中心*/
.i_one .i_one_r .i_one_r_r .ico{ width:120px; top:220px; right:-20px;}
/*关于我们*/
.i_two .desc{ font-size:12px;}
.i_two .counter .h6{ font-size:12px;}
.i_two .counter ul li{ width:32.5%;}
.i_two .counter span{ font-size:31px; letter-spacing:2px;}
.i_two .ul li{ margin-bottom:4%;}
.i_two .ul li:last-child{ width:99%;}
.i_two .ul li span{ line-height:20px; margin-top:2px;}
.i_two .ul li:last-child span{ margin-top:12px;}
}
@media screen and (max-width: 380px) {
/*产品中心*/
.i_t .i_video{ left:203px;}
.i_one .i_one_r .i_one_r_r .ico{ width:110px; top:200px; right:-18px;}
.i_one .i_one_r .imore{  width:120px; height:36px; line-height:36px;}
.i_one .i_one_l ul li .txts .p{ font-size:12px; line-height:20px;}
/*关于我们*/
.imore2{  width:120px; height:36px; line-height:36px;}
.i_two .desc{ font-size:13px; line-height:20px;}
.i_two .ul li span{ font-size:13px;}
.i_two .ul li .h3{ font-size:13px;}
/*招商政策*/
.i_four .i_t2 .p{ font-size:12px;}
}
@media screen and (max-width: 380px) {
/*关于我们*/
.i_two .ul li span{ font-size:12px;}
.i_two .ul li .h3{ font-size:12px;}
}

@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}