/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


#app{position: absolute;top: 0;bottom: 0;width: 100%;}
.indexbox{width: 100%;margin: 0 auto;display: flex;position: absolute;top: 0;bottom: 0;width: 100%;background-color: #ecedea;}
.menubox{background-color: #fff;width: auto !important;height: 100%;text-align: center;position: relative;overflow: inherit;display: flex;flex-direction: column;justify-content: space-between;}
.mianbox{flex: 1;position: relative;}

.closebox{position: absolute;width: 100%;height: 100%;z-index: 2;}
.closebox.hidden{display: none;}
.closebox .close{position: absolute;cursor: pointer;right: 20px;top: 20px;width: 30px;height: 30px;z-index: 1;}
.closebox .close img{width: 20px;height: 20px;}
.closebox>img{width: 100%;height: 100%;object-fit: cover;}


.bannerbox{
	width: 100%;height: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;height: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;height: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;height: 100%;object-fit: cover;
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	width: 10px;
    height: 10px;
    background-color: rgba(0,0,0,0.2);
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background: var(--primary-color);
}


.main{position: absolute;width: 100%;height: 100%;z-index: 1;}
.main>img{width: 100%;height: 100%;object-fit: cover;}
.main .textbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.main .textbox img{max-width: 100%;width: auto;height: auto;}


.mianbox .footer{position: absolute;bottom: 8px;width: 100%;text-align: center;z-index: 4;}
.mianbox .footer a{color: #fff;font-size: 14px;}


.menu_top .logo{height: 152px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.menu_top .logo img{width: 130px;}



/* 一级 */
.menu_first{width: 190px;height: 100%;}
.menu_top ul li {width: 100%;padding: 10px 0;transition: background-color .3s;cursor: pointer;}
.menu_top ul li.active{background-color: #b3b3b3;}
.menu_top ul li .li_inner{width: 100%;}
.menu_top ul li .li_inner p{font-size: 12px;color: #000;padding-bottom: 3px;}


.menu_bot{width: 100%;}
.menu_bot .bot1{width: 100%;margin-bottom: 30px;}
.menu_bot .bot1 ul{display: flex;align-items: center;justify-content: center;}
.menu_bot .bot1 ul li{width: 40%;}
.menu_bot .bot1 ul li a{font-size: 12px;color: #949599;}


.wechat{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;margin-bottom: 30px;}
.wechat i>img{max-width: 100%;width: auto;}
.wechat .ewm{position: absolute;display: flex;width: 200px;height: auto;padding: 10px;font-size: 0;right: -140px;top: -120px;z-index: 99;justify-content: center;align-items: center;background-color: #fff;transition: all 0.5s;opacity: 0;visibility: hidden;}
.wechat .ewm img{width: 100%;}
.wechat:hover .ewm{opacity: 1;visibility: visible;}
.menu_bot .a{font-size: 12px;color: #949599;}



/* 二级 */
.menu_second{font-size: 12px;height: 100%;background-color: hsla(60,2%,82%,.8);width: 190px;position: absolute;left: 190px;top: 0;z-index: 9;display: none;}
.menu_second.active{display: block;}
.menu_second dl dd{padding: 10px 40px;transition: background-color .3s;}
.menu_second dl dd:hover{background-color: #e0e0e0;}
.menu_second dl dd a{font-size: 12px;color: #000;}
.menu_second dl dd a p{padding-bottom: 3px;}

.main{overflow-y: auto;}
.pdl{padding-left: 190px;}
.pdtl{padding-top: 98px;padding-left: 100px;}

.main_title{width: 100%;text-align: left;margin-top: 60px;margin-bottom: 100px;}
.main_title h1{font-size: 50px;color: #000;font-weight: bold;margin-bottom: 10px;}
.main_title h3{font-size: 18px;color: #333;font-weight: bold;}

.insidebox,.honorbox,.aboutbox,.customerbox,.philbox,.cusdetailbox,.managebox,.brandsbox,.educatebox,.speechbox,.conceptbox,.beautybox,.newsbox,.historybox{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;}
.inside,.honor,.about,.phil,.manage,.brands,.educate,.speech,.concept,.beauty,.news,.history{max-width: 800px;height: 100%;}


.main .desc{font-size: 13px;color: #000;}
.main .desc h2{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
.main .desc p{line-height: 20px;}
.main .desc img{max-width:100%;}


.honor_content{width: 100%;}
.honor_content ul li{width: 100%;padding: 20px 0;display: flex;align-items: center;border-top: 1px solid #afafad;}
.honor_content ul li:last-child{border-bottom: 1px solid #afafad;}
.honor_content ul li .imgbox{width: 30%;display: flex;align-items: center;justify-content: center;}
.honor_content ul li .text{width: 70%;}

.honor_content ul li .imgbox img{width: 90px;}
.honor_content ul li .text h3{font-size: 14px;color: #000;margin-bottom: 5px;font-weight: bold;}
.honor_content ul li .text p{font-size: 13px;color: #000;}

.customer{max-width: 700px;}
.customer_content{width: 100%;}
.customer_content ul{display: flex;flex-wrap: wrap;}
.customer_content ul li{width: 25%;border-right: 1px solid hsla(0,0%,100%,0);border-bottom: 1px solid hsla(0,0%,100%,0);}
.customer_content ul li a{display: block;width: 100%;position: relative;}
.customer_content ul li a .imgbox{width: 100%;font-size: 0;position: relative;}
.customer_content ul li a .imgbox img{width: 100%;}
.customer_content ul li a .imgbox .text{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0,0,0,.6);opacity: 0;transition: all .5s;font-size: 12px;padding: 10px 0;text-align: center;}
.customer_content ul li a .imgbox .text p{color: #fff;}
.customer_content ul li:hover a .imgbox .text{opacity: 1;}
.customer_content ul li a .num{
	transition: all .5s;
    opacity: 1;
	display: flex;
	align-items: center;justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    border: 3px solid #b3b3b3;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.customer_content ul li a .mask{
	transition: all .5s;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.customer_content ul li:hover a .mask{opacity: 0;}
.customer_content ul li:hover a .num{opacity: 0;}


.cusdetail{background: hsla(0,0%,100%,.4);max-width: 830px;height: 100%;}
.newsdetail{background: none;}

.cusdetail_content{width: 100%;}
.cusdetail_content .item{width: 100%;margin-bottom: 10px;display: flex;}

.cusdetail_content .item .item_left{width: 50%;padding: 0 20px 0 0;display: flex;flex-direction: column;justify-content: space-between;}
.cusdetail_content .item .item_right{width: 50%;padding-right: 30px;font-size: 0;}
.cusdetail_content .item .item_right img{width: 100%;}

.cusdetail_content .item .item_left .title{width: 100%;display: flex;align-items: center;}
.cusdetail_content .item .item_left .title .num{
	display: flex;
    border: 7px solid #b3b3b3;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-right: 20px;
    font-size: 30px;
}
.cusdetail_content .item .item_left .title p{font-size: 16px;color: #000;font-weight: bold;}

.cusdetail_content .item .item_left .desc{min-height: 244px;}


.cusdetail_content .a{text-align: right;padding-right: 30px;}
.cusdetail_content .a a{font-size: 13px;text-decoration: underline;color: #333;}



.phil_content{width: 100%;}
.phil_content .imgbox{width: 100%;font-size: 0;margin-bottom: 30px;}
.phil_content .imgbox img{width: 100%;}
.phil_content .item{width: 100%;margin-bottom: 20px;}
.phil_content .item .title{margin: 15px 0;padding: 10px 0;background-color: #900f2d;letter-spacing: 1;text-align: center;font-size: 13px;color: #fff;}
.phil_content ul li{width: 100%;margin-bottom: 20px;padding: 10px;border: 2px solid #900f2d;}
.phil_content ul li h3{margin-top: 3px;margin-bottom: 5px;text-align: center;font-size: 13px;color: #000;font-weight: 700;}
.phil_content ul li p{margin: 3px 0;font-size: 13px;color: #000;}



.manage_content{width: 100%;}
.manage_content .item{width: 100%;padding: 10px;border: 2px solid #900f2d;margin-bottom: 20px;}
.manage_content .item>h3{font-size: 16px;margin-top: 5px;margin-bottom: 15px;text-align: center;}
.manage_content .item p{font-size: 13px;color: #000;}
.manage_content .item .imgbox{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 0;margin-top: 30px;}
.manage_content .item .imgbox img{max-width: 100%;width: auto;}


.item_list{display: flex;justify-content: space-between;}
.item_list ul{width: 49%;}
.item_list ul li{width: 100%;margin-bottom:10px;}
.item_list ul li h3{font-size: 13px;color: #000;font-weight: bold;margin-bottom: 5px;}
.item_list ul li p{font-size: 13px;color: #000;}

.brands{display: flex;align-items: center;justify-content: center;}

.brands_content{width: 100%;}
.brands_content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.brands_content ul li{margin-bottom: 40px;text-align: center;background-color: #999;width: 48%;}
.brands_content ul li .imgbox{width: 100%;font-size: 0;}
.brands_content ul li .imgbox img{width: 100%;}
.brands_content ul li p{margin: 14px 0;font-size: 14px;color: #000;}



.educate_content{width: 100%;}

.educate_content p{font-size: 14px;color: #000;margin: 10px 0;}
.educate_content .imgbox{margin: 10px 0;width: 100%;font-size: 0;}
.educate_content .imgbox img{width: 100%;}

.educate_content h3{margin: 25px 0;font-size: 18px;font-weight: bold;color: #000;}

.img3{width: 100%;}
.img3 ul{display: flex;justify-content: space-between;}
.img3 ul li{width: 32%;font-size: 0;}
.img3 ul li img{width: 100%;}



.speech_content{width: 100%;}
.speech_content ul li{width: 100%;margin-bottom: 30px;display: flex;}
.speech_content ul li .imgbox{width: 190px;font-size: 0;padding-right: 30px;}
.speech_content ul li .imgbox img{width: 100%;}
.speech_content ul li .text{flex: 1;}
.speech_content ul li .text h3{font-size: 18px;color: #000;}
.speech_content ul li .text p{margin-top: 20px;margin-bottom: 10px;font-size: 13px;color: #000;line-height: 20px;}

.concept_content .item{margin-bottom: 20px;}
.concept_content .item .title{margin: 15px 0;padding: 10px 0;background-color: #900f2d;letter-spacing: 1;text-align: center;font-size: 13px;color: #fff;}



.beauty_content{width: 100%;margin: 0 auto;}
.beauty_content .item {margin-bottom: 20px;}
.beauty_content .item h3{font-size: 18px;color: #000;font-weight: bold;margin-bottom: 10px;}
.beauty_content .item .desc{font-size: 13px;color: #000;}


.news_content{width: 600px;}
.news_content .news_top{width: 100%;padding: 20px 0;border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
.news_content .news_top ul li{width: 100%;display: flex;margin-bottom: 20px;}
.news_content .news_top ul li .imgbox{width: 270px;font-size: 0;margin-right: 15px;}
.news_content .news_top ul li:nth-child(2n) .imgbox{order: 1;}
.news_content .news_top ul li .imgbox img{width: 100%;}
.news_content .news_top ul li .text{flex: 1;}
.news_content .news_top ul li:nth-child(2n) .text{order: 0;}
.news_content .news_top ul li .text p{font-size: 18px;color: #000;line-height: 2;}
.news_content .news_top ul li .text{font-size: 14px;color: #000;text-decoration: underline;}

.news_content .news_bot{width: 100%;padding: 20px 0;}
.news_content .news_bot ul li{width: 100%;background-color: #fff;padding: 5px 10px;border-radius: 4px;border: 1px solid #a8a8a8;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.news_content .news_bot ul li p{font-size: 14px;color: #000;}
.news_content .news_bot ul li a{font-size: 14px;color: #000;text-decoration: underline;padding-left: 10px;}



.history_content{width: 600px;}
.history_content ul{width: 100%;position: relative;}
.history_content ul:after{position: absolute;content: "";height: 100%;width: 2px;background-color: #000;left: 50%;transform: translateX(-50%);top: 0;}

.history_content ul li{width: 100%;margin-bottom: 20px;position: relative;}
.history_content ul li .li_inner{width: 100%;display: flex;justify-content: space-between;}
.history_content ul li .li_inner .li_left{width: 50%;border-top: 1px dotted #b3b3b3;padding-top: 10px;padding-right: 50px;}
.history_content ul li .li_inner .li_right{width: 50%;}
.history_content ul li:nth-child(2n) .li_inner .li_left{order: 1;padding-right: 0;padding-left: 50px;}
.history_content ul li:nth-child(2n) .li_inner .li_right{order: 0;}
.history_content ul li .date{
	position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    border-radius: 50%;
    border: 6px solid #b3b3b3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background: #ededed;
	z-index: 99;
}
.history_content ul li .li_inner .li_left dl dd p{position: relative;font-size: 13px;color: #000;padding-left: 10px;line-height: 20px;}
.history_content ul li .li_inner .li_left dl dd p:before{content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #000;position: absolute;left: 0;top: 5px;}

.fund .desc{width: 100%;margin-bottom: 60px;}
.fund .desc h3{font-size: 18px;color: #000;margin-bottom: 30px;}
.fund .desc p{font-size: 13px;color: #000;}