/***** Header *****/
header{position: fixed;width: 100%;z-index: 1000;background: #0000007a;/* line-height: 1rem; */height: .8rem;line-height: .8rem;}
header .left{float:left;width: 90%;}
header .left .logo{display: inline-block;vertical-align: middle;}
header .left .nav{display: inline-block;vertical-align: middle;padding-left: .5rem;white-space: nowrap;height: .8rem;/* line-height: .7rem !important; */text-align: right;width: 80%;}
header .left .nav dl{display: inline-block;padding: 0 .35rem;vertical-align: top;/* line-height: .7rem; */}
header .left .nav dl dt a {color: #fff;font-size: .18rem;line-height: .8rem;text-transform: uppercase;}
header .left .nav dl dt a.on,header .left .nav dl dt a:hover{color: #db251c;}
header .left .nav dl dd {display: none;position: absolute;left: 0;width: 100%;top: 100%;text-align: center;background: #fff;padding: .2rem 0;font-size: 0;transition: none;}
header .left .nav dl dd a{color:#2e303f;font-size:.14rem;display:inline-block;margin:0 .35rem}
header .left .nav dl dd a:hover{color:#0af;}
header .right{float:right;width: 23%;font-size: .16rem;color: #fff;}
header .right>div{display:table-cell;vertical-align: middle;position: relative;}
header .right .tel{padding: 0 .6rem;}

header .box{position:absolute;right:0;top:0;height:100%;font-size: 0;}
header .box>div{height:inherit;line-height:inherit;width: 1rem;display: inline-block;font-size: .16rem;text-align: center;position: relative;vertical-align: top;}
header .box .lang{background: #00aaff;vertical-align: top;}
header .box .lang dl{display:inline-block;vertical-align:middle;}
header .box .lang dt a{color:#fff;}
header .box .lang dt a i{margin-left:.04rem;}
header .box .lang dd{position:absolute;top:100%;left:0;width:100%;padding:.15rem;background: #0172aa;display: none;transition:none;text-align: left;}
header .box .lang dd a{color:#fff;font-size:.14rem;line-height:1.6}
header .box .search a{display:block;width:100%;height:inherit;line-height:inherit;background:#2872ac;color:#fff;font-size:.18rem}
/***** Header End *****/
@keyframes changes {
	form{
		bottom:.3rem
	}to{
		bottom:.6rem;
	}
}
.tem_banner.index:after {content:'';width:.22rem;height:.32rem;background:url(../images/icon0.png) 0 0 no-repeat;background-size:.22rem .32rem;position:absolute;bottom:.3rem;left:50%;transform:translateX(-50%);z-index:1;animation: changes .8s .3s linear infinite alternate;}
.scode-2 .tem_banner{/* display:none; */}
.tem_banner{position:relative;width:100%;/* padding-top: 1rem; */}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: left;color: #fff;}
.tem_banner.index .txt .pd{display:inline-block;text-align:left;max-width: 4.95rem;}
.tem_banner.index .txt .logo{font-size:0;margin-bottom: .35rem;}
.tem_banner.index .txt .logo .img{display:inline-block;width:2.17rem;opacity:0;transition:none;transform:translateY(30px);}
.tem_banner.index .txt .title {/* width: 60%; */}
.tem_banner.index .txt .title>*{/* text-shadow: 1px 1px 5px #000; */}
.tem_banner.index .txt .title h2{font-family: fangsong;color:#fff;font-weight: bolder;width: 60%;display: block;margin-bottom: .5rem;line-height: 1.4;font-size: .6rem;opacity: 0;transform: translateY(50px);transition: 1s;text-transform: uppercase;font-style: italic;}
.tem_banner.index .txt .title p{font-size: .2rem;width: 25%;color: #ffffffcf;opacity: 0;transform: translateY(50px);transition: 1s;}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}

.tem_banner.index .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: .8rem!important;/* left:0; *//* text-align: center; */font-size:0;width:100%;width: 10%;right: 0%;margin:0;}
.tem_banner.index .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}

.tem_banner.indise .flash{font-size:0}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 30%;left:0;width:100%;text-align: left;color: #fff;}
.tem_banner.indise .txt h2{font-size: .45rem;color: #fff;display:inline-block;margin-bottom: .1rem;font-weight: bold;}
.tem_banner.indise .txt p{font-size: .18rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;font-family: 'DIN';width: 4rem;padding-top: .2rem;}

.index_faq{width:100%;padding: 1.2rem 0;background: url(../images/faq_bj.jpg) no-repeat;}
.index_faq .left{float:left;color: #fff;width: 25%;}
.index_faq .left .title{margin-bottom: 1.3rem;}
.index_faq .left .title h2{color:#ccc;font-size:.24rem;display: block;margin-bottom: .15rem;}
.index_faq .left .title p{font-size:.18rem;color:#ccc;display: block;width: 80%;line-height: 1.6;}
.index_faq .left .list{width:100%}
.index_faq .left .list li{margin-bottom: .5rem;cursor: pointer;} 
.index_faq .left .list li a {width:100%;position:relative;padding-right: .2rem;}
.index_faq .left .list li a::after{position:absolute;content:'';right: 0;top: 0;background: url(../images/faq_jt.png) no-repeat center;width: .13rem;height: 100%;opacity: 0;background-size: 100%;}
.index_faq .left .list li.flex-active a::after{opacity:1}

.index_faq .left .list li a h2{color:#546580;font-size:.36rem;display: block;margin-bottom: .1rem;}
.index_faq .left .list li a p{font-size:.16rem;color:#546580;}
.index_faq .left .list li.flex-active a h2{color:#fff;}
.index_faq .left .list li.flex-active a p{color:#fff;}
.index_faq .right{float:right;width: 63%;}
.index_faq .right .item li{float:left;width: 50%;}
.index_faq .right .item li a{position:relative}
.index_faq .right .item li a .txt{position:absolute;bottom: .3rem;left: .4rem;}
.index_faq .right .item li a .txt h2{color:#fff;font-size:.2rem;}
.index_faq .right .item.i1 li:last-child {width: 100%;}

.index_scene{padding: .7rem .2rem;}
.index_footbb{position:relative;margin:.6rem 0}
.index_footbb .left{float:left;position: relative;z-index: 1;width: 49.7%;box-shadow: 1px 1px 10px #555;}
.index_footbb .left .txt{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;padding:0 .3rem;}
.index_footbb .left .txt h2{font-size: .36rem;color: #fff;font-weight: bold;letter-spacing: .05rem;text-shadow:1px 1px 3px #000}
.index_footbb .left .txt p{font-size: .16rem;color: #fff;display: block;margin: .2rem 0;text-shadow:1px 1px 3px #000}
.index_footbb .right{position:absolute;right:0;top: -14.8%;width: 55%;box-shadow: 1px 1px 10px #555;}

.index_news{padding:.5rem 0}
.index_news .title{text-align:center;margin-bottom:.45rem;}
.index_news .title h2{font-size:.36rem;color:#49525c;display:block;margin-bottom:.05rem;}
.index_news .title p{font-size: .16rem;color:#49525c;text-transform:uppercase;}
.index_news ol{margin-bottom:.45rem;}
.index_news ol li{float:left;margin-right:.18rem;width: 1.45rem;line-height: .45rem;background: #f6f8fc;text-align: center;border-radius: .05rem;}
.index_news ol li a{font-size: .16rem;color: #414d59;display: inline-block;vertical-align: top;padding-left: 0;position: relative;}
.index_news ol li.flex-active,.index_news ol li:hover{background:#002a68;}
.index_news ol li.flex-active a,.index_news ol li:hover a{color:#fff;}
.index_news ol li a::after {position: absolute;content: '';left: 0;top: 0;height: 100%;background: url(../images/news_icon.png) no-repeat left center;width: .24rem;opacity: 0;background-size: .24rem;}
.index_news ol li.flex-active a::after,.index_news ol li a:hover::after {opacity:1}
.index_news ol li.flex-active a,.index_news ol li a:hover {padding-left: .31rem;}
.index_news .list{width:100%}
.index_news .list ul{padding:.05rem}
.index_news .list li{float:left;width:33.33%;padding: 0 .21rem;}
.index_news .list li a{background:#fff;border-radius:.15rem;box-shadow:1px 1px .05rem #a2a2a2;overflow: hidden;}
.index_news .list li a:hover img{transform:scale(1.1)}
.index_news .list li a .txt{padding:.2rem;}
.index_news .list li a .txt>* {display: table-cell;vertical-align: middle;}
.index_news .list li a .txt .time{white-space:nowrap;padding-right:.2rem;}
.index_news .list li a .txt .titles{font-size:.16rem;color:#696b6c;line-height:1.6}
.index_news .list li a:hover .txt .titles{color:#0af;}

.index_contact{background:url(../images/index_contact_bj.png) no-repeat center bottom;background-size:cover;padding:1rem 0}
.index_contact .left{float:left;width:50%;text-align: center;padding: 0 .3rem;}
.index_contact .right{float:left;width:50%;padding: .5rem .3rem 0;}
.index_contact .right h2{font-size:.36rem;color:#49525c}
.index_contact .right p{font-size:.16rem;color:#868889;display: block;margin: .2rem 0 .5rem;}
.index_contact .right a{display:inline-block;background:#002a68;width:1.8rem;height:.5rem;line-height:.5rem;color:#fff;text-align:center;border-radius:.08rem}
.index_contact .right a:hover{background:#0af;}
/*** page web ***/
.page_web{width:100%;background: #edf1f7;}
.page_head{padding-top: .5rem;text-align: left;}
.page_head .nav li{float:left;margin-right:.18rem;width: 1.45rem;line-height: .45rem;background: #fff;text-align: center;border-radius: .05rem;}
.page_head .nav li a{font-size: .16rem;color: #414d59;display: inline-block;vertical-align: top;padding-left: 0;position: relative;}
.page_head .nav li.on,.page_head .nav li:hover{background:#002a68;}
.page_head .nav li.on a,.page_head .nav li:hover a{color:#fff;}
.page_head .nav li a::after {position: absolute;content: '';left: 0;top: 0;height: 100%;background: url(../images/news_icon.png) no-repeat left center;width: .24rem;opacity: 0;background-size: .24rem;}
.page_head .nav li.on a::after,.page_head .nav li a:hover::after {opacity:1}
.page_head .nav li.on a,.page_head .nav li a:hover {padding-left: .31rem;}


/***** Page-Service *****/
.page_service{width:100%}
.consulting{width:100%;padding:.5rem 0;}
.consulting .title{text-align:center;font-size: .36rem;color: #0a2449;}
.consulting .title i{}
.consulting .imgs{text-align:center;margin-bottom: .4rem;}
.consulting .list{width:100%}
.consulting .list li{padding:0}
.consulting .list li .img{position:relative;overflow: initial;}
.consulting .list li .img span{overflow:hidden;display:block;}
.consulting .list li:hover .img span img{transition:1s;transform:scale(1.1)}
.consulting .list li .img i{transition:1s;position:absolute;width: 1.34rem;height: 1.34rem;left: 50%;bottom: -.3rem;margin-left: -.67rem;border-radius: 100%;box-shadow: 1px 1px 3px #000;}
.consulting .list li p{display:block;margin-top:.4rem;text-align:center;font-size:.16rem;color:#49525c}
.consulting .list li:hover .img i{bottom:50%;margin-bottom:-.67rem;transition:1s;}
.consulting .list li:hover p{color:#0af;}

.store{width:100%;padding:.6rem 0 1.2rem;background:#f0f5f9;}
.store .title{margin-bottom:.45rem;text-align:center}
.store .title h2{font-size:.36rem;color:#0a2449;display:block;margin-bottom:.2rem;}
.store .title p{font-size:.2rem;color:#49525c}
.store .list{width:100%;position:relative;padding-top: 1rem;}
.store .list .img{padding-top: .6rem;}
.store .list .img .bj{position:relative;z-index:1;width: 5.72rem;display: inline-block;}
.store .list .img .oval {position: absolute;width: 8.35rem;left: 50%;margin-left: -4.175rem;top: 0;}
.store .list ul{position:absolute;top:0;width: 12rem;height:100%;z-index: 1;left: 50%;margin-left: -6rem;overflow: inherit;}
.store .list ul li{position:absolute;width: 3rem;}
.store .list ul li h2{font-size:.2rem;color:#0d44b1;font-weight:bold;display: block;margin-bottom: .1rem;}
.store .list ul li p{font-size:.16rem;color:#5f5f5e;}
.store .list ul li.li1{left: -.5rem;bottom: 1rem;text-align: right;}
.store .list ul li.li2{left: -1.5rem;top: 1.6rem;text-align: right;}
.store .list ul li.li3{left: .5rem;top: .4rem;text-align: right;}
.store .list ul li.li4{left:50%;top:0;margin-left: -1rem;}
.store .list ul li.li5{right: .5rem;top: .4rem;text-align: left;}
.store .list ul li.li6{right: -1.5rem;top: 1.6rem;text-align: left;}
.store .list ul li.li7{right: -.5rem;bottom: 1rem;text-align: left;}
.store .item{width:100%;margin-top:.7rem}
.store .item ol{text-align:center;}
.store .item ol li{text-align:center;display:inline-block;vertical-align:top;margin:0 .3rem;width: 1.6rem;line-height: .65rem;color: #fff;font-size: .18rem;border-radius: .06rem;}
.store .item ol li.li0{background:#878ad1}
.store .item ol li.li1{background:#fad260}
.store .item ol li.li2{background:#f47264}
.store .item ol li.li3{background:#f49464}
.store .item ol li.li4{background:#66ccff}

.footbb{padding:.6rem 0;}
.footbb .title{text-align:center;}
.footbb .title h2{font-size:.36rem;color:#0a2449;display:block;margin-bottom:.2rem;}
.footbb .con{width:100%;margin: .45rem 0;}
.footbb .con ul{width:100%}
.footbb .con li{display:table-cell;vertical-align:middle;width:33.33%;}
.footbb .con li:first-child{text-align:right;padding-right:.3rem}
.footbb .con li:last-child{text-align:left;padding-left:.3rem}
.footbb .con li h2{font-size:.24rem;color:#0a2449;display:block;margin-bottom: .15rem;}
.footbb .con li p{font-size:.16rem;color:#49525c;line-height: 1.9;}
.footbb .list{width:100%}
.footbb .list li{padding: 0 .15rem;}
.footbb .list li a:hover img{transform:scale(1.1)}
.footbb .list li p{font-size:.16rem;color:#0a2449;text-align:center;display:block;margin: .2rem 0;}
.footbb .list li a:hover p{color:#0af;}

.makeup{padding: .8rem 0 1.1rem;background: url(../images/makeup_bj.jpg) no-repeat center;background-size: cover;}
.makeup .title{text-align:center;}
.makeup .title h2{font-size:.36rem;color:#0a2449;display: block;margin-bottom: .55rem;}
.makeup .list{width:100%}
.makeup .list>div{/* float: left; */display: table-cell;vertical-align: top;}
.makeup .list .left{width: 31.5%;padding-right: .25rem;}
.makeup .list .left .item{background:#fff;margin-bottom:.16rem;padding: 0 .2rem;line-height:.93rem;font-size: 0;cursor:pointer;}
.makeup .list .left .item.flex-active{background:#0a2449;}
.makeup .list .left .item.flex-active h2{color:#fff;}
.makeup .list .left .item.flex-active p{color:#fff}
.makeup .list .left .item:last-child {margin: 0;}
.makeup .list .left .item>*{display: inline-block;vertical-align:middle;}
.makeup .list .left .item h2{line-height:inherit;font-size: .24rem;color: #0a2449;font-weight: bold;width: 30%;white-space: nowrap;}
.makeup .list .left .item p{font-size:.14rem;color:#656565;width: 70%;line-height: 1.5;padding-left: .1rem;}
.makeup .list .min{width: 43%;padding: .3rem .15rem;background: #fff;overflow: hidden;}
.makeup .list .min .img h2 {position: absolute;left: .5rem;bottom: .5rem;color: #fff;font-weight: bold;font-size: .24rem;}
.makeup .list .min  p{color:#7a7a7a;font-size:.14rem;display: block;padding: .3rem .2rem 0;}
.makeup .list .right{width: 25.5%;padding-left: .25rem;}

/***** solution *****/
.page_solution{padding-top:1rem;}
.solution{padding: .9rem 0;background: url(../images/solution_bj.jpg) no-repeat;background-size: cover;}
.solution .top{margin-bottom: .5rem;}
.solution .top .left{float:left;width: 56%;padding-right: .5rem;padding-top: .5rem;}
.solution .top .left .title1>*{color:#fff;}
.solution .top .left .title1 h2{font-size:.46rem;display:block;margin-bottom:.1rem;}
.solution .top .left .title1 p{font-size:.16rem;}
.solution .top .left .title2{position: relative;margin:1rem 0 .55rem;padding-top: .5rem;}
.solution .top .left .title2 h2{font-size:.36rem;color:#fff;position: relative;z-index: 1;}
.solution .top .left .title2 p{font-size:.48rem;color:#223757;font-weight:bold;text-transform:uppercase;font-family:'DIN';letter-spacing:-2px;position: absolute;top: 0;left: 0;white-space: nowrap;}
.solution .top .left .title3>*{color:#fff;}
.solution .top .left .title3 h2{font-size:.36rem;display:block;margin-bottom:.1rem;}
.solution .top .left .title3 p{font-size:.16rem;}
.solution .top .right{float:right;text-align: right;width: 44%;}
.solution .bot{width: 100%;}
.solution .bot .item{width:33.33%;float:left;background: #0b3663;padding: .25rem;text-align: center;color: #fff;background-size:cover;background-repeat:no-repeat;}
.solution .bot .item:hover,.solution .bot .item.on{background-image:url(../images/icon-111.png)}
.solution .bot .item h2{font-size:.24rem;color:#0471dd;}
.solution .bot .item p{font-size:.16rem;color:#0471dd;display:block;margin: .15rem 0 .2rem;}
.solution .bot .item span{display:inline-block;width:1rem;height:.6rem;line-height:.6rem;background:url(../images/icon-1.png) no-repeat;background-size:100%;background-repeat:no-repeat;}
.solution .bot .item:hover span,.solution .bot .item.on span{background-image:url(../images/icon-11.png)}
.solution .bot .item span i {display: inline-block;width: .3rem;height:.3rem;vertical-align: middle;background-size:.3rem;background-repeat:no-repeat;}
.solution .bot .item.i1 span i{background-image:url(../images/icon-2.png)}
.solution .bot .item.i2 span i{background-image:url(../images/icon-3.png)}
.solution .bot .item.i3 span i{background-image:url(../images/icon-4.png)}
.solution .bot .item.i1:hover span i,.solution .bot .item.i1.on span i{background-image:url(../images/icon-22.png)}
.solution .bot .item.i2:hover span i,.solution .bot .item.i2.on span i{background-image:url(../images/icon-33.png)}
.solution .bot .item.i3:hover span i,.solution .bot .item.i3.on span i{background-image:url(../images/icon-44.png)}
/***** end solution *****/

/***** page_shoes *****/
.page_shoes{padding:.8rem 0 1.2rem}
.page_shoes .title{text-align:center;position:relative;padding-top: .5rem;}
.page_shoes .title h2{font-size:.36rem;color:#0a2449}
.page_shoes .title p{color:#d3d5da;font-size:.48rem;font-weight:bold;text-transform:uppercase;letter-spacing:-1px;font-family:'DIN';position:absolute;width:100%;text-align:center;top: 0;left: 0;}
.page_shoes .list{width:100%;}
.page_shoes .list .item{margin-top:.6rem;}
.page_shoes .list .item>div{float:left;width:50%;text-align:center;}
.page_shoes .list .item.i2 .img{float:right;}
.page_shoes .list .item .txt {padding:1rem .5rem 0;text-align:left;}
.page_shoes .list .item .txt h2{font-size:.48rem;color:#49525c}
.page_shoes .list .item .txt p{font-size:.18rem;color:#49525c;display: block;margin: .3rem 0;}
.page_shoes .list .item .txt a{display:inline-block;padding:.15rem .3rem;background:#0a2449;border-radius:.1rem;color:#fff;}
.page_shoes .list .item .txt a:hover {background: #00aaff;}
.page_shoes .list .item .txt a i{display:inline-block;background:url(../images/zixun.png) no-repeat;background-size:.24rem;width:.24rem;height:.24rem;vertical-align:middle;margin-right:.03rem}
/***** end shoes *****/

/***** make_up *****/
.page_make_up{padding: .7rem 0 1.5rem;}
.page_make_up .title{text-align:center;position:relative;padding-top: .5rem;margin-bottom: 7rem;}
.page_make_up .title h2{font-size:.36rem;color:#fff}
.page_make_up .title p{color:#70748c;font-size:.48rem;font-weight:bold;text-transform:uppercase;letter-spacing:-1px;font-family:'DIN';position:absolute;width:100%;text-align:center;top: 0;left: 0;}
.page_make_up ul{width:100%}
.page_make_up ul li{margin-bottom: .3rem;}
.page_make_up ul li a{background:#fff;padding: .3rem  .2rem .3rem .1rem;font-size:0;box-shadow: 1px 1px 10px #d1d1d1;}
.page_make_up ul li a>div{display: table-cell;vertical-align:middle;}
.page_make_up ul li a .tb{background: url(../images/icon-product.jpg);width: 1.1rem;height: 1.1rem;background-size: 100%;}
.page_make_up ul li a .txt{padding-left: .1rem;}
.page_make_up ul li a .txt h2{font-size:.24rem;color:#162055;display: block;margin-bottom: .15rem;}
.page_make_up ul li a .txt p{font-size:.16rem;color:#7c7c7c;line-height: 1.5;}
/***** end make_up *****/

.page_support{padding: .7rem 0 2.5rem;background:url(../images/support_bj.jpg) no-repeat;background-size:100%;}
.page_support .support{margin-bottom: 2rem;}
.page_support .support .title{text-align:center;font-size:.46rem;color:#2e303f;margin-bottom:.5rem;}
.page_support .support .list{width:100%}
.page_support .support .list>div{display: table-cell;vertical-align: middle;}
.page_support .support .list .left{width:30%;text-align:right;}
.page_support .support .list .min{width:40%;padding: 0 .3rem;}
.page_support .support .list .right{width:30%;text-align:left;}
.page_support .support .list ul li{margin-bottom:.7rem;font-size: 0;padding: .08rem;}
.page_support .support .list ul li:last-child{margin-bottom:0}
.page_support .support .list ul li span{width:.82rem;height:.82rem;border-radius:100%;background:#fff;display:inline-block;background-image: url(../images/icon_1.jpg);background-repeat: no-repeat;background-size: .32rem;background-position: center;box-shadow: 1px 1px 8px #555;}
.page_support .support .list ul li h2{font-size:.2rem;color:#424243;display: block;margin-bottom: .1rem;margin-top: .3rem;}
.page_support .support .list ul li p{font-size:.14rem;color:#585858;line-height:1.8}
.page_support .content{width:100%}
.page_support .content .title{text-align:center;font-size:.46rem;color:#2e303f;margin-bottom:.5rem;}
.page_support .content .list{width:100%}
.page_support .content .list ul{padding:5px;}
.page_support .content .list ul li{margin-bottom:.45rem;padding:0 .2rem}
.page_support .content .list a{padding:.1rem .1rem .5rem;background:#fff;box-shadow: 1px 1px 8px #bebebe;}
.page_support .content .list a h2{font-size:.2rem;color:#424243;display:block;padding-top:.3rem;margin-bottom:.2rem;}
.page_support .content .list a p{font-size:.14rem;color:#585858;line-height:1.7;height: .7rem;}
.page_support .content .list a:hover{background:#0af;}
.page_support .content .list a:hover h2{color:#fff}
.page_support .content .list a:hover p{color:#fff;}
.page_support .content .list a:hover img{transform:scale(1.1)}

.page_about{padding-top: .7rem;}
.page_profile{width:100%;/* margin-bottom: 1rem; *//* padding-bottom: .5rem; */}



.page_vision::after{position:absolute;content:'';width: 41.8585%;height:1.16rem;background:#002a68;right:0;top:-1.16rem;}
.page_vision .txt{/* position:absolute; *//* right:0; *//* top:0; *//* background: url(../images/vision_bj1.jpg) no-repeat center bottom; *//* height: 100%; *//* width: 41.8585%; *//* background-size: cover; *//* text-align: center; *//* padding: 0 .8rem; */color: #333;font-size: .16rem;}
.page_vision .txt h2 {font-size: .24rem;color: #fff;display:block;margin-bottom:.7rem;}
.page_vision .txt p {font-size: .16rem;color: #6f6c6c;line-height: .25rem;}
.page_vision .list{width:100%}
.page_vision .list .item{margin-bottom: .25rem;font-size: 0;}
.page_vision .list .item>* {display: inline-block;vertical-align: middle;}
.page_vision .list .item .tb {width: 1.33rem;height: 1.33rem;line-height: 1.33rem;text-align: center;position: relative;}
.page_vision .list .item .tb::after {transition:.36s;position: absolute;content: '';left: 0;top: 0;border-radius: 100%;background: rgb(255 255 255 / 30%);width: 100%;height: 100%;}
.page_vision .list .item .tb::before{transition:.36s;position:absolute;content:'';left:50%;top:50%;border-radius:100%;background:#fff;width:1rem;height:1rem;margin-left:-.5rem;margin-top:-.5rem}
.page_vision .list .item .tb p{font-size:.48rem;color:#0af;font-family:DIN;font-weight:700;position:relative;z-index:1;letter-spacing:-4px}
.page_vision .list .item:hover .tb::after {background:rgb(0 170 255 / 30%);transition:.36s}
.page_vision .list .item:hover .tb::before{background:#0af;transition:.36s}
.page_vision .list .item:hover .tb p{color:#fff}
.page_vision .list .item .title{font-size:.24rem;color:#fff;margin-left:.2rem}
.page_vision .list .item:last-child{margin-bottom:0}

.page_team{padding:.7rem 0}
.page_team .title{text-align:center;margin-bottom: .45rem;font-size: .36rem;color: #2e303f;}
.page_team .list{width:100%}
.page_team .list a{display:block;padding:0 .1rem;text-align:center;font-size:0}
.page_team .list .img{border-radius:100%;display:inline-block;}
.page_team .list a h2{font-size:.16rem;color:#333333;font-weight:bold;display:block;margin: .15rem 0;}
.page_team .list a p{font-size: .16rem;color: #333333;line-height: 1.7;}
.page_team .list .paginations{font-size:0;text-align:center;margin:.5rem 0}
.page_team .list .paginations span{opacity:1;width: .1rem;height: .1rem;margin: 0 .02rem;background: #0af;}
.page_team .list .paginations span.swiper-pagination-bullet-active {background:#0b3453}

.page_position{position:relative;top:-1.4rem;}

.page_news{width:100%;padding-bottom: .3rem;}
.page_news ul{padding:.1rem 0}
.page_news li{padding:0 .22rem;margin-top: .5rem;}
.page_news li a{background:#fff;border-radius:.1rem;overflow:hidden;box-shadow: 1px 1px .1rem #b6b6b6;}
.page_news li a .bot{padding:.25rem .1rem .35rem}
.page_news li a .bot>div{display:table-cell;vertical-align:top}
.page_news li a .bot .time{padding-right:.1rem;text-align:center;}
.page_news li a .bot .time>*{white-space:nowrap}
.page_news li a .bot .time span{font-size:.14rem;color:#696b6c;display: block;margin-bottom: .05rem;}
.page_news li a .bot .time p{font-size:.2rem;color:#002a68}
.page_news li a .bot .txt{width:100%}
.page_news li a .bot .txt h2{font-size:.18rem;color:#292929;line-height:1.6;margin-bottom: .1rem;}
.page_news li a .bot .txt p{font-size: .16rem;color: #6a6a6a;line-height: 1.8;}
.page_news li a:hover img{transform:scale(1.1)}
.page_news li a:hover {background:#0af;}
.page_news li a:hover .time span,.page_news li a:hover .time p,.page_news li a:hover .txt h2,.page_news li a:hover .txt p{color:#fff;}

.show_news {padding: .7rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}


.page_contact{width:100%;background: #f8f8f8;padding: .8rem 0;}
.page_contact .contact{width:100%;margin-bottom: .5rem;}
.page_contact .contact .title{text-align:center;font-size:.48rem;color:#2e303f;}
.page_contact .contact .list{width:100%;margin: .5rem 0;}
.page_contact .contact .list>div>div{display:table-cell;vertical-align:middle;}
.page_contact .contact .list .tb{width:1.05rem;height:1.05rem;background:#30a8e8;border-radius:100%;text-align:center;color:#fff;font-size:.35rem}
.page_contact .contact .list .txt{padding: 0 .2rem;}
.page_contact .contact .list .txt h2{font-size:.18rem;color:#30a8e8;display:block;margin-bottom:.05rem}
.page_contact .contact .list .txt p{font-size:.16rem;color:#2e303f}
.page_contact .contact .map{border-radius: .15rem;border: 1px solid #ddd;overflow: hidden;box-shadow: 1px 1px 5px #a4a4a4;}
.page_contact .message{width:100%;/* border-radius: .15rem; *//* overflow: hidden; *//* box-shadow: 1px 1px 5px #a4a4a4; */background: #fff;margin-top: .06rem;padding-left: .8rem;padding-bottom: 2.5rem;}
.page_contact .message>div{display:table-cell;vertical-align:top;}
.page_contact .message .left{width: 34.7%;background:#fff;padding: .6rem .5rem 0;}
.page_contact .message .left h2 {font-size:.48rem;color:#2e303f;display:block;margin-bottom:.3rem;}
.page_contact .message .left form{display:block;}
.page_contact .message .left form>* {margin-bottom: .3rem;}
.page_contact .message .left input{display:block;width:100%;border: 1px solid #dcdcdc;line-height: .53rem;padding: 0 .1rem;}
.page_contact .message .left textarea{display:block;width:100%;border: 1px solid #dcdcdc;height:1.9rem;padding:.1rem}
.page_contact .message .left .button {text-align: left;}
.page_contact .message .left .button button{width:2rem;height:.55rem;border:none;background:#093982;color:#fff;outline:0}
.page_contact .message .right{width:68%}
footer{width:100%;background: #fff;padding: .5rem 0 .4rem;border-top: 1px solid #ccc;}
footer .nav{width: 100%;margin-bottom: .4rem;}
footer .nav dl{float:left;width: 16.66%;padding-right: .2rem;}
footer .nav dl dt{margin-bottom:.1rem;font-size:.18rem;color:#ffffff;font-weight: bold;}
footer .nav dl dd a{color:#fff;font-size:.14rem;line-height: 2.2;}
footer .nav dl dd a:hover {color: #0af;}
.copy,.copy *{color: #fff;font-size: .14rem;vertical-align:top;text-align: center;}
.copy a{margin-left:.2rem;display: inline-block;}
.copy a:hover{color:#0af}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #555;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #1163b2;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #1163b2;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #1163b2;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #1e1915;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title{font-size:.36rem;}
    .tem_banner.index .mould{max-width:40%}
	.tem_banner.index .txt .logo .img{width:1rem}
	.tem_banner.index .txt .title h2{font-size:.3rem;margin-bottom: .2rem !important;}
	.tem_banner.index .txt .title p{font-size:.26rem;}
	.tem_banner.index .txt .title span{font-size:.16rem;}
	.tem_banner.index .slide-pagination{display:none;}
	.index_faq>div>div{float:initial !important;width: 100% !important;}
	.index_faq .left .title{text-align:center;}
	.index_faq .left .title p{width:100%}
	.index_faq .left .list{padding:0 .5rem}
	.index_footbb>div{float:initial !important;width:100% !important}
    .index_footbb .right{display:none}
    .index_contact>div>div{float:initial !important;width:100% !important}
    .store .item ol li{margin-bottom:.2rem;}
    .makeup .list>div{width: 100% !important;display: block  !important;padding: 0  !important;}
    .makeup .list .right{display:none !important}
    .makeup .list .left{margin-bottom: .2rem;}

}

/********mobile*********/
@media(max-width:767px){
	footer .right{width:100% !important;display:block !important;padding-top: .2rem;}
	footer .center{width:100% !important;display:block !important;padding-top: .3rem;}
	footer .left{display:block !important;width: 100% !important;}
	#showproduct .mbx{display:none}
	.page_prolist .mbx{display:none}
	.page_prolist .list li{width:32% !important}
	.page_prolist .main .nav li a{padding-bottom:.08rem}
	.page_prolist .main .nav li{/* display:block !important; */width: 50% !important;margin-top: .2rem;/* height: auto !important; */}
	.page_industry .list .img {
    width:auto !important;
}

.page_industry .list .box {
    width:auto !important;
}
	.page_company .list .more{
    padding-bottom: .5rem;
}
	.page_company .list .more p{width:auto !important;height: auto !important;margin-left: 10% !important;}
	.page_contact .message .content textarea{
    width: 6.5rem !important;
}
	.page_contact .message{padding-left:.2rem}
	.page_contact .message .name {
    display: block !important;
}
.page_contact .message .tel {
    display: block !important;
    margin-left: 0rem !important;
    margin-top: .2rem;
}
	.page_contact .contacts .map{width:100% !important;padding-right: .2rem !important;padding-top: 0rem !important;}
	.page_contact .contacts .left{padding-bottom: .5rem !important;width:100% !important;}
	.page_sofa .bot .left .img1{width:50%}
	.page_sofa .bot .left{width:100% !important;}
	.page_business .bot{padding-bottom:.3rem !important}
	.page_business .img{padding-bottom:.3rem !important}
	.page_business{padding-top:.2rem !important}
	.page_business .top p{
    padding: 0 .5rem .5rem !important;
}
	.page_vision .right .title h2{margin-bottom:.1rem !important}
	.page_vision .left{display:block !important;width:100% !important }
	.page_vision .right{display:block !important;width:100% !important}
	.page_profile .txt{
    padding: .1rem .1rem !important;
}
	.tem_banner.indise .txt p{width:5rem}
	.index_news .list .img{padding-top:.3rem}
	.index_news .list .more{padding-bottom:.5rem}
	.index_news .list .more p{width:2rem !important;height: .5rem !important;}
	.index_news .list .txt{width: 60% !important;}
	.tem_index_about .main .top .right{width:100% !important;padding-left:0rem !important}
	.tem_index_product .top{padding-bottom:.5rem !important}
	.tem_index_product .bot{display:none}
	.tem_index_product .bot .list .item{
    /* width: 32% !important; */
}
	.tem_index_product .bot .list .item .title p{}
	.tem_index_product .bot .list .item .title h2{
    /* font-size: .16rem !important; */
}
	.tem_index_product .bot .list{
    /* top: 0 !important; */
    display: none;
}
	.tem_index_product .top .items{width: 32% !important;padding: 0rem !important;}
	.tem_banner.index .txt .title h2{
    width: 100%;
}
	.tem_banner.index .txt .title p{
    width: 60%;
}
	.index_news .list li{width:100%;margin-bottom:.3rem;}
	footer .nav{display:none}
	.consulting .list li{width:33.33%;float: left;}
	.solution .bot .item{width:100%}
	.page_shoes .list .item>div{width:100%;}
	.page_shoes .list .item .img{display:none;}
	.page_make_up .title{margin-bottom:.8rem;}
	.page_support .support .list>div{display:block;width:100% !important;text-align: left !important;}
	.page_support .support .list .min{display:none;}
	.page_support .support .list ul li:last-child{margin-bottom: .7rem;}
	.page_support{background-size:cover;}
	.page_profile .left{width: 100%;}
	.page_profile .right{display:none;}
	.page_vision .txt{position: relative;height: initial;width: 100%;background: initial;padding: 0 .5rem .2rem .0;}
    .page_vision::after{display:none}
    .page_contact .contact .list>div{margin-bottom:.3rem;}
    .page_contact .message>div{display:block;width: 100% !important;}
}

header .lang .dt dt {
    display: inline-block;
    color: #fff;
    padding-left: .05rem;
}

header .lang .dt {
    display: inline-block;
    vertical-align: middle;
}

header .lang .img {
    display: inline-block;
    vertical-align: middle;
}

header .lang.clearfix {
    /* display: inline-block; */
    /* vertical-align: middle; */
    float: right;
    line-height: .8rem;
    /* margin-right: 1rem; */
    width: 10%;
}
header .lang.clearfix>*{display:inline-block;vertical-align:middle;}
header .lang.clearfix>a{font-size:.2rem;color:#FFF;display:inline-block;margin-right:.15rem}
header .lang dl .dt dt a {
    color: #fff;
}

header .lang dl .dt dt a.on {
    color: #db251c;
}

.page_profile .title {
    text-align: center;
    /* padding: .5rem; */
}
.page_profile .txt {
    text-align: center;
    padding: .5rem 1rem;
    font-size: .16rem;
    color: #6f6c6c;
    padding-bottom: 1rem;
}

.page_profile .title h2 {
    font-size: .34rem;
    font-weight: bold;
    line-height: .5rem;
}

.page_profile .title p {
    font-size: .28rem;
    font-weight: bold;
    line-height: .5rem;
}

.page_vision .left {
    display: inline-block;
    vertical-align:middle;
    width: 50%;
}
.page_vision .right {
    display: inline-block;
    vertical-align:middle;
    width: 35%;
    margin-left: .5rem;
}

.page_vision .right .title h2 {
    font-size: .33rem;
    font-weight: bold;
    font-family: 'FontAwesome';
    line-height: .5rem;
    margin-bottom: .3rem;
}

.page_vision {
    background: #f3f3f3;
}

.page_business {
    padding-top: .5rem;
    /* padding-bottom: .5rem; */
}

.page_business .top p {
    text-align: center;
    /* padding-bottom: .3rem; */
    line-height: .25rem;
    font-size: .16rem;
    padding: 0 1rem .5rem;
}
.page_business .bot p {
    text-align: center;
    /* padding-bottom: .3rem; */
    line-height: .25rem;
    font-size: .16rem;
   
}
.page_business .bot{/* padding-top:.5rem; */padding-bottom: .5rem;}

.page_business .img {
    padding-bottom: .8rem;
}

.page_photos .title h2 {
    font-size: .3rem;
    text-align: center;
    padding-bottom: .3rem;
    font-weight: bold;
    font-family: 'FontAwesome';
}

.page_photos .list .paginations span {
   width:.33rem;height:.33rem;line-height:.33rem;text-align:center;font-size:.14rem;color:#2b2d2f;background:none;border:1px solid #bfbfbf;opacity:1;margin: 0 .04rem;
}
.page_photos .list .swiper-pagination-bullet-active{color: #db251c !important;border: 1px solid #db251c !important;}

.page_photos .list .paginations.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
    padding-bottom: .6rem;
}
.page_company .list .pagination span {
   width:.33rem;height:.33rem;line-height:.33rem;text-align:center;font-size:.14rem;color:#2b2d2f;background:none;border:1px solid #bfbfbf;opacity:1;margin: 0 .04rem;
}
.page_company .list .swiper-pagination-bullet-active{color: #db251c !important;border: 1px solid #db251c !important;}

.page_company.list .pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
    padding-bottom: .6rem;
}

.page_industry .list .pagination span {
   width:.33rem;height:.33rem;line-height:.33rem;text-align:center;font-size:.14rem;color:#2b2d2f;background:none;border:1px solid #bfbfbf;opacity:1;margin: 0 .04rem;
}
.page_industry .list .swiper-pagination-bullet-active{color: #db251c !important;border: 1px solid #db251c !important;}

.page_industry .list .pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
    /* padding-bottom: .6rem; */
    width: 100%;
    padding: .8rem 0 .5rem;
}

.page_photos .list .swiper-container.swiper-container-horizontal {
    padding-bottom: .5rem;
}

.page_company .list .img {
    display: inline-block;
    width: 55%;
    vertical-align: middle;
}

.page_company .list .txt {
    display: inline-block;
    width: 44%;
    vertical-align: middle;
}

.page_company .list .txt h2 {
    font-size: .16rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: .26rem;
}

.page_company .list .more {
    text-align: center;
    padding-top: .3rem;
}

.page_company .list .more p {
    width: 1.2rem;
    height: .35rem;
    border: 1px solid #333;
    margin-left: 30%;
    padding-top: .05rem;
}
.page_company .list .more p:hover{background:#db251c;border:1px solid #fff;color:#fff}

.page_company .list {
    text-align: center;
    /* background: #fff; */
}

.page_company .title h2 {
    text-align: center;
    font-size: .3rem;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding: .55rem 0rem;
}

.page_company .list .pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    padding: .6rem 0;
}

.page_company {
    background: #f8f8f8;
}

.page_company .list .swiper-container.swiper-container-horizontal {
    background: #fff;
}

.page_company .list a:hover{color:#333}

.page_industry .list .time{transform: rotate(270deg);width: .9rem;margin-left: -.3rem;/* position: absolute; */font-size: .14rem;}

h2 {}

.page_industry .list 
 .titles {
    font-size: .24rem;
    padding-left: .4rem;
    padding-top: .2rem;
}

.page_industry .list .txt {
    padding-left: .4rem;
    font-size: .14rem;
    padding-top: .2rem;
    /* color: #333; */
}

.page_industry .list {
    position: relative;
    /* text-align: center; */
}

.pagination.swiper-pagination-clickable.swiper-pagination-bullets {}

.page_industry .list .img {
    width: 4.26rem;
}

.page_industry .list .box {
    width: 4.26rem;
    padding-bottom: .35rem;
}
.page_industry .list .box:hover{border-bottom-right-radius:.2rem;border-bottom-left-radius:.2rem;box-shadow:0 0 .15rem rgba(0,0,0,.3);background-color:#fff;padding:.1rem}

.page_industry .title h2 {
    text-align: center;
    font-size: .3rem;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding: .55rem 0rem;
}


.page_product .w1600 {
    max-width: 17.20rem;
}

.page_sofa .bot .left {
    width: 50%;
    float: left;
    background: #fff;
    /* height: 4.24rem; */
    /* line-height: 4.24rem; */
}
.page_sofa .bot .left .img1{height: 4.24rem;line-height: 4.24rem;display: inline-block;vertical-align: top;}
.page_sofa .bot .right {
    /* display: inline-block; */
    /* width: 49%; */
    float: right;
    /* text-align: center; */
   
}
.page_sofa .bot .right .img2{ height: 4.24rem;
    line-height: 4.24rem;}
.page_sofa .bot {
    /* height: 4.24rem; */
    /* line-height: 4.24rem; */
    margin-top: .5rem;
}

.page_product {
    background: #f6f5f1;
}

.page_sofa .bot .img1 img {
    padding-left: .5rem;
}

.page_sofa .bot .left .txt {
    display: inline-block;
    vertical-align: top;
    padding-left: 1rem;
    padding-top: .5rem;
    position: relative;
}
.page_sofa .bot .left .txt p{
    font-size: .2rem;
    line-height: .5rem;
}
.page_sofa .bot .left .txt::after{position:absolute;content:'';width: .7rem;height: .01rem;background: #333;right: auto;bottom: -10%;}

.page_sofa .top {
    text-align: center;
    background: #fff;
}

.page_sofa .top .title h2 {
    font-size: .6rem;
    font-family: revert;
    line-height: 1.2rem;
    position: relative;
}

.page_sofa .top .title p {
    font-size: .24rem;
    color: #797979;
    padding-bottom: .37rem;
}
.page_sofa .top .title h2::after{position:absolute;content:'';width: 1rem;height: .01rem;background: #797979;left: 47%;bottom: 10%;}

.page_sofabed .main li {
    display: table-cell;
    width: 50%;
}
.page_sofabed .title {
    text-align: center;
    background: #fff;
}

.page_sofabed .title h2 {
    font-size: .6rem;
    font-family: revert;
    line-height: 1.2rem;
    position: relative;
}

.page_sofabed .title p {
    font-size: .24rem;
    color: #797979;
    padding-bottom: .37rem;
}
.page_sofabed .title h2::after{position:absolute;content:'';width: 1rem;height: .01rem;background: #797979;left: 47%;bottom: 10%;}

.page_sofa {
}

.page_sofabed {
    padding-top: .35rem;
}
.page_bedback .title {
    text-align: center;
    background: #fff;
}

.page_bedback .title h2 {
    font-size: .6rem;
    font-family: revert;
    line-height: 1.2rem;
    position: relative;
}

.page_bedback .title p {
    font-size: .24rem;
    color: #797979;
    padding-bottom: .37rem;
}
.page_bedback .title h2::after{position:absolute;content:'';width: 1rem;height: .01rem;background: #797979;left: 47%;bottom: 10%;}

.page_bedback {
    padding-top: .3rem;
}

.page_bedback .img {
    padding-bottom: 2rem;
}

.page_prolist .list li {
    width: 33%;
    display: inline-block;
    padding-bottom: .8rem;
}

.page_prolist .mbx a {
    display: inline-block;
    padding: 0 .05rem;
}

.page_prolist .head .nav li {
    display: inline-block;
    padding-left: .2rem;
}

.page_prolist .mbx {
    float: left;
}

.page_prolist .head .nav {
    float: right;
}

.page_prolist .head.clearfix {background: #e8ebec;line-height: .5rem;}

.page_prolist .list h2.tline.t1 {
    text-align: center;
    padding-top: .5rem;
    font-size: .16rem;
}

.page_prolist .a {}

.page_prolist .main .title h2 {
    text-align: center;
    font-size: .55rem;
    color: #5d5a5a;
    line-height: 1.3rem;
    padding-top: .4rem;
    text-transform: uppercase;
}

.page_prolist .main .nav {
    text-align: center;
    padding-bottom: 1rem;
}

.page_prolist .main .nav li {
    width: 2rem;
    display: inline-block;
    /* padding-left: .3rem; */
    /* height: .4rem; */
    background: #e8ebec;
    margin-left: .3rem;
}

a {}

.page_prolist .main .nav li a {
    /* width: 100%; */
    /* padding-right: .2rem; */
    padding-top: .08rem;
    font-size: .16rem;
    padding-bottom: .08rem;
}

.page_prolist .nav li a {
    text-transform: uppercase;
}

.page_prolist .main .nav li.on {
    background-color: #db251c;
   
}
.page_prolist .main .nav li.on a{ color:#fff}

.page_prolist .main .list .met_pager a {
    background: #fff;
    border: 1px solid;
    border-radius: 100px;
}

.page_prolist .main .list .met_pager a.page-num.page-num-current {
    /* color: #fff; */
    border: 1px solid #db251c;
    color:#db251c
}
#showproduct .mbx a {
    display: inline-block;
    padding: 0 .05rem;
}

#showproduct .head .nav li {
    display: inline-block;
    padding-left: .2rem;
}

#showproduct .mbx {
    float: left;
}

#showproduct .head .nav {
    float: right;
}

#showproduct .head.clearfix {background: #e8ebec;line-height: .5rem;}


.page_contact .contacts .left {
    float: left;
    padding-left: .6rem;
    padding-top: .8rem;
    padding-bottom: 1.5rem;width: 50%;
}

.page_contact .contacts .map {
    float: right;
    width: 50%;
    /* height: 2rem; */
    padding-top: 1.5rem;
    padding-right: 1.5rem;
}

.page_contact .contacts .left .bt h2 {
    font-size: .36rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: initial;
}

.page_contact .contacts .left .company {
    font-size: .26rem;
    color: #db261d;
    padding-left:.4rem
}
.page_contact .contacts .left .box {padding-left:.4rem}
.page_contact .contacts .left .box .title p {
    font-size: .32rem;
}

.page_contact .contacts .left .box .line {
    display: inline-block;
    vertical-align: top;
    padding-top: .08rem;
    /* float: left; */
    font-size: .18rem;
}
.page_contact .contacts .left .box .txt {
    display: inline-block;
    vertical-align: top;
    /* float: right; */

}

.page_contact .contacts .left .company h2 {
    line-height: 1.2rem;
}

.page_contact .contacts .left .box .con {
    padding-top: .3rem;display: flex;flex-direction: row;
}

.page_contact .contacts .left .box .txt p {
    line-height: .35rem;
    font-size: .18rem;
}

.page_contact .contacts.clearfix {
    background-color: #fff;
}

div#container {
    height: 3.5rem;
}

.page_contact .message .title h2 {
    font-size: .36rem;
    text-transform: uppercase;
    font-weight: bold;
}

.page_contact .message .title p {
    font-size: .24rem;
    font-family: system-ui;
    padding-top: .3rem;
}

.page_contact .message input.name {
    /* width: 5rem; */
}

.page_contact .message input {
    width: 100%;
    height: .5rem;
    padding-left: .2rem;
    background: #f3f3f3;
    border: 1px;
}


.page_contact .message .name,.page_contact .message .job {
    display: inline-block;width:49%;margin:0 0 .35rem;
}
.page_contact .message .tel,.page_contact .message .count {
    display: inline-block;
    width:49%;
    padding-left: .2rem;
    margin:0 0 .35rem;
}

.page_contact .message .content {
    padding-top: .3rem;
    padding-bottom: .3rem;

}

.page_contact .message .content textarea {
    width: 100%;
    height: 1.6rem;
    padding-left: .2rem;
    padding-top: .1rem;
    background: #f3f3f3;
    border: 1px;
}

.button {}

.page_contact .message .button button {
    width: 1.7rem;
    height: .48rem;
    background-color:#db261d;
    border: 1px;
    color: #fff;
    font-size: .14rem;
}

.page_contact .message .title {
    padding-top: .7rem;
}

.page_contact .message form.clearfix {
    padding-top: .25rem;
}

#showproduct .main .box .mybox {
    float: left;
    width: 75%;
    /* display: inline-block; */
    /* vertical-align: middle; */
    padding-top: 1rem;
}

#showproduct .main .box .mylists {
    float: right;
    width: 25%;
    display: inline-block;
    /* vertical-align: middle; */
}

#showproduct .main .box .mylists a {
    display: block;
    width: 63%;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: .2rem;
    cursor: pointer;
}

#showproduct .main .box .mylists .gallery-thumbss {
    height: 5rem;
}


.swiper-slide.swiper-slide-visible.swiper-slide-next {
    /* height: 1.7rem !important; */
}


#showproduct .mylists .img img {
   
}

#showproduct .mybox .img img {
    /* width: 8rem; */
    /* height: 3rem; */
}

#showproduct .main .title h2 {
    font-size: .36rem;
    font-weight: bold;
    padding-bottom: .3rem;
}
#showproduct .main .title p{
    font-size: .14rem;
    text-transform: uppercase;
    color: #686868;
    letter-spacing: .02rem;
}

#showproduct .main .title {
    padding-top: .5rem;
}

#showproduct .main .back .txt {
    display: inline-block;
    vertical-align: middle;
}
#showproduct .main .back .img {
    display: inline-block;
    padding-left: .1rem;
    vertical-align: middle;
}

#showproduct .main .back .txt p {
    font-size: .18rem;
    color: #565454;
    font-family: sans-serif;
    position: relative;
    width: .95rem;
    font-style: italic;
}
#showproduct .main .back .txt p::after{position:absolute;content:'';width: .95rem;height: .01rem;background: #565454;/* right:0; *//* top:-1.16rem; */bottom: 0;left: 0;}

#showproduct .main .back {
    padding-top: .5rem;
}

#showproduct .center {
    background: #f3f5f5;
    position: relative;
    height: 3.27rem;
}

#showproduct .center .title {
    width: 2.85rem;
    height: .67rem;
    position: absolute;
    background: #f3f5f5;
    bottom: 100%;
    left: 15%;
}

#showproduct .center .title h2 {
    font-size: .16rem;
    text-transform: uppercase;
    text-align: center;
    padding-top: .25rem;
}

#showproduct .center .txt {
    font-size: .16rem;
    /* text-align: center; */
    padding: 1rem .5rem;
    font-style: oblique;
}

#showproduct .bot {
    padding: 1.5rem 0 3rem;
}

#showproduct .box.clearfix {
    padding-bottom: 1.5rem;
}

#showproduct .mylists .swiper-container.gallery-thumbss.swiper-container-vertical.swiper-container-free-mode.swiper-container-thumbs {
    height: 5rem;
}

.swiper-slide.swiper-slide-active {}

#showproduct .main .box .mylists .swiper-slide.swiper-slide-thumb-active a {
    border: 1px solid;
}

.swiper-slide.swiper-slide-thumb-active {}

#showproduct .main .back .txt p:hover{color:#db261d}
#showproduct .main .back .txt p:hover::after{position:absolute;content:'';width: .95rem;height: .01rem;background: #db261d;/* right:0; *//* top:-1.16rem; */bottom: 0;left: 0;}


.tem_index_product .top .items {
    width: 33%;
    display: inline-block;
    padding: 0 .15rem;
    /* height: 2.68rem; */
}

.tem_index_product .top .menus_box .items .imgs {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;opacity:0;visibility:hidden;}

.tem_index_product .top .items a {
    height: 2.4rem;
}

.tem_index_product .top .menus_box .items p{padding-top: 1.2rem;font-size:.2rem;color:#2d2d2d;text-align:center;background-size: .73rem .63rem !important;position:relative;z-index:2;margin-top: .5rem;text-transform: uppercase;}
.tem_index_product .top .menus_box .items p.order0 {background:url(../images/icon3-1.png) center 0 no-repeat}
.tem_index_product .top .menus_box .items p.order1 {background:url(../images/icon3-2.png) center  0 no-repeat}
.tem_index_product .top .menus_box .items p.order2 {background:url(../images/icon3-3.png) center 0 no-repeat}
.tem_index_product .top .menus_box .items p.order3 {background:url(../images/icon3-4.png) center 0 no-repeat}
.tem_index_product .top .menus_box .items p.order4 {background:url(../images/icon3-5.png) center 0 no-repeat}
.tem_index_product .top .menus_box .items p i{transform:translateX(-.15rem);opacity:0;visibility:hidden;}

.tem_index_product .top .menus_box .items a:hover .imgs {opacity:1;visibility:visible;background-position:50% 25%;background-repeat:no-repeat;}
.tem_index_product .top .menus_box .items a:hover .imgs img{width:67%;}
.tem_index_product .top .menus_box .items a:hover p{color:#db261d}
.tem_index_product .top .menus_box .items a:hover p i {transform:none;opacity:1;visibility:visible;padding-left:.15rem;}
.tem_index_product .top .menus_box .items a:hover p i {transform:none;opacity:1;visibility:visible;padding-left:.15rem;}
.tem_index_product .top .menus_box .items a:hover p.order0{background:none}
.tem_index_product .top .menus_box .items a:hover p.order1{background:none}
.tem_index_product .top .menus_box .items a:hover p.order2{background:none}
.tem_index_product .top .menus_box .items a:hover p.order3{background:none}
.tem_index_product .top .menus_box .items a:hover p.order4{background:none}
.tem_index_product .top .menus_box .items a{display:block;position:relative;overflow:hidden;/* text-align: center; */}
.tem_index_product .top .menus_box .items a:hover{border-bottom-right-radius:.2rem;box-shadow:0 0 .15rem rgba(0,0,0,.2);padding:0.08rem 0 0;min-height:2.44rem;background-color:#fff}
.tem_index_product .top .menus_box .items .bj0{background-color:#fdf3f3}
.tem_index_product .top .menus_box .items .bj1{background-color:#f4f9fc}
.tem_index_product .top .menus_box .items .bj2{background-color:#fbf7f1}
.tem_index_product .top .menus_box .items .bj3{background-color:#fbf7f1}
.tem_index_product .top .menus_box .items .bj4{background-color:#f4f9fc}
.tem_index_product .top .title {
    text-align: center;
    padding: .5rem 0;
}

.tem_index_product .top .title h2 {
    font-size: .36rem;
    color: #da261d;
    line-height:.6rem
}
.tem_index_product .top .title p{
	font-size:.16rem;
	color:#505050
}

.tem_index_product .top{
    padding-bottom: 1.2rem;
}

.tem_index_product .bot .bj {
    /* position: relative; */
}

.tem_index_product .bot .list {
    position: absolute;
    top: 48%;
    width: 100%;
}

.tem_index_product .bot .list .item {
    width: 33%;
    display: inline-block;
    /* color: #fff; */
    padding: 0 .5rem;
}

.tem_index_product .bot .list .item .title {
    /* color: #fff; */
    position: relative;
    /* padding: 0 .1rem; */
    padding-top: .3rem;
}
.tem_index_product .bot .list .item .title::after{position:absolute;content:'';width: 100%;height:.01rem;background: #ffffffeb;left: 0;bottom: -50%;}
.tem_index_product .bot .list .item .more h2 {
    color: #fff;
    display: inline-block;
}

.tem_index_product .bot .list .item .title h2 {
    font-size: .48rem;
    color: #ffffffeb;
}
.tem_index_product .bot .list .item .title p {
    font-size: .18rem;
    color: #ffffffeb;
    width: 90%;
    padding-top: .35rem;
}

.tem_index_product .bot .list .item .more {
    padding-top: 1.3rem;
    font-size: .18rem;
    text-transform: uppercase;
    padding-bottom: .5rem;
}

.tem_index_product .bot .list .item .more i.fa.fa-long-arrow-right {
    padding-left: .2rem;
    display: inline-block;
    color: #ffffffc4;
}

.tem_index_product .bot .list .item .more i {
}
.tem_index_product .bot .list .item:hover{border-bottom-right-radius:.2rem;box-shadow:0 0 .15rem rgba(0,0,0,.2);min-height:2.44rem;border:1px solid #b3b1b1;}


.tem_index_product .bot {
    position: relative;
}

.tem_index_about .main .bot {
    /* text-align: right; */
    padding-bottom: 1rem;
    padding-left: .79rem;
}

.tem_index_about .title {
    text-align: center;
    padding: .5rem 0;
}

.tem_index_about .title p {
    font-size: .16rem;
    line-height: .5rem;
    color: #5d5b5b;
}

.tem_index_about .main .top .left {
    float: left;
    position: relative;
    width: 7rem;
}
.tem_index_about .main .top .left::after{position:absolute;content:'';right: -12%;top: -13%;background: url(../images/index_about_long.png) no-repeat center;width: 1.72rem;height: 1.72rem;background-size: 100%;}
.tem_index_about .main .top .right {
    float: right;
    width: 7rem;
    padding-left: 1rem;
}

.box {}

.tem_index_about .main .top .right .box .found {
    display: table-cell;
    width: 1.3rem;
    /* height: .6rem; */
    background: #db251b;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.tem_index_about .main .top .right .box .time {
    display: table-cell;
    width: 1.8rem;
    /* height: .6rem; */
    border: 1px solid #db251b;
    text-align: center;
}

.tem_index_about .main .top .right .box {
    margin-top: .5rem;
    /* width: 3.2rem; */
    /* height: .6rem; */
}

.tem_index_about .main .top .right .box .found p {
    height: .6rem;
    line-height: .6rem;
    font-size: .16rem;
}
.tem_index_about .main .top .right .box .time p {
    height: .6rem;
    line-height: .6rem;
    color:#db251b;
    text-transform: uppercase;
    font-size: .16rem;
}

.tem_index_about .main .top .right .titles {
    font-size: .36rem;
    padding: .2rem 0;
    text-transform: uppercase;
    font-family: 'DIN';
}

.tem_index_about .main .top .right .txt {
    font-size: .16rem;
    line-height: .25rem;
    color: #656565;
}

.tem_index_about .main {
    padding-top: .3rem;
}
.index_news .list .img {
    display: inline-block;
    width: 55%;
    vertical-align: middle;
}

.index_news .list .txt {
    display: inline-block;
    width: 44%;
    vertical-align: middle;
}

.index_news .list .txt h2 {
    font-size: .16rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: .26rem;
}

.index_news .list .more {
    text-align: center;
    padding-top: .3rem;
}

.index_news .list .more p {
    width: 1.2rem;
    height: .35rem;
    border: 1px solid #333;
    margin-left: 30%;
    padding-top: .05rem;
}
.index_news .list .more p:hover{background:#db251c;border:1px solid #fff;color:#fff}

.index_news .list {
    text-align: center;
    /* background: #fff; */
}

.index_news .title h2 {
    text-align: center;
    font-size: .36rem;
    /* font-weight: bold; */
    text-transform: uppercase;
    /* padding: .55rem 0rem; */
    color: #db251b;
}

.index_news .list .pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    padding: .6rem 0;
}

.index_news {
    background: #f8f8f8;
}

.index_news .list .swiper-container.swiper-container-horizontal {
    background: #fff;
}

.index_news .list a:hover{color:#333}
.index_news .list .pagination span {
   width:.33rem;height:.33rem;line-height:.33rem;text-align:center;font-size:.14rem;color:#2b2d2f;background:none;border:1px solid #bfbfbf;opacity:1;margin: 0 .04rem;
}
.index_news .list .swiper-pagination-bullet-active{color: #db251c !important;border: 1px solid #db251c !important;}

.index_news.list .pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
    padding-bottom: .6rem;
}


footer .right .ins {
    width: .3rem;
    height: .3rem;
    border: 1px solid #717171;
    text-align: center;
    border-radius: 100%;
    background: #717171;
}
footer .right .face {
    width: .3rem;
    height: .3rem;
    border: 1px solid #717171;
    text-align: center;
    border-radius: 100%;
    background: #717171;
}
footer .right .linke {
    width: .3rem;
    height: .3rem;
    border: 1px solid #717171;
    text-align: center;
    border-radius: 100%;
    background: #717171;
}
footer .right .twi {
    width: .3rem;
    height: .3rem;
    border: 1px solid #717171;
    text-align: center;
    border-radius: 100%;
    background: #717171;
}


footer .right i {
    color: #fff;
    /* width: .2rem; */
    /* height: .2rem; */
    font-size: .18rem;
    padding-top: .05rem;
}

footer .right div {
    display: inline-block;
}

footer .left {display: inline-block;width: 33%;vertical-align: middle;}

footer .right {
    /* float: right; */
    display: inline-block;
    width: 33%;
    text-align: right;
    vertical-align: middle;
}

footer .left .bq h2 {
    font-size: .14rem;
    line-height: .25rem;
    color: #858484;
}

footer .left .blank a {
    font-size: .14rem;
    color: #858484;
}

footer .center .email h2 {
    font-size: .14rem;
    margin-top: .35rem;
    color: #858484;
}

footer .center {
    display: inline-block;
    text-align: center;
    width: 33%;
    vertical-align: middle;
}

.tem_index_about .main .bot img {width: 13.21rem;}