﻿.index_title{display: flex;align-items: center;flex-direction: column;position: relative;}
.index_title h3{font-size: 2.5rem;font-weight: bold;color: #333;}
.index_title>div{display: flex;align-items: center;position: relative;margin: 1rem 0;}
.index_title>div span{width: 16px;height: 16px;background: #e9e9e9;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.index_title>div i{width: 6px;height: 6px;background: #e9e9e9;display: inline-block;border-radius: 50%;border: 3px solid #fff;z-index: 10;}
.index_title>div hr{width: 8rem;height: 1px;background: #e9e9e9;border: none;position: absolute;left: -40px;top: 7px;}
.index_title>p{margin:0rem 0 1rem 0;color: #999;text-align: center;font-size: 1.3rem;}
.index_title>i{position: absolute;font-size: 2.5rem;font-style: normal;opacity: .1;font-weight: bold;top: 1rem;}

.index_title_w{display: flex;align-items: center;flex-direction: column;position: relative;}
.index_title_w h3{font-size: 2.5rem;font-weight: bold;color: #fff;}
.index_title_w>div{display: flex;align-items: center;position: relative;margin: 1rem 0;}
.index_title_w>div span{width: 16px;height: 16px;background: #fff;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.index_title_w>div i{width: 6px;height: 6px;background: #fff;display: inline-block;border-radius: 50%;border: 3px solid #1b435c;z-index: 10;}
.index_title_w>div hr{width: 8rem;height: 1px;background: #fff;border: none;position: absolute;left: -40px;top: 7px;}
.index_title_w>p{margin:0rem 0 1rem 0;color: #fff;text-align: center;}
.index_title_w>i{position: absolute;font-size: 2.5rem;font-style: normal;opacity: .1;font-weight: bold;top: 1rem;}
.look_more{width: 90%;color: #48b3b9;border: 1px solid #48b3b9;display: block;box-sizing: border-box;padding: .8rem;text-align: center;margin: 0 auto;margin-top: 2rem;border-radius: 5px;}
.look_more2{width: 90%;color: #48b3b9;background: #fff;display: block;box-sizing: border-box;padding: .8rem;text-align: center;margin: 0 auto;margin-top: 0rem;border-radius: 5px;}

/* banner */
.video{width: 100%;}
.banner{width: 100%;height: 18rem;overflow: hidden;position: relative;}
.banner .swiper-container1{width: 100%;height: 100%;--swiper-pagination-color: #48b3b9;}
.banner .swiper-slide{width: 100%;height: 100%;}
.banner img{width: 100%;height: 100%;}
.banner .swiper-pagination1{position: absolute;bottom: 1rem;z-index: 10;text-align: center;}
.banner_font{position: absolute;box-sizing: border-box;width: 80%;background: rgba(11,79,149,.6);top: 100px;}
.banner_font2{background: rgba(0, 179, 182, 0.6);}
.banner_font h3{color: #fff;font-size: 2rem;font-weight: bold;}
.banner_font p{color: #fff;font-size: 1.5rem;margin-top: .5rem;}
/* banner */

/* 新闻动态 */
/* .news{width: 100%;box-sizing: border-box;background: #fff;padding: 2rem 1.5rem;}
.news .news_main{box-sizing: border-box;}
.news .news_main ul li:first-child a{width: 100%;height: 100%;display: block;background: #fff;box-shadow: 0 3px 10px -5px #646464;padding: 0 0 2rem 0;}
.news .news_main ul li:first-child a h3{padding: 0 1rem;}
.news .news_main ul li:first-child a div{padding: 0 1rem;}
.news .news_main ul li{border-bottom: 1px dashed #999;box-sizing: border-box;padding: 2rem 0;}
.news .news_main ul li img{width: 100%;margin-bottom: 1rem;user-select: none;}
.news .news_main ul h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.75rem;}
.news .news_main ul div{margin: .5rem 0;}
.news .news_main ul div span{color: #48b3b9;display: inline-block;padding-right: .5rem;position: relative;}
.news .news_main ul div span::after{content: '';display: inline-block;height: 1rem;width: 1px;background: #999;position: absolute;right: 0;top: .3rem;}
.news .news_main ul div i{font-style: normal;color: #999;display: inline-block;padding-left: .5rem;}
.news .news_main ul p{text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;color: #888;} */
/* 新闻动态 */

/* 新闻动态新 */
.news{width: 100%;box-sizing: border-box;background: #fff;padding: 2rem 1.5rem;justify-content: space-between;border-radius: .5rem;font-size: 1.5rem;}
.news .news_btn{width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 1rem 0;}
.news .news_btn li{width: 30%;background: #e8e8e8;text-align: center;height: 3rem;line-height: 3rem;transition: .2s ease-in all;}
.news .news_btn li.curr{color: #fff;background: #48b3b9;transition: .2s ease-in all;}
.news .news_item .top{position: relative;width: 100%;}
.news .news_item .top a>div{width: 100%;position: absolute;bottom: 0;background: rgba(0, 0, 0, .5);height: 6rem;color: #fff;display: flex;align-items: center;}
.news .news_item .top a>div h3{width: 7rem;height: 6rem;text-align: center;color: #fff;background: #48b3b9;box-sizing: border-box;padding-top: .8rem;font-size: 1.7rem;flex-shrink: 0;}
.news .news_item .top a>div h3 span{display: block;}
.news .news_item .top a>div div{box-sizing: border-box;padding: 0 1.5rem;width: 100%;overflow: hidden;}
.news .news_item .top a>div div p:nth-child(1){padding-bottom: .5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.5rem;}
.news .news_item .top img{width: 100%;height: auto;}
.news .news_item .bom {padding: 1rem 0;}
.news .news_item .bom .news_list{width: 100%;padding: 1rem 0;border-bottom: 1px solid rgb(221, 221, 221);}
.news .news_item .bom .news_list a{width: 100%;display: flex;align-items: center;}
.news .news_item .bom .news_list .left{width: 8rem;height: 8rem;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.news .news_item .bom .news_list .left h3{color: #48b3b9;font-size: 3.5rem;font-weight: bold;margin-bottom: 1rem;}
.news .news_item .bom .news_list .left p{font-size: 1.3rem;}
.news .news_item .bom .news_list .right{width: 100%;overflow: hidden;box-sizing: border-box;padding: 0 1rem;}
.news .news_item .bom .news_list .right h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.5rem;margin-bottom: 1rem;}
.news .news_item .bom .news_list .right p{width: 100%;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;font-size: 1.35rem;color: #999;}
/* 新闻动态新  p*/
/* 新闻动态新 */


/* 核心优势 */
.core{width: 100%;background: url(../img/index01.jpg)no-repeat center center;padding: 3rem 0;}
.core .core_main{box-sizing: border-box;padding: 0 1.5rem;}
.core .core_main .swiper-container2{overflow: hidden;}
.core .core_main .core_item{overflow: hidden;}
.core .core_main ul{padding-top: 2rem;}
.core .core_main li{position: relative;margin-bottom: 1.5rem;overflow: hidden;box-sizing: border-box}
.core .core_main li>div{position: absolute;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.core .core_main li>div h3{color: #fff;font-size: 2.2rem;font-weight: bold;}
.core .core_main li>div p{color: #fff;font-size: 1.5rem;margin-top: 1rem;}
.core .core_main li img{width: 100%;height: 8rem;}
/* 核心优势 */
/* 产品中心 */
.product{width: 100%;box-sizing: border-box;padding: 3rem 0;background: #f2f2f2;}
.product .product_main{box-sizing: border-box;padding:  2rem 1rem 0rem 1rem;}
.product .product_main>ul{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;flex-wrap: wrap;margin-bottom: 2rem;}
.product .product_main>ul::after{content: '';width: 30%;}
.product .product_main>ul li{width: 32%;text-align: center;height: 3rem;line-height: 3rem;background: #e8e8e8;margin-bottom: 1rem;font-size: 1.5rem;}
.product .product_box{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.product .product_item{width: 49%;;background: #fff;border-bottom: 2px solid #48b3b9;box-sizing: border-box;transition: .2s all ease-in;padding-bottom: 1.5rem;margin-bottom: 2rem;}
.product .product_item .top{display: flex;align-items: flex-end;justify-content: center;width: 100%;overflow: hidden;box-sizing: border-box;}
.product .product_item .top img{width: 100%;height: auto;}
.product .product_item .bom{text-align: center;}
.product .product_item .bom h3{font-size: 1.5rem;font-weight: bold;margin-top: 1rem;transition: .2s all ease-in;}
.product .product_item .bom p{color: #666;}
/* 产品中心 */
/* 社会责任 */
.duty{width: 100%;background: url(../img/index06.png)no-repeat #f2f2f2;padding: 3rem 1.5rem;box-sizing: border-box;background-size: 100% 50%; overflow:hidden;}
.duty .index_title_w>div i{border: 3px solid #299abc;}
.duty_main{width: 100%;padding-top: 2rem;}
.duty_item{width: 90%!important;background: #fff;}
.duty_item img{width: 100%;height: 18rem;}
.duty_item div {width: 100%;box-sizing: border-box;padding: 1.5rem 1rem;}
.duty_item div h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.75rem;color: #000;}
.duty_item div p{text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;margin: 1.5rem 0;color: #888;}
.duty_item div h5{width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding-top: 1.5rem;border-top: 1px solid #f4f4f4;}
.duty_item div h5 span{color: #48b3b9;}
.duty_item div h5 i{color: #48b3b9;}
/* 社会责任 */
/* 宠物百科 */
.doubt{background: #fff;padding: 2rem 1rem;box-sizing: border-box;}
.doubt .doubt_main{overflow: hidden;}
.doubt_item{width: 100%;position: relative;display: block;}
.doubt_item .top{width: 100%;height: 25rem;overflow: hidden;}
.doubt_item .top div{position: absolute;top: 0;background: #48b3b9;color: #fff;height: 3rem;width: 100%;line-height: 3rem;font-size: 1.6rem;padding-left: 2rem;}
.doubt_item .top img{width: 100%;height: 100%;}
.doubt_item .bom{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 1rem 0;font-size: 1.5rem;}
/* 宠物百科 */

/* 企业愿景 */
.vision{width: 100%;}
.vision img{height: auto;width: 100%;}
.vision ul{width: 100%;display: flex;align-items: center;}
.vision ul li{flex: 1;}
.vision ul li div{display: flex;align-items: center;flex: 1;}
.vision ul li div img{width: 50%;}
/* 企业愿景 */


















