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


/* ============= header =============  */
.header {position:relative; z-index:100; top:0; width:100%; height:2.5rem; background-color:#fff;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.header.fixed {position:fixed;}
.header.hide {opacity:0; z-index:-1;}
.header .logo {display:inline-block; position:relative; top:50%; margin-top:-24px;}
.header .logo .white {position:absolute; top:0; left:0; opacity:0;}
.header.on .logo {z-index:-1; opacity:0;}
.header.change .logo .black {opacity:0;}
.header.change .logo .white {opacity:1;}
.header.ontc  {background-color:transparent;}
.header.ontc .logo .black {opacity:0 !important;}
.header.ontc .logo .white {opacity:1 !important;}
.header.rollon .logo .black {opacity:1 !important;}
.header.rollon .logo .white {opacity:0 !important;}
.menu_bar {width:25px; height:20px; position:fixed; top:calc((2.5rem - 20px)/2); left:3.47225%; z-index:120; cursor:pointer;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.menu_bar>span {display:block; width:25px; height:2px; margin-bottom:7px; background-color:#333;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.menu_bar.change>span {background-color:#fff;}
.menu_bar .line3 {margin-bottom:0;}
.menu_bar.on {left:345px; height:25px;}
.menu_bar.on>span {margin-bottom:9.5px; background-color:#FFF;}
.menu_bar.ontc>span {background-color:#FFF !important;}
.menu_bar.rollon>span {background-color:#333 !important;}
.menu_bar.on .line1 {width:35px; 
-webkit-transform-origin:top left; -moz-transform-origin:top left; -ms-transform-origin:top left; -o-transform-origin:top left; transform-origin:top left; 
-webkit-transform:rotate(43deg);-moz-transform:rotate(43deg);-ms-transform:rotate(43deg);-0-transform:rotate(43deg);transform:rotate(43deg);
}
.menu_bar.on .line2 {opacity:0;}
.menu_bar.on .line3 {width:35px;
-webkit-transform-origin:bottom left; -moz-transform-origin:bottom left; -ms-transform-origin:bottom left; -o-transform-origin:bottom left; transform-origin:bottom left; 
-webkit-transform:rotate(-43deg);-moz-transform:rotate(-43deg);-ms-transform:rotate(-43deg);-0-transform:rotate(-43deg);transform:rotate(-43deg);
}


.header .search_bar {width:23px; height:23px; background:url(../images/search.png) no-repeat center; position:absolute; top:50%; margin-top:-11.5px; right:0; cursor:pointer;}
.header.change .search_bar {background:url(../images/search-change.png) no-repeat center;} 
.header.ontc .search_bar {background:url(../images/search-change.png) no-repeat center !important;} 
.header.rollon .search_bar {background:url(../images/search.png) no-repeat center !important;}
.header.on .search_bar {z-index:-1; background:url(../images/search.png) no-repeat center !important; opacity:.5;}



/* ============= footer =============  */
.footer {padding:1.525rem 0 0.8125rem 0; color:rgba(255,255,255,.3);}
.foot_con1>li {float:left;}
.foot_con1>li:last-of-type {margin-right:0;}
.footer .lm { min-width:165px; padding-right:1rem;}
.footer .lm a {display:block; margin-bottom:0.475rem; 
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.footer .lm a:hover {color:#fff;}
.footer .lm a:first-of-type,.foot_con2 li:first-of-type {margin-bottom:0.6125rem; color:#fff;}
.phone_number {font-size:0.6rem; color:#fff; margin-bottom:0.4125rem;}
.phone_number .ui_icon {width:0.725rem; height:0.825rem; background:url(../images/phone.png) no-repeat center; background-size:100%; margin-right:13px;}
.online_time {margin-bottom:0.6375rem;}
.copyright {margin-top:0.9125rem;}
.foot_share .bdsharebuttonbox a {float:none; margin:0 16px 0 0; padding:0; width:34px; height:34px; background-size:100%; background-color:rgba(255,255,255,.4) !important; border-radius:50%; overflow:hidden;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.foot_share .bdsharebuttonbox a:hover {background-color:#fff !important;}
.popup_weixin {background:url(../images/weixin.png) no-repeat center !important;}
.popup_tsina {background:url(../images/weibo.png) no-repeat center !important;}




/* ============= page_bot =============  */

.page_bot {position:fixed; bottom:0; left:0; width:100%; height:2.5rem; font-size:16px; color:#888; opacity:0;}
.page_bot.show {opacity:1;}
.page_bot.ex {position:absolute;}
.home .page_bot {display:none; overflow:hidden;}
.home .page_bot {display:block; position:absolute !important; bottom:-2.5rem; left:0; width:100%; height:2.5rem; font-size:16px; color:#888; opacity:0; z-index:-1;
-webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -ms-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s;
}
.section.appear .page_bot {bottom:0;}
.page_bot.show {opacity:1; z-index:86;}
.page_bot .news_link {width:auto; max-width:270px; margin:0 10px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.page_bot .news_link:hover {color:#0454a6;}
.page_bot i {position:relative; width:0; height:100%;}
.home .bot_news {opacity:0; z-index:-1;}
.home .bot_news.show {opacity:1; z-index:100;}
.return_top {position:absolute; top:50%; left:0; right:0; margin:-13px auto 0; width:90px; height:26px; text-align:center; line-height:26px; border-radius:13px; /*border:1px solid #0454a6;*/ background-color:#0454a6; color:#fff; cursor:pointer;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
/*.return_top:hover {background-color:#fff; color:#0454a6;}*/





/* ============= nav =============  */
#nav {position:fixed; z-index:110; top:0; left:-320px; width:320px; height:100%;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
#nav.on {left:0;}
#nav .navbefore{display:block; width:0; height:100%; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; opacity:1;}
#nav.on .navbefore {width:100%;}
.nav_con {position:relative; height:100% !important; background-color:rgba(255,255,255,.95); font-size:16px !important;}
.nav_top {padding:0.725rem 0; margin-bottom:0.25rem;}
.main_nav {border-top:1px solid #dedfdf; margin-bottom:0.55rem;}
.main_nav li>a {display:block; padding:0.5625rem 1rem; /*height:70px; line-height:70px;*/ border-bottom:1px solid #dedfdf; color:#333; position:relative; font-size:18px;}
.main_nav li>a:after {content:""; display:block; width:19px; height:11px; background:url(../images/jt5.png) no-repeat center; position:absolute; top:50%; margin-top:-5.5px; right:1rem;
-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;
}
.main_nav li.on>a:after{ 
-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);   
}
.main_nav li.jton>a:after {display:none;}
.navwrap {display:none;}
.navwrap>a {display:block; padding:0.475rem 1rem; /*height:1.5rem; line-height:1.5rem;*/ color:#666; background-color:#ececec;border-bottom:1px solid rgba(222,223,223,.8);
-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;
}
.navwrap>a:hover {background-color:#0454a6; color:#fff;}
.vice_nav {padding:0 1rem; margin-bottom:0.75rem;}
.vice_nav li {padding:0.35rem 0; width:50%; float:left;}
.vice_nav li:nth-of-type(2n-1) {text-align:left;}
.vice_nav li:nth-of-type(2n) {text-align:right;}
.vice_nav li a {display:block; line-height:23px;}
.vice_nav .ui_icon {margin-right:10px; height:23px;}
.vice_nav .icon1 {width:19px; background:url(../images/icon1.png) no-repeat center;}
.vice_nav .icon2 {width:23px; background:url(../images/icon2.png) no-repeat center;}
.vice_nav .icon3 {width:20px; background:url(../images/icon3.png) no-repeat center;}
.navbot {padding:0 1rem; line-height:24px;}
.search_tc {position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0;}
.search_tc.ontc {z-index:88; opacity:1;}
.seachform {width:570px; max-width:80%; margin:auto; color:#fff;}
.search_input {width:100%; font-size:0.85rem; padding:0 0.25rem 0.3125rem 0.25rem; border-bottom:1px solid #fff; background-color:transparent; margin:1rem 0 0.9rem 0;}
.search_input::-webkit-input-placeholder {color:rgba(255,255,255,.5);}
.search_input::-moz-input-placeholder {color:rgba(255,255,255,.5);}
.search_input::-ms-input-placeholder {color:rgba(255,255,255,.5);}
.seachform .closetc {display:block; margin:auto; width:22px; height:22px; background:url(../images/closetc.png) no-repeat center;} 





/* ============= scrollbody =============  */
.scrollbody {height:auto;}
.jspContainer {position:relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute; top:0; right:-5px; width:10px; height: 100%;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {width: 1px; position: relative; left:4.5px;}
.jspDrag {position: relative; top: 0; left: -5px; cursor: pointer; width:6px; border-radius:0; background-color:#0454a6 !important;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {float: left; height: 0;}
.jspArrow {background: none; text-indent:0; display: block; cursor: pointer; padding: 0; margin: 0;}
.jspArrow.jspDisabled { cursor: default; background:none;}
.jspVerticalBar .jspArrow {height:0;}
.jspHorizontalBar .jspArrow {width:0; float: left; height: 0;}
.jspVerticalBar .jspArrow:focus {outline: none; }
.jspCorner {background:none; float: left; height: 0;}





/* ============= home =============  */
.home .section {color:#333; overflow:hidden; background-color:#fff;}
.home .section .wrap3 {max-width:1150px;}
.home .section .bg_image {position:absolute; top:0; left:0; width:100%; height:100%;}
.fullpage_text {position:relative; top:60%; opacity:0;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.appear .fullpage_text {top:50%; opacity:1;}
.fullpage_text h1 {font-size:1.2rem; margin-bottom:0.4125rem;}
.fullpage_text h2 {font-size:0.85rem; margin-bottom:0.525rem;}
.fullpage_text h3 {font-size:0.75rem;}
.fullpage_text h4 {font-size:0.7rem; line-height:1.025rem;}
.fullpage_text h5 {font-size:0.55rem;}
.view_details {display:inline-block; width:150px; height:50px; line-height:50px; border-radius:25px; border:1px solid #acacad; text-align:center; font-size:16px; margin-top:0.6625rem;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.home .section4 {color:#fff;}
.home .section2 .view_details,.home .section3 .view_details {border-color:#8f97ad;}
.view_details:hover {border-color:#0454a6; background-color:#0454a6; color:#fff;}
.home .section4 .view_details {border-color:#333; color:#333;}
.home .section4 .view_details:hover {border-color:#0454a6; background-color:#0454a6;  color:#fff;}
.fullpage_text .en-font20 {margin-bottom:0.7rem;}
.fullpage_text .en-font18 {margin-bottom:8px;}
.fullpage_text .en-font16 {margin-bottom:9px;}
.star_product li {width:50%; position:relative; height:49vh;}
.home_about li {width:50%; position:relative; height:66.66%; top:16.67%; height:calc(100% - 5rem); top:2.5rem;}
.star_product>ul {padding-top:0.975rem;}
.star_pro_text {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(12,90,168,.7); color:#fff; opacity:0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.star_pro_text:hover {opacity:1;}
.star_pro_text .cn {font-size:1.2rem; margin-bottom:11px;}
.star_pro_text .mid_con>p {
-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px); 
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.star_pro_text  .mid_con .en {
-webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s;   
}
.star_pro_text:hover .mid_con>p {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);    
}
.swiper1 {margin:0 -15px; padding:0.975rem 0 0.7rem 0;}
.swiper1 .pro_link {display:block; margin:0 15px; color:#333;}
.swiper1 .pro_link .img {position:relative;    background: url(../images/probg.jpg) repeat-x center bottom;background-size: auto 100%;}
.swiper1 .pro_link .img:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,46,93,.1); opacity:0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.swiper1 .pro_link:hover .img:after {opacity:1;}
.swiper1 .pro_name {margin-top:17px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.swiper1 .pro_link:hover .pro_name {color:#0454a6;}
.swiper-dots1 .swiper-pagination-bullet {width:6px; height:6px; background:#7c7c7c; box-shadow:0 0 0 1px #fff,0 0 0 3px #fff; opacity:1; margin:0 6px;}
.swiper-dots1 .swiper-pagination-bullet-active {background:#fff; box-shadow:0 0 0 1px #fff,0 0 0 3px #7c7c7c;}
.page_tit {font-size:1rem; color:#333;}
.view_lists {display:inline-block; color:#777; margin-top:0.325rem;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.view_lists:hover {color:#0454a6;}
.view_lists .ui_icon {width:22px; height:22px; background:url(../images/jt1.png) no-repeat center; margin-left:10px; top:-2px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.view_lists:hover .ui_icon {background:url(../images/jt1-hover.png) no-repeat center;}
.home_about .wrap3-1 {padding-right:20.833%; position:relative; top:60%; opacity:0;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.appear .home_about .wrap3-1 {top:50%; opacity:1;}
.home_intro {line-height:28.8px; color:#666; margin-top:0.7rem;}
.introwrap {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:4; 
white-space: normal; height:; text-overflow: -o-ellipsis-lastline;
-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; 
}




/* ============= 当季新品 =============  */
.season_new_product .section .wrap3 {max-width:1150px;}
.season_new_product .section .bg_image {position:absolute; top:0; left:0; width:100%; height:100%;}
.season_new_product .section1,.season_new_product .section5 {color:#fff;}
.season_new_product .section3 .view_details,.season_new_product .section4 .view_details {border-color:#8f97ad;}
.season_new_product .section5 .view_details {border-color:#fff; color:#fff;}
.season_new_product .section5 .view_details:hover {border-color:#fff; background-color:#fff; color:#0454a6;}
.season_new_product .section1.appear .fullpage_text{top:50% !important; bottom:auto !important;
-webkit-transform:translateY(-50%) !important;-moz-transform:translateY(-50%) !important;-ms-transform:translateY(-50%) !important;-o-transform:translateY(-50%) !important;transform:translateY(-50%) !important;
}



/* ============= 人气星品 =============  */
.pop_star_banner .img {margin-bottom:1rem;}
.pop_star_product .pro_name {font-size:0.9rem; color:#333; margin-bottom:0.7375rem;}
.pop_star_product .pro_feature {color:#0454a6; margin-bottom:6px;}
.pop_star_product .pro_describe {color:#626262; line-height:30px;}
.pop_star_lists {padding:1.375rem 0;}
.pop_star_lists ul li {position:relative; margin:0.75rem 0;}
.pop_star_lists ul li .inline_block {width:48.7288%;}
.pop_star_lists .text {padding-left:11.0169%; position:absolute; top:60%; opacity:0;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
-webkit-transition:all 1s 0s; -moz-transition:all 1s 0s; -ms-transform:all 1s 0s; -o-transform:all 1s 0s; transform:all 1s 0s;
}
.pop_star_lists li.on .text {top:50%; opacity:1;}
.pop_star_lists ul li:nth-of-type(2n-1) .img {float:left;}
.pop_star_lists ul li:nth-of-type(2n-1) .text {right:0;}
.pop_star_lists ul li:nth-of-type(2n) .img {float:right;}
.pop_star_lists ul li:nth-of-type(2n) .text {left:0;}





/* ============= 产品系列 =============  */
.innerCon {position:relative;}
.category {overflow:hidden; padding-bottom:68px; margin-bottom:10px; position:relative; top:0; left:0; z-index:66; width:100%; background-color:#fff;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.category.fixed {position:fixed; top:2.5rem;}
.category:after {content:""; display:block; width:100%; height:68px; background-color:#f1f1f1; position:absolute; top:38px; left:0;}
.category ul {position:relative;}
.category ul li {display:inline-block; margin:0 1.625rem;}
.cat_tit {color:#666; height:38px; line-height:38px; padding-bottom:7px; position:relative;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.cat_tit:after {content:""; display:block; width:100%; height:1px; padding:0 1.625rem; position:absolute; bottom:0; left:-1.625rem; background-color:#ddd;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.hover .cat_tit,.on .cat_tit {color:#333;}
.hover .cat_tit:after,.on .cat_tit:after {background-color:#0454a6;}
.cat_body {color:#626262; position:absolute; bottom:-68px; left:0; width:100%; height:68px; line-height:68px; background-color:#f1f1f1; z-index:-1; opacity:0; overflow-x:auto; overflow-y:hidden;
/*transform:scale(.1,.1);*/
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.hover .cat_body,.on .cat_body {z-index:10; opacity:1;
/*transform:scale(1,1);*/
}
.hover .cat_body {z-index:20;}
.cat_body a {display:inline-block; margin:0 15px; position:relative;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.cat_body a:after {content:""; display:block; width:0; height:1px; background-color:rgba(68,68,68,1); position:absolute; bottom:17px; right:0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.cat_body a:first-of-type {margin-left:0;}
.cat_body a:last-of-type {margin-right:0;}
.cat_body a:hover,.cat_body a.on {color:#333;}
.cat_body a:hover:after,.cat_body a.on:after {width:100%; right:auto; left:0;}
.pro_lists_body {padding-bottom:1.35rem;}
.pro_lists {margin-bottom:0.675rem; color:#666; min-height:25vh;}
.pro_lists ul {margin:0 -0.375rem;}
.pro_lists ul li {width:33.33%; float:left;}
.pro_lists ul li a {display:block; margin:0.75rem 0.375rem;}
.pro_lists .img {background:url(../images/probg.jpg) repeat-x center bottom; background-size:100% auto; position:relative;}
.pro_lists .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,46,93,.1);
    opacity: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.pro_lists ul li a:hover .img:after {opacity:1;}
.pro_lists .img img {
/*-webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; transition:transform 1s;*/
}
.pro_lists ul li a:hover img {
/*-webkit-transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); transform:scale(1.08,1.08);*/
}
.pro_lists .pro_name {padding:0.4rem 0; color:#333;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.pro_lists ul li a:hover .pro_name {color:#0454a6;}
.pro_lists .fit_people {color:#0454a6;}
.pro_lists .fit_people>span {display:inline-block; width:auto; max-width:calc(100% - 32px);}
.pro_lists .pro_wet {margin:7.5px 0;}
.pro_lists .pro_efficacy {height:67.5px; overflow:hidden; position:relative; padding-left:78px;}
.pro_lists .pro_efficacy .eff_tit {position:absolute; top:0; left:0; width:78px;}
.pro_lists .pro_efficacy .eff_body {line-height:22.5px;}
img.mark {position:absolute; top:4.0214%; left:4.0214%; width:14.7453% !important; border-radius:50%;}




/* ============= 美肤方案 =============  */
.cat_lmtit {padding:60px 0;}
.cat_lmtit h1 {font-size:1.2rem; color:#333; margin-bottom:9.5px;}
.cat_class h1 {font-size:0.9rem; color:#333; margin-bottom:7px;}
.cat_lmtit p,.cat_class p {color:#666;}
.cat_class {padding:24.5px 0 27.5px 0;/* border-bottom:1px solid #eee; */}




/* ============= 产品详情 =============  */
.swiper-dots2 {display:none;}
.pro_maximg {/*height:52.08vw;*/ height:auto; max-height:750px; background:url(../images/prodetbg.jpg) repeat-x center bottom; background-size:auto 100%;}
.swiper2 {position:static; bottom:0.1rem; left:0; right:0; width:44.79166%; margin:auto; padding:2.5rem 0 5px 0;}
.swiper2 .swiper-slide {opacity:0 !important;}
.swiper2 .swiper-slide-active {opacity:1 !important;}
.swiper2 img {/*max-height:44.79166vw;*/ max-height:86vh;}
.maxing_info {position:absolute; z-index:10; top:0; left:0; width:100%; height:100%;}
.pro_text1 {width:469px; position:relative; color:#666; padding-left:0.875rem; }
.pro_cn_name {font-size:1rem; color:#333; margin-bottom:6px;}
.pro_en_name {color:#333; margin-bottom:16px;}
.pro_text1 .pro_efficacy {display:block; line-height:28.8px; margin:20px 0;}
.pro_minimg {position:relative; z-index:20;}
.pro_text1,.pro_minimg {min-height:40%;
-webkit-transform:translateY(62%); -moz-transform:translateY(62%); -ms-transform:translateY(62%); -o-transform:translateY(62%);transform:translateY(62%);   
}
.pro_minimg>#prev {background:url(../images/jt6-2.png) no-repeat center;}
.pro_minimg>#next {background:url(../images/jt6-1.png) no-repeat center;}
.pro_minimg>a {display:block; width:21px; height:11px; margin:auto; cursor:pointer;}
.selfdef_slide {height:255px; overflow:hidden; padding:1px 0; font-size:0;}
.sliwrap {
-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; 
}
.selfdef_slide img {width:68px; height:68px; border:1px solid #fff; margin:7.5px 0; cursor:pointer;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.selfdef_slide img:hover,.selfdef_slide .slitem.on img {border-color:#0454a6;}
#next,#prev {
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;  
}
#next.hide,#prev.hide {display:none;}
.pro_show2 .wrap {padding:1.65rem 0 0 0;}
.partit {font-size:0.9rem; color:#333; padding:24.5px 0; border-bottom:1px solid #eee;}
.pro_text2 {padding:1.4rem 0.875rem;}
.pro_smr_tit {display:block; color:#333; margin-bottom:10px;}
.pro_smr_body {display:block; font-size:18px; color:#666;}
.ingredient_lists {margin:-15px 0; padding:0 0.875rem;}
.ingredient_lists li>div {position:relative; padding:15px 0;}
.ingredient_lists li>div>div {width:45.495%;}
.ingredient_lists .text {position:absolute; top:50%;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.ingredient_lists li:nth-of-type(2n-1) .img {float:right;}
.ingredient_lists li:nth-of-type(2n-1) .text {left:0;}
.ingredient_lists li:nth-of-type(2n) .img {float:left;}
.ingredient_lists li:nth-of-type(2n) .text {right:0;}
.ingredient_name {color:#333; margin-bottom:5.5px;}
.ingredient_des {color:#666; line-height:28px;}
.swiper3 {padding-top:2.375rem;}
.pro_show3 {padding-top:2rem;}
.pro_text3 {color:#333; line-height:25.2px; padding:1.5rem 0.875rem 2rem 0.875rem;}
.pro_text3 .ptit {display:block; position:absolute; top:11px; left:0;}
.pro_text3 .pbody {display:block; color:#666; margin:11px 0;}
.pro_wet .ptit {width:72px;}
.pro_wet .pbody {padding-left:72px;}
.pro_ingredient .ptit {width:126px;}
.pro_ingredient .pbody {padding-left:126px;}
.pro_wet .ptit {width:72px;}
.pro_wet .pbody {padding-left:72px;}
.fit_people .ptit,.usage .ptit,.hits .ptit,.pca_note .ptit {width:90px;}
.fit_people .pbody,.usage .pbody,.hits .pbody,.pca_note .pbody {padding-left:90px;}
.pro_text4 {padding:1.1375rem 0.875rem 2.8375rem 0.875rem;}
.use_exp_tit {display:block; color:#333; margin-bottom:13.5px;}
.use_exp_body {display:block; color:#666; line-height:25.2px;}
.pro_show5 {background-color:#f7f7f7;}
.pro_show5 .wrap {padding:1.45rem 0 2.325rem 0;}
.swiper5_body {position:relative;}
.swiper5 {color:#333;}
.swiper-prev5,.swiper-next5 {width:60px; height:60px; position:absolute; z-index:10; top:50%; margin-top:-10px; background-size:100%; cursor:pointer;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.swiper-prev5:hover {-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.swiper-next5:hover {-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);}
.swiper-prev5 {left:-30px; background:url(../images/jt8-1.png) no-repeat center;}
.swiper-next5 {right:-30px; background:url(../images/jt8-2.png) no-repeat center;}
.swpimg {overflow:hidden; position:relative;}
.swpimg:after {content:""; display:block; width:12px; height:24px; background:url(../images/jt7.png) no-repeat center; position:absolute; top:50%; margin-top:-12px; right:0;}
.swiper5 .swiper-slide:last-of-type .swpimg:after {display:none;}
.swpimg img {max-width:none; width:132%;}
.pro_show6 {padding:1.8375rem 0 0 0; padding-bottom:1.25rem;}
.pro_show6 .partit {border-bottom:none; margin-bottom:25px;}
.swiper6 {margin:0 -0.375rem;}
.swiper6 a {display:block; margin:0 0.375rem;}
.swiper6 a>.img {background:url(../images/probg.jpg) repeat-x center bottom; background-size:auto 100%;}
.swiper6 a>.pro_name {padding:17px 0;}
.pro_share {position:absolute; z-index:88; bottom:1rem; right:0;}
.pro_share .bdsharebuttonbox a {margin:0 0 0 16px;}
.pro_share .bdsharebuttonbox .popup_weixin:hover {background:#fff url(../images/weixin-hover.png) no-repeat center !important;}
.pro_share .bdsharebuttonbox .popup_tsina:hover {background:#fff url(../images/weibo-hover.png) no-repeat center !important;}


/* ============= 品牌点滴 =============  */
.brandtop {background-color:#f1f1f1; position:relative; z-index:66; top:0; left:0; width:100%;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.brandtop.fixed {position:fixed; top:2.5rem;}
.brandtop>.wrap2 {overflow-x:auto; overflow-y:hidden;}
.brandtop a {display:inline-block; color:#666; margin:0 15px; height:68px; line-height:68px; position:relative;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.brandtop a:after {content:""; display:block; width:0; height:1px; background-color:#333; position:absolute; bottom:18px; right:0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.brandtop a:first-of-type {margin-left:0;}
.brandtop a:last-of-type {margin-right:0;}
.brandtop a:hover,.brandtop a.on {color:#333;}
.brandtop a:hover:after,.brandtop a.on:after {width:100%; right:auto; left:0;}
.within_tit {font-size:0.9rem; color:#333; text-align:center; padding:20px 0;}
.brand_intro {position:absolute; top:0; left:0; width:100%; height:100%; color:#444; line-height:28.8px;}
.ppjj_wrap {padding:0 3rem; position:relative; top:50%;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
} 
.brand_intro .scrollbody {width:400px; max-width:100%;}
.brand_story {margin-top:0.75rem;}
.brand_story .mid_con {max-height:100%;}
.brand_parse {margin:0.75rem 1.5rem 0 1.5rem;}
.ppgs_wrap {padding:0.25rem 1.5rem 0 1.5rem;}
.ppgs_wrap>div {width:50%;}
.ppgs_wrap .text {position:absolute; top:0; right:0; height:100%; padding:1.5rem;}
.ppgs_tit {font-size:0.85rem; color:#0454a6; margin-bottom:18px;}
.ppgs_body {color:#666; line-height:28.8px; position:relative;}
.parse_des {color:#666; line-height:28.8px;}
.brand_parse>ul {padding:1.375rem 0; border-bottom:1px solid #0454a6;}
.brand_parse ul li {width:33.33%; vertical-align:top;}
.brand_parse img {background-color:#0454a6; margin-bottom:0.75rem;}
.timevent-axis {position:relative; overflow:hidden; margin-top:1.125rem; padding-bottom:10px;}
.timevent-axis:before {content:""; display:block; width:5px; height:100%; background-color:#0454a6; position:absolute; top:-5px; left:50%; margin-left:-2.5px;}
.timevent-axis>ul {float:left; width:50%;}
.timevent-axis .year {font-size:0.75rem; color:#0454a6; margin-bottom:3.5px;}
.timevent-axis .img {width:150px;}
.timevent-axis .text {width:calc(100% - 150px);}
.timevent-axis .describe {line-height:28.8px; color:#666;} 
.timevent-axis .describe>p {position:relative;}
.timevent-axis .describe>P:before {content:""; display:block; width:3px; height:3px; background-color:#666; border-radius:50%; position:absolute; top:50%; amrgin-top:-1.5px;}
.UL {padding-right:0.9125rem;}
.UL .img {float:right;}
.UL .text {float:left; text-align:right; padding-right:0.5rem;}
.UL .describe>p {padding-right:11px;}
.UL .describe>P:before {right:3.5px;}
.UR {padding-top:116px; padding-left:0.9125rem;} 
.UR .img {float:left;}
.UR .text {float:right; padding-left:0.5rem;}
.UR .describe>p {padding-left:11px;}
.UR .describe>P:before {left:3.5px;}
.year-li {position:relative;margin-bottom:2rem;}
.year-li.last-e {margin-bottom:0;}
.year-li>i {display:block; width:15px; height:15px; background-color:#0454a6; border-radius:50%; position:absolute; /*top:0.75rem;*/ bottom:-9.5px;}
.UL .year-li>i {right:-0.9125rem; margin-right:-7.5px;}
.UR .year-li>i {left:-0.9125rem; margin-left:-7.5px;}
.brand_history {margin-top:0.75rem; margin-bottom:2rem; padding:0 1.5rem;}




/* ============= 核心成分 =============  */
.hxcf {padding:2rem 0 4rem;}
.brand_page_tit {font-size:1rem; margin-bottom:1.1rem;}
.core_igd_des {color:#666; line-height:28.8px; padding:0.75rem 0 1.125rem 0;}
.core_igd_des .color_ex {color:#0454a6;}
.igd_cat {width:50%; color:#666;}
.igd_cat_name {font-size:1.2rem; color:#0454a6; padding-left:5.0847%; margin:1rem 0;}
.igd_cat ul {margin:-0.975rem 0;}
.igd_cat ul li {padding:0.975rem 0;}
.igd_cat .img {width:32.2%; padding-right:5.0847%;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.igd_cat .img:hover { 
-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);
}
.igd_cat .img img {
-webkit-transition:all 2.5s; -moz-transition:all 2.5s; -ms-transition:all 2.5s; -o-transition:all 2.5s; transition:all 2.5s;
}
/*
.igd_cat .img:hover img { 
-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);transform:rotate(360deg);
}
*/
.igd_cat .img img {border-radius:50%;}
.igd_cat .text {width:67.8%; padding-right:11.8644%;}
.igd_name {font-size:0.6rem; color:#333; margin-bottom:17px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.igd_name:hover {color:#0454a6;}



/* ============= 研发理念 =============  */
.yfln {padding:2rem 0 2.25rem 0;}
.idea_show {margin-top:1rem;}
.idea_tit {font-size:0.6rem; color:#333; padding:20px 0;}
.idea_body {color:#666; line-height:28.8px;}
.idea_show img {max-width:100% !important;}




/* ============= 产品安全 =============  */
.cpaq {padding:2rem 0 1.875rem 0;}
.adv_tit {
    font-size: 0.75rem;
    color: #0454a6;
    padding: 0 0.75rem;
    margin: 25px 0 18px 0;
}
.adv_intro {
    color: #666;
}
.adv_des {
    display: block;
    padding: 0 0.75rem;
    line-height: 28.8px;
}
ul.adv_des li {
    position: relative;
    padding-left: 12px;
}
ul.adv_des li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    top: 10px;
    left: 0;
}
.ui_overflow .swiper-container {
    margin: 0 -0.375rem;
    padding-top: 1.25rem;
}
.ui_overflow .swiper-slide {
    width: 33.33%;
    float: left;
}
.ui_overflow .swp_sld_wrap {
    margin: 0 0.375rem;
}
.ui_overflow .swp_sld_wrap .text, .swp_explain {
    padding: 12.5px 0.75rem;
}
.tnl_tit {
    font-size: 0.9rem;
    color: #0454a6;
}
.tnl_des {
    line-height: 30px;
}
ul.tnl_des li {
    position: relative;
    padding-left: 12px;
}
ul.tnl_des li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    top: 10px;
    left: 0;
}
.adv1, .adv2 {
    padding-bottom: 15px;
}
.tnl_show {
    padding: 2.125rem 0;
}
.tnl_show .img {padding-right:6.3559%;}
.tnl_show .text {padding-left:6.3559%;}
.adv5 .adv_des {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}





/* ============= 品牌动态 =============  */
.ppdt {padding:2rem 0 1rem 0;}
.news_lists ul {margin:-0.5rem -0.375rem;}
.news_lists li {width:33.33%; float:left; padding:0.5rem 0;}
.news_lists li a {display:block; margin:0 0.375rem; overflow:hidden;
-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;
}
.news_lists li a:hover {box-shadow:0 0 20px 0 rgba(0,0,0,.5);
/*-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);*/
}
.news_lists li a>p {padding:0 0.5rem;}
.news_tit {color:#333; margin:0.5rem 0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.news_lists li a:hover .news_tit {color:#0454a6;}
.news_des {color:#666; margin-bottom:0.625rem; min-height:42px;}
.news_date {color:#999; margin-bottom:0.5rem;}



/* ============= 品牌新闻-详情 =============  */
.ppdt_det {padding-bottom:2.25rem;}
.news_detop {padding:0.675rem 0; border-bottom:1px solid #eee;}
.news_detop .news_tit {font-size:0.9rem; color:#333; margin-bottom:0.725rem;}
.news_detop .news_date {color:#666;} 
.news_debody {color:#666; line-height:28.8px; padding:1rem 0; border-bottom:1px solid #eee;}
.news_debody img {display:block; margin:auto; max-width:100%;}
.news_detbot {position:relative; margin-top:1rem;}
.page_turning a {display:inline-block; max-width:42.37288%; color:#666; padding:4px 0;}
.news_detbot .return_lists {display:block; position:absolute; top:50%; margin-top:-10.5px; right:0;}
.news_detbot .foot_share {display:block; width:auto; position:absolute; top:50%; left:50%; margin-top:-17px;
-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
}
.news_detbot .bdsharebuttonbox a {margin:0 8px; background-color:rgba(220,220,220,.4) !important;}
.news_detbot .bdsharebuttonbox .popup_weixin:hover {background:url(../images/weixin-hover.png) no-repeat center !important;}
.news_detbot .bdsharebuttonbox .popup_tsina:hover {background:url(../images/weibo-hover.png) no-repeat center !important;}




/* ============= 会员中心 =============  */
.hyzx {padding:2.5rem 0 1.375rem 0;}
.hyzx .zcly {padding:0.75rem 0 2rem 0; border-bottom:1px solid #e5e5e5; margin-bottom:1.75rem;}
.hyzx .news_lists {padding-bottom:1.375rem; border-bottom:1px solid #e5e5e5;}
.zcly .img {width:43.644%;}
.zcly .text {width:56.356%; padding-left:8.47457%;}
.zcly .text .p1 {font-size:0.85rem; color:#333; margin-bottom:0.475rem;}
.zcly .text .p2 {font-size:0.6rem; color:#666;}
.zcly .text img {margin-right:1.25rem;}
.zcly .text li {padding:1rem 0;}
.zcly .text li>span:first-of-type {width:19.8245%;}
.zcly .text li>span:last-of-type {width:80.1755%;}





/* ============= 入会须知 =============  */
.rhxz {padding:2.5rem 0;}
.rhxz .topimg {padding-top:1rem; border-top:1px solid #e5e5e5;}
.vipnotice {margin-top:55px;}
.vipnotice ul li {margin-bottom:1.0875rem;}
.vipnotice ul li:last-of-type {margin-bottom:0;}
.vipnotice .note_tit {font-size:0.75rem; color:#333; margin-bottom:14px;}
.vipnotice .note_body {color:#666; line-height:28.8px;}





/* ============= 会员权益 =============  */
.hyqy_body {padding:2.5rem 0;} 
.hyqy>ul {
    margin: 0 -0.375rem;
}
.hyqy>ul>li {
    width: 33.33%;
    float: left;
}
.hyqy>ul>li>div {
    margin: 0 0.375rem;
    box-shadow: 0 0 10px 1px #f3f3f3;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(236,236,236,0);
    border-top: 4px solid #0454a6;
    -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.hyqy>ul>li>div:hover {box-shadow:0 0 20px 0 rgba(0,0,0,.5);}
.gift_name {
    font-size: 0.75rem;
    margin-bottom: 13.5px;
}
.gift_des {
    color: #666;
    line-height: 25px;
    min-height: 50px;
}
.gift_box img {
    padding: 35px 0;
}
.gift_box {
    padding: 55px 0.75rem;
}
.gift_lists {
    padding-top:0.75rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2.25rem;
}
.vip_box {
    padding: 1rem 0;
}
.vip_box>img {
    width: 78%;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ececec;
}
.card_des {
    display: block;
    width: 78%;
    margin: auto;
    color: #333;
    line-height: 22.4px;
    padding: 0.75rem 0;
}
.card_des>p {
    padding: 4px 0;
}
.fit_scene li {
    width: 33.33%;
    float: left;
    color: #888;
}
.fit_scene img {
    padding: 8.5px 0;
}





/* ============= 二维码 =============  */
.ewm_body {padding:2.5rem 0 3rem 0;}
.QRcode_lists {padding-top:1.25rem; border-top:1px solid #e5e5e5;}
.QRcode_lists ul {margin:-1rem 0;}
.QRcode_lists li {width:50%; float:left;}
.QRcode_lists li>div {margin:1rem 0;}
.QRcode_lists .img {float:left; width:42.37288%; max-width:240px; padding-right:6%;}
.QRcode_lists .text {float:left; width:57.62712%; padding-top:16px;}
.QRcode_name {color:#333; margin-bottom:14px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
/*.QRcode_lists li:hover .QRcode_name {color:#0454a6;}*/
.QRcode_des {color:#666; line-height:28.8px;}





/* ============= 查真伪 =============  */
.czw {padding:2.5rem 0 1.25rem 0;}
.check_box {position:relative; padding-top:0.75rem; border-top:1px solid #e5e5e5;}
.check_box .text {position:absolute; top:50%; left:0; padding:0 3rem; color:#333;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.check_name {font-size:1rem; margin-bottom:15px;}
.check_link {display:inline-block; font-size:16px; margin-top:0.725rem;
-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.check_link:hover { 
-webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px);transform:translateX(20px);
}
.check_link>i {width:1.25rem; height:1.25rem; background:#fff url(../images/jt2.png) no-repeat center; background-size:36% auto; border-radius:50%; margin-right:6px;}





/* ============= 搜素 =============  */
.ssjg {padding-bottom:1.625rem;}
.search_total {padding:2.125rem 0 1.625rem 0;}
.topp {padding:0.375rem 0; border-bottom:1px solid #ddd;}
.search_bg {height:31.944vw; background-position:center 51.5%;}
.search_body,.your_favorite {width:74.57627%; margin:auto;}
.search_result li {border-bottom:1px solid #ddd;}
.search_result li a {display:block; padding:0.5rem 0; position:relative;}
.search_result li a:after {content:""; display:block; width:0; height:1px; background-color:#0454a6; position:absolute; bottom:0; right:0;
-webkit-transition:all 2.5s; -moz-transition:all 2.5s; -ms-transition:all 2.5s; -o-transition:all 2.5s; transition:all 2.5s;
}
.search_result li a:hover:after {width:100%; right:auto; left:0;} 
.search_result .img {width:190px; padding:0 0.25rem;}
.search_result .img img {background:url(../images/probg.jpg) repeat-x center bottom; background-size:auto 100%;}
.search_result .text {width:calc(100% - 190px); padding:0 0.625rem;}
.search_result .pro_name {
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;    
}
.search_result li a:hover .pro_name {color:#0454a6;}
.search_result .pro_des {margin-top:10px; color:#666;}
.search_body .color_ex {color:#0454a6;}
.swiper10 {margin:0.625rem -0.375rem 0 -0.375rem;}
.your_favorite a {display:block; margin:0 0.375rem;}
.swiper10 .img {background:url(../images/probg.jpg) repeat-x center bottom; background-size:auto 100%;}
.swiper10 .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,46,93,.1);
    opacity: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.swiper10 a:hover .img:after {opacity:1;}
.swiper10 .pro_name {padding:17px 0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.swiper10 a:hover .pro_name {color:#0454a6;}
.page_number {padding:1.125rem 0; margin-bottom:15px;}
.page_number a {display:inline-block; vertical-align:middle; color:#666; position:relative; margin:0 0.25rem; padding-bottom:6px;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.page_number a:after {content:""; display:block; width:0; height:1px; background-color:#333; position:absolute; bottom:0; right:0;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.page_number a:hover,.page_number a.on  {color:#333;}
.page_number a:hover:after,.page_number a.on:after {width:100%; right:auto; left:0;}
.page_number a.prev {background:url(../images/jt4-1.png) no-repeat center;}
.page_number a.next {background:url(../images/jt4-2.png) no-repeat center;}
.page_number a.btn {width:38px; height:38px; padding-bottom:0; border:1px solid #dedede; border-radius:50%;
-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;
}
.page_number a.btn:after {display:none;}
.page_number a.prev:hover {background:#0454a6 url(../images/jt4-1-hover.png) no-repeat center;}
.page_number a.next:hover {background:#0454a6 url(../images/jt4-2-hover.png) no-repeat center;}
.page_number a.btn:hover {border-color:#0454a6;}



@media only screen and (max-width: 1380px) {
.footer .lm {min-width:136px;}      
}

@media only screen and (max-width: 1280px) {
.footer .lm {min-width:inherit; padding-right:0.4rem;}  

/* 产品详情 */
.pro_text1,.pro_minimg {
-webkit-transform:translateY(56%); -moz-transform:translateY(56%); -ms-transform:translateY(56%); -o-transform:translateY(56%);transform:translateY(56%);
}
}

@media only screen and (max-width: 1080px) {
.bot_news {display:none !important;}
.footer ul {width:100%;}    
.foot_con1>li {width:20%;}

/* 品牌动态 */
.news_lists li {width:50%;}

/* 产品系列 */
.pro_lists ul li {width:50%;}

/* 产品详情 */
.pro_text1,.pro_minimg {
-webkit-transform:translateY(45%); -moz-transform:translateY(45%); -ms-transform:translateY(45%); -o-transform:translateY(45%);transform:translateY(45%);
}

/* 品牌点滴 */
.year-li>div,.ppgs_wrap>div {width:100% !important;}
.year-li>div.img {width:auto !important;}
.ppgs_wrap .text,.brand_intro {position:static;}
.ppgs_wrap .text .mid_con,.brand_intro .ppjj_wrap {top:0;
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);    
}
.brand_banner img {width:170%; max-width:none; margin-left:-70%;}
.ppjj_wrap {padding:0 1.5rem;}
.brand_intro .scrollbody {width:100%; margin-top:20px;}
.ppgs_body {max-height:334px !important;}

/* 会员权益 */
.hyqy>ul>li {width:50%; margin:0.5rem 0;}

/* 二维码 */
.QRcode_lists li {width:100%;}
.QRcode_lists li>div {height:auto !important;}

}

@media only screen and (max-width: 960px) {
.font14 {font-size:14px;}

.font16 {font-size:14.5px;}

.font18 {font-size:15px;}

.font20 {font-size:15.5px;}

.font22 {font-size:16px;}
    
.mo_view {display:block;}

.pc_view {display:none;}

.appear .fullpage_text {position:absolute; top:auto; bottom:2.5rem;
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);
}

/* 会员中心 */
.zcly>div {width:100% !important;}
.zcly .text img {height:2.125rem;}


/* 查真伪 */
.check_box .img img {width:180%; max-width:none; margin-left:-80%;}
.check_box .text {position:static; margin-top:1rem; padding:0 1.5rem;
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);    
}
.check_link>i {border:1px solid #0454a6;}

/* 搜素 */
.search_body, .your_favorite {width:100%;}

/* 产品详情 */
.swiper2 {bottom:auto; top:2.5rem;}
.maxing_info {position:static; padding-top:1rem; text-align:center;}
.pro_minimg {display:none;}
.pro_text1 {display:inline-block; width:auto; padding:0; text-align:left; float:none;}
.swiper-dots2 {display:block; position:absolute; bottom:1rem; left:0; z-index:66; width:100%;}
.swiper-dots2>span {margin:0 10px;}
.swiper2 {padding:1.25rem 0; width:100%;}
.swiper2 img {max-height:none;}
.pro_text1,.pro_minimg {
-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);transform:translateY(0);
}
}

@media only screen and (max-width: 768px) {
.font14 {font-size:13.5px;}

.font16 {font-size:14px;}

.font18 {font-size:14.5px;}

.font20 {font-size:15px;}

.font22 {font-size:15.5px;}

.header .logo img {height:32px;}
.header .logo {margin-top:-14px;}

.footer .lm {padding-right:0;}
.foot_con1>li {width:33.33%;}
.foot_con1>li:nth-of-type(1),.foot_con1>li:nth-of-type(2) {width:50%;}
.foot_con1 {display:none !important;}

.copyright {text-align:left;}
.home_intro {height:54%; overflow:hidden;}
.uproll,.downroll {width:30px; height:30px; margin-top:0.6625rem; margin-left:10px; cursor:pointer; display:none;}
.downroll {background:url(../images/jt3-2.png) no-repeat center;}
.uproll {background:url(../images/jt3-1.png) no-repeat center;}

.view_details {width:120px; height:35px; line-height:35px;}
.star_product li {width:100%;}
.home_about li {width:100%; height:36%; overflow:hidden; padding:15px 0; top:14%;}
.home_about .wrap3-1 {padding-right:0; float:none; margin:auto; height:100%;}

.page_bot  {position:relative;}


/* 人气星品 */
.pop_star_lists ul li .inline_block {width:100%;}
.pop_star_lists .text {position:static; padding-left:0; text-align:center; margin:1rem 0;
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);
}

/* 品牌点滴 */
.ppjj_wrap,.ppgs_wrap,.ppgs_wrap .text,.brand_history {padding-left:0.75rem; padding-right:0.75rem;}

/* 核心成分 */
.igd_cat {width:100%;}

/* 产品安全 */
.ui_overflow .swiper-slide {width:100%;}

/* 产品系列 */
.category ul li {margin:0 0.5rem;}
.cat_tit:after {padding:0 0.5rem; left:-0.5rem;}

/* 产品详情 */
.ingredient_lists li>div>div {width:100%; padding:0.5rem 0;}
.ingredient_lists .text{position:static;
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);
}
.pro_text3 .ptit {position:static; width:100%;}
.pro_text3 .pbody {padding-left:0; margin:0 0 15px 0;}
}

@media only screen and (max-width: 640px) {
.font14 {font-size:13px;}

.font16 {font-size:13.5px;}

.font18 {font-size:14px;}

.font20 {font-size:14.5px;}

.font22 {font-size:15px;}
    
.foot_con2>li {display:inline-block;}
.copyright {font-size:12px;}    

/* 品牌动态 */
.news_lists li {width:100%;}

/* 产品系列 */
.pro_lists ul li {width:100%;}
.pro_lists .text,.pro_lists .pro_efficacy {height:auto !important;}

/* 会员权益 */
.hyqy>ul>li {width:100%;}

/* 二维码 */
.QRcode_lists {text-align:center;}
.QRcode_lists .img {display:inline-block; float:none; padding-right:0;}
.QRcode_lists .text {width:100%;}

/* 搜素 */
.search_result .img {width:4.75rem;}
.search_result .text {width:calc(100% - 4.75rem)}
}

@media only screen and (max-width: 480px) {
.font14 {font-size:12.5px;}

.font16 {font-size:13px;}

.font18 {font-size:13.5px;}

.font20 {font-size:14px;}

.font22 {font-size:14.5px;}
    
#nav {width:280px; left:-280px;}
.menu_bar.on {left:300px;}
}