/***** Header *****/
header{position: fixed;width: 100%;z-index: 1000;background: #fff;line-height:.6rem;box-shadow: 0 0 12px rgba(0,0,0,0.5)}
header .left{float:left;width: 77%;}
header .left .logo{display: table-cell;}
header .nav{/* vertical-align: middle; */padding-left: .5rem;white-space: nowrap;text-align: center;}
header .nav li{display: inline-block;padding: 0 .35rem;vertical-align: top;width: 10%;}
header .nav ul li a {color: #000;font-size: .16rem;}
header .nav ul li a.on,header .nav ul li a:hover{color:#d19d83;}
header .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 .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 *****/

.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: center;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: 100%;}
.tem_banner.index .txt .title>*{/* text-shadow: 1px 1px 5px #000; */}
.tem_banner.index .txt .title h1{font-size:.6rem;color:#fff;display: block;line-height: 1.4;opacity: 0;transform: translateY(50px);transition: 1s;text-transform:uppercase;font-weight:bold}
.tem_banner.index .txt .title p{font-size:.36rem;color:#fff;opacity: 0;transform: translateY(50px);transition: 1s;}
.tem_banner.index .swiper-slide-active .txt .title h1{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%;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: .16rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;font-family: 'DIN';}

.index_faq{width:100%;padding: 1.2rem 0;background: url(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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: 2.2rem 0 1.2rem 0;background: url(../image/index_news.png)no-repeat center;background-size: cover;}
.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:.24rem;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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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: #fff;}
.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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/images/icon-2.png)}
.solution .bot .item.i2 span i{background-image:url(https://www.hzhyzf.com/public/common/images/icon-3.png)}
.solution .bot .item.i3 span i{background-image:url(https://www.hzhyzf.com/public/common/images/icon-4.png)}
.solution .bot .item.i1:hover span i,.solution .bot .item.i1.on span i{background-image:url(https://www.hzhyzf.com/public/common/images/icon-22.png)}
.solution .bot .item.i2:hover span i,.solution .bot .item.i2.on span i{background-image:url(https://www.hzhyzf.com/public/common/images/icon-33.png)}
.solution .bot .item.i3:hover span i,.solution .bot .item.i3.on span i{background-image:url(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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(https://www.hzhyzf.com/public/common/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: .8rem;margin-top: .5rem;}
.page_profile>div>div{/* display:table-cell; *//* vertical-align: middle; */}
.page_profile .left{background:#fff;width: 43%;padding: .6rem;box-shadow: 1px 1px 0.1rem #e1e1e1;}
.page_profile .right{width: 57%;padding-left: .3rem;}


.page_product{width: 100%;background:url(../image/product_bj.jpg) no-repeat;background-size:cover;padding: .9rem 0 1.3rem;}
.page_product .top{margin-bottom: .7rem;}
.page_product .top .max_width {border-bottom: 1px solid rgb(8 109 187 / 20%);padding-bottom: .5rem;}
.page_product .top li{float:left;width:20%}
.page_product .top li a{padding:.1rem}
.page_product .top li a .img{width:2.42rem;height: 2.42rem;margin: 0 auto;border-radius: 100%;}
.page_product .top li a:hover .img {box-shadow: 0 0 .1rem #000;}
.page_product .top li a h2{color:#3260a0;font-size:.16rem;text-align:center;display:block;margin-top:.25rem;position: relative;padding-bottom: .21rem;}
.page_product .top li.on a h2::after{position:absolute;content:'';left:50%;bottom:0;background:url(../image/product-sj.png) no-repeat;width:.13rem;height:.11rem;margin-left:-.065rem;background-size: .13rem;}
.page_product .bot{width:100%;text-align:center}
.page_product .bot .title{font-size:.24rem;color:#3260a0;margin-bottom:.3rem}
.page_product .bot .list li{padding: 0 .15rem;margin-bottom: .35rem;}
.page_product .bot .list li:hover .img{box-shadow:0 0 .1rem #898989}
.page_product .bot .list li:hover img{transition:1s;transform:scale(1.2)}
.page_product .bot .list li p {font-size: .16rem;color: #454545;padding: .2rem 0 .15rem;}
.page_product .bot .list li:hover p{color:#3260a0;}
.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: .8rem;}
.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: #fff;/* 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;}
.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: #f5f6f6;padding: .65rem 0 .3rem;}
footer .nav{width: 100%;margin-bottom: .4rem;/* color: #fff; */padding-right: 1rem;display: table-cell;border-bottom: 1px solid #e6e6e6;}
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}
/**/
.workshop {padding:.7rem 0 1.3rem;font-size:0}
.workshop h2{font-size:.36rem;color:#323131;text-align:center;margin:0 0 .4rem;}
.workshop .lists .items{display:inline-block;vertical-align:top;width:33.3333%;padding:0 .16rem;margin:0 0 .25rem;text-align:center}
.workshop .lists .items a{display:block;position:relative;overflow:hidden}
.workshop .lists .items .img{overflow:hidden}
.workshop .lists .items img{width:100%;height:2.7rem;object-fit:cover;}
.workshop .lists .items p{font-size:.16rem;color:#353535;margin:.16rem 0 0;}
.workshop .lists .items a:hover img {transform:scale(1.06)}
.workshop .slide-pagination{margin:.45rem 0 0;text-align:center}
.workshop .slide-pagination span{outline:none;opacity:1;margin:0 7px;width:.12rem;height:.12rem;background:none;border:1px solid #d3b074;}
.workshop .slide-pagination span.swiper-pagination-bullet-active{background:#d3b074}
/********<=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}
	.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){
    .workshop .lists .items{width:50%}
    
	.index_news{padding: 2.2rem 0 1.2rem 0;background: url(../image/index_news.png)no-repeat right;background-size: cover;}
    .tem_banner.index .txt img{width:50%}
	footer .main .nav li{width:.9rem !important}
	footer .contact{float:none !important}
	footer .main{float:none !important;width: 100% !important;}
	.page_contact .left{float:none !important}
	.page_contact .right{float:none !important}
	.page_contact .contacts .right .sh{width:auto !important}
	.page_contact .contacts .right .xg{width:auto !important}
	.page_contact .contacts .left .company{font-size:.36rem !important}
	.page_contact .contacts .left .tel{margin-bottom:.2rem}
	.page_contact .contacts .left .fax{margin-bottom:.2rem}
	.page_contact .contacts .left .email{margin-bottom:.2rem}
	.page_contact .contacts .left .addr{margin-bottom:.2rem}
	.tem_banner.indise .flash img{display:none}
	.page_news .item .time{bottom:41%!important}
	.page_news .item.clearfix{width:100% !important}
	.page_color .left{padding-top:.5rem}
	.page_two .list .img1{position: initial !important;}
	.page_two .list .img2{position: initial !important;}
	.page_one .list a.fancybox{width:32% !important}
	.page_process .item .wz .title h2{padding:.2rem 0 !important}
	.page_process .item .img{
    width: 6.6rem !important;
    height: 3rem !important;
}
    .page_process .item .wz{
    width: 6.6rem !important;
    height: 2.5rem !important;
}
	.page_process .item{width:100% !important;padding: .1rem .2rem !important;}
	.index_news .box .more p{
    padding-top: 0rem !important;
}
	.index_news .box .more{margin-top:.3rem !important;/* height: .5rem !important; */width: auto !important;}
	.index_news .box .time{margin-top:.3rem !important}
	.index_news .box{height: 3.2rem !important;padding-top: .2rem !important;padding-left: .2rem !important;padding-right: .2rem !important;}
	.index_product .title span{
    line-height: .5rem !important;
}
	.index_product .item{width:32% !important}
	.index_advantage .box{float: none !important;width: 100% !important;padding-left: .1rem !important;}
	.index_advantage .list{float:none !important;width:100% !important}
	.index_about .bot .right{padding-top:.5rem}
	.index_news .list li{width:100%;margin-bottom:.3rem;}
	footer .nav{/* display:none */padding-right: 0rem !important;}
	.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: 1rem .5rem 0;}
    .page_vision::after{display:none}
    .page_contact .contact .list>div{margin-bottom:.3rem;}
    .page_contact .message>div{display:block;width: 100% !important;}
    .product .pro_con{padding:0 .2rem 1.1rem;display:inherit !important}
.product .pro_con .left{width:100% !important}
.product .pro_con .right{width:100% !important}
.history .pad26{margin:0 .25rem !important; }
}

header .lang {
    float: right;
    width: 5%;
    padding-top: .25rem;
}

header .logo {float: left;width: 100%;}

header .top.clearfix {
    padding-top: .15rem;
}

::before {}

header .top .lang i.fa.fa-caret-down {
    margin-left: .1rem;
}

header .top .lang dd {
    position: absolute;
    display: none;
}

header .w1600{position:relative}
header .langs{position:absolute;line-height:initial;display:flex;right:0;top:50%;transform:translateY(-50%)}
header .langs a{font-size:.15rem;color:black;margin:0 .05rem}
header .langs a.active{color:#d19d83;}

.page_profile .wz {
    text-align: center;
}

.page_profile .wz .title h2 {
    font-size: .36rem;
    font-family: 'pingfang';
    line-height: .5rem;
    /* border-bottom: 1px solid #ccc; */
    position:relative
}

.page_profile .wz .title p {
    font-size: .16rem;
    line-height: .6rem;
    color: #898989;
}
.page_profile .wz .title h2::after{
    position: absolute;
    content: '';
    width: 1.5rem;
    height: 1px;
    background: #ccc;
    bottom: -15%;
    left: 43.6%;
    }

.page_news .item .title p {font-size: .18rem;line-height: .5rem;padding-top: .15rem;}
.page_news .item .txt{padding-bottom:.3rem}
.page_news .item .txt p{color:#6c757d; line-height:.25rem}
.page_news .item  p:hover{color:#d19d83;}
.page_profile .wz .txt p {
    font-size: .16rem;
    line-height: .25rem;
    color: #6c757d;
    padding-bottom: .08rem;
   
}

.page_process {
    background: url(../image/process_bj.jpg) no-repeat;
}

.page_process .item {
    display: inline-block;
    padding: 1.5rem .2rem;
    vertical-align: middle;
    width: 33%;
}
.page_process .item  a:hover img{transform:scale(1.1)}
.page_process .item .wz {
    background-color: #fff;
    width: 3.65rem;
    height: 3.15rem;
    text-align: center;
}

.page_process .item .img {
    width: 3.65rem;
    height: 3.75rem;
}

.page_process .item .wz .title h2 {
    font-size: .3rem;
    padding: .3rem 0;
}

.page_process .item .wz .txt p {
    font-size: .16rem;
    line-height: .3rem;
}

.page_process .wz .txt {
    padding: 0 .2rem;
}

.page_one .list .img {
    /* display: inline-block; */
    /* width: 33%; */
    overflow: hidden;
}

.page_honor .list .img {
    display: table-cell;
    vertical-align: top;
}

.page_honor .list .txt {
    display: table-cell;
    vertical-align: top;
    padding-left: .5rem;
}

.page_honor .title {
    text-align: center;
    font-size: .36rem;
    /* padding: .5rem 0; */
    padding-top: .7rem;
    padding-bottom: .25rem;
}

.page_honor .list {
    background-color: #fafafa;
}

.page_honor .list a {
    margin: 0 .4rem;
    border-bottom: 1px solid #ccc;
    padding: .4rem 0;
}

.page_honor .list .swiper-container.swiper-container-horizontal {padding-top: .4rem;padding-bottom: .5rem;}

.page_honor .list .txt h2 {
    font-size: .24rem;
    text-transform: uppercase;
    line-height: .4rem;
}

.page_honor .list .txt  p {
    font-size: .15rem;
    line-height: .3rem;
}

.page_honor .list .more {float: right;}

.page_honor .list .paginations {
    text-align: center;
    padding:.5rem 0
}
.page_honor .list .paginations span{margin-left:.1rem;width:.1rem;height:.1rem}
.swiper-pagination-bullet-active{background: #d19d83 !important;}


.page_honor {
    padding-bottom: 1rem;
}

.page_one .list {
    /* padding-top: .4rem; */
    padding-bottom: .2rem;
}

.page_one .txt {
    text-align: center;
    font-size: .16rem;
    padding-bottom: .3rem;
}

.page_one {margin-bottom: .5rem;}

.page_two .bj .img {
    float: left;
    position: relative;
    /* overflow: hidden; */
}

.page_two.clearfix {padding-bottom: .5rem;}

.page_two .list .img1 {
    position: absolute;
    right: 34%;
    overflow: hidden;
}
.page_two .list .img2 {
    position: absolute;
    right: 0;
    /* top: 60%; */
    overflow: hidden;
}

.page_two .list {
    position: relative;
    padding-top: .6rem;
}
.page_two .list a .img1 img:hover{transform:scale(1.1)}
.page_two .list a .img2 img:hover{transform:scale(1.1)}
.page_three .list a .img1 img:hover{transform:scale(1.1);width: 6rem;height: 7.84rem;}
.page_three .list a .img2 img:hover{transform:scale(1.1)}
.page_four .left a:hover img{transform:scale(1.1)}
.page_four .right a:hover img{transform:scale(1.1)}
.page_five .list .img1:hover img{transform:scale(1.1)}
.page_five .list .img2:hover img{transform:scale(1.1)}
.page_three .list .img1 {
    /* float:left; */
    /* vertical-align: middle; */
    /* display: inline-block; */
    /* width: 55%; */
    overflow: hidden;
    width: 6rem;
    display: inline-block;
    margin-left: .1rem;
}
.page_three .list .img2 {
  /* float:right; */
  /* vertical-align: middle; */
  /* display: inline-block; */
  /* width: 42%; */
  /* margin-top: .6rem; */
  overflow: hidden;
  width: 5rem;
  /* height: 6.55rem; */
  /* padding-right: .5rem; */
  margin-left: .8rem;
}

.page_four .left {
    display: inline-block;
    width: 9.6rem;
}

.page_four .right {
    display: inline-block;
    padding-left: .5rem;
    padding-right: .8rem;
    width: 6.2rem;
}

div#flag-4 {}

.page_four.clearfix {
    margin-top: .8rem;
    background-color: #f5f1eb;
    margin-bottom: .5rem;
}

.page_five .img1 {
    display: inline-block;
    width: 5.02rem;
    vertical-align: bottom;
    padding-bottom: 0.5rem;
}

.page_five .img2 {
    display: inline-block;
    padding-left: .8rem;
    width: 6.76rem;
}

.page_five {
    margin-bottom: .8rem;
}

.page_product {
    padding-bottom: .3rem;
}

.page_color .title {
    text-align: center;
    font-size: .36rem;
    /* line-height: 1rem; */
}

.page_color {
    padding-top: .1rem;
    padding-bottom: .5rem;
}

.page_color .title h2 {
    line-height: 1rem;
}

.page_color .left {
    float: left;
    position: relative;
    width: 60%;
    /* vertical-align: middle; */
}

.page_color .right {
    float: right;
    width: 40%;
    /* vertical-align: middle; */
}

.page_color .item .right .txt h2 {
    text-align: center;
    font-size: .16rem;
    padding-top: .19rem;
}

.page_color .item .left .img {
    /* position: relative; */
}
.page_color .item .left .img:hover img{transform:scale(1.1)}
.page_color .item .right .img:hover img{transform:scale(1.1)}
.page_color .menu .item .left .txt {
    position: absolute;
    bottom: 2.65%;
    width: 4rem;
    height: .5rem;
    margin-left: .05rem;
    /* margin-left: .3rem; */
    background-image: linear-gradient(to right,rgb(209,157,131,1 ), rgb(209,157,131,0.0));
}

.page_color .item.clearfix {
    padding-bottom: .3rem;
}

.page_color .menu .item .left .txt h2 {
    color: #fff;
    padding-top: .15rem;
    padding-left: .3rem;
}

.page_news .item.clearfix {
    /* display: inline-block; */
    width: 44%;
    float: left;
    position: relative;
}

.page_news .item.two.clearfix {
    /* margin-left: 1rem; */
    /* padding-top: .7rem; */
    float: right;
}
.page_news .item.twoone .time{
    bottom: 42%;
}
.page_news .item .time {
    position: absolute;
    bottom: 48.2%;
    width: 4rem;
    height: .5rem;
    background-image: linear-gradient(to right,rgb(209,157,131,1 ), rgb(209,157,131,0.0));
}
.page_news .item .box:hover{}
.page_news .item  a:hover img{transform:scale(1.1)}
.page_news .list .more p{
    margin-bottom: .5rem;
    width: 1.2rem;
    height: .45rem;
    /* text-align: center; */
    padding-top: .12rem;
}
.page_news .list .more p:hover{background-color:#dd1d7f;color:#fff;text-align:center;}

.page_news .item.twoone.clearfix {
    float: right;
    padding-top: .7rem;
}

.page_news .list .time p {
    padding-top: .15rem;
    color: #fff;
    margin-left: .25rem;
}

.page_content.clearfix {
    padding-bottom: 1.2rem;
}

header .logo a.img {
    text-align: center;
}

.page_contact .left {
    float: left;
}

.page_contact .right {
    float: right;
    padding-top: .5rem;
    width: 30%;
}
.page_contact .right form{display:flex;}
.page_contact .right .text{
    font-size: .2rem;
    color: #000;
    margin-bottom: .15em;
}

.page_contact .right .input input {
    display: block;
    border: 1px solid #ddd;
    line-height: .5rem;
    width: 100%;
    font-size: .16rem;
    color: #333;
    padding: 0 .1rem;
}

.page_contact .right form>div {
    margin-bottom: .3rem;
}
.page_contact .contacts .left .img {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.page_contact .contacts .left .txt{display:inline-block;vertical-align: middle;/* line-height: .3rem; */margin-left: .1rem;}

.page_contact .contacts .title {
    font-size: .36rem;
    margin-bottom: .5rem;
}

.contacts {
    background: url(../image/contacts_bj.png)no-repeat right;
    padding: 1.5rem 0;
}

.page_contact .contacts .left .company {
    font-size: .3rem;
    color: #d19d83;
    padding-bottom: .5rem;
}

.page_contact .contacts .left .tel {
}
.page_contact .contacts .left .txt p{line-height: .7rem;}

.page_contact .contacts .right .sh {
    width: 5.5rem;
    height: 2.6rem;
    background-color: rgb(255 255 255 / .7);
    margin-bottom: .35rem;
}
.page_contact .contacts .right .sh h2{padding-top:.6rem;margin-left:.4rem;line-height:.3rem}
.page_contact .contacts .right .xg {
    width: 5.5rem;
    height: 2.6rem;
    background-color: rgb(255 255 255 / .7);
}
.page_contact .contacts .right .xg h2{padding-top:.6rem;margin-left:.4rem;line-height:.3rem}

.page_message {
    background: url(../image/message_bj.png);
    /* height: 7rem; */
    padding: 1.8rem 0;
}

.index_about .left .txt h2 {
    line-height: .25rem;
}

.page_message .title h2 {
    font-size: .36rem;
    color: #fff;
}

.page_message input {
    /* width: 100%; */
    background: none;
    border: none;
}

.page_message .box{
    /* border-bottom: 1px solid #fff; */
    color: #fff;
    padding-top: .5rem;
    margin-left: .5rem;
    font-size:.16rem
}
.page_message .box .name input .placeholder{}

.page_message .box .text {
    display: inline-block;
    /* padding-bottom: .3rem; */
    line-height: .6rem;
}

.page_message .box .input {
    display: inline-block;
    height: .5rem;
}

.page_message .name1 {
    display: block;
     width: 7rem; 
    border-bottom: 1px solid rgb(255,255,255,.7);
}


.page_message .email1 {
    width: 7rem;
    border-bottom: 1px solid rgb(255,255,255,.7);
}
.page_message .tel1 {
    width: 7rem;
    border-bottom: 1px solid rgb(255,255,255,.7);
}

.page_message .box textarea {
    background: none;
    border: none;
}
.page_message .content1{width: 10rem;border-bottom: 1px solid rgb(255,255,255,.7);line-height: 1.3rem;}

.page_message .button1 button {
    color: #333;
    width: 1.3rem;
    height: .4rem;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-top: .8rem;
    /* text-align: center; */
}

.page_message .button1 {
    text-align: center;
}
.page_message .button1 button:hover{background-color:#dd1d7f;color:#fff;border:1px solid #dd1d7f}
.colorcard .let_mbx a {
    display: inline-block;
}

.colorcard .let_mbx {
    float: left;
}

.colorcard .back {
    float: right;
}


.colorcard .mbx {font-size:0;line-height:.5rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

.colorcard .mbx .let_mbx {font-size:.16rem;color:#6c757d;}
.colorcard .mbx .let_mbx a{font-size:.16rem;color:#6c757d}

.colorcard .mbx .back a{font-size:.16rem;color:#6c757d;}

.colorcard .mbx .let_mbx a:first-child {
    display: none;
}

.colorcard .mbx .let_mbx a:first-child+a {
    display: none;
}
.showcard {background:#fafbfb;padding:.67rem 0 1.15rem;}
.book_wrapper {position:relative;padding:0 .95rem;height:7.35rem;}
.book_wrapper>a {position:absolute;top:50%;left:.3rem;transform:var(--a3);width:.42rem;height:.42rem;border:1px solid #a9a9a9;border-radius:100%;font-size:.2rem;color:#ababab;line-height:.42rem;text-align:center;cursor:pointer;}
.book_wrapper>a#prev_page_button {left:auto;right:.3rem}
#mybook,#mybook *{transition:none !important;}

.showcard .booklet{
	width:100%;height:7.35rem;margin:0
}
.showcard .booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
	display:none;
}
.showcard .booklet .b-wrap-left {text-align:right;background:none;position:relative}
.showcard .booklet .items {display:inline-block;position:relative;box-shadow:2px 2px 5px rgba(0,0,0,.14)}
.showcard .booklet .items a {display:block;position:relative}
.showcard .booklet .items img{max-height:7.35rem;}
.showcard .booklet .b-wrap-left .items {box-shadow:-2px 2px 5px rgba(0,0,0,.14)}
.showcard .booklet .b-wrap-left .items a:after{content:'';width:100%;height:100%;background:url(../image/icon3.png) right center no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;z-index:1}
.showcard .booklet .b-wrap-right {background:none;}

.showcard .loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../image/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.index_about .top {
    text-align: center;
}

.index_about .top .title h2 {
    font-size: .36rem;
    color: #dd1d7f;
    line-height: .8rem;
}

.index_about .top .sub p {
    font-size: .16rem;
    color: #b5b5b5;
    padding-bottom: .3rem;
    line-height: .2rem;
}

.index_about .top .txt h2 {
    font-size: .15rem;
    color: #757d84;
    line-height: .28rem;
    padding-bottom: .45rem;
}

.index_about .cen {
    text-align: center;
}

.index_about .cen .title {
	 font-size: .36rem;
	 color: #dd1d7f;
	 padding-top: .4rem;
	 padding-bottom: .2rem;
}
.index_about .cen .sub p {
    font-size: .16rem;
    color: #b5b5b5;
    padding-bottom: .26rem;
}
.index_about .cen .txt h2 {
    font-size: .16rem;
    color: #6c757d;
    line-height: .3rem;
    padding-bottom: .45rem;
}
.index_about .cen .contact p{font-size:.16rem;color:#6c757d;font-weight:600}

.index_about .bot .left {
    float: left;
    padding-top: .4rem;
}

.index_about .bot .right {
    float: right;
}

.index_about .left .title {
    font-size: .3rem;
    color: #dd1d7f;
    font-family: cursive;
}

.index_about .left .txt {
    font-size: .16rem;
    color: #6c757d;
}

.index_about .left .title h2 {
    line-height: .5rem;
}

.index_about .bot.clearfix {
    padding-top: .5rem;
}

.index_about {
    padding-bottom: .6rem;
}

.index_advantage .list {
    float: left;
    width: 50%;
    /* display: inline-block; */
}

.index_advantage {
    background-color: #fafbfb;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.index_advantage .box {
    float: right;
    width: 50%;
    display: inline-block;
    padding-top: .7rem;
    padding-left: .5rem;
}

.swiper-container.swiper-container-coverflow.swiper-container-3d.swiper-container-horizontal {
    /* text-align: center; */
}



.index_advantage .swiper-slide {/* width: 3.3rem !important; *//* height:4.38rem; */}

.index_advantage .swiper-slide.swiper-slide-active {/* padding-bottom: 3rem; */}

.index_advantage .list .title {text-align:center;color: #adabab;line-height: .2rem;padding-top: .25rem;}

.index_advantage .box .title p {
    font-size: .14rem;
    color: #bebdbd;
    letter-spacing: .07rem;
    line-height:.3rem
}
.index_advantage .box .title h2{font-size:.36rem;color:#dd1d7f;line-height:.5rem;padding-bottom:.3rem}
.index_advantage .box .txt h2{font-size:.16rem;color:#6c757d;line-height:.3rem;padding-bottom:.3rem}
.index_advantage .box .txt p{font-size:.16rem;color:#83909c;line-height:.3rem;padding-top:}

.index_advantage .list .title h2 {font-size:.18rem}
.index_advantage .list .title p{font-size:.1rem}

.index_product .item {
    width: 19%;
    display: inline-block;
}
.index_product .item:hover img{transform:scale(1.1)}
.index_product .item {
    position: relative;
}

.index_product .txt {
    position: absolute;
    top: 50%;
    left: 46%;
}

.index_product .item .txt h2 {
    color: #fff;
    font-size: .2rem;
}

.index_product .title span {
    font-size: .14rem;
    color: #bebdbd;
    text-transform: uppercase;
    line-height: .3rem;
}

.index_product .title {
    text-align: center;
}
.index_product .title h2{font-size:.36rem;color:#dd1d7f;padding-bottom: .2rem;}

.index_product .title p{font-size:.16rem;color:#6c757d;padding-bottom: .4rem;}

.index_product {
    padding-top: .5rem;
    padding-bottom: .6rem;
}

.index_news .box {
    width: 5.1rem;
    height: 2.8rem;
    background-color: #fff;
    padding-top: .4rem;
    padding-left: .3rem;
    padding-right: .3rem;
}

.index_news .box .txt h2 {
    font-size: .18rem;
    color: #373839;
    padding-bottom: .2rem;
}

.time {}

.index_news .box .time {
    float: left;
    margin-top: .6rem;
}

.index_news .box .more {
    float: right;
    margin-top: .48rem;
    width: 1rem;
    height: .4rem;
    background-color: #dd1d7f;
}
.index_news .box .more:hover{background-color:#ec1b1b}
.index_news .box .txt p {
    line-height: .3rem;
    font-size: .16rem;
}

.index_news .box .more p {
    text-align: center;
    padding-top: .1rem;
    color: #fff;
}

footer .left .nav a {
    color: #676363;
}

footer .left .bq {
    color: #a1a1a1;
    padding-top: .25rem;
    font-size: .15rem;
}

footer .left .bq a {
    color: #a1a1a1;
}

footer .contact .txt h2 {color: #a1a1a1;font-size: .17rem;}

footer .main .nav li {
    display: inline-block;
    width: 1.3rem;
    font-size: .15rem;
    padding-bottom: .25rem;
}

footer .contact .img1 {
    display: inline-block;
}
footer .contact .img2 {
    display: inline-block;
}

footer .right i.fa.fa-linkedin {
    color: #fff;
    /* width: .23rem; */
    /* height: .23rem; */
    text-align: center;
}

footer .right span {
    width: .23rem;
    height: .23rem;
}

footer .right .in {
    width: .23rem;
    height: .23rem;
    background-color: #5c5d5d;
    text-align: center;
    display: inline-block;
}
footer .right .wx {
    width: .23rem;
    height: .23rem;
    background-color: #5c5d5d;
    color: #fff;
    text-align:center;
    display: inline-block;
    /* margin-top: .05rem; */
}
footer .right .wb {
    width: .23rem;
    height: .23rem;
    background-color: #5c5d5d;
    color: #fff;
    text-align: center;
    display: inline-block;
}

footer .right {
    float: right;
    /* padding-top: 1.5rem; */
}

footer .left.clearfix {
    float: left;
    width: 100%;
}

footer .contact {
    float: left;
}

footer .main {
    float: right;
    margin-top: .45rem;
    padding-left: .5rem;
    width: 78%;
}

footer .left .bq a {
    display: inline-block;
}

footer .main .txt {
    /* display: table-cell; */
    float: left;
    font-size: .16rem;
}

footer .contact .imgs {
    padding-top: .2rem;
}

.page_honor .paginations {
    text-align: center;
    padding-top:.5rem
}
.page_honor .paginations span{margin:0 .03rem;width:.1rem;height:.1rem }

.img {}

.box {}

.page_one .list a.fanbox {
    width: 32%;
    display: inline-block;
    /* overflow: hidden; */
}
.page_one .list a .img img:hover{transform:scale(1.1)}

.page_product .page_four .right  a.fanbox {
    overflow: hidden;
}

.page_product .page_four .left a.fanbox {
    overflow: hidden;
}

.page_five .img1 a.fanbox {
    overflow: hidden;
}
.page_five .img2 a.fanbox {
    overflow: hidden;
}

a.fancybox.wow.fadeInUp {
    overflow: hidden;
}

.page_three .list a.fanbox.wow.fadeInUp {
    display: inline-block;
    vertical-align: middle;
}

.tem_banner.index .txt img {}
.product .pro_con{padding:.5rem .78rem;display:flex;justify-content: space-between;border-bottom:1px solid #d6d4d2}
.product .pro_con .left{width:40%}
.product .pro_con .left .bigimg{position:relative}

.product .pro_con .left .bigimg  .swiper-page>div{position:absolute;width:.5rem;height:.5rem;line-height:.5rem;border-radius:100%;text-align:center;font-size:.18rem;;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:5%;background:#fbf9f7;color:#444444}
.product .pro_con .left .bigimg .swiper-page>div.slide-button-next {left:auto;right:5%}
.product .pro_con .left .thumbs{padding:.2rem 0 0}
.product .pro_con  .right{width:49%}
.product .pro_con  .right .title{padding:.38rem 0  .55rem}
.product .pro_con  .right .title h1{font-size:.48rem;color:black;padding:0 0 .2rem;font-weight:bold}
.product .pro_con  .right .title p{font-size:.48rem;color:black;text-transform:uppercase;font-weight:bold}
.honor {padding:.6rem 0 1rem;background:#FFF}
.honor h5{text-align:center;font-size:.3rem;color:#292929;text-transform:capitalize;margin:0 0 .6rem;}
.honor .lists {position:relative;}
.honor .lists .swiper-slide a {display:block;position:relative;overflow:hidden;}
.honor .lists .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);outline:none;width:.35rem;height:.35rem;line-height:.35rem;text-align:center;background:#1e4586;font-size:.16rem;color:#FFF;z-index:1}
.honor .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.history{padding:1rem 0 1.2rem;background:#f9f9f9;}

.history .pad26{margin:0 2.6rem}
.history .title{text-align:center;}
.history .title h3{font-size:.3rem;color:#272727}
.history .lists{position:relative;padding:.52rem 0 0;}
.history .lists:after{content:'';width:100%;height:.17rem;background:url(../image/icon6.png) 0 0 no-repeat;background-size:auto .17rem;position:absolute;bottom:.22rem;left:0}
.history .lists>div{padding:0 1.23rem;position:relative}
.history .lists #gallery {margin:0 0 .65rem;}
.history .lists #gallery .swiper-slide {text-align:center;font-size:.16rem;color:#525252;}
.history .lists #gallery .swiper-slide>*:first-child{font-size:.2rem;color:#2b2b2b;margin:0 0 .2rem;}
.history .lists #thumbs .item {position:relative;padding:.5rem 0 .76rem;text-align:center}
.history .lists #thumbs .item:after{content:'';width:2px;height:0;background:#333;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .35s linear;}
.history .lists #thumbs .item h6{font-size:.24rem;color:#838383;font-weight:bold;padding:0 .25rem;position:relative;display:inline-block;}
.history .lists #thumbs .item h6:before,.history .lists #thumbs .item h6:after{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;font-size:.16rem;color:#000;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;}
.history .lists #thumbs .item h6:after{content:"\f0d9";left:auto;right:0}
.history .lists #thumbs .item:before{content:'';width:.47rem;height:.87rem;background:url(https://www.hzhyzf.com/public/common/images/icon7.png) center 0 no-repeat;background-size:.47rem .87rem;position:absolute;top:.5rem;left:50%;transform:translateX(-50%);transition:all .65s linear;opacity:0;visibility:hidden;}

.history .lists #thumbs .swiper-slide{cursor:pointer;}
.history .lists #thumbs .swiper-slide-thumb-active .item:before{opacity:1;visibility:visible;top:0}
.history .lists #thumbs .swiper-slide-thumb-active .item h6{color:#000}
.history .lists #thumbs .swiper-slide-thumb-active .item h6:before,.history .lists #thumbs .swiper-slide-thumb-active .item h6:after{opacity:1}
.history .lists #thumbs .swiper-slide-thumb-active .item:after{height:.23rem;}
.history .lists .swiper-page>div{position:absolute;top:50%;left:0;outline:none;transform:translateY(-50%);width:.64rem;height:.64rem;border-radius:100%;box-shadow:0 0 9px rgba(51,51,51,.2);font-size:.26rem;color:#000;line-height:.62rem;text-align:center;}
.history .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.history .lists .swiper-page>div:hover {background:#000;color:#FFF}
.culture{padding:1.6rem 0 1.2rem;background-size:cover;background-attachment:fixed}
.culture:after{content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:url(https://www.hzhyzf.com/public/common/images/icon5.jpg) center no-repeat;background-size:cover;z-index:-1}
.culture h5{font-size:.3rem;color:#fffefe;}
.culture .slogan{padding:.45rem 0 0;font-size:.2rem;color:#fffefe;width:45%}
.culture .more {text-align:right;margin:.5rem 0 0;}
.culture .more a{display:inline-block;background:#FFF;border-radius:35px;font-size:.16rem;color:#393737;text-transform:uppercase;line-height:.47rem;padding:0 .37rem}
.fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.9rem .8rem 1.25rem;}
.fixed_box .mains.met_hidden{top:70%}
.fixed_box .mains h6{font-size:.3rem;color:#2f2f2f;text-transform:capitalize;margin:0 0 .45rem;text-align:center}
.fixed_box .mains .editor{font-size:.16rem;color:#2f2f2f;line-height:1.6}