@charset "utf-8";
/* CSS Document */
.ivf-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 0px 0; position: relative;  }
.ivf-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.ivf-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.ivf-sec1-box1 aside{width: 60%; height: auto; float: left; display: block; padding-right: 3%; }
.ivf-sec1-box1 aside h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 10px;  font-size:28px; font-weight: 600; color: #050505; line-height: 32px; }
.ivf-sec1-box1 aside h3{width: 100%; height: auto; float: left; display: block; padding-bottom: 10px;  font-size:22px; font-weight: 600; color: #050505; line-height: 28px; }
.ivf-sec1-box1 aside h4{width: 100%; height: auto; float: left; display: block; padding:10px 0;  font-size:22px; font-weight: 300; font-style: italic; color: #ED168C; line-height: 28px;  }
.ivf-sec1-box1 aside p{width: 100%; height: auto; float: left; display: block; padding-bottom: 7px;  font-size:16px; font-weight: 400; color: #050505; line-height: 22px; }
.ivf-sec1-box1 figure{width: 40%; height: auto; float: left; display: block; padding-left: 3%; }
.ivf-sec1-box1 figure i{width: 100%; height: auto; float: left; display: block; }
.ivf-sec1-box1 figure i img{width: 100%;}




.ivf-sec2 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 30px 0 30px 0; position: relative;  }
.ivf-sec2:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.ivf-sec2-box1{width: 100%; height: auto; float: left; display: block; }
.ivf-sec2 h5{width: 100%; height: auto; float: left; display: block; padding-bottom: 20px;  font-size:28px; font-weight: 600; color: #050505; line-height: 32px; }
.ivf-sec2-box1 ul{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 0; margin-bottom: 0px;}
.ivf-sec2-box1 ul li{width:100%; height: auto; float: left; display:block;     padding: 0px 0px 0px 0px;  border-bottom: 1px solid transparent;}
.ivf-sec2-box1 ul li:nth-child(odd) { background:  #fff;}
.ivf-sec2-box1 ul li:nth-child(even) { background: #f1f1f1;  }
.ivf-sec2-box1 ul li aside{width: 96%; max-width: 1300px; height: 100%; padding: 30px 0; margin: 0 auto;  position: relative; }
.ivf-sec2-box1 ul li aside:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.ivf-sec2-box1 ul li aside span{ width: 50px; height: 100%;float: left;   font-size: 20px; font-weight: 700; color: #000; line-height: 20px;}
.ivf-sec2-box1 ul li aside small{ width: 50px; height: auto;float: left; display: flex; align-items: center; }
.ivf-sec2-box1 ul li aside small img{ width: 100%;}
.ivf-sec2-box1 ul li aside article{ width: calc(100% - 100px); height: 100%; float: left; display: block; padding-left: 20px;}
.ivf-sec2-box1 ul li aside article:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.ivf-sec2-box1 ul li aside article h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 7px; box-sizing: border-box;  font-size:22px; font-weight: 600; color: #ED168C; line-height: 28px; }
.ivf-sec2-box1 ul li aside article p{width: 100%; height: auto; float: left; display: block;  box-sizing: border-box;  font-size: 16px; font-weight: 400; color: #262626; line-height: 22px; }


.ivf-sec3 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 0px 0 70px 0; position: relative;  }
.ivf-sec3:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.ivf-sec3-box1{width: 100%; height: auto; float: left; display: block; }
.ivf-sec3-box1 figure{width: 40%; height: auto; float: left; display: block; padding-right: 3%; }
.ivf-sec3-box1 figure i{width: 100%; height: auto; float: left; display: block; }
.ivf-sec3-box1 figure i img{width: 100%;}
.ivf-sec3-box1 aside{width: 60%; height: auto; float: left; display: block; padding-left: 3%; }
.ivf-sec3-box1 aside h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 20px;  font-size:28px; font-weight: 600; color: #050505; line-height: 32px; }

.ivf-sec3-box1 aside ul{width: 100%; height: auto; float: left;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.ivf-sec3-box1 aside ul li{width: 100%; height: auto; float: left; display: block; padding: 0 0 0 30px; position: relative;  font-size:16px; font-weight: 400; color: #212121; line-height: 22px; margin-bottom: 25px;   }
.ivf-sec3-box1 aside ul li:after{ content: ''; position: absolute; left: 0; top: 0; background: url( ../images/list-bg.svg) no-repeat left top; width: 20px; height: 20px; background-size: cover; }
.ivf-sec3-box2{width: 100%; height: auto; float: left; display: block; margin-top: 30px; max-width: 1020px; }
.ivf-sec3-box2 h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 10px;  font-size:22px; font-weight: 400; color: #050505; line-height: 28px; }
.ivf-sec3-box2 p{width: 100%; height: auto; float: left; display: block; font-size:22px; font-weight: 600; color: #ED168C; line-height: 28px; }










.warranty_accordian article{ border-top: 0px solid #000; background: #fff; }
.warranty_accordian article:first-child{ border-top: 0px solid #e2e2e2; }
.warranty_accordian article>h2{cursor:pointer; position:relative;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #f3f3f3;background: #f6f6f6; margin: 0; padding: 0 0 10px 0;}
.warranty_accordian article>h2 span{width: 90%; max-width: 1200px; margin: 0 auto; display: block; padding:20px 40px 20px 45px; font-size:18px; line-height:22px; color:#000; font-weight:600; position: relative;}
.warranty_accordian article>h2 span small{width: 45px; height: 30px; position: absolute; left: 0; top: 20px;  font-size: 18px; font-weight: 600; color: #e33861; text-align: left; }
.warranty_accordian article>div{width:100%;  padding: 0px 0 30px 0; border-top: 1px solid #e7e7e7;}

.warranty_accordian article>div section{ width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 45px;}
.warranty_accordian article>div section:after{ content: ''; width: 100%; clear: both; line-height: 0; font-size: 0; display: block;}
/*.warranty_accordian article>div section figure{width: 30%;  height: auto; float: left; display: block; position: relative; }
.warranty_accordian article>div section figure big{ position: absolute; left: 0; right: 0; bottom: 4px; width: 100%; height: auto; padding:8px 10px ; box-sizing: border-box; background: rgba(255,255,255,0.80); font-size: 14px; font-weight: 400; color: #000; line-height: 18px;}
.warranty_accordian article>div section figure img{ width: 100%; border-radius: 3px; display: block;}*/

.warranty_accordian article>div section aside{width: 100%; height: auto; float: left; display: block; padding: 0 0%; box-sizing: border-box;  font-size: 15px; font-weight: 400; color: #262626; line-height: 22px; text-align: left;}
.warranty_accordian article>div section aside p{width: 100%; height: auto; float: left; display: block; padding-bottom: 20px; box-sizing: border-box;  font-size: 15px; font-weight: 400; color: #262626; line-height: 22px; text-align: left; margin: 0;}
.warranty_accordian article>div section aside p:last-child{padding-bottom: 0px;}
.warranty_accordian article>div section aside strong{ font-weight: bold;}
.warranty_accordian article>div section aside p strong{ font-weight: bold;}

.warranty_accordian article>h2 span:after{content:''; display: block; clear: both; width: 40px; height: 40px; background: url(../images/ctrl.png) no-repeat 0 0; position: absolute; top: 13px; right: 0;}
.warranty_accordian article.scAactive>h2 span:after{ background:  url(../images/ctrl.png) no-repeat 0 -40px;}
.scAactive h2{ background: #fff!important;border-bottom: 0px solid #f3f3f3!important;} 
.scAactive>div {border-top: 0px solid #e7e7e7!important;}

@media screen and (max-width:1023px){
.ivf-sec1-box1 aside { width: 100%; padding-right: 0%; text-align: center;}
.ivf-sec1-box1 figure { width: 100%;  padding-left: 0%;}
.ivf-sec1-box1 figure i { width: 100%;  height: auto; float: none; display: table; margin: 0 auto; max-width: 450px;}
.ivf-sec2 h5{ text-align: center;}
.ivf-sec2 {padding: 30px 0 30px 0;}
.ivf-sec3-box1 aside {  width: 100%;padding-left: 0%; }
.ivf-sec1 { padding: 30px 0 0px 0;}
}



@media screen and (max-width:700px){
.ivf-sec2-box1 ul li aside span { width: 100%;height: auto; float: left; text-align:center; display: block; margin-bottom: 20px;}	
.ivf-sec2-box1 ul li aside small { width: 100%; max-width: 70px; margin: 0px auto ; height: auto; float: none; display: table; align-items: center;}
.ivf-sec2-box1 ul li aside article { width:100%; height:auto; text-align: center;}
.ivf-sec3-box1 figure { width:100%; height: auto; float: left; padding-right: 0%;}
}