.filter-section{width:100%;font-size:20px;overflow:hidden;text-align:center;text-transform:uppercase;font-size: 15px;margin: 0 auto 25px;}
.filter-section a{color:#282828;margin:10px 10px;display:inline-block;border-bottom: 1px solid #d7dee4;}
.filter-section a.active{color: #337ab7;}

.light-section{padding: 60px 0px 50px 0px;}
#index-about .section-container{padding:45px 0 45px}
#index-about .feature-box{margin-bottom:0}
#index-about .feature-box-image{margin-bottom:0}
#index-about .feature-box-content{margin-bottom:0}
.feature-box{width:100%;overflow:hidden;margin:0 auto 20px}
.feature-box-image{width:100%;display:block;margin:0 auto 10px}
.feature-box img{width:100%;display:block;margin:0 auto;max-width:555px;transition: all ease 0.53s;}
.feature-box img:hover{transform: scale(1.1);}
.feature-box-title{width:100%;display:block;margin:0 auto 30px;text-transform:uppercase;font-size: 24px;line-height: 27px;font-weight: bold;color:#0079c5;}
.feature-box-content{margin-bottom:10px}
.feature-box-content p{border-top:solid 1px #dedede;color:#666;line-height:28px;padding-top:20px}
.feature-box-content p:last-child{margin-bottom:0}
.feature-box-content p{border-top:solid 1px #dedede;color:#666;line-height:28px;padding-top:20px;margin: 0 0 10px;}


.default-padding{padding-top:50px;padding-bottom:50px}
.site-heading h2{display:inline-block;font-weight:700;position:relative;text-transform:uppercase;font-size: 20px;line-height: 2.2; padding: 0 15px;border: 1px solid #3766bf;border-radius: 10px;margin: 0 10px;cursor: pointer;}
.site-heading h4{text-transform:uppercase}
.site-heading.clean h2{padding-bottom:0}
.site-heading.clean h2 span{color:#0cb8b6}
.site-heading h2 span{color:#0cb8b6}
.site-heading h2.hover{background: #3766bf; color: #ffffff;}
.site-heading.barber h2 span{color:#bc9355}
.site-heading p{margin:0 auto;padding-top: 20px;width: 80%;}
.site-heading .devider{height:2px;width:30px;background:#0cb8b6;margin:auto;display:block;position:relative;z-index:1;margin-bottom:15px}
.site-heading .devider::after{position:absolute;left:-15px;bottom:0;content:"";height:2px;width:10px;background:#0cb8b6}
.site-heading .devider::before{position:absolute;right:-15px;height:2px;width:10px;background:#0cb8b6;content:"";top:0}
.bg-theme .site-heading h2::before,.shadow .site-heading h2::before,.half-bg .site-heading h2::before{background:#ffffff none repeat scroll 0 0}
.site-heading h2 span{color:#0cb8b6}
.site-heading{margin-bottom:35px;overflow:hidden;margin-top:-5px}
.site-heading.single{margin-bottom:35px}
.carousel-shadow .owl-stage-outer{margin:-15px -15px 0;padding:15px}


.blog-area .blog-items .single-item{margin-bottom:30px;width: 33% !important;}
.blog-area.full-blog .blog-items .item > .info{padding:30px;background-color:#ffffff;margin-top:0}
.blog-area .blog-items .meta li{display:inline-block;font-family:'Roboto',sans-serif;margin-right:8px;margin-top:3px;margin-bottom:3px;font-weight:400;color:#666666;padding-right:13px;position:relative;z-index:1}
.blog-area .blog-items .meta li a{font-family:'Roboto',sans-serif;color:#666666}
.blog-area .blog-items .meta{border-bottom:1px solid #e7e7e7;padding-bottom:15px;margin-bottom:18px}
.blog-area .blog-items .info{margin-top:30px;text-align:left}
.blog-area .blog-items .info p{overflow:hidden; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;    line-height: 26px;}
.blog-area .blog-items .info img{width:100%;height:auto!important}
.blog-area .blog-items .info > h4{text-transform:capitalize;font-weight:600;line-height:1.5;font-size:20px;color:#666666;height:30px;overflow:hidden}
.blog-area .blog-items .info > h4 a{color:#666}
.blog-area .blog-items .info > a{margin-top:5px}
.blog-area .blog-items .info > h2,.blog-area .blog-items .info > h3{text-transform:capitalize;font-weight:600;line-height:1.5}
.blog-area .blog-items .info > h1,.blog-area .blog-items .info > h3{text-align:center}
.blog-area .blog-items .meta li i{margin-right:3px;color:#0cb8b6;font-weight:500}
.blog-area .blog-items .meta li:last-child{margin-right:0;padding-right:0;border:none}
.blog-area .blog-items .meta li::after{position:absolute;right:0;top:5px;content:"";height:15px;width:1px;background:#cccccc;transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg)}
.blog-area .blog-items .meta li:last-child::after{display:none}
.blog-area .blog-items .thumb{position:relative;z-index:1;height:300px;overflow:hidden}
.blog-area .blog-items .thumb img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
.blog-area .item:hover .thumb img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.blog-area .blog-items .info h4 a:hover{color:#0cb8b6}
.blog-area .blog-items .thumb .date{position:absolute;left:15px;bottom:15px;z-index:1;padding:5px 30px;display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:'Poppins',sans-serif}
.blog-area .blog-items .thumb .date::after{position:absolute;left:0;top:0;content:"";height:100%;width:100%;background:#ffffff;z-index:-1;opacity:1}
.blog-area .blog-items .thumb .date i{margin-right:3px}
.blog-area .blog-items .info .date h4{margin:0;text-transform:uppercase;font-weight:600;letter-spacing:1px;color:#adadad;text-align:center;font-size: 16px;}
.blog-area .blog-items .info .date h4.index-date{text-align:left}
.blog-area .blog-items .info .date{margin-bottom:20px;display:inline-block;width:100%;}
.blog-area.full-blog .single-item{margin-bottom:30px}
.blog-area.left-sidebar .blog-content{float:right}
.btn-theme.border{background-color:transparent;color:#232323 !important;border:2px solid #0cb8b6}
.btn-theme.border:hover{background-color:#0cb8b6;color:#ffffff !important;border:2px solid #0cb8b6}
.btn-md{padding:10px 40px 10px}
.info p.list-p{height:78px;overflow:hidden}

.cmn_search_box{height:auto; font-size: 12px; z-index: 100; padding-bottom: 30px;}
.cmn_search_box .border{position: relative; width: 35%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;    margin: 0 auto;}
.search-hotwords{padding:5px 0;font-size:13px;}
.search-hotwords a{margin-right:12px;cursor:pointer;color: #6c6b6b;}
.search-hotwords a:hover{color:#42abfb;}
.search-hotwords{margin-left:10px}
.search-hotwords a{font-size:12px}
.cmn_search_box .border input{height: 36px; width: 100%; border: 1px solid #e1e1e1; padding-left: 10px;font-size: 14px;line-height: 34px; margin-top: 0px; border-left: 1px solid #e3e3e3;}
input#keyboard {border-radius: 10px 0 0 10px;}
.cmn_search_box .border .searchBtn{border: none;line-height: 18px; font-size: 14px; width: 58px; height: 36px;position: absolute;top: 0;background-color: #3766bf;background-image: url("../images/icon_bg.png");background-position: 18px -40px;background-repeat: no-repeat;}
.cmn_search_box .high-search{line-height: 40px; font-size: 14px; color: #057ee1; display: block; float: left; text-align: center; width: 74px;}
/* 修改搜索功能 */
.searchqz{display: inline-block;width: 74px;text-align: center;font-size: 14px;color: #666666;position: relative;cursor: pointer;}
.cmn_search_box .border select{display: inline-block;width: 74px;text-align: center;font-size: 14px;color: #666666;position: relative;cursor: pointer;border: none;height: 36px;outline: none;border: 1px solid #e1e1e1;}
.cmn_search_box .border select::-ms-expand{ display: none; }
.cmn_search_box .border select option{ width:50px;}
.cmn_search_box .border .searchqz:after{content: ""; width:8px; height: 7px;display: block;position: absolute;right: 10px;top: 15px;}
.yingyong li {width: 100%;margin: 0 !important;}
.index_about h2{font-size:24px;color:#152437;padding-bottom:50px;color:#0079c5; font-weight:bold;}
.mypro {padding: 50px 0;}
.mypro h2{text-align:center;font-size:24px;color:#152437;padding-bottom:50px;}
.mypro .bx-wrapper .bx-pager.bx-default-pager a{border: 1px solid #000;}
.mypro .bx-wrapper .bx-pager.bx-default-pager a:hover, .mypro .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #0a0a0a}

/*首页方案*/
.index_about { background-color: #3766bf; padding: 60px 0px 50px 0px;/*background: url(../images/ic3.jpg) no-repeat;*/background:#f5f5f5;}
.about_one { background-color: #fff; padding-left: 0px; padding-right: 0px;height: 428px;overflow: hidden;}
.about_one h3 { color: #3766bf; font-size: 16px; text-align: center; margin-top: 50px; font-weight: bold; }
.about_one p { color: #333; line-height: 28px; font-size: 12px; margin-top: 20px; }
.about_more { display: block; text-align: center; border-radius: 3px; line-height: 32px; width: 120px; background-color: #3766bf; color: #fff; text-decoration: none; transition: background 0.4s; font-size: 13px;     margin: 50px auto 0; }
.about_more:hover { background-color: #fff; color: #000; text-decoration: none; }
.about_two { background-color: #fff; padding-left: 0px; margin-bottom: 28px; margin-left: 10px;height: 200px;overflow: hidden; }
.about_two h3 { color: #333; font-size: 16px; text-align: center; margin: 50px 0px 5px 0px; }
.about_two p { color: #333; font-size: 13px; text-align: center; }
.about_one img {width: 100%; }
.about_two img { max-width: 100%; width: 100%;}
.about_one div.col-md-6, .about_two div.col-md-8 { padding-left: 0px; }
.about_two div.col-md-4 { padding-right: 0px; }
.right_more { display: block; text-align: center; line-height: 28px; width: 110px; background-color: transparent; color: #3766bf; border: 1px solid #3766bf; border-radius: 3px; text-decoration: none; transition: background 0.4s; font-size: 12px; margin: 0 auto; margin-top: 25px; }
.right_more:hover { background-color: #fff; color: #000; text-decoration: none; }
.about_one img:hover, .about_two img:hover { opacity: 0.85; }
.about_h2 { float: left; font-size: 22px; color: #152437; margin: 0px; padding: 16px 0px 0px 0px; }
.about_span { float: left; text-indent: 8px; font-size: 12px; color: #7D7D7D; padding: 24px 0px 0px 0px; }

.feature-box-title h3{font-size:24px;color:#152437;color:#0079c5; font-weight:bold;}


#certify{position:relative;;margin:0 auto;padding-bottom: 48px;}
#certify .swiper-container{padding-bottom:60px}
#certify .swiper-slide{width:520px;height:408px;background:#fff;box-shadow:0 8px 30px #ddd;transition: all ease 0.3s;}
#certify .swiper-slide img{display:block;transition: all ease 0.3s;}
#certify .swiper-slide:hover{transform: scale(1.02);}
#certify .swiper-slide h3{line-height:28px;padding:20px;text-align:center;color:#636363;font-size:1.4em;margin:0}
#certify .swiper-slide p{padding:0 20px 20px;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:10px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #0079c5;background-color:#fff}
#certify .swiper-button-prev{left:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}

.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{border:1px solid #fff;text-indent:-9999px;display:block;width:12px;height:12px;margin:0 3px;outline:0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;border:1px solid #fff}


.h2_title{font-size:30px;font-weight:bold;color:#0079c5;}
div.i_top p{font-size:14px;color:#919191}
div.i_top .tag{margin:0 16px 0 12px}
div.i_top a.btn_more{position:absolute;right:0;width:150px;height:32px;border-radius:6px;font-size:15px;font-weight:bold;color:#fff;line-height:32px;box-sizing:border-box;text-align:center}
span.tag{height:25px;padding:0 16px;line-height:25px;text-align:center;font-size:16px;color:#fff;background:#ff9000;border-radius:13px}
.flex-center{display:flex;justify-content:center;align-items:center}
.i12 .h2_title{font-size:24px;font-weight:bold;color:#0079c5;background: url(/skin/ivf/images/tit_bg.png) no-repeat;background-size: 187px 13px;background-position: center bottom;line-height: 50px;}
.i12{padding:40px 0}
.i12 .i12_top{position:relative;margin-bottom:32px;padding-top: 30px;}
.i12 .i12_top a{position:absolute;right:0;font-size:13px;color:#919191}
.i12 .video_lists li{float:left;width:31%;margin-right:2%;margin-top:22px;background:#ffffff;border:1px solid #e8e9ef;box-shadow:0px 4px 10px 0px rgba(216,220,233,0.3);border-radius:10px;overflow:hidden;transition:all ease 0.3s}
/*.i12 .video_lists li:nth-child(1),.i12 .video_lists li:nth-child(2),.i12 .video_lists li:nth-child(3),.i12 .video_lists li:nth-child(4){margin-top:0}
.i12 .video_lists li:nth-child(4n){margin-right:0}*/
.i12 .swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));}
.i12 .swiper-pagination-bullet-active {background: #0177c7;}
.i12 .video_lists li:hover{box-shadow:0px 6px 12px 3px rgba(216,220,233,0.8)}
.i12 .video_lists li:hover .top img{transform:scale(1.1)}
.i12 .video_lists li .top{/*height:160px;*/overflow:hidden}
.i12 .video_lists li .top a img{width:100%;height:100%;transition:all ease 0.3s}
.i12 .video_lists li .top a{/*height:100%;transform:translateY(-100%)*/}
.i12 .video_lists li .info{padding:10px}
.i12 .video_lists li .info h4{margin-bottom:10px;max-width:260px;font-size:14px;font-weight:bold;color:#000000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.i12 .video_lists li .info h4 a{max-width:100%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.i12 .video_lists li .info h4 a:hover{color:#0083fd}
.i12 .video_lists li .info p span{font-size:13px;color:#919191;line-height:20px}
.i12 .video_lists li .info p span i{margin-right:3px;font-size:13px}
.i12 .video_lists li .info p .label{float:right;width:54px;height:20px;background:#f1f8ff;border-radius:10px;color:#1b7ed7;text-align:center}
.i12 .video_lists li .info p .label i{margin-right:3px;font-size:12px}
.i12 .bottom_box{margin-top:30px;height:140px;background-color: #e7e7e754;box-shadow:0px 2px 5px 0px rgba(216,220,233,0.3);/*background-image:url("../images/dianlu.jpg");*/position:relative;padding:25px 0}
.i12 .bottom_box img{width:100%;height:100%}
.i12 .bottom_box .text{float:left;font-size:14px;color:#666666;line-height:22px;margin-left:15px;position:relative;width: 20%;padding: 10px;    background: rgb(255 255 255 / 43%);height: 96px;border-radius: 8px;}
.i12 .bottom_box .text span{display:inline-block;margin-bottom:8px;font-size:15px;color:#ffffff;background:#3766bf;border-radius:12px;padding:0 13px;height:24px;line-height:24px}
.i12 .bottom_box .text a{ float:left; padding-right: 10px;color: #000;}
.i12 .bottom_box .text1{float:left;margin-left:50px;font-weight:300;font-size:26px;color:#333333;line-height: 35px;width: 20%;padding:13px;background: rgb(255 255 255 / 43%);height: 96px;border-radius: 8px;}
.i12 .bottom_box .text1 span{font-weight:bold;color:#333;font-size:26px}
.i12 .bottom_box .text3 span{background:#03d5d3}
.i12 .bottom_box .text4 span{background:#ee2700}
.i12 .bottom_box .text5::after{content:""}
.i12 .bottom_box .text5 span{background:#ff9000}
.i12 .bottom_box .goDownload{display:block;width:180px;height:100%;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.i12 .bottom_box .goDownload p{font-size:18px;color:#333333;margin-bottom:9px;font-weight: bold;}
.i12 .bottom_box .goDownload img{width:105px;height:8px}

.mySwipercp{width:100%;height:780px;margin-left:auto;margin-right:auto;padding-bottom:50px}
.cp22{font-size:18px;background:#fff;height:calc((100% - 30px) / 2) !important;display:flex;justify-content:center;align-items:center;background:#ffffff;border:1px solid #e8e9ef;box-shadow:0px 4px 10px 0px rgba(216,220,233,0.3);border-radius:10px}
.cp22 .top a img{width:100%;height:100%;transition:all ease 0.3s}
.cp22 .info{padding:10px;height:80px}
.cp22 .info h4{margin-bottom:10px;max-width:260px;font-size:14px;font-weight:bold;color:#000000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cp22 .info h4 a{max-width:100%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cp22 .info p span{font-size:13px;color:#919191;line-height:20px}
.cp22 .info p span i{margin-right:3px;font-size:13px}

/*小屏幕*/
@media screen and (max-width: 768px) {
    .blog-area .blog-items .single-item{width: 100% !important;}
    .i12{padding:20px 0}
    div.i_top .tag,div.i_top p{display:none}
    .i12 .h2_title{padding-left:10px}
    .i12 .i12_top a{right:10px}
    ul.video_lists.clearfix{padding:0 10px}
    .i12 .video_lists li{margin:10px 1%;width:48%;border:none;height: 198px;}
    .i12 .video_lists li .top,.i12 .video_lists li .top a img{height:auto;}
    .i12 .bottom_box{display:none}
    .cmn_search_box .border{width: 65%;}
    .readmore{ padding-bottom: 20px;}
    .mySwipercp{width:96%;height:380px ;margin-left:2%;margin-right:2%;padding-bottom:50px}
}


/*414px到768px*/
@media screen and (min-width:360px) and (max-width:768px) {
    .blog-area .blog-items .single-item{width: 100% !important;}

}