*{margin: 0;padding: 0;box-sizing: border-box;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1263px;}

/* ::-webkit-input-placeholder{color: #201f1d;}
::-moz-placeholder{color: #201f1d;}
:-moz-placeholder{color: #201f1d;} */

/* {border-right: 32px solid transparent;
-webkit-filter: drop-shadow(32px 0 0 red);
filter: drop-shadow(32px 0 0 red);} */

/*  透明图片投影 -webkit-filter: drop-shadow(0 104px 0 #003488);filter: drop-shadow(0 104px 0 #003488);
	图片变白 -webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%); 
 */

/*浮动*/
.f_le{float: left;}
.f_ri{float: right;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}

/*定位*/
.p_re{position: relative;}
.p_ab{position: absolute;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*横向弹性*/
.flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; }
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; }

.pic{width: 300px;height: 200px;overflow: hidden;position: relative;}
.pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/*宽度*/
.wrapper{width: 70.9375%;min-width: 1200px;margin: 0 auto;}


/* 导航 */
.header{width: 100%;background: #fff;position: relative;z-index: 5;}
.header .logo{display: block;float: left;height: 110px; animation-name: fadeInLeft;animation-duration: 1.5s;}
.header .logo img{display: block;height: 100%;}
.header .logo h1{display: none;}

.nav{float: right;padding-top: 45px;animation-name: fadeInRight;animation-duration: 1.5s;}
.nav li{float: left;}
.nav li .na{display: block;font-size: 16px;color: #666666;padding: 0 15px;margin-left: 20px;height: 65px;position: relative;line-height: 65px;}
.nav li .na:after{content: '';display: block;width: 0;height: 2px;background: #4eb9be;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: .5s;}
.nav li:hover .na:after{width: 100%;}

/* 导航 下拉 */
.drop-down{display: none;}

.dd-ppts{width: 1106px;height: 540px;background: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;top: 110px;z-index: 9;box-shadow: 0 5px 5px rgba(0,0,0,.1);padding: 42px;}
.dd-ppts .d-left{width: 91px;border-right: 1px solid #858585;height: 100%;float: left;}
.dd-ppts .d-left a{display: block;font-size: 16px;color: #000000;line-height: 38px;margin-bottom: 10px;transition: .5s;}
.dd-ppts .d-right{width: calc(100% - 91px);float: right;height: 100%;padding-left: 24px;}
.dd-ppts .d-right a{display: block;width: 434px;height: 217px;float: left;margin: 0 0 14px 14px;transition: .5s;}
.dd-ppts .d-left a:hover{color: #4eb9be;}
.dd-ppts .d-right a:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}

.dd-ljcp{width: ;height: 540px;background: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;top: 110px;z-index: 9;box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.dd-ljcp .wrapper{height: 100%;}
.dd-ljcp .d-box{width: 200px;height: 100%;float: left;text-align: center;padding: 45px 10px;}
.dd-ljcp .d-box:nth-child(2){background: #f4f4f4;}
.dd-ljcp .d-box h5{font-size: 16px;color: #000;line-height: 25px;margin-bottom: 20px;}
.dd-ljcp .d-box a{display: block;font-size: 16px;color: #000;line-height: 25px;margin-bottom: 20px;transition: .5s;}
.dd-ljcp .d-box a:hover{color: #4eb9be;}
.dd-ljcp .d-box1{width: calc(100% - 600px);float: right;height: 100%;}
.dd-ljcp .pic{width: 578px;height: 289px;margin: 106px auto 0;display: none;}

.dd-gfsc{height: 320px;background: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;top: 110px;z-index: 9;box-shadow: 0 5px 5px rgba(0,0,0,.1);padding-top: 30px;}
.dd-gfsc .item{width: 21.32%;margin: 0 0 auto 0;border-bottom: 1px solid #cecfcf;text-align: center;}
.dd-gfsc .item a{display: block;width: 100%;font-size: 14px;line-height: 30px;color: #333333;margin-bottom: 35px;transition: .5s;}
.dd-gfsc .item a .ico{display: inline-block;width: 30px;height: 30px;overflow: hidden;position: relative;vertical-align: middle;margin-right: 5px;}
.dd-gfsc .item a .ico img{display: block;width: 100%;position: absolute;top: 0;left: 0;transition: .5s;}
.dd-gfsc .item a p{display: inline-block;height: 30px;vertical-align: middle;}
.dd-gfsc .f-code{width: 149px;height: 146px;margin: 0 auto;background: url(../images/f10.png) top center no-repeat;padding: 25px 15px 15px;margin-bottom: 20px;}
.dd-gfsc .f-code img{display: block;height: 100%;margin: 0 auto;}
.dd-gfsc .item:hover a{color: #4eb9be;}
.dd-gfsc .item:hover a .ico img{top: -30px;}

.souso{display: block;float: right;width: 23px;margin-top: 65px;margin-left: 15px;}


/* 留言 */
.n-message{width: 100%;background: url(../images/bj03.jpg) center center no-repeat;height: 345px;overflow: hidden;padding: 40px 0 55px;}
.n-message .title{font-size: 48px;text-align: center;text-transform: uppercase;color: #fff;animation-name: fadeInUp;animation-duration: 1s;}
.n-message em{display: block;width: 230px;height: 2px;background: #fff;margin: 15px auto 40px;}
.n-message form{position: relative;animation-name: fadeInUp;animation-duration: 1s;}
.n-message .item{width: 25.735%;height: 42px;background: #fff;float: left;margin: 0 2.94% 20px 0;}
.n-message .item1{background: #fff;width: 100%;height: 73px;}
.n-message input{border: 0;display: block;width: 100%;height: 100%;padding: 0 20px;font-size: 16px;color: #666;}
.n-message textarea{display: block;border: 0;width: 100%;height: 100%;padding: 15px 20px;font-size: 16px;color: #666;}
.n-message .btn{display: block;width: 14.558%;height: 42px;border: 0;text-align: center;line-height: 42px;background: #1dc8d3;color: #fff;position: absolute;top: 0;right: 0;cursor: pointer;font-size: 16px;}


/* 底部 */
.footer{background: #f4f4f4;width: 100%;padding-top: 45px;}
.footer .foot-nav{width: 47.79%;float: left;animation-name: fadeInLeft;animation-duration: 1s;}
.footer .foot-nav li{float: left;margin-right: 40px;}
.footer .foot-nav li:last-child{margin-right: 0;}
.footer .foot-nav .fa{display: block;font-size: 16px;color: #000;line-height: 25px;margin-bottom: 15px;}
.footer .foot-nav .fas{display: block;font-size: 14px;color: #828282;line-height: 20px;margin-bottom: 10px;}
.footer .f-right{/* width: 560px; */float: right;animation-name: fadeInRight;animation-duration: 1s;}
.footer .foot-logo{display: block;float: left;height: 100px;}
.footer .qrcode{float: left;text-align: center;margin-left: 35px;}
.footer .qrcode img{display: block;width: 74px;height: 74px;margin: 0 auto 10px;}
.footer .qrcode p{font-size: 14px;color: #000;line-height: 20px;}

.copyright{border-top: 1px solid #c5c5c5;margin-top: 60px;padding: 20px 0;animation-name: fadeInUp;animation-duration: 1s;}
.copyright .f-friend{float: right;max-width: 30%;margin-top: -5px;}
.copyright .f-friend .item{display: block;float: left;margin-left: 2.083vw;}
.copyright .f-friend .item .ico{display: inline-block;width: 25px;vertical-align: middle;}
.copyright .f-friend .item span{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 20px;vertical-align: middle;color: #666666;}
.copyright p{width: 60%;font-size: 12px;color: #999999;line-height: 20px;}
.copyright p a{color: #999999;}
.copyright p a:hover{color: #000;}

@media screen and (max-width: 1680px) {
	.footer .foot-logo{height: 90px;}
}


/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner img{width: 100%;display: block;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner .swiper-pagination{position: absolute;bottom: 25px;z-index: 3;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #828a92;margin: 0 8px!important;}
.banner .swiper-pagination-bullet-active{width: 10px;height: 10px;opacity: 1;border-radius: 10px;background: #fff;}
.banner .swiper-button-white:after{font-size: 40px;}
.banner .swiper-button-prev{left: 40px;}
.banner .swiper-button-next{right: 40px;}


/* 首页 产品 */
.n-product{padding: 130px 0 150px;}
.n-product .ftitle{text-align: center;font-size: 48px;font-weight: 400;color: #000000;margin-bottom: 40px;animation-name: fadeInUp;animation-duration: 1s;}
.n-product .np-nav{text-align: center;margin-bottom: 50px;animation-name: fadeInUp;animation-duration: 1s;}
.n-product .np-nav a{display: inline-block;font-size: 24px;color: #000000;line-height: 40px;margin-bottom: 10px;padding: 0 23px;transition: .5s;}
.n-product .np-nav a:hover{color: #4eb9be;}
.n-product .np-nav a.active{color: #4eb9be;}
.n-product .np-body{animation-name: fadeInUp;animation-duration: 1s;}
.n-product .np-box{display: none;}
.n-product .list{width: 24.775%;margin-right: 0.3%;background: #f8f8f8;float: left;height: 445px;transition: .5s;}
.n-product .list:nth-child(4n){margin-right: 0;}
.n-product .list a{display: block;width: 100%;text-align: center;padding: 40px 0 15px;}
.n-product .list .pic{width: 80%;height: 12.8125vw;margin: 0 auto;}
.n-product .list .pic img{min-height: auto;width: 100%;}
.n-product .list .tit{font-size: 16px;color: #000000;line-height: 25px;margin: 25px 0 10px;letter-spacing: 2px;transition: .5s;}
.n-product .list .desc{font-size: 14px;color: #666666;line-height: 20px;letter-spacing: 2px;}
.n-product .list:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.n-product .list:hover .tit{color: #4eb9be;}
@media screen and (max-width: 1920px) {
    .n-product .list .pic{height: 246px;}
}


/* 首页 广告 */
.n-advert{overflow: hidden;position: relative;}
.n-advert img{width: 100%;display: block;transition:1s linear 2s;transform:scale(1.1,1.1);}
.n-advert .swiper-slide-active img,.n-advert .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	


/* 首页 介绍 */
.n-introduce{padding: 150px 0 90px;}
.n-introduce h3{font-size: 48px;color: #000;text-align: center;line-height: 60px;margin-bottom: 40px;animation-name: fadeInUp;animation-duration: 1s;}
.n-introduce article{width: 1080px;margin: 0 auto;font-size: 15px;color: #666666;text-align: center;line-height: 35px;margin-bottom: 145px;animation-name: fadeInUp;animation-duration: 1s;}
.n-introduce .list{width: 24.775%;margin-right: 0.3%;float: left;background: #000;height: 33.385vw;animation-name: fadeInUp;animation-duration: 1s;}
.n-introduce .list img{opacity: .6;transition: .5s;}
.n-introduce .list:nth-child(4n){margin-right: 0;}
.n-introduce .list:hover img{opacity: 1;}
.n-introduce .list:nth-child(2){animation-delay: 0.2s;}
.n-introduce .list:nth-child(3){animation-delay: 0.3s;}
.n-introduce .list:nth-child(4){animation-delay: 0.4s;}
@media screen and (max-width: 1680px) {
	.n-introduce .list{height: 576px;}
}


/* 首页 常识 */
.n-one{padding: 100px 0 160px;}
.n-one .list{width: 100%;margin: 10px 0;transition: .5s;animation-name: fadeInUp;animation-duration: 1s;}
.n-one .list a{display: block;}
.n-one .list .pic{width: 653px;height: 407px;float: left;z-index: 0;}
.n-one .list .cont{width: calc(100% - 653px);float: right;height: 407px;text-align: center;}
.n-one .list .auto{width: 390px;margin: auto;}
.n-one .list .tit{font-size: 30px;color: #000;margin-bottom: 25px;}
.n-one .list .desc{font-size: 16px;color: #666666;line-height: 25px;margin-bottom: 35px;}
.n-one .list .more{width: 120px;height: 34px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin: 0 auto;line-height: 32px;transition: .5s;}
.n-one .list .more span{display: inline-block;width: 26px;height: 10px;background: url(../images/ico02.png) center right no-repeat;margin-left: 5px;transition: .5s;}
.n-one .list:nth-child(2n) .pic{float: right;}
.n-one .list:nth-child(2n) .cont{float: left;}
.n-one .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.n-one .list:hover .more{border-color: #4eb9be;color: #4eb9be;}
.n-one .list:hover .more span{background: url(../images/ico02.png) center left no-repeat;}


/* 首页 代言人 */
.n-spokesman{width: 90.521%;min-width: 1200px;margin: 0 auto;position: relative;overflow: hidden;animation-name: fadeInUp;animation-duration: 1s;}
.n-spokesman .img{width: 100%;}
.n-spokesman .img img{display: block;width: 100%;display: none;}
.n-spokesman .figure{width: 31.172%;position: absolute;right: 10.357%;top: 3.385vw;bottom: 3.385vw;}
.n-spokesman .figure .list{width: calc( (100% - 14px) / 2 );height: calc( (100% - 14px) / 2 );float: left;position: relative;margin: 0 14px 14px 0;overflow: hidden;cursor: pointer;}
.n-spokesman .figure .list:nth-child(2n){margin-right: 0;}
.n-spokesman .figure .list .pic{width: 100%;height: 100%;background: #000;}
.n-spokesman .figure .list .pic img{opacity: .52;transition: .5s;}
.n-spokesman .figure .list .text{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;color: #fff;padding-bottom: 18px;transition: .5s;}
.n-spokesman .figure .list .tit{font-size: 24px;line-height: 35px;}
.n-spokesman .figure .list .desc{font-size: 20px;line-height: 30px;}
.n-spokesman .figure .list.active .pic img{opacity: 1;}
.n-spokesman .figure .list.active .text{opacity: 0;}
@media screen and (max-width: 1600px) {
	.n-spokesman .figure{right: 7.357%;}
	.n-spokesman .figure .list .tit{font-size: 20px;line-height: 30px;}
	.n-spokesman .figure .list .desc{font-size: 16px;line-height: 25px;}
}
@media screen and (max-width: 1280px) {
	.n-spokesman .figure{right: 5.357%;}
	.n-spokesman .figure{top: 42px;bottom: 42px;}
	.n-spokesman .figure .list .tit{font-size: 18px;line-height: 26px;}
	.n-spokesman .figure .list .desc{font-size: 14px;line-height: 20px;}
}


/* 首页 新闻 */
.n-news{padding: 160px 0;}
.n-news .n-left{width: 625px;float: left;animation-name: fadeInLeft;animation-duration: 1s;}
.n-news .n-right{width: 585px;float: right;animation-name: fadeInRight;animation-duration: 1s;padding-top: 25px;}

.n-news .n-left .list{width: 100%;position: relative;overflow: hidden;transition: .5s;}
.n-news .n-left .list a{display: block;width: 100%;}
.n-news .n-left .list .pic{width: 100%;height: 352px;}
.n-news .n-left .list .tit{position: absolute;bottom: 0;left: 0;right: 0;padding: 0 30px;height: 58px;background: rgba(0,0,0,.5);color: #fff;font-weight: bold;line-height: 58px;font-size: 20px;}
.n-news .n-left .list:nth-child(1){margin-bottom: 14px;}
.n-news .n-left .list:nth-child(2),.n-news .n-left .list:nth-child(3){width: calc( (100% - 13px) / 2 );float: left;}
.n-news .n-left .list:nth-child(2){margin-right: 13px;}
.n-news .n-left .list:nth-child(2) .pic,.n-news .n-left .list:nth-child(3) .pic{height: 174px;}
.n-news .n-left .list:nth-child(2) .tit,.n-news .n-left .list:nth-child(3) .tit{padding: 0 10px;}
.n-news .n-left .list:hover{box-shadow: 0 5px 10px rgba(0,0,0,.3);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

.n-news .n-right .n-titBox{text-align: center;height: 65px;margin-bottom: 30px;}
.n-news .n-right .n-titBox em{display: block;width: 100%;height: 1px;background: #e8e8e8;margin-top: -32px;}
.n-news .n-right .n-titBox span{display: inline-block;font-size: 48px;background: #fff;padding: 0 45px;height: 65px;line-height: 65px;}
.n-news .n-right .list1{border-bottom: 1px dashed #e8e8e8;padding-bottom: 15px;margin-bottom: 25px;position: relative;}
.n-news .n-right .list1 a{display: block;}
.n-news .n-right .list1 .tit{font-size: 20px;color: #666666;line-height: 30px;margin-bottom: 10px;padding-right: 110px;transition: .5s;}
.n-news .n-right .list1 .desc{font-size: 16px;color: #999999;line-height: 22px;text-align: justify;}
.n-news .n-right .list1 time{display: block;font-size: 16px;color: #999999;position: absolute;top: 0;right: 0;line-height: 30px;transition: .5s;}
.n-news .n-right .list1:hover .tit,.n-news .n-right .list1:hover time{color: #4eb9be;}

@media screen and (max-width: 1680px) {
	.n-news .n-left{width: 550px;}
	.n-news .n-right{width: 500px;padding-top: 10px;}
	
	.n-news .n-left .list .pic{height: 310px;}
	.n-news .n-left .list:nth-child(2) .pic,.n-news .n-left .list:nth-child(3) .pic{height: 152px;}
}


/* 内页 */
.article{font-size: 16px;color: #666666;line-height: 2;text-align: justify;}
.article iframe{display: block;width: 800px;height: 600px;margin: 0 auto;}
.article img{max-width: 100%;}


/* 关于我们 */
.a-titBox{text-align: center;margin-bottom: 100px;animation-name: fadeInUp;animation-duration: 1s;}
.a-titBox .title{font-size: 48px;color: #000000;font-weight: 400;line-height: 65px;margin-bottom: 10px;}
.a-titBox .slogan{font-size: 18px;color: #666666;line-height: 30px;}

.about{padding: 120px 0 60px;}
.about .article{text-align: center;width: 88.97%;margin: 0 auto;line-height: 40px;animation-name: fadeInUp;animation-duration: 1s;}

/* 公司历史 */
.history{padding: 60px 0;}
.history .history-swiper{overflow: hidden;position: relative;width: 100%;}
.history .history-swiper .swiper-slide{padding: 20px 2.865vw;}
.history .history-swiper .tit{font-size: 36px;color: #000000;text-align: center;line-height: 50px;margin-bottom: 30px;}
.history .history-swiper article{font-size: 16px;color: #666666;text-align: justify;line-height: 2;}
.history .anniu{width: 255px;margin: 0 auto;position: relative;margin-top: 75px;}
.history .anniu > div{position: static;margin: 0;width: 116px;height: 38px;cursor: pointer;}
.history .anniu > div:after{display: none;}
.history .anniu > div img{display: block;width: 100%;}
.history .anniu .swiper-button-prev{float: left;}
.history .anniu .swiper-button-next{float: right;}
@media screen and (max-width: 1600px) {
	.history .history-swiper .swiper-slide{padding: 20px 40px;}
}

/* 荣誉资质 */
.honor{padding: 60px 0 150px;}
.honor .honor-swiper{width: 100%;overflow: hidden;position: relative;padding: 0 70px;}
.honor .honor-swiper .swiper-slide{width: calc( (100% - 30px) / 3 );}
.honor .honor-swiper .pic{width: 100%;height: 281px;}
.honor .honor-swiper .tit{font-size: 20px;color: #666666;text-align: center;height: 80px;line-height: 30px;position: relative;transition: .5s;}
.honor .honor-swiper .tit p{position: absolute;bottom: 0;width: 100%;}
.honor .honor-swiper .swiper-button-prev,.honor .honor-swiper .swiper-button-next{width: 70px;background: #fff;height: auto;margin: 0;position: absolute;top: 0;bottom: 80px;}
.honor .honor-swiper .swiper-button-prev{left: 0;background: url(../images/ico05.png) center center no-repeat #fff;}
.honor .honor-swiper .swiper-button-next{right: 0;background: url(../images/ico06.png) center center no-repeat #fff;}
.honor .honor-swiper .swiper-button-prev:after,.honor .honor-swiper .swiper-button-next:after{display: none;}
.honor .honor-swiper .swiper-slide:hover .tit{color: #4eb9be;}
@media screen and (max-width: 1680px) {
	.honor .honor-swiper .pic{height: 245px;}
}


/* 品牌故事 */
.b-titBox{text-align: center;font-size: 48px;color: #000;line-height: 60px;margin-bottom: 70px;animation-name: fadeInUp;animation-duration: 1s;}
.b-titBox .ftitle{text-transform: uppercase;font-weight: lighter;}
.b-titBox .title{font-weight: 400;}

.origin{padding: 120px 0 60px;}
.origin .box{min-height: 382px;padding: 30px 0 30px 400px;animation-name: fadeInUp;animation-duration: 1s;}
.origin .box article{width: 721px;margin: auto;text-align: center;color: #000000;}

.story{padding: 60px 0 60px;}
.story .box{min-height: 382px;padding: 30px 400px 30px 0;animation-name: fadeInUp;animation-duration: 1s;}
.story .box article{width: 721px;margin: auto;text-align: center;color: #000000;}

.brand .a-titBox{margin-bottom: 50px;}
.spokesman{padding: 60px 0 60px;}
.spokesman article{animation-name: fadeInUp;animation-duration: 1s;}

.shop{padding: 60px 0 100px;}
.shop .list{margin-bottom: 25px;animation-name: fadeInUp;animation-duration: 1s;}
.shop .list .pic{width: 49.265%;height: 397px;margin: auto 0;}
.shop .list .cont{width: 46%;margin: auto;text-align: center;}
.shop .list .tit{font-size: 40px;line-height: 55px;margin-bottom: 30px;}
.shop .list article{font-size: 24px;color: #333333;line-height: 38px;text-transform: uppercase;}


/* 精准修护 */
.repair{padding: 120px 0;}
.repair .box{width: 100%;margin-bottom: 75px;animation-name: fadeInUp;animation-duration: 1s;}
.repair .box .img{display: block;width: 42.574%;margin: auto 0;}
.repair .box .cont{width: 48.971%;margin: 0 auto;}
.repair .box h3{font-size: 30px;line-height: 45px;margin-bottom: 15px;}
.repair .list{width: 33.33%;float: left;height: 412px;cursor: default;animation-name: fadeInUp;animation-duration: 1s;}
.repair .list .cont{width: 100%;height: 100%;text-align: center;transition: .5s;}
.repair .list .auto{margin: auto;width: 352px;}
.repair .list .tit{font-size: 30px;color: #000000;line-height: 40px;}
.repair .list .article{font-size: 16px;color: #000000;line-height: 2;margin-top: 30px;transition: .5s;display: none;}
.repair .list:nth-child(5) .auto{width: 100%;}
.repair .list:nth-child(5) .article{display: block;font-size: 30px;}
.repair .list:nth-child(5) .tit{font-size: 36px;}
.repair .list:hover .cont{background: rgba(187,248,252,.5);}
.repair .list:nth-child(2n){animation-delay: 0.2s;}
.repair .list:nth-child(3n){animation-delay: 0.3s;}
/* .repair .list:hover .tit{font-weight: 500;} */
.repair .list:hover .article{display: block;}
.repair .box1{margin-bottom: 100px;}
.repair .box3{animation-name: fadeInUp;animation-duration: 1s;}
@media screen and (max-width: 1680px) {
	.repair .list .tit{font-size: 28px;}
	.repair .list:nth-child(5) .article{display: block;font-size: 26px;}
	.repair .list:nth-child(5) .tit{font-size: 32px;}
}


/* 明星成分 */
.element{padding: 120px 0;}
.element .list{width: 100%;animation-name: fadeInUp;animation-duration: 1s;}
.element .list .pic{width: 50%;height: 24.896vw;float: left;}
.element .list .pic img{min-width: 100%;width: auto;}
.element .list .cont{width: 50%;height: 24.896vw;float: right;text-align: center;}
.element .list .auto{width: 415px;margin: auto;}
.element .list .tit{font-size: 30px;color: #000000;line-height: 40px;margin-bottom: 10px;}
.element .list .txt{font-size: 20px;color: #1dc8d3;line-height: 30px;margin-bottom: 10px;}
.element .list .desc{font-size: 16px;color: #666666;line-height: 35px;margin-bottom: 25px;}
.element .list .more{display: block;width: 157px;height: 36px;border: 1px solid #a5a5a5;text-align: center;line-height: 34px;font-size: 16px;color: #000000;margin: 0 auto;transition: .5s;}
.element .list:nth-child(2n) .pic{float: right;}
.element .list:nth-child(2n) .cont{float: left;}
.element .list:hover .more{border-color: #1dc8d3;color: #1dc8d3;box-shadow: 0 0 10px rgba(0,0,0,.1);}

@media screen and (max-width: 1920px) {
    .element .list .pic{height: 478px;}
    .element .list .cont{height: 478px;}
}

.handbook{padding-bottom: 150px;}
.handbook h3{font-weight: 400;font-size: 36px;color: #000000;line-height: 50px;margin-bottom: 90px;text-align: center;animation-name: fadeInUp;animation-duration: 1s;}
.handbook .hand-swiper{width: 100%;overflow: hidden;position: relative;padding: 10px;}
.handbook .hand-swiper .swiper-slide{border-radius: 15px;overflow: hidden;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);width: calc( (100% - 120px) / 3 );}
.handbook .hand-swiper .swiper-slide .pic{width: 100%;height: 498px;}
.handbook .hand-swiper .swiper-slide .tit{position: absolute;bottom: 35px;left: 0;right: 0;text-align: center;font-size: 20px;color: #000000;font-weight: bold;}
.handbook .hand-swiper .swiper-slide em{display: block;background: rgba(0,0,0,.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.handbook .hand-swiper .swiper-slide-active em{display: none;}
.handbook .anniu{width: 130px;margin: 0 auto;position: relative;margin-top: 75px;}
.handbook .anniu > div{position: static;margin: 0;width: 50px;height: 25px;cursor: pointer;}
.handbook .anniu > div:after{display: none;}
.handbook .anniu > div img{display: block;height: 100%;}
.handbook .anniu .swiper-button-prev{float: left;}
.handbook .anniu .swiper-button-next{float: right;}


/* 了解初颜 */
.know{padding: 120px 0 150px;}
.know .k-logo{display: block;max-width: 100%;margin-bottom: 55px;}
.know .l-title{font-size: 30px;color: #000000;line-height: 50px;margin-bottom: 20px;font-weight: bold;}
.know article{font-size: 16px;color: #000;text-align: justify;line-height: 35px;font-weight: bold;margin-bottom: 30px;}
.know .box{margin-bottom: 60px;}
.know .box a{display: block;width: 230px;height: 45px;background: #1dc8d3;text-align: center;line-height: 45px;color: #fff;font-size: 16px;float: left;margin-right: 45px;}
.know .list{width: 100%;margin-bottom: 65px;animation-name: fadeInUp;animation-duration: 1s;}
.know .list .tit{font-size: 24px;color: #000000;font-weight: bold;line-height: 35px;padding-left: 25px;position: relative;margin-bottom: 40px;}
.know .list .tit em{display: block;width: 5px;height: 26px;background: #1dc8d3;position: absolute;left: 0;top: 4.5px;}
.know .list .img{display: block;width: 100%;overflow: hidden;}
.know .list .img img{display: block;width: 100%;transition: 3s;}
.know .list .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


/* 产品中心 */
.product{padding: 120px 0 150px;}
.product .slideNav{width: 250px;float: left;animation-name: fadeInLeft;animation-duration: 1s;}
.product .slideNav .s-top{width: 100%;background: #1dc8d3;text-align: center;padding: 15px;font-size: 22px;color: #fff;line-height: 35px;margin-bottom: 1px;cursor: default;}
.product .slideNav .s-top h3{font-weight: 400;}
.product .slideNav .s-body{padding: 25px 45px;display: none;}
.product .slideNav .s-body a{display: block;font-size: 16px;color: #000000;line-height: 30px;margin-bottom: 15px;transition: .5s;}
.product .slideNav .s-body a span{display: inline-block;padding-right: 20px;border-bottom: 1px solid transparent;}
.product .slideNav .s-body a:hover{color: #1dc8d3;}
.product .slideNav .s-body a:hover span{border-color: #1dc8d3;}
.product .slideNav .s-body a.active{color: #1dc8d3;}
.product .slideNav .s-body a.active span{border-color: #1dc8d3;}
.product .slideNav .s-active .s-body{display: block;}

.product .p-right{width: calc(100% - 300px);float: right;}
.product .list{width: 32.9%;margin: 0 .65% 15px 0;background: #f8f8f8;float: left;height: 445px;transition: .5s;animation-name: fadeInUp;animation-duration: 1s;}
.product .list:nth-child(3n){margin-right: 0;}
.product .list a{display: block;width: 100%;text-align: center;padding: 40px 0 15px;}
.product .list .pic{width: 80%;height: 246px;margin: 0 auto;}
.product .list .pic img{height: 100%;width: auto;}
.product .list .tit{font-size: 16px;color: #000000;line-height: 25px;margin: 25px 0 10px;letter-spacing: 2px;transition: .5s;}
.product .list .desc{font-size: 14px;color: #666666;line-height: 20px;letter-spacing: 2px;}
.product .list:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.product .list:hover .tit{color: #4eb9be;}
.product .list:nth-child(2n){animation-delay: 0.2s;}
.product .list:nth-child(3n){animation-delay: 0.3s;}


/* 产品详情 */
.product-content{padding: 120px 0 150px;}
.product-content .pc-left{width: 49.632%;float: left;}
.product-content .gallery-top{width: 100%;overflow: hidden;position: relative;margin-bottom: 70px;}
.product-content .gallery-top .img img{display: block;width: 100%;}
.product-content .gallery-thumbs{width: 100%;overflow: hidden;position: relative;padding: 0 51px;}
.product-content .gallery-thumbs .img img{display: block;width: 100%;}
.product-content .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #4eb9be;width: 25%;}
.product-content .gallery-thumbs .swiper-button-prev,.product-content .gallery-thumbs .swiper-button-next{width: 51px;margin: 0;position: absolute;top: 0;bottom: 0;height: 100%;}
.product-content .gallery-thumbs .swiper-button-prev:after,.product-content .gallery-thumbs .swiper-button-next:after{display: none;}
.product-content .gallery-thumbs .swiper-button-prev{left: 0;background: url(../images/ico07.jpg) center center no-repeat;}
.product-content .gallery-thumbs .swiper-button-next{right: 0;background: url(../images/ico08.jpg) center center no-repeat;}
.product-content .pc-right{width: 44.706%;float: right;}
.product-content .pc-right .pc-tit{font-size: 30px;color: #000000;line-height: 40px;margin-bottom: 45px;}
.product-content .pc-right .pc-tit em{display: block;width: 114px;height: 2px;background: #000000;margin-top: 20px;}
.product-content .pc-right .price{font-size: 40px;color: #1dc8d3;margin-bottom: 30px;}
.product-content .pc-right .price small{font-size: 30px;}
.product-content .pc-right table{width: 100%;font-size: 20px;color: #000000;line-height: 30px;}
.product-content .pc-right table .txt{text-align: center;}
.product-content .pc-right table tr,.product-content .pc-right table td{padding: 10px 15px;}
.product-content .pc-right .more{display: block;width: 208px;height: 60px;font-size: 16px;color: #ffffff;background: #1dc8d3;text-align: center;line-height: 60px;overflow: hidden;margin-top: 45px;transition: .5s;}
.product-content .pc-right .more .ico{display: inline-block;vertical-align: middle;margin-right: 5px;}
.product-content .pc-right .more span{display: inline-block;vertical-align: middle;}
.product-content .pc-right .more:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}

.product-content .pc-title{font-size: 48px;font-weight: bold;line-height: 60px;margin: 100px 0 90px;text-align: center;}


/* 合作加盟 */
.join{padding: 120px 0 150px;}
.join .list{width: 32.6%;margin-right: 1.1%;position: relative;text-align: center;float: left;overflow: hidden;animation-name: fadeInUp;animation-duration: 1s;}
.join .list:nth-child(3n){margin-right: 0;}
.join .list a{display: block;width: 100%;}
.join .list .img{display: block;width: 100%;}
.join .list .tit{font-size: 18px;color: #333333;position: absolute;left: 0;right: 0;top: 290px;}
.join .list .shade{position: absolute;top: 444px;left: 0;right: 0;bottom: -444px;background: rgba(0,0,0,.5);transition: 1s;}
.join .list .shade p{margin: auto;color: #fff;font-size: 24px;}
.join .list:hover .shade{top: 0;bottom: 0;}
.join .list:nth-child(2n){animation-delay: 0.2s;}
.join .list:nth-child(3n){animation-delay: 0.4s;}


/* 加盟优势 */
.advantage{padding: 120px 0 150px;}
.advantage .a-article{color: #000000;margin-bottom: 35px;animation-name: fadeInUp;animation-duration: 1s;}
.advantage .img{display: block;width: 41.9%;float: right;margin-top: 40px;animation-name: fadeInRight;animation-duration: 1s;}
.advantage .a-left{width: 50%;float: left;animation-name: fadeInLeft;animation-duration: 1s;}
.advantage .a-tit{font-size: 24px;color: #1dc8d3;line-height: 30px;border-left: 3px solid #1dc8d3;padding-left: 20px;margin-bottom: 15px;}
.advantage .a-left .a-article{padding-left: 23px;color: #000000;}


/* 加盟流程 */
.flow{padding: 120px 0 150px;}
.flow .list{width: 22.28%;margin: 0 0 45px 0;box-shadow: 0 0 15px rgba(0,0,0,.1);min-height: 735px;border-radius: 10px;overflow: hidden;border-bottom: 25px solid #97daed;animation-name: fadeInUp;animation-duration: 1s;transition: .5s;}
.flow .list:nth-child(2){border-color: #0289c5;}
.flow .list:nth-child(3){border-color: #024a94;}
.flow .list:nth-child(4){border-color: #01205e;}
.flow .list:nth-child(5){border-color: #fde67e;}
.flow .list:nth-child(6){border-color: #ffc040;}
.flow .list:nth-child(7){border-color: #91edd6;}
.flow .list:nth-child(8){border-color: #02b1ce;}
.flow .list:nth-child(2n){animation-delay: 0.1s;}
.flow .list:nth-child(3n){animation-delay: 0.2s;}
.flow .list:nth-child(4n){animation-delay: 0.3s;}
.flow .list .num{display: block;width: 100%;}
.flow .list .cont{padding: 55px 25px 25px;}
.flow .list .tit{font-size: 30px;text-align: center;color: #000000;line-height: 40px;margin-bottom: 20px;}
.flow .list .article{font-size: 16px;color: #000000;text-align: justify;}
.flow .list:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}


/* 加盟条件 */
.condition{padding: 120px 0 150px;}
.condition .article{animation-name: fadeInUp;animation-duration: 1s;}


/* 线下门店 */
.s-titBox{text-align: center;color: #000000;margin-bottom: 70px;animation-name: fadeInUp;animation-duration: 1s;}
.s-titBox .title{font-size: 48px;line-height: 70px;font-weight: 400;}
.s-titBox .ftitle{font-size: 30px;text-transform: uppercase;font-weight: lighter;line-height: 50px;}
.stores{padding: 120px 0 120px;}
.stores .store-swiper{/* border: 45px solid #fff; */padding: 45px;overflow: hidden;position: relative;}
.stores .store-swiper .pic{height: 17.917vw;}
.stores .store-swiper .shade{background: rgba(0,0,0,.5);position: absolute;top: -45px;bottom: -45px;left: -45px;right: -45px;color: #fff;z-index: 9;opacity: 0;transition: .5s;}
.stores em{display: block;width: 45px;background: #fff;position: absolute;top: 0;bottom: 0;z-index: 6;}
.stores em.em1{left: 0;}
.stores em.em2{right: 0;}
.stores .store-swiper .shade p{font-size: 30px;margin: auto;}
.stores .store-swiper:hover .shade{opacity: 1;}
.stores1{padding: 0 0 150px;}
.stores1 .list{width: 32.9%;margin: 0 .65% 15px 0;float: left;position: relative;overflow: hidden;animation-name: fadeInUp;animation-duration: 1s;}
.stores1 .list:nth-child(2n){animation-delay: 0.1s;}
.stores1 .list:nth-child(3n){margin-right: 0;animation-delay: 0.2s;}
.stores1 .list img{display: block;width: 100%;}
.stores1 .list .shade{background: rgba(255,255,255,.5);position: absolute;top: 518px;bottom: -518px;left: 0;right: 0;padding: 60px 25px;transition: 1s;}
.stores1 .list .shade .tit{font-size: 36px;color: #000000;text-align: center;}
.stores1 .list .shade em{display: block;width: 58px;height: 1px;background: #000000;margin: 15px auto 35px;}
.stores1 .list .article{color: #000000;font-size: 16px;line-height: 40px;}
.stores1 .list:hover .shade{top: 0;bottom: 0;}
@media screen and (max-width: 1680px) {
	.stores .store-swiper .pic{height: 300px;}
}


/* 品牌动态 */
.news{padding: 120px 0 150px;}
.news .list{width: 32%;margin: 0 2% 0 0;float: left;animation-name: fadeInUp;animation-duration: 1s;}
.news .list:nth-child(2n){animation-delay: 0.1s;}
.news .list:nth-child(3n){margin-right: 0;animation-delay: 0.2s;}
.news .list a{display: block;width: 100%;color: #333333;transition: .5s;}
.news .list .pic{width: 100%;height: 244px;transition: .5s;}
.news .list .cont{width: 100%;height: 185px;padding: 25px 0;}
.news .list .tit{font-size: 22px;font-weight: bold;line-height: 35px;margin-bottom: 10px;}
.news .list .desc{font-size: 18px;line-height: 32px;text-align: justify;}
.news .list time{display: block;font-size: 16px;line-height: 25px;margin-top: 10px;}
.news .list:hover a{color: #1dc8d3;}
.news .list:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,.3);}
@media screen and (max-width: 1680px) {
	.news .list .pic{height: 217px;}
}


/*详情*/
.content{padding: 120px 0 150px;}
.content .title{font-size: 24px;line-height: 35px;margin-bottom: 15px;text-align: center;}
.content time{display: block;text-align: center;font-size: 16px;line-height: 25px;margin-bottom: 60px;}


/* 面包屑 */
.crumbs{width: 100%;background: #f5f5f5;height: 75px;overflow: hidden;line-height: 75px;}
.crumbs .name{float: left;font-size: 24px;color: #48b0e4;}
.m-crumb{float: right;max-width: 50%;font-size: 14px;color: #4c4c4c;}
.m-crumb a{color: #4c4c4c;}
.m-crumb a:hover,.m-crumb a:last-child{color: #48b0e4;}

/* 上下页 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 45px;}
.m-clips a{color: #444;line-height: 35px;}

.article-prevnext{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 30px;}
.article-prevnext li{line-height: 35px;}
.article-prevnext li a{color: #444;}
.article-prevnext li a:hover{text-decoration: underline;}


/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}