@charset "utf-8";
/* CSS Document */

.search_box{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.3); left:0; top:0; z-index:3; display:none;}
.search_box form{ position: absolute; width: 1200px; border-radius: 30px; overflow: hidden; left:50%; top:50%; transform:translate(-50%,-50%);}
.search_box form input.fl{ width: calc(100% - 180px); background:#fff; line-height:60px; padding-left:25px;}
.search_box form .search_sub{ width: 180px; text-align: center; line-height: 60px; font-size: 30px; background: #2c1a00; color:#fff; cursor:pointer; transition:.3s ease;}
.search_box form .search_sub:hover{ background:#995a00;}
.search_box .close{ display:inline-block; position: absolute; top: 40%; right: calc( 50% - 620px); font-size:38px; color:#fff; cursor:pointer; transition:.4s ease;}
.search_box .close:hover{ transform:rotate(90deg);}

.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.swiper-pagination-bullet:focus{ outline: 0;}

.pcnone{ display: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.top_h{ height: 90px;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #fff;}
.sy-ban .txt1 b{font-size: 64px; line-height: 80px; color: #fff; max-width: 60%; text-transform: uppercase;}
.sy-ban .txt1 p{ font-size: 24px; margin: 20px 0 70px;}

.amore{ display: inline-block; line-height: 48px; padding: 0 25px; border: 1px solid #995a00; background: #995a00; position: relative;border-radius: 25px; overflow: hidden; color: #fff; font-family: mavb;}
.amore i.icon-right-l{ transform: rotate(-45deg); font-size: 18px;}
.amore i{ margin-left: 10px; display: inline-block; width: 16px; height: 16px; line-height: 16px;transition: .3s ease;}
.amore.wb{ border-color: #fff; color: #fff; background:none;}
.amore.wbg{ background: #fff; color: #2c1a00; border-color: #fff;}
.amore.amore1{ border-color: #cd0000; background: #cd0000; color: #fff;}
.amore.amore2{ background: #111111; border-color: #111111; color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:hover,.amore.on{ background:#2c1a00; border-color:#2c1a00;}
.amore:hover i{ transform: rotate(0deg); margin-left:15px; }
.amore.wbg:hover{ background: #2c1a00; color: #fff;}
.amore.on:hover{ box-shadow:0 0 8px rgba(44,26,0,.6);}
.sy_title{margin-bottom: 40px;}
.sy_title p{ font-size: 18px;}
.item_top .sy_title{ margin-right: auto; margin-bottom: 0;}
.item_top{ margin-bottom: 40px;}
.dtop{padding-top: 75px;}

.syproswiper{ position: relative; overflow: hidden;}
.syproswiper li{ height: 860px; opacity:0;}
.syproswiper li a{
    display: block;
    height: 100%;
}
.syproswiper li .j_mark{
    background: url("../images/jy_bg1.png") no-repeat left center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.syproswiper li.slide1,.syproswiper li.slide2,.syproswiper li.slide3{ opacity: 1;}
.syproswiper .imgfd{ padding-top: 100%;}
.syproswiper .title{ }
.syproswiper .title h2{ font-size: 40px; font-family: ssone; margin-bottom: 25px; color:#fff;}
.syproswiper .title p{ font-size: 22px; line-height: 30px; margin-bottom: 35px; color:#fff; height:60px;}
.syproswiper .fushi{ width: 55%; position: absolute; right: 10px; bottom: -10px;opacity:0;
    transition: all 0.5s ease;
}
.syproswiper .ceshi{ width: 46%; position: absolute; bottom: 110px; left: 27%; z-index:5;}
.syproswiper .zhezhao{ 
    position: absolute; top:0; height: 100%; width:100%; left:0; transition:.3s ease;
}
.syproswiper .zhezhao img{ width: 100%; height: 100%;}

/*.syproswiper li.slide3 .zhezhao{width:120%; right:0%;}*/
/*.syproswiper .slide3 .zhezhao img{ width: 100%; height: 100%;}*/
/*.syproswiper li.slide1 .zhezhao{ left: 0%;width:110%;}*/
/*.syproswiper li.slide1 .title{ padding: 0 20% 0 4%;}*/
/*.syproswiper li.slide2{ z-index: 2;}*/
/*.syproswiper li.slide2 .title{ padding: 0 18% 0 6%;}*/
/*.syproswiper li.slide2 .zhezhao{ left: -16%;width:135%;}*/
.syproswiper li.slide3{ z-index: 3;}
.syproswiper .item.hover .title h2{ color:#2c1a00;}
.syproswiper .item.hover .title p{ color:#111;}
.syproswiper .item.hover .ceshi{ opacity: 0;}
.syproswiper .item.hover .amore{ background: #995a00; color:#fff;}
.syproswiper .swiperbtn{ top: 50%; color: #fff; font-size: 50px; z-index:7;}
.syproswiper .swiperbtn:hover{ color:#995a00;}
.c_title{ max-width: 74%; text-align: center; margin: 0 auto 40px;}
.ss60{ font-size: 60px; font-family: ssone; line-height: 72px;}
.app_list{ padding: 0 15px;}
.app_list li{ float: left; width: calc((100% - 30px) / 3); margin-right: 15px; margin-bottom: 15px;}
.appli{ position: relative;}
.appli .imgfd{ padding-top: 60%;}
.app_list li:nth-child(3n){ margin-right: 0;}
.appli .txt{ padding: 60px 110px; text-align: center; width: calc(100% - 30px); left: 15px; position: absolute; top: 50%; transform: translateY(-50%); transition: .3s ease;}
.appli .txt h2{ font-size: 45px; font-family: ssone; color: #fff;}
.appli .txt p{ margin: 15px 0 30px; color: #fff; display: none; line-height: 24px; max-height: 96px; overflow: hidden;}
.appli i{ font-size: 36px; display: inline-block; position: absolute; color: #fff;transform: rotate(45deg); right: 15px; bottom: 15px; transition: .3s ease;}
.appli:hover .txt{ background: rgba(153,90,0,.9); height: calc(100% - 30px);}
.appli:hover .txt p{ display: block;}
.appli:hover i{ bottom: 60px; right: 50%; transform: rotate(45deg) translateX(50%);}

.sy_about{ padding: 200px 0 130px;}
.sy_about .sy_title{ width: calc(100% - 300px);}
.sy_about .sy_title b{ color: #fff;}
.sy_about p.des{ font-size: 22px; line-height: 36px; color: #fff; margin-bottom: 45px;}
.sy_about dt{ width: 24%; margin-right: auto; text-align: center;}
.sy_about dt:last-child{ margin-right: 0;}
.sy_about dt .ic{ width: 152px; height: 152px; position: relative; margin-bottom: 20px; display: inline-block; background: url("../images/q1_18.png") no-repeat center; background-size: cover;}
.sy_about dt .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 1.2s ease;}
.sy_about dt p{ font-size: 26px; font-family: ssone; color: #fff;}
.sy_about dt:nth-child(2) .ic{ background:  url("../images/q2_18.png") no-repeat center;}
.sy_about dt:nth-child(3) .ic{ background:  url("../images/q3_18.png") no-repeat center;}
.sy_about dt:nth-child(4) .ic{ background:  url("../images/q4_18.png") no-repeat center;}
.sy_about dt:hover img{ transform: translate(-50%,-50%) rotateY(180deg);}


.left_news,.sy_news .list,.newsswiper{ height: 675px; position: relative; width: 32%;}
.sy_news .list{ margin: 0 auto;}
.newsswiper { background: #faf2e7; overflow: hidden;}
.sy_news a{ display: block;}
.left_news img,.sy_news .list img{ width: 100%; height: 100%; object-fit: cover;}
.left_news .txt,.sy_news .list .txt{ position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 35px 20px;}
.left_news h2,.sy_news .list h2{ font-size: 24px; color: #fff; font-family: mavb; line-height: 30px; margin-bottom: 5px}
.left_news span,.sy_news .list span{ color: #fff; font-size: 16px; display: block; text-align: right;}
.sy_news .list a{ position: relative; height: calc(50% - 18px);}
.sy_news .list a:first-child{ margin-bottom: 36px;}
.newsswiper a{ padding: 70px 35px 0;}
.newsswiper a span.date{font-size: 22px; }
.newsswiper a h2{ font-size: 32px; line-height: 36px; margin: 15px 0 20px; color: #a15f00; font-family: mavb; }
.newsswiper a p{ max-height: 120px; overflow: hidden; margin-bottom: 75px;}
.newsswiper .swiperbtn{ width: 45px; height: 45px; text-align: center; background: #2c1a00; color: #fff; line-height: 45px; right: 0; bottom: 0; opacity: 1; margin-top: 0;}
.newsswiper .swiperbtn.swiper-button-prev{ right: 45px; border-right: 1px solid #fff; left: auto;}
.left_news:hover h2,.sy_news .list a:hover h2{ color: #a15f00;}


.index_bot{ padding-top: 250px;}
.bot_msg .left{ width: 42%; margin-right: auto;}
.bot_msg form{ width: 52%;}
.bot_msg .left p{ font-size: 45px; line-height: 55px; font-family: ssone; color: #fff; margin-top: 15px;}
.bot_msg .left b{ color: #fff;} 
.bot_msg form input{ width: 49%; margin-right: 2%; }
.bot_msg form input:nth-child(2n){ margin-right: 0;}
.bot_msg form textarea { width: 100%; }
.bot_msg form textarea,.bot_msg form input{ border: 1px solid rgba(255,255,255,.5); padding: 8px 10px; margin-bottom: 24px; background: none;font-size: 14px; color: #fff; line-height: 28px;}
.bot_msg form p{ color: #fff; margin-right: auto;}
.bot_msg .sub{ line-height: 45px; width: 180px; text-align: center; border-radius: 23px; background: #995a00; color: #fff; font-family: mavb; text-transform: uppercase; cursor: pointer; transition: .3s ease; box-sizing:border-box; border:1px solid #995a00;}
.bot_msg .sub:hover{ background:#2c1a00; border:1px solid #fff;}

.foot_center .f_left{ text-align: center;}
.foot_center .f_left .follow_list{ margin-top: 20px;}
.foot_center .f_left .follow_list a{ background: #fff!important;}
.foot_center .f_left .follow_list a svg{ fill: #2c1a00; width: 18px; height: 18px;}
.foot_center .f_nav{ width: calc(100% - 250px); margin-left: auto; color: #fff;}
.foot_center .f_nav b{ font-size: 20px; font-family: mavb; color: #fff; margin-bottom: 15px;}
.foot_center .f_nav li{ margin-left: auto; max-width: 26%;}
.foot_center .f_nav a{ display: block; font-size: 16px; color: #dddddd; line-height: 30px;}
.foot_center .f_lx p{ font-size: 16px; line-height: 20px; width: calc(100% - 25px); margin-left: auto;}
.foot_center .f_lx .t-flex{ margin-bottom: 20px;}
.foot_center .f_lx a{ line-height: 20px; color: #fff;}
.foot_center .f_lx i{ font-size: 18px;}
.foot_center .f_nav a:hover{ color: #fff;}

.copy{ padding: 18px 0; justify-content: center; font-size: 16px; color: #fef9f3;}
.index_foot .copy{ margin-top: 30px;}


@media (max-width: 1540px){
	.sy-ban .txt1 b{ font-size: 58px;line-height: 76px;}
	.appli .txt{ padding: 40px 50px;}
	.appli .txt h2{ font-size: 38px;}
	.appli .txt p{ max-height: 72px;}
	.appli i{ font-size: 28px;}
	.ss60{ font-size: 54px; line-height: 66px;}
	.syproswiper li{height: 780px;}
	.syproswiper li .title{ top: 120px; padding:0 8%;}
	.syproswiper li .title h2{ font-size: 36px;}
}


@media (max-width: 1281px){
	.index_head .nav li .tarA a{font-size: 18px;}
	.index_head .nav li{ margin-left: 60px;}
	.sy-ban .txt1 b{ font-size: 46px; line-height: 55px;}
	.appli .txt{ padding: 20px 30px;}
	.appli .txt h2{font-size: 30px;}
	.appli:hover i{ bottom: 30px;}
	.sy_about{padding-bottom: 80px;}
	.ss60{ font-size: 44px; line-height: 50px;}
	.sy_about dt .ic{ width: 140px; height: 140px; background-size:cover!important;}
	.sy_about dt .ic img{ width: 80px;}
	.sy_about dt p{ font-size: 22px;}
	.sy_about p.des{ font-size: 20px; line-height: 30px;}
	.newsswiper a h2{ font-size: 26px; line-height: 32px;}
	.left_news .txt, .sy_news .list .txt{ padding: 0 25px 20px;}
	.newsswiper a{padding: 50px 25px 0;}
	.left_news, .sy_news .list, .newsswiper{height: 600px;}
	.c_title{ max-width: 85%;}
	.index_head .nav li .pro_xiala .center{padding: 30px 80px;}
	.syproswiper li{height: 550px;}
	.syproswiper li .title{ top: 60px;}
	.syproswiper li .title h2{ font-size: 30px; margin-bottom: 20px;}
	.syproswiper li .title p{ font-size: 20px; line-height: 28px; height: 56px; margin-bottom:25px;}
	.syproswiper li .ceshi{ bottom: 50px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy-ban .txt1 b{font-size: 38px; line-height: 44px;}
	.sy-ban .txt1 p{ margin-bottom: 50px;}
	.ss60{ font-size: 40px; line-height: 45px;}
	.app_list li{ width: calc(50% - 7.5px);}
	.app_list li:nth-child(3n){ margin-right:15px;}
	.app_list li:nth-child(2n){ margin-right:0;}
	.sy_about{padding: 150px 0 60px;}
	.left_news h2, .sy_news .list h2{font-size: 20px; line-height: 24px;}
	.newsswiper a h2{font-size: 22px; line-height: 28px;}
	.newsswiper a p{ margin-bottom: 40px;}
	.left_news, .sy_news .list, .newsswiper{ height: 500px;}
	.bot_msg .left p{ font-size: 30px; line-height: 36px;}
	.index_bot{ padding-top: 150px;}
	.sy-ban .txt1 p{font-size: 20px;}
	.c_title{ max-width: 96%; margin-bottom: 30px;}
	.pcnone{ display: block;}
	.index-brand-box{ display: none;}
	.syproswiper .title{ position: absolute;}
	.syproswiper .title p{ color: #2c1a00;}
}

@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height: 28px; max-width:80%;}
.sy-ban .txt1 p{ font-size: 16px; margin: 15px 0 0;}
.sy-ban .txt1 .amore{ display: none;}
.ss60{ font-size: 26px; line-height: 32px;}
.c_title{ margin-bottom: 25px;}
.app_list li{ width: 100%;}
.appli .txt h2{ font-size: 22px;}
.item_top .amore{ display: none;}
.sy_about .sy_title{ width: 100%;}
.sy_about{ background-position: left!important; padding:100px 0 40px;}
.item_top{ margin-bottom: 25px;}
.sy_about p.des{ font-size: 18px; line-height: 24px;}
.sy_about dt .ic{ width: 70px; height: 70px;}
.sy_about dt .ic img{ width: 40px;}
.sy_about dt p{ font-size: 16px; height:40px;}
.sy_about dt .ic{ margin-bottom: 10px;}
.sy_about p.des{ margin-bottom: 25px;}
.newsswiper{ display: none;}
.news_box { display: block;}
.left_news, .sy_news .list{ width: 100%;}
.left_news{ height: 230px;margin-bottom:20px;}
.sy_news .list a:first-child{ margin-bottom:20px;}
.bot_msg { display: block;}
.bot_msg .left{ width: 100%; margin-bottom:25px;}
.bot_msg form{ width: 100%;}
.bot_msg form textarea, .bot_msg form input{ margin-bottom: 15px;}
.bot_msg .sub{ margin-top: 15px;}
.copy p{ font-size: 14px; }
.copy .design{ display: none;}
.index_bot{ background-position: center bottom!important; background-size: 480%!important; padding-top:40px;}
.bot_msg .left p{ font-size: 22px; line-height: 28px;}
.syproswiper .zhezhao{ display: none;}
.syproswiper .title{padding: 0 4%;}
.syproswiper li .title h2{ font-size: 26px; color: #2c1a00; margin-bottom:15px;}
.syproswiper li .title p{font-size: 16px; margin-bottom:15px;}
.syproswiper { height: 490px;}
.syproswiper .swiperbtn{ font-size: 36px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban b{ color: #fff; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-transform:uppercase;}
.ny_ban .posi{ color: #fff; font-size: 16px; position: absolute; width: 100%; left: 0; bottom: 0;}
.posi{ padding: 20px 0;}
.ny_ban .posi a{color: #fff;}
.com_foot:not(.index_foot){background:#2c1a00;}

.ss50{ font-size: 50px; font-family: ssone; color: #2c1a00;}
.news_nav{ margin-bottom: 48px;}
.news_nav .list{ margin-left: auto;}
.news_nav .list a{ display: block; margin-left: 70px; line-height: 55px; position: relative; font-size:20px; transition:.3s ease;}
.news_nav .list a:after{ width:0; height: 2px; background: #995a00; content: ''; position: absolute; left: 0; bottom: 0; transition:.3s ease;}
.news_nav .list a:hover,.news_nav .list a.act{ color:#995a00; font-family:mavb;}
.news_nav .list a:hover:after,.news_nav .list a.act:after{ width:100%;}

.news_list ul li{ width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;}
.news_list ul li:nth-child(3n){ margin-right:0;}
.newsli{ border:1px solid #e7e7e7;}
.newsli .imgfd{ padding-top: 62.7%;}
.newsli .txt{ padding: 22px 35px 40px;}
.newsli h2{ font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px; font-family:mavb; color:#995a00}
.newsli p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 25px;}
.newsli span.more{ display: inline-block; margin-left: auto; font-family:mavb; font-size:16px;}
.newsli span.more i{ display: inline-block; margin-left: 5px; transform: rotate(-45deg); transition:.2s ease;}
.newsli:hover h2{ text-decoration:underline;}
.newsli:hover span.more{ color:#995a00;}
.newsli:hover span.more i{ transform:rotate(0deg);}
@media (max-width: 450px){
    .news_list ul li{ width: 100%; float: none;}
    .news_nav .list{  width:100%; margin-top:25px;}
    .news_nav{ margin-bottom: 30px; display:block;}
    .news_nav .list a{ font-size: 18px; line-height: 40px; margin: 0 auto;}
}
.pro_title p{ font-size: 22px; line-height: 36px; margin: 35px 0 40px;}

.cate_pic img{ height: 840px; width: 100%; object-fit: cover;}
.pro_cate li{ position: relative; width: 16%; transition:.3s ease;}
.pro_cate li.active{ width: 52%;}
.pro_cate li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform:translateY(-50%); padding:0 120px 0 15%;}
.pro_cate li h2{color: #fff;}
.pro_cate li .list{ margin-top: 35px; display:none;}
.pro_cate li .list a{ font-size: 22px; color:#fff; display:block; line-height: 40px;}
.pro_cate li .list a:hover{ text-decoration:underline;}
.pro_cate li.active .list{ display: block;}
.pro_cate li .amore{display: none; margin-top:60px;}
.pro_cate li.active .amore{ display: inline-block;}

.why_choose{ padding-left: 90px; position:relative;}
.why_choose .imgfdd{ width: 40%; margin-right: auto; position: relative; z-index:2;}
.why_choose:after{ position:absolute; left: 0; top: 0; background: #faf2e7; width: 300px; height: 400px; content: '';}
.why_choose .txt{ width: 50%;}
.why_choose .txt .des{ margin: 30px 0 50px;}
.why_choose .txt dt{ width: 46%; margin-right: auto;}
.why_choose .txt dt:nth-child(2){ margin-right:0;}
.why_choose .txt dt .ic{ background:#995a00; transition: .3s ease;}
.why_choose .txt dt img{ width: 68px;}
.why_choose .txt dt p{ width: calc(100% - 95px); margin-left: auto;}


.pro_fact,.pro_fact b,.pro_fact h4{ color: #fff;}
.pro_fact h4{ font-size: 28px; font-family: mavb; margin-bottom:30px;}
.pro_fact dt{ margin-top: 50px;}
.pro_fact dl{ margin-bottom: 110px;}
.pro_health{ position: relative;}
.pro_health .txt b{ margin-bottom: 30px;}
.pro_health .txt .box{max-width: 54%; margin-bottom:65px;}
.pro_health .txt .box p{ position: relative; margin-bottom: 5px; padding-left: 15px; }
.pro_health .txt .box p:after{ width:5px; height: 5px; border-radius: 50%; background: #995a00; content: ''; left: 0; top: 12px; position: absolute;}
.pro_health .imgfd{ border-radius: 50%; width: 600px; padding-top: 560px; border:20px solid #fff; position: absolute; right: 50px; top: 80px;}
.pro_health .item_refe{ background: #faf2e7; padding: 25px 36px 40px; min-height:300px;}
.pro_health .item_refe h4{ font-size: 24px; color: #995a00; font-family: mavb; margin-bottom: 20px;}
.pro_health .item_refe a{ display: block; font-size:16px; color:#995a00; line-height:24px; margin-bottom:6px; text-decoration:underline;}
.pro_health .item_refe a:hover{ color:#2c1a00;}

.lastswiper{ position: relative; padding-bottom: 40px; overflow: hidden;}
.swiper-pagination-bullet{ width: 8px; height: 8px; border: 1px solid #995a00; background: none; opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #995a00;}

@media (max-width: 1540px){
    .ss50{ font-size: 46px;}
}
@media (max-width: 1281px){
    .ss50{font-size: 42px;}
    .pro_cate li .txt{ padding:0 40px 0 8%;}
    .newsli .txt{padding: 18px 25px 30px;}
    .newsli h2{ font-size: 22px; line-height: 28px; height: 56px;}
    .cate_pic img{ height: 650px;}
}
@media (max-width: 1024px){
    .pro_title p{ font-size: 20px; line-height: 30px; margin: 25px 0 30px;}
    .ss50{ font-size: 38px;}
    .pro_cate li .list{ margin-top: 25px;}
    .pro_cate li .amore{ margin-top: 40px;}
    .cate_pic img{ height: 500px;}
    .pro_cate li .list a{font-size: 20px;}
    .why_choose { display: block;}
    .why_choose .imgfdd{ width: 80%;}
    .why_choose .txt{ width: 100%;margin-top:30px;}
    .pro_fact dl{ margin-bottom: 60px;}
    .pro_health .imgfd{ width: 400px; border-width: 15px; padding-top: 370px; right:30px; top:130px;}
    .dtop{ padding-top: 50px;}
}
@media (max-width: 450px){
    .ny_ban .posi{ font-size: 14px;}
    .posi{padding: 12px 0;}
    .ss50{ font-size: 24px;}
    .pro_title p{ font-size: 16px; line-height:24px; margin: 15px 0 20px;}
    .amore{ line-height: 44px; padding:0 18px;}
    .amore i.icon-right-l{font-size: 16px;}
    .pro_title{ margin-bottom: 0;}
    .pro_cate li,.pro_cate li.active{ width: 100%;}
    .cate_pic img{ height: 400px;}
    .pro_cate li{ margin-bottom: 15px;}
    .pro_cate ul.tab-hd1{ display: block;}
    .pro_cate li .list a{ font-size: 18px; line-height: 32px;}
    .pro_cate li .amore{ margin-top: 30px;}
    .pro_cate li .list{ display: block;}
    .pro_cate li .amore{ display: inline-block;}
    .why_choose:after{ height:200px;}
    .why_choose{ padding-left: 40px;}
    .why_choose .imgfdd{ width: 90%;}
    .why_choose .txt .des{ margin: 20px 0 30px;}
    .why_choose .txt dt{ width: 100%; margin-bottom: 20px;}
    .why_choose .txt dt img{ width: 55px;}
    .why_choose .txt dt p{ width: calc(100% - 70px);}
    .pro_fact h4{font-size: 22px; margin-bottom: 15px;}
    .pro_fact dt{ margin-top: 25px;}
    .pro_fact dl{ margin-bottom: 30px;}
    .dtop{ padding-top: 35px;}
    .pro_health .txt .box{ max-width: 100%; margin-bottom:35px;}
    .pro_health .imgfd{ display: none;}
    .pro_health .txt b{ margin-bottom: 25px;}
    .pro_health .item_refe{padding: 20px 25px 30px;}
    .newsli .txt{ padding: 10px 12px 10px;}
    .newsli p{ display: none;}
    .newsli .c-flex{ display: none;}
    .newsli h2{ font-size: 16px; line-height: 22px; height: 66px; margin-bottom: 0;}
    .foot_center {display: none;}
}
.list_ban b{ text-align: left; position: unset;}
.list_ban .txt{ width: 100%; left: 0; top: 50%; color: #fff; position: absolute; transform: translateY(-50%);}
.list_ban .top_des{ width: 50%;}
.list_ban .posi{ bottom: auto; top: 0; padding-top:45px;}


.plistswiper{ overflow: hidden;}
.swiperall{ position: relative;}
.plistswiper .imgfd{ padding-top: 100%;}
.plistswiper li{ position: relative; border-right:1px solid #e7e7e7; background:url(../images/cc_03.jpg) no-repeat calc(100% - 20px)  10px; height:580px; overflow:hidden; transition:.3s ease;}
.plistswiper li .pic{ position:absolute; width: 70%; right: -20%; bottom:40px; transition:.3s ease;} 
.plistswiper li .amore{ display: none; margin-top:25px;}
.plistswiper li h2{ font-size: 28px; font-family: mavb; color:#995a00; transform:rotate(90deg); position:absolute; left:30px; top:0;transform-origin:0 100%; transition:.3s ease;}
.plistswiper li:hover{ background:#faf2e7; text-align:center;}
.plistswiper li:hover .amore{ display:inline-block;}
.plistswiper li:hover h2{ width:100%; transform: rotate(0deg); position: unset; text-align: center; margin-top:70px;}
.plistswiper li:hover .pic{ right:50%; transform: translateX(50%);}
.swiperall .swiperbtn{ width: 43px; height: 43px; line-height: 43px; text-align: center; border-radius: 50%; border: 1px solid #2c1a00; font-size: 20px; color: #2c1a00; top:50%; transition:.3s ease;}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.swiperall .swiperbtn:hover{ background:#995a00; color: #fff; border-color: #995a00;}

.pro_vs .imgfdd{ width: 50%;}
.pro_vs .txt{ color: #fff; width:46%; padding-top:110px;}
.pro_vs.vss1{ background: #995a00;}
.pro_vs.vss2{ background: #2c1a00;}
.pro_vs .txt h3{ font-size: 50px; color: #fff; line-height: 60px; margin-bottom:20px; font-family:ssone;}
.pro_vs .txt p{ line-height: 30px;}
.funcbox{ position: relative;}
.funcbox dt{ width: 49%; margin-right: 2%; box-shadow:0 0 6px rgba(0,0,0,.2); padding:45px 50px 45px 50px; transition:.3s ease;}
.funcbox dt:nth-child(n+3){ margin-top:40px;}
.funcbox dt:nth-child(2n){ margin-right:0;}
.funcbox dt .txt{ width: calc(100% - 110px); margin-left: auto;}
.funcbox dt .txt h4{ font-size: 24px; color:#995a00; line-height: 35px; height: 35px; font-family: mavb; margin-bottom:20px;}
.funcbox dt .txt p{ height: 90px; line-height:30px;}
.funcbox dt .ic{ padding-top: 20px;}
.funcbox dt:hover{ background:#faf2e7; box-shadow:0 0 6px rgba(250,242,231,.2);}
.funcbox .funcic{ width: 128px; height: 128px; border: 10px solid #fff; border-radius: 50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#995a00; box-shadow:0 0 6px rgba(0,0,0,.2);}
.funcbox .funcic img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
@media (max-width: 1720px){
    .swiperall .swiper-button-next{right: 1%;}
    .swiperall .swiper-button-prev{ left: 1%;}
}
@media (max-width: 1540px){
    .pro_vs .txt{ padding-top: 60px;}
    .pro_vs .txt h3{ font-size: 46px; line-height:55px;}
    .pro_vs .txt p{ line-height: 26px;}
}
@media (max-width: 1281px){
    .plistswiper li h2{ font-size: 24px; left:20px;}
    .pro_vs .txt h3{ font-size: 40px; line-height: 45px;}
    .pro_vs .txt{ padding-top: 40px;}
    .funcbox dt{ padding: 30px 40px;}
    .funcbox dt .txt p{ line-height: 24px; height: 72px;}
    
}
@media (max-width: 1024px){
    .list_ban .top_des{width:75%;}
    .list_ban .posi{ padding-top: 20px;}
    .pro_vs .imgfdd{ width: 100%; float: none;}
    .pro_vs .txt{ width: 100%; padding:35px 0;}
    .funcbox dt{ padding: 25px 30px;}
    .funcbox dt .ic img{ width: 44px;}
    .funcbox dt .txt{ width: calc(100% - 55px);}
    .funcbox dt .txt h4{font-size: 20px; line-height:30px; height:60px; margin-bottom:10px; }
    .funcbox dt .txt p{height: 96px;}
}
@media (max-width: 450px){
    .list_ban img{ width: 260%; margin-left: -130%;}
    .list_ban .top_des{ width: 95%;}
    .list_ban .txt{ top: 60%;}
    .plistswiper li{ height: 450px;}
    .plistswiper li:hover h2{ margin-top:30px;}
    .plistswiper li h2{ top: -20px;}
    .swiperall .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size:18px;}
    .pro_vs .txt h3{ font-size: 22px; line-height: 30px;}
    .funcbox dt{ width: 100%; margin-top:20px;}
    .funcbox dt .txt h4{ height: auto;}
    .funcbox dt .txt p{ height: auto;}
    .funcbox dt:nth-child(n+3){margin-top:20px;}
    .funcbox .funcic{ top: 0; width:88px; height:88px; border-width:6px;}
    .funcbox .funcic img{ width: 50px;}
    .pro_function dl{ margin-top: 40px;}
}
.showposi{ padding-top: 40px; position:relative; z-index:3;}
.pro_top .c_title p{ line-height: 30px; margin: 40px 0 55px;}

.dbot{ padding-bottom: 85px;}
.psetswiper{ overflow: hidden; margin-bottom:50px;}
.psetswiper .imgfd{ padding-top: 100%;}
.pro_top{ text-align: center;}
.det_tab{ text-align: center; margin-bottom:55px;}
.det_tab ul{ display: inline-flex; background:#fff; border-radius: 28px;}
.det_tab ul li{ line-height: 55px; border-radius: 28px; padding: 0 60px; transition:.3s ease; font-size:24px; font-family:mavb;}
.det_tab ul li.active{ background: #995a00; color: #fff;}
.det_show{ overflow: hidden;}
.det_show img,.det_show table{ max-width: 100%!important;}
.det_show table{ width: 100%;}
.det_show table td{ padding: 15px 10px 15px 20px;}
.bot_msg.pro_msg .left p{ color: #2c1a00; }
.bot_msg.pro_msg .left b{ color: #2c1a00;} 
.bot_msg.pro_msg form input,.bot_msg.pro_msg form textarea{border-color:#000; color:#333; }
.bot_msg.pro_msg form p{ color: #666;}

.relswiper{ overflow: hidden; } 
.relswiper li{ background: #fff; padding:35px 40px 55px;}
.relswiper li h2{ color: #995a00; font-size: 28px; line-height: 40px; height: 40px; font-family: mavb; margin-bottom:25px;}
.relswiper li i{ display: inline-block; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #2c1a00; text-align:center; line-height:38px; font-size:18px; transform:rotate(-45deg); transition:.3s ease;}
.relswiper li .pic{ width: 70%; margin-top:50px;}
.relswiper li .imgfd{ padding-top: 100%;}
.relswiper li:hover i{ background:#995a00; border-color: #995a00; transform: rotate(0deg); color: #fff;}
@media (max-width: 1540px){
    .relswiper li{ padding: 30px 35px 35px;}
    .relswiper li h2{ font-size: 26px;}
}
@media (max-width: 1281px){
    .relswiper li h2{ font-size: 24px; line-height: 32px; height: 64px;}
}
@media (max-width: 1024px){
    .showposi{ padding-top: 20px;}
    .relswiper li{padding: 20px 25px 25px;}
    .relswiper li h2{ font-size: 22px; margin-bottom: 18px;}
}
@media (max-width: 450px){
    .pro_top{padding-top: 25px; padding-bottom:40px;}
    .pro_top .c_title p{ margin: 20px 0 30px;}
    .psetswiper{margin-bottom: 20px;}
    .det_tab ul li{ font-size: 20px; padding: 0 20px; line-height:48px;}
    .det_tab{ margin-bottom: 30px;}
    .rel_pro { display: none;}
}
.news_det{ padding-top: 40px;}
.news_info{ padding: 30px 0; border-top: 1px solid rgba(44,26,0,.2); border-bottom:1px solid rgba(44,26,0,.2); margin:35px 0 50px;}
.news_info .share{margin-left: auto;}
.news_info .date{margin-right: 30px;}
.news_info span{ color: #995a00;}
.page_btn{ padding-top: 35px; border-top: 1px solid rgba(44,26,0,.2); margin-top:40px; color:#666;}
.page_btn .prev{ margin-right: auto; max-width:50%;}
.page_btn .next{ text-align: right; max-width:50%;}
.page_btn p{ font-size: 18px; margin-bottom: 5px; color:#333;}
.page_btn a:hover{ color: #995a00;}
@media (max-width: 450px){
    .news_info p:not(.date){ display:none;}
    .news_info{ padding: 15px 0; margin: 15px 0 25px;}
    .social-share .social-share-icon{ width: 26px; height: 26px; line-height:26px;}
    .page_btn{padding-top: 25px; margin-top: 30px; display:block;}
    .page_btn .prev,.page_btn .next{ max-width: 100%; width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .news_det{ padding: 30px 0 35px;}
    .det_show table td{ padding: 10px 5px 10px 15px;}
}
.app_des p{ font-size: 22px; line-height: 36px;}
.ny_app li{ float: left; width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
.ny_app li:nth-child(2n){ margin-right:0;}
.ny_app li .imgfd{padding-top: 55.6%;}

.app_aq{ padding: 160px 0 120px;}
.app_aq .center{ align-items: flex-end;}
.app_aq .left{ width: 45%; margin-right: 5%;}
.app_aq .aq_lx{ width: 42%; color:#fff;}
.app_aq .left b{ color: #fff; margin-bottom: 55px; line-height:60px;}
.app_aq .aq_lx dt{ margin-top: 30px; align-items: flex-end;}
.app_aq .aq_lx dt i{ width: 48px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 28px; border:1px solid #fff;}
.app_aq .aq_lx dt .txt{ padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.5); width:calc(100% - 70px); margin-left:auto;}
.app_aq .aq_lx dt a,.app_aq .aq_lx dt span{ font-family: mavb;color: #fff;}
.app_aq .aq_lx dt p{ line-height: 24px;}
.app_aq .aq_lx dt a:hover{ color:#995a00;}
@media (max-width: 450px){
    .app_des p{ font-size: 18px; line-height: 25px;}
    .ny_app li{ width: 100%; float: none;}
    .appli i{ font-size: 22px;}
    .app_aq{background-position: left!important; padding:40px 0 45px;}
    .app_aq .left{ width: 100%;}
    .app_aq .left b{line-height: 34px; margin-bottom:30px;}
    .app_aq .aq_lx{ width: 100%;}
    .app_aq .aq_lx dt .txt{ padding-bottom: 12px;}
}
.app_page{position: relative;}
.app_main{ width: 55%; margin: 30px auto 90px;}
.app_main h1{ text-align: center; text-transform:uppercase;}
.app_main .mainpic{ margin: 45px 0;}
.appswiper{ padding: 0 15px; overflow: hidden; position:relative; padding-bottom:35px;}
@media (max-width: 1281px){
    .app_main{ width: 75%;}
}
@media (max-width: 450px){
    .app_main{ width: 94%; margin-bottom:0;}
    .app_main .mainpic{ margin: 25px 0;}
    .mobnone{ display: none;}
    .appswiper{ padding: 0 5px 30px;}
    .swiper-pagination-bullet{ width: 6px; height: 6px;}
}
.ab_company .txt{ width: 48%;}
.ab_company .txt p{ line-height: 30px;}
.ab_company .com_right{ width: 47%; padding:35px 30px 55px; background:#faf2e7;}
.ab_company dt:first-child{padding-bottom:30px; margin-bottom: 30px; border-bottom:1px solid rgba(44,26,0,.5);}
.ab_company dt{ padding-left: 30px;}
.ab_company dt .ictxt{ width: calc(100% - 95px); margin-left: auto;}
.ab_company dt .ictxt h4{ font-size: 30px; font-family: mavb; margin-bottom: 15px; line-height: 40px;}
.ab_company dt .ictxt p{ line-height: 30px;}

.ab_strenth{padding: 110px 0 270px;}
.ab_strenth dt{ width: 31%; margin-right: auto; border:1px solid rgba(255,255,255,.35); padding:35px 50px 70px; transition:.3s ease;}
.ab_strenth dt:nth-child(3){ margin-right:auto;}
.ab_strenth dt .top{ height: 78px; margin-bottom: 25px;}
.ab_strenth dt b{ font-size: 40px; color: #fff; margin-right: auto; max-width: calc(100% - 80px); line-height:52px;}
.ab_strenth dt p{line-height: 30px; height: 180px; color: #fff;}
.ab_strenth dt:hover{transform:translateY(-20px); background: rgba(44,26,0,.4);}

.ab_cert b.ss50{ text-align: center;}
.certswiper{ overflow: hidden; padding:45px 0 55px;}
.certswiper .imggd{ padding-top: 133.33%; overflow:visible;}
.certswiper li{ transition: .3s ease;}
.certswiper li:hover{ transform:scale(1.15);}
.ab_cert .swiperbtn{ display: inline-block; position: unset; width: 43px; height: 43px; line-height: 43px; text-align: center; border-radius: 50%; border: 1px solid #2c1a00; font-size: 20px; margin:0 12px; color: #2c1a00; top:50%; transition:.3s ease; margin-top:0;}
.ab_cert .btns{ text-align: center;}
.ab_cert .swiperbtn:hover{ background:#995a00; color: #fff; border-color: #995a00;}
.ab_quality{ position: relative;}
.ab_quality .imgfdd{ width: 50%;}
.ab_quality .qua_txt{ width: 50%;position: absolute; background:#faf2e7; right:calc(50% - 80px); padding:85px 130px 60px; bottom:0;}
.qua_txt .title p{ font-size: 30px; color: #995a00; font-family: mavb; margin:20px 0 35px;}
.qua_txt .box p{ line-height: 30px;}
.qua_txt .box{ margin-bottom: 40px;}
.rz_dl dt{ display: inline-block; margin-left: 35px;}
.rz_dl dt img{ height: 100px;}

.facswiper{ position: relative; padding-bottom:50px; overflow:hidden;}
.facswiper .swiper-wrapper{ height: 610px; overflow: hidden;}
.facswiper .imgfd{ padding-top: 56.7%;}
.facswiper ul li{height: calc((100% - 20px) / 2) !important;}

.list_pro{ background: #faf2e7;}
.list_pro .c_title p{ font-size: 30px; line-height: 36px; color: #995a00;  margin-top:25px; font-family:mavb;}
.list_pro dt{ margin-right: auto; width: 24.6%;}
.list_pro dt:nth-child(4){ margin-right:0;}
.list_pro .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(44,26,0,.8); padding-left:100px; z-index:2; opacity:0; transition:.3s ease;}
.list_pro .txt a{ display: block; color:#fff; font-size:20px; color:#fff; margin:10px 0; padding-left:17px; position:relative;}
.list_pro dt a.tit{ display:block; text-align: center; font-family: ssone; font-size: 30px; margin-top: 25px;}
.list_pro .txt a:after{position:absolute; width: 4px; height: 4px; left: 0; background: #fff; border-radius: 50%; content: ''; top: 12px;}
.list_pro .txt a:hover{ text-decoration:underline;}
.list_pro dt .imggd:hover .txt{ opacity:1;}
.list_pro dt .imggd{ padding-top: 100%;}
@media (max-width: 1550px){
    .list_pro .txt{ padding-left: 50px;}
    .ab_quality .qua_txt{ padding: 70px 90px 50px;}
    .ab_quality .qua_txt{ width: calc(48% + 80px);}
}
@media (max-width: 1281px){
    .ab_strenth dt{ padding: 28px 35px 40px;}
    .ab_strenth dt b{ font-size: 34px;}
    .ab_strenth dt .top{ margin-bottom: 15px;}
    .ab_strenth{ padding: 80px 0 120px;}
    .ab_quality .qua_txt{ padding: 45px 50px 40px;}
    .qua_txt .title p{ font-size: 26px; margin: 15px 0 20px;}
    .qua_txt .box{ margin-bottom: 25px;}
    .rz_dl dt img{ height: 80px;}
    .facswiper .swiper-wrapper{ height: 460px;}
    .list_pro .txt a{ font-size: 18px; margin: 7px 0;}
    .list_pro dt a.tit{ font-size: 26px; margin-top:20px;}
}
@media (max-width: 1024px){
    .ab_company .txt{ width: 100%; float: none;}
    .ab_company .txt p{ line-height: 24px;}
    .ab_company .com_right{ width: 100%; float:none;}
    .ab_strenth dt .top img,.ab_strenth dt .top{ height: 48px;}
    .ab_strenth dt p{ line-height: 24px; height: 172px;}
    .ab_strenth dt{ padding: 20px 25px 30px;}
    .ab_quality .qua_txt{ position: unset; width: 100%;}
    .ab_quality .imgfdd{ width: 100%;}
    .facswiper .swiper-wrapper{ height: 380px;}
    .list_pro .txt{padding-left: 20px;}
    .list_pro .c_title p{ font-size: 24px; line-height: 32px;}
    .dbot{ padding-bottom: 50px;}
}
@media (max-width: 450px){
    .ab_company .com_right{ padding: 20px 15px;}
    .ab_company dt{padding-left: 5px;}
    .ab_company dt img{ height: 42px;}
    .ab_company dt .ictxt{ width: calc(100% - 55px);}
    .ab_company dt .ictxt h4{ font-size: 22px; line-height: 32px; margin-bottom:10px;}
    .ab_company dt .ictxt p{ line-height: 22px;}
    .ab_company dt:first-child{ padding-bottom:20px; margin-bottom: 20px;}
    .ab_strenth dt{ width: 100%; margin-bottom: 15px;}
    .ab_strenth dt p{ height: auto;}
    .ab_strenth{background-size: 680%!important; background-position:center top!important; }
    .ab_strenth dt b{ font-size: 26px;}
    .certswiper{ padding: 25px 0 30px;}
    .ab_cert .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
    .ab_quality .qua_txt{ padding: 25px 15px 30px;}
    .qua_txt .title p{ font-size: 20px; line-height: 28px;}
    .qua_txt .box p{ line-height: 24px;}
    .rz_dl dt img{ font-size: 60px;}
    .dbot{ padding-bottom: 40px;}
    .ab_quality{padding-bottom: 0;}
    .facswiper .swiper-wrapper{ height: 230px;}
    .facswiper{ padding-bottom: 35px;}
    .list_pro .c_title p{ font-size: 18px; line-height: 30px; margin-top:15px;}
    .list_pro dt{ width: 49.5%; margin-right: 1%;margin-bottom:20px;}
    .list_pro dt:nth-child(2n){ margin-right:0;}
    .list_pro dt a.tit{ font-size: 22px; margin-top: 10px;}
    .list_pro .txt{ display: none;}
}
.lx_page .posi,.lx_page .posi a{ color: #fff;}
.lx_main{ padding: 60px 0 110px; color:#fff;}
.lx_main .lx_msg{ width: 52%;}
.lx_main .lx_info{ width: 40%;}
.lx_main .lx_msg b{ color: #fff;}
.lx_main .lx_msg h3{ font-size: 36px; color: #fff; font-family: ssone; margin: 22px 0 35px;}
.lx_main .lx_msg .formbox{ margin-bottom: 25px; font-size:16px;}
.lx_main .lx_msg .formbox input,.lx_main .lx_msg .formbox textarea{ width: calc(100% - 155px); margin-left: auto; line-height: 30px; padding: 7px 18px; border:1px solid rgba(255,255,255,.5); background:none; color:#fff;}
.lx_main .lx_msg .formbox label{ padding-top: 14px;}
.shenm{ padding-left: 155px;}
.shenm p{ font-size:16px; margin-bottom:25px;}
.shenm .sub{ width: 180px; line-height: 45px; border-radius: 23px; background: #995a00; transition: .3s ease; cursor: pointer; font-family:mavb; color:#fff; text-align:center;}
.shenm .sub:hover{ background:#2c1a00;}
.lx_info b{ font-size: 36px; color: #fff; margin-bottom: 25px; text-transform:uppercase;}
.lx_info .title p{ font-size: 20px; line-height: 30px;}

.lx_main dt{ margin-top: 28px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.5);}
.lx_main dt i{ width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 26px; color: #fff; border: 1px solid #fff;}
.lx_main dt .txt{ width: calc(100% - 65px);margin-left: auto; color: #fff;}
.lx_main dt .txt a,.lx_main dt .txt span{ display: block; font-family: mavb; line-height: 20px; height: 20px; margin-top:5px; color:#fff;}
.lx_map{ overflow: hidden;}
.lx_map iframe{ max-width: 100%!important;}


@media (max-width: 450px){
    .lx_map{ display: none;}
    .lx_main .lx_msg{ width: 100%; float: none;}
    .lx_main .lx_msg h3{ font-size: 22px; line-height: 32px; margin:15px 0 20px;}
    .lx_main .lx_msg .formbox{ display:block; margin-bottom:20px;}
    .lx_main .lx_msg .formbox input, .lx_main .lx_msg .formbox textarea{ width: 100%; margin-top: 10px;}
    .shenm{ padding-left: 0;}
    .shenm p{margin-bottom: 15px;}
    .lx_main .lx_info{ width: 100%; margin-top: 30px;}
    .lx_info b{ font-size: 30px; margin-bottom: 15px;}
    .lx_info .title p{ font-size: 18px; line-height: 24px;}
    .lx_main{ padding: 20px 0 30px;}
    .lx_main dt{ margin-top: 20px; padding-bottom: 20px;}
}



.index-brand-box{
	height: 100vh;
	position: relative;
}
.index-brand-box .bimg-tab{
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
}
.index-brand-box .bimg-tab .swiper-slide{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.index-brand-box .bimg-tab .img{
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-size: cover;
	transition: all .8s;
}


.index-brand-box .bimg-tab .text-box{
	position: absolute;
	left: 0;
	top: 22.22%;
	width: 100%;
	text-align: center;
}
.index-brand-box .bimg-tab .swiper-slide:nth-child(1) .text-box{
	left: -25%;
}
.index-brand-box .bimg-tab .swiper-slide:nth-child(3) .text-box{
	left: 55%;
}
.index-brand-box .bimg-tab .text-box .text{
	/* transform: translateY(-40px);
	opacity: 0;
	filter: alpha(opacity=0); */
}
.index-brand-box .bimg-tab .text-box .bubbles-tit{
	position: relative;
}
.index-brand-box .bimg-tab .text-box .bubbles{
	width:5.5rem;
	height: 5.5rem;
	margin:0 auto;
	position: relative;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble{
	position: absolute;
	border-radius: 100%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble1{
	width:10px;
	height: 10px;
	left:17.27%;
	top:59.545%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble2{
	width:10px;
	height: 10px;
	left:75.9%;
	top:64.65%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble3{
	width:2px;
	height: 2px;
	left:75.2%;
	top:84.687%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble4{
	width:6px;
	height: 6px;
	left:68.636%;
	top:21.8%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble5{
	width:6px;
	height: 6px;
	left:28.628%;
	top:79.865%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble6{
	width:.3rem;
	height: .3rem;
	left:28.5%;
	top:41.264%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble7{
	width:1.25rem;
	height: 1.25rem;
	left:41.6%;
	top:7.73%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble8{
	width:.95rem;
	height: .95rem;
	left:53.636%;
	top:35.9%;
	background-color: #eee;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble9{
	width:.65rem;
	height: .65rem;
	left:37.4636%;
	top:37%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble10{
	width:.75rem;
	height: .75rem;
	left:73.636%;
	top:32.8127%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble11{
	width:1.4rem;
	height: 1.4rem;
	left:11.6%;
	top:11.818%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble12{
	width:.3rem;
	height: .3rem;
	left:41.6%;
	top:78.65%;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble13{
	width:.75rem;
	height: .75rem;
	left:48.7277%;
	top:77.358%;
}

.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble1,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble2,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble3,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble12{
	background-color:#d80c25;
}
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble4,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble5,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble9,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble10,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble11,
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble13{
	border:1px solid #d80c25;
}
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble6{
	background-color: #d80c25;
	opacity: .1;
}
.index-brand-box .bimg-tab .xpp-slide .text-box .bubbles .bubble7{
	background-color:#fdf3f4;
}


.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble1,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble2,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble3,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble12{
	background-color:#45b7e6;
}
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble4,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble5,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble9,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble10,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble11,
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble13{
	border:1px solid #45b7e6;
}
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble6{
	background-color: #45b7e6;
	opacity: .1;
}
.index-brand-box .bimg-tab .meco-slide .text-box .bubbles .bubble7{
	background-color:#ddf5ff;
}


.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble1,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble2,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble3,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble12{
	background-color:#02695e;
}
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble4,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble5,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble9,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble10,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble11,
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble13{
	border:1px solid #02695e;
}
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble6{
	background-color: #02695e;
	opacity: .1;
}
.index-brand-box .bimg-tab .lan-slide .text-box .bubbles .bubble7{
	background-color:#c6e4e1;
}

.index-brand-box .bimg-tab .text-box .bubbles .bubble{
	transform-origin:40% 10px;
	animation: spin 4s linear infinite;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble:nth-child(2n){
	animation: spin2 4s linear infinite;
}
.index-brand-box .bimg-tab .text-box .bubbles .bubble:nth-child(3n){
	animation: spin2 4s linear infinite .3s;
}

.index-brand-box .bimg-tab .text-box .type-tit{
	font-size: .75rem;
	line-height: .8rem;
	position: absolute;
	left: 0;
	bottom: 30%;
	width: 100%;
	font-weight: bold;
	font-family: "gilroy-bold";
}
.index-brand-box .bimg-tab .text-box .desc{
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #333;
	overflow: hidden;
}
.index-brand-box .bimg-tab .text-box .more-box{
	margin: 1.4rem auto 0;
	width: 5.75rem;
	overflow: hidden;
}
.index-brand-box .bimg-tab .text-box .index-more{
	width: auto;
	/* margin: 1.4rem auto 0;
	width: 5.75rem; */
	/* transform: translateY(40px);
	opacity: 0;
	filter: alpha(opacity=0); */
}

.index-brand-box .brand-prev,
.index-brand-box .brand-next{
	position: absolute;
	top: 50%;
	width: 1.6rem;
	transform: translateY(-50%) scale(0);
	z-index: 3;
	/* transition: transform 1s .5s; */
}

.index-brand-box .brand-prev{
	left: 3.125%;
}
.index-brand-box .brand-next{
	right: 3.125%;
}

.index-brand-box .brand-prev img,
.index-brand-box .brand-next img{
	width: 100%;
}

.index-brand-box .brand-prev .init,
.index-brand-box .brand-next .init{
	transition: all .3s;
}
.index-brand-box .brand-prev .hover-box,
.index-brand-box .brand-next .hover-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.index-brand-box .brand-prev .hover-box .item,
.index-brand-box .brand-next .hover-box .item{
	display: none;
}
.index-brand-box .brand-prev .hover-box .item img{
	width: 100%;
}
.index-brand-box .brand-prev .txt,
.index-brand-box .brand-next .txt{
	position: absolute;
	top: 50%;
	margin-top: -.3rem;
	font-size: .5rem;
	line-height: .6rem;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	/* opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s; */
}

.index-brand-box .brand-prev .txt{
	left: 100%;
	padding-left: .5rem;
}
.index-brand-box .brand-next .txt{
	right: 100%;
	padding-right: .5rem;
}
.index-brand-box .brand-prev .txt .o,
.index-brand-box .brand-next .txt .o{
	display: inline-block;
	*display: inline;
	zoom: 1;
	transform: translateY(100%);
	opacity: 0;
	transition: transform .2s;
}

.index-brand-box .brand-svg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.index-brand-box .brand-svg>rect{
	-webkit-mask: url(#brand-mask);
	mask: url(#brand-mask);
	fill: #995a00;
}
.index-brand-box .brand-list{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.index-brand-box .brand-list .item{
	float: left;
	width: 33.33%;
	padding: 0 5%;
	height: 100vh;
	position: relative;
	text-align: center;
}

.index-brand-box .brand-list .text-box{
	position: absolute;
	left: 0;
	top: 40%;
	padding: 0 10%;
	transform: translateY(-50%);
	width: 100%;
	transition: transform .3s;
}

.index-brand-box .brand-list .brand-logo{
	width: 3.525rem;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.index-brand-box .brand-list .brand-logo img{
	width: 100%;
	transition: all .3s;
}
.index-brand-box .brand-list .brand-logo .hover{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.index-brand-box .brand-list .tit{
	font-size: 1.25rem;
	line-height: 1.3rem;
	color: #fff;
	margin-top: 1rem;
	overflow: hidden;
	transition: all .3s;
}
.index-brand-box .brand-list .more-box{
	margin: 2rem auto 0;
	width: 4.5rem;
	position: relative;
	overflow: hidden;
}
.index-brand-box .brand-list .more-box .init{
	font-size: .4rem;
	color: #fd6d89;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.15rem;
	line-height: 1.15rem;
}

.index-brand-box .brand-list .item:nth-child(2) .more-box .index-more{
	background-color: #79caea;
}
.index-brand-box .brand-list .item:nth-child(2) .more-box .index-more:before{
	background-color: #44a8cf;
}
.index-brand-box .brand-list .item:nth-child(3) .more-box .index-more{
	background-color: #02695e;
}
.index-brand-box .brand-list .item:nth-child(3) .more-box .index-more:before{
	background-color: #014c44;
}
.index-brand-box .brand-list .more-box .index-more{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.index-brand-box .brand-list .item.hover .more-box .index-more{
	opacity: 1;
	filter: alpha(opacity=100);
}
.index-brand-box .brand-list .item.hover .text-box{
	transform: translateY(-60%);
}
.index-brand-box .brand-list .item.hover .brand-logo .init{
	opacity: 0;
	filter: alpha(opacity=0);
}
.index-brand-box .brand-list .item.hover .brand-logo .hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.index-brand-box .brand-list .item.hover .text-box .tit{
	color: #333;
}
.index-brand-box .index-brand-tit{
	font-size: 1.25rem;
	line-height: 1.3rem;
	color: #fff;
	position: absolute;
	left: 0;
	top: 18.5%;
	width: 100%;
	text-align: center;
	z-index: 3;
	transition: opacity 1s;
}
.index-brand-box .index-brand-tit.on{
	opacity: 0;
	filter: alpha(opacity=0);
}

.index-brand-box .click-area{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	cursor: pointer;
}

.index-brand-box .bimg-tab .xpp-slide .text-box .type-tit{
	color: #d10a30;
}
.index-brand-box .bimg-tab .meco-slide .text-box .type-tit{
	color: #45b7e6;
}
.index-brand-box .bimg-tab .meco-slide .text-box .index-more{
	background-color:#45b7e6;
}
.index-brand-box .bimg-tab .meco-slide .text-box .index-more:before{
	background-color:#23a9e0;
}


.index-brand-box .bimg-tab .lan-slide .text-box .type-tit{
	color: #02695e;
}
.index-brand-box .bimg-tab .lan-slide .text-box .index-more{
	background-color:#02695e;
}
.index-brand-box .bimg-tab .lan-slide .text-box .index-more:before{
	background-color:#014c44;
}

.brand-list .item.hover .fushi{
    opacity: 1;
    right: 30px; bottom:10px;
}

/*.brand-list .item.hover{*/
/*    z-index: 100;*/
/*}*/
/*.brand-list .item .brand-img img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
/*.brand-list .item.hover .brand-img img{*/
/*    display: none;*/
/*}*/