﻿@charset "utf-8";
/* CSS Document */
@font-face{
    font-family:"../fonts/sans-serif/sas_____.pfb";
    src: url('../css/AvenirLTStd-Book/AvenirLTStd-Book.otf');
}
@font-face{
    font-family:"Averia Serif Libre";
    src: url('../fonts/AveriaSerifLibre-Regular/AveriaSerifLibre-Regular.ttf') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
/* body{
    font-family:"Avenir LT Std";
} */
.earth{
    position: relative;
}
body{ font-family:"微软雅黑","Microsoft Yahei","微軟正黑",sans-serif,'Arial' !important; margin:0; padding:0;  color:#333;}
ul, li, h1, h2, h3, h4, h5, h6, span, p, input, button {list-style: none;margin: 0;padding: 0;font-weight: normal;}
a {text-decoration: none;color: #333;font-family:"微软雅黑","Microsoft Yahei","微軟正黑",sans-serif,'Arial' !important;}
a:hover,a:active{ text-decoration:none !important;}
.clearfix{zoom: 1;}
.clearfix:after{overflow:hidden;clear:both;display:block;content:"";height:0px;}
img {border: 0;}
.fl{float: left;}
.fr{float: right;}
em {margin:0; padding:0;}
i {font-style: normal; margin:0; padding:0;}
.clear {clear: both;}
/* body{background:#fefbef;} */
body{ background:#fff; }

html {
           font-size: 62.5%;
       }
       @media only screen and (min-width: 1000px){
           html {
               font-size: 90%!important;
           }
       }
       @media only screen and (min-width:1366px){
           html {
               font-size: 100%!important;
           }

       }
       @media only screen and (min-width: 1920px){
           html {
               font-size: 110%!important;
           }
       }
       body{
           font-size:16px;
           font-size:1.2rem ; 
       }
       p{
           font-size:16px;
           font-size:1.2rem;
       }
.rightText .write h1.title{
    margin-top: 0;
    margin-bottom: 28px;
}
/*公用左侧菜单*/      
.main_box{position:relative;}
/* .nav_l{width:12%;
    background: rgba(255,255,255,0.7);
    box-shadow: 0px 2px 5px #f3f2f0;
    position:fixed;
    top:0px;
    left:0px;
    z-index:101;
    bottom:0;
    display: none;
} */
.nav_l {
    position: relative;
    background: #fff;
    box-shadow: 0px 2px 5px #f3f2f0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    height: 100%;
    padding-left: 10px;
    padding-right: 15px !important;
    display: none;
   /* min-width:11%;*/
    /* border: 1px solid red; */
}
.table-box{
    /* border: 1px solid green; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.write p{
  line-height: 1.8em;
  font-size: 17px;
  margin-bottom: 4px;
  text-align: justify;
}
.nav_l .ban{
    display:block;
}
.nav_l img.logo{display:block;margin:0 auto 0;margin-top:45px;width:70%;}
.nav_l img.ball{display:block;margin:22px auto 0;width:12%;cursor: pointer;}
.nav_l .nav1{margin-top:10px;}
/* .nav_l ul{padding:0px 0 45px 0;} */
.nav_l ul{padding:0px 0 0px 0;}
.nav_l ul{text-align: center;}
.nav_l .nav1 li i{
    color: #C51E46;
    /* display: none; */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.nav_l .nav1 li a{text-align: center;line-height:26px;font-size:1.1rem;color:#555555;white-space:nowrap;}
.nav_l .nav1 li .line{width:20%;border-bottom:1px solid #000;display:block;margin:5% auto;}
	/*左侧菜单-个人中心的颜色*/
/* .nav_l .nav1 li a{text-align: center;line-height:30px;font-size:1.1rem;color:#0A00A0;} */
.nav_l .nav1 li.current {text-align: center;}
.nav_l .nav1 li.current a{color:#c51e46;display:inline-block;text-align:center;}
.nav_l .nav1 li.current i{width:6px;height:6px;color:#c01a20;text-align:center;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity:1;
    opacity: 1;
    line-height:4px;
}
.nav_l .nav1 li.current i.dot1{margin-right:6px;}
.nav_l .nav1 li.current i.dot2{margin-left:6px;}

.nav_l .nav1 li:hover a{color:#c51e46;display:inline-block;text-align:center;}
.nav_l .nav1 li:hover i{width:6px;height:6px;color:#c01a20;text-align:center;line-height:4px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity:1;
    opacity: 1;
}
.nav_l .nav1 li:hover i.dot1{margin-right:6px;}
.nav_l .nav1 li:hover i.dot2{margin-left:6px;}


.nav_l .nav2 li a{line-height:30px;font-size:1.1rem;color:#555555;text-align: right;display:inline-block;}
.nav_l .nav2.nav2_01 ul{border-bottom: none;}
.nav_l .nav2.nav2_01 li a{font-size: 1rem;}
       
/*首页*/
.main_box .nav_l.b_index{height: 960px;}
/*一级菜单(登录，首页)*/
.nav_l.b_index .nav_index{text-align: center;}
/*二级菜单（所有）*/
 /*.nav_l .nav2.nav_index{text-align: right;}*/
/*三级菜单所有*/
.nav_l .nav2.nav2_01{border-top:1px solid #d8d8d8;}
.nav2_01 li{position:relative;}
.nav2_01 li.current span{position:absolute;width:4px;height:20px;background:#c01a20;top:10px;right:5%;}
.nav2_01 li:hover span{position:absolute;width:4px;height:20px;background:#c01a20;top:10px;right:-13%;}

/*首页单独导航样式*/
.nav_l.b_index img.logo{display:block;margin:150px auto 0;width:100%;}
.nav_l.b_index img.ball{display:block;margin:30px auto 0;width:20%;cursor: pointer;}
.nav_l.b_index ul.nav_index{padding:40px 0 45px 0;border: none;}
/*地球 语言设置*/
.nav_l .lang_list{text-align: center;padding:inherit;
    /* margin: 8% -16%; */
    position: absolute;
    top: 100%;
    width: 100%;
}
.nav_l .lang_list li{border-bottom: 1px solid #35353D;line-height: 2em;background-color: #191919;}
.nav_l .lang_list li a{color:#fff;font-size: 0.9rem;text-decoration: none;}
/* .nav_l .lang_list li.current{
    background-color: #666;
} */
.nav_l .lang_list li:hover{
    background-color: #666;
}

.nav_l .nav_index{margin-top:10%;}
.nav_l ul.nav_index{padding:25px 0 45px 0;border: none;}
.nav_l .nav_index li a{text-align: left;line-height:36px;font-size:1.2rem;color:#555555;}
.nav_l li.exit{margin-top:10%}
.nav_l .nav_index i{color:#C51E46;display: none;}
.nav_l .nav_index li:hover a{color:#c51e46;}
.nav_l .nav_index li:hover i{display: inline-block;}
.nav_l .nav_index li.current a{color:#c51e46;}
.nav_l .nav_index li.current i{display: inline-block;}
 /* 首页的右侧导航 */
 .right-nav{
    width: 97%;
 }
.right-nav ul.nav-list-r {
    float: right;
    width: 40%;
    min-width: 310px;
    display: flex;
    justify-content: space-around;
    height: 50px;
}
.right-nav ul.nav-list-r li{
    font-size: 16px;
    margin: 0 2%;
    transition: all 1s;
}
.right-nav ul.nav-list-r li a{
    color: rgba(0,0,0,.35);
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    transition: all 1s;
    width: max-content;
}
.right-nav ul.nav-list-r li:hover a{
    color: rgba(0,0,0,1);
}
.right-nav ul.nav-list-r li a:hover{
    color: rgba(0,0,0,1);
}
/*购物车下拉*/
.main_r{padding:0 5%;position:relative;padding-bottom: 30px;}
.main_r .shop{position:relative;width:134px;height:26px;float:right;background:#c2c2c2;display:block;text-align:center;margin-right:1%;cursor:pointer;}
.main_r .shop a.data{line-height:26px;color:#fffae7;text-align:center;font-size:16px;display:block;}
.main_r .shop .pop_up{width:295%;position:absolute;top:26px;background:#fff;right:0px;box-shadow: 0px 0px 7px #e0dfdd;z-index:399;}
.main_r .shop .pop_up1{right:294%;}

.shop .pop_up ul{border-bottom:1px solid #dad9cf;}
.shop .pop_up li{padding:4% 0;display:block;border-bottom:1px solid #dad9cf;margin:0 10%;}
.shop .pop_up li.last_border{border-bottom:none;}
.shop .pop_up li a{float:left;width:14px;height:15px;background:url(../images/cha.png) no-repeat;display:block;margin-top:4px;margin-right:4%;}
.shop .pop_up li span{float:left;text-align:left;display:block;width:68%;}
.pop_up li span p{display:block;color:#333333;font-weight:bold;font-size:0.9rem;line-height:22px;}
.pop_up li span i{display:block;color:#999;font-size:0.9rem;line-height:22px;}
.pop_up li span em{display:block;color:#333;font-size:0.9rem;line-height:22px;}
.shop .pop_up li img{float:right;width:23%;}
.shop .pop_up .look{font-size:1.2rem;color:#333333;text-align:center;padding:10px 0;}
.pop_up .look i{color:#c01a20;}
.pop_up .look a{width:120px;line-height:36px;text-align:center;background:#c01a20;color:#fff;display:inline-block;margin-left:10px;}
.pop_up .look span{display: inline-block;margin-right: 40px;}
.product_list{margin-top:40px;}
.product_list li{float: left;
  /* width:20%; */
  /* padding:0 2.5%; */
  margin-bottom:30px;
  position: relative;
  /* height: 300px; */
}
.product_list li img{display:block;margin:0 auto;cursor: pointer;}
.product_list li i{color:#333743;font-size:0.8rem;display:block;line-height:30px;cursor: pointer;text-align: center;}
.product_list li em{color:#c01a20;font-size:1.1rem;display:block;line-height:30px;text-align: center;}
.product_list li em i{color:#c01a20;font-size:1.1rem;display: inline-block;padding-left:3%;}
.product_list li.current{box-shadow:0px 0px 7px #e0dfdd;cursor: pointer;}
.main_r .back_top{position:fixed; bottom: 0;right:2%;cursor: pointer;z-index: 1;}
.main_r .arrows{width:18px;height:122px;position:fixed;left:0;top:12%;background:#c01a20;cursor:pointer;z-index:100}
.main_r .arrows img{width:15px;margin:0 auto;display:block;margin-top:54px;}
.arrows{width:18px;height:122px;position:fixed;left:0;top:12%;background:#c01a20;cursor:pointer;z-index:100}
.arrows img{width:15px;margin:0 auto;display:block;margin-top:54px;}

/*联系我们*/
.contact_us{padding-top:1em;}
.contact_us .border_title{padding-bottom:5%;font-size: 2.2em;font-weight: bold;text-align:center;display:block;position:relative;padding-top: 1%;}
/*.contact_us .line_box{width:8%;height:4px;background:#c51e46;margin:0 auto;display:block;}-----------文字下划线*/
.combination p.title{
    display: flex;
}
.combination{
    margin-bottom: 10px;
}
.combination>p{
    line-height: 40px;
}
.combination textarea{
    min-width:100%;
    height: 100px;
    max-width: 100%;
    outline: none;
    font-family:"微软雅黑","Microsoft Yahei","微軟正黑",sans-serif,"sans-serif";
    background: #fafafa;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
}
.contact_us i.must{display: inline-block;color:#3a3132;font-size: 1.6em;}
.contact_us .tip{font-size: 1rem;margin-top: 1%;position:absolute;top:4%;right:2%;}

.contact_box{padding-top:0%}
.contact_box.contact{width:60%;display:block;margin:0% auto 0;}
.contact_box .hint{color: #DD2929;font-size: 1rem;}
.contact_box p label{font-size: 1.2rem;color: #3a3132;}
.contact_box p input{outline:none;border-radius:4px;width:99%;height:44px;border: 1px solid #cbcbcb;margin: 6px 0;background: #fafafa;padding-left:1%;    font-size: 0.8em;}
.contact_box p textarea{border-radius:3px;width:50%;border: 1px solid #e5e5e5;}
.contact_box p span{display: inline-block;color:#AFAFAF;font-size: 1rem;margin-left:2%;margin-top: 10px;}
.contact_box p input[type="button"]{width:20%;margin-top:3%; border:2px solid #27342b; border-radius: 3px;background-color:#fff;color:#9297A3;cursor: pointer;font-size:1em;padding-left:0;color:#323232;transition: all 0.5s;}
.contact_box p input[type="button"].submit{margin-right:5%;}
.contact_box p input[type="button"]:hover{background-color:#333743;color:#fff;border:none;}


.contact_box p input.code{width:20%;}
.contact_box p span img{display:inline-block;float:left;}
.contact_box p span i{display:inline-block;float:left;font-size: 1rem;color:#AFAFAF;line-height:39px;margin-left:1em;}

/*忘记密码*/
.forget_pass .contact_box p.tip{color:#DD2929; font-size:1rem;}
.forget_pass .contact_box p label{width:28%;text-align: inherit;}
.forget_pass .contact_box p input{width:30%;}
.forget_pass .contact_box form p input[type="button"]{width:30%;margin-left:28%;margin-top:0;}

/*加入燕丞*/
.join_us .contact_box .Country h1{
    font-size: 3em;
    color: #d70812;
    margin-bottom: 35px;
}
.join_us .contact_box .Country p{
    color: #323232;
    margin: 10px 0 30px 0;
}
.join_us .contact_box .Country p b{
    font-size: 1.1em;
    color: #323232;
}
.join_us .contact_box .Country p span{
    font-size: 1em;
    color: #3e2e31;
}



/*营销工具*/
.tools .contact_box ul{margin:0;}
.tools .contact_box ul li{float: left;width:33.3%;}
.tools .contact_box ul li:nth-child(4), .tools .contact_box ul li:nth-child(5), .tools .contact_box ul li:nth-child(6){margin-top: 50px;}
.tools .contact_box li .icon_tools{text-align: center;}
.tools .contact_box li .icon_tools i{display: inline-block;font-size: 1.3rem;margin-top:1%;cursor: pointer;color:#000000;}
.icon_tools span{display: block;width:6em;height:6em;margin:0 auto 1em;cursor: pointer;background:url("../images/icon_01.png") no-repeat center;background-size:cover;}
.icon_tools .tu1{background:url("../images/icon_01.png") no-repeat center;background-size:cover;}
.icon_tools .tu2{background:url("../images/icon_02.png") no-repeat center;background-size:cover;}
.icon_tools .tu3{background:url("../images/icon_03.png") no-repeat center;background-size:cover;}
.icon_tools .tu4{background:url("../images/icon_04.png") no-repeat center;background-size:cover;}
.icon_tools .tu5{background:url("../images/icon_05.png") no-repeat center;background-size:cover;}
.icon_tools .tu6{background:url("../images/icon_06.png") no-repeat center;background-size:cover;}
.icon_tools .tu7{background:url("../images/icon_07.png") no-repeat center;background-size:cover;}
.icon_tools .tu1:hover{background:url("../images/icon_01x.png") no-repeat center;background-size:cover;}
.icon_tools .tu2:hover{background:url("../images/icon_02x.png") no-repeat center;background-size:cover;}
.icon_tools .tu3:hover{background:url("../images/icon_03x.png") no-repeat center;background-size:cover;}
.icon_tools .tu4:hover{background:url("../images/icon_04x.png") no-repeat center;background-size:cover;}
.icon_tools .tu5:hover{background:url("../images/icon_05x.png") no-repeat center;background-size:cover;}
.icon_tools .tu6:hover{background:url("../images/icon_06x.png") no-repeat center;background-size:cover;}
.icon_tools .tu7:hover{background:url("../images/icon_07x.png") no-repeat center;background-size:cover;}
/*照片下载*/
.down_pics .contact_box ul li{float: left;width:21.5%;margin:0 1.7%;margin-bottom: 2%;position:relative;}
.down_pics li .pic{width:100%;height:100%;overflow: hidden;}
.down_pics li .pic img{display:inline-block;width:100%; height:100%;
		position: relative;z-index: 1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease;-webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;
		-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;
}
.down_pics li .text{position:absolute;left:0;top:0;width:100%;height:100%;text-align: center;z-index:98;cursor:pointer;
		transition-delay: 0s;
	    transition-duration: 0.4s;
	    transition-property: opacity;
	    transition-timing-function: ease-in;
		/* Firefox 4 */
		-moz-transition-delay: 0s;
	    -moz-transition-duration: 0.4s;
	    -moz-transition-property: opacity;
	    -moz-transition-timing-function: ease-in;
		/* Safari 和 Chrome */
		-webkit-transition-delay:0s;
	    -webkit-transition-duration: 0.4s;
	    -webkit-transition-property: opacity;
	    -webkit-transition-timing-function: ease-in;
		/* Opera */
		-o-transition-delay:0s;
	    -o-transition-duration: 0.4s;
	    -o-transition-property: opacity;
	    -o-transition-timing-function: ease-in;
}
.down_pics li .text img{display: block;padding: 30% 41% 2%;opacity: 0;width:20%;height:22%;
				transition-delay: 0s;
    			transition-duration: 0.5s;
			    transition-property: all;
			    transition-timing-function: ease;
				/* Firefox 4 */
				-moz-transition-delay: 0s;
			    -moz-transition-duration: 0.5s;
			    -moz-transition-property: all;
			    -moz-transition-timing-function: ease;
				/* Safari 和 Chrome */
				-webkit-transition-delay:0s;
			    -webkit-transition-duration: 0.5s;
			    -webkit-transition-property: all;
			    -webkit-transition-timing-function: ease;
				/* Opera */
				-o-transition-delay:0s;
			    -o-transition-duration: 0.5s;
			    -o-transition-property: all;
			    -o-transition-timing-function: ease;}
.down_pics li .text span{display: block;font-size: 1.3rem;color:#fff;
				opacity: 0;
				filter: alpha(opacity=0);
				transition-delay: 0s;
    			transition-duration: 0.5s;
			    transition-property: all;
			    transition-timing-function: ease;
				/* Firefox 4 */
				-moz-transition-delay: 0s;
			    -moz-transition-duration: 0.5s;
			    -moz-transition-property: all;
			    -moz-transition-timing-function: ease;
				/* Safari 和 Chrome */
				-webkit-transition-delay:0s;
			    -webkit-transition-duration: 0.5s;
			    -webkit-transition-property: all;
			    -webkit-transition-timing-function: ease;
				/* Opera */
				-o-transition-delay:0s;
			    -o-transition-duration: 0.5s;
			    -o-transition-property: all;
			    -o-transition-timing-function: ease;
}

.down_pics li:hover .pic img{width:100%;height:100%;overflow:hidden;transform: scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12); 	/* IE 9 */-moz-transform:scale(1.12, 1.12);	/* Firefox */
				-webkit-transform:scale(1.12, 1.12); /* Safari 和 Chrome */-o-transform:scale(1.12, 1.12); 	/* Opera */}
.down_pics li:hover .text{opacity: 1;filter:alpha(opacity=100);background: rgba(0, 0, 0, 0.3);}
.down_pics li:hover .text img{opacity:1;filter:alpha(opacity=100);width:20%;height:22%;}
.down_pics li:hover .text span{opacity:1;filter:alpha(opacity=100);}

/*语言设置*/
.set_lang .default_lang{float: left;margin-right: 2%;}
.set_lang .toggle-button-wrapper{float: left;}
 #toggle-button{ display: none; }
.button-label{position: relative;display: inline-block; width: 80px;height: 30px;background-color: #e30613;border-radius: 30px;overflow: hidden;}
.button-label .circle{position: absolute;top: 1px;left: 0;width: 28px;height: 28px;border-radius: 50%;background-color: #fff;cursor: pointer;}
.button-label .text {line-height: 30px;font-size: 18px;text-shadow: 0 0 2px #fff;}
.on { color: #fff; display: inline-block; text-indent: 10px;}
.off { color: #fff; display: none;  text-indent: 34px;}
.button-label .circle{left: 50px;transition: all 0.3s;}
#toggle-button:checked + label.button-label .circle{left: 2px;}
#toggle-button:checked + label.button-label .on{ display: none;}
#toggle-button:checked + label.button-label .off{ display: inline-block; }
#toggle-button:checked + label.button-label{background-color: #e5e5e5;}

/*健康咨询*/
.heal_box{margin: 2% 0;}
.heal_box .top_img{position: relative;border-top-right-radius:6px;border-top-left-radius:6px;overflow:hidden;}
.heal_box .top_img >img{width:100%;height:100%;}
.heal_box .top_img p{position: absolute;left:0;bottom:1.4%;width:100%;padding:1% 0;background-color:#2A2A2A;opacity: 0.4;filter: alpha(opacity=40);}
.heal_box .top_img p span{float: left;margin-left:3%;width:70%;font-size: 1.4rem;color:#fff;}
.heal_box .top_img p img{float: right;width:10%;width:2%;margin-right: 3%;cursor: pointer;}

.product_cont{border:1px solid #979797;padding:3%;margin-top:-1%;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
.product_cont p{text-indent: 3%;padding-bottom: 2%;}

/*新闻活动*/
.change_bar {margin-bottom: 2%;}
.change_bar a{display: inline-block; color:#2A2A2A;font-size: 1.4rem;padding: 0.5% 1%;;border:1px solid #2A2A2A;border-radius:2px ;}
.change_bar a.current{border: 1px solid #e30613;background-color:#e30613;color:#fff}
.change_bar a:hover{border: 1px solid #e30613;background-color:#e30613;color:#fff}
.news_box ul li{position: relative;margin-bottom: 2%;overflow:hidden;}
.news_box ul li img{width:100%;height:100%;display:block;position: relative;z-index: 1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease;-webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;
		-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;cursor: pointer;}
.news_box ul li .info{position: absolute;bottom: 0;left: 0;width: 100%;z-index:97;padding:1% 0;color: #2A2A2A;cursor: pointer;background-color: rgba(255,255,255,.4);filter: alpha(opacity=40);}
.news_box ul li .info span{font-size: 1.5rem;color:#333;opacity:1;filter:alpha(opacity=100);}
.news_box ul li .info span.info_l{float: left;margin-left:2%;}
.news_box ul li .info span.info_r{float: right;margin-right:2%;}

.news_box li:hover img{width:100%;transform: scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
-moz-transform:scale(1.1, 1.1);	/* Firefox */-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */-o-transform:scale(1.1, 1.1); 	/* Opera */}
.news_box li:hover .info{background-color: rgba(255,255,255,.4);filter: alpha(opacity=40);}
.news_box li:hover .info span{opacity:1;filter:alpha(opacity=100);}

/*关于我们*/
.about_box{margin: 0 5% 3% 0;}
.about_box .creator{width:53%;}
.about_box .creator_pic{width: 40%;}
.about_box .creator_pic img{width: 70%;height:100%;}
.leftImg img{
  width: 100%;
}
.about_box .creator h3{font-size: 1.7rem;color:#555;padding-bottom: 3%;border-bottom: 2px solid #555;margin-bottom: 2%;}
.about_box .creator p{text-indent: 6%;color:#777;font-size: 1rem;padding-bottom: 3%;}
.about_box.about_box01 .creator p{text-indent: inherit;padding-bottom: 1%;}

.title02{margin-bottom: 1%;}
.title02 a{font-size: 1.7rem;color:#777;}
.about_box.about_box02 .creator{padding:3.9% 0 3.9% 4%;border:1px solid #777;width:55.7%} 

.bottom_about{background-color: #FCFAF2 ;}
.bottom_about .sec_abox{padding:3%;}
.bottom_about .ab_cont{margin-bottom: 1%;}
.bottom_about .ab_cont h3{margin-bottom: 2%;}
.bottom_about .ab_cont span{font-size: 1.2rem;color:#777;padding-bottom: 1%;border-bottom: 1px solid #777;}
.bottom_about p{text-indent: 3%;color:#777;font-size: 1rem;}
.big_title{text-align: center;width: 100%;font-size: 1.4rem;color:#777;}


/*活动详情*/
.main_r .details_title{padding-bottom: 1%;font-size: 1.6rem;font-weight: bold;text-align: center;display: block;margin-top:2em;}
.main_r .line_box{width: 8%;height: 4px;background: #c51e46;margin: 0 auto;display: block;margin-bottom:2%;}
.main_r .details img{display-:block;}
.main_r .details p{text-indent:2rem;font-size:1.2rem;line-height:30px;margin-bottom:6px;color:#000;}
.main_r .details{margin-bottom:1em;}
.actDetail {margin-bottom: 1em;}
.actDetail i{width:20px;height:20px;background: url(../images/backarrow.png) no-repeat;background-size: cover;display:inline-block;vertical-align: middle;margin-right:1%;}
.backtext {color:#c51e46;font-size: 1.1rem;}
.backtext:hover{color:#000;font-size: 1.1rem;}
/*我的购物车*/
.main_r .shop_cart .title{padding-bottom: 1%;font-size: 1.6rem;font-weight: bold;text-align: center;display: block;padding-top:2em;}

.shop_cart .shop_nav li{display: inline-block;	margin-right: 1%;padding: 0.5% 1%;border: 1px solid #2A2A2A;border-radius: 2px;}
.shop_cart .shop_nav li a{color: #2A2A2A;font-size: 1.4rem;}
.shop_cart .shop_nav li.current{border: 1px solid #e30613;background-color: #e30613;}
.shop_cart .shop_nav li.current a{color: #fff;}
.shop_cart .shop_nav li:hover{border: 1px solid #e30613;background-color: #e30613;}
.shop_cart .shop_nav li:hover a{color: #fff;}
.shop_cart table{font-size:1.2rem;color:#333743;font-weight:normal;margin-top:2%;border-collapse: collapse;border-radius:10px;}
.shop_cart table tr td{border-bottom:1px solid #ebeae8;}
.shop_cart table th{font-weight:normal;text-align:center;padding:10px 0;}
.shop_cart table td{text-align:center;padding:1em 0;}
.shop_cart table th .product_name{text-align:left;display:block;margin-left:4%;}
.shop_cart table td .product{position:relative;}
.shop_cart table td .product p{float:left;width:70%;margin:4% 0 4% 8%;}
.shop_cart table td .product p em{display:block;color:#000;text-align:left;margin-bottom:2%;cursor: pointer;}
.shop_cart table td .product p i{color:#666;text-align:left;display:block;}
.shop_cart table td .product .close{width:14px;height:15px;background:url("../images/cha.png") no-repeat;display:block;position: absolute;top:50%;left:0;margin-top:-12px;}
.shop_cart table td .product img{width:16%;display:block;float:left;cursor: pointer;margin-left:6%;}
.shop_cart .table1{border:1px dashed #ebeae8;}
.shop_cart .table1 tr:nth-child(even){background:#fff;}

/*购物车分页代码*/
.page_down{margin:40px 0;}
.page_down .continue {width:10em;font-size:1rem;color:#000000;line-height:40px;position:absolute;top:3px;left:-20em;}
.page_down .continue i{width:20px;height:20px;background: url(../images/backarrow.png) no-repeat;background-size: cover;display:inline-block;vertical-align: middle;margin-right:2%;}
.page_down .continue1 {width:10em;font-size:1rem;color:#000000;line-height:40px;float:left;}
.page_down .continue1 i{width:20px;height:20px;background: url(../images/backarrow.png) no-repeat;background-size: cover;display:inline-block;vertical-align: middle;margin-right:2%;}
.page_down .pay{background:#c01a20;line-height:1.6em;width:16%;text-align: center;display: block;float:right;color:#fff;border-radius: 2px;}

.zzsc{width:598px;margin:0 auto;position:relative;}
.zzsc .page{
	list-style: none;
}
.page>li{
	float: left;
	padding: 5px 10px;
	cursor: pointer;
	border-radius:4px;
}
.page .pageItem{
	margin: 5px;
	/* background:#fffae7; */
    border: 1px solid transparent;
}
.page .pageItemActive{
	border: solid thin #e30613;
	margin: 5px;
	background-color: #e30613;
	color:white;
}
.page .pageItem:hover{
	border: solid thin #e30613;
	background-color: #e30613;
	color:white;
}
.page .pageItemDisable{
	border: solid thin #fffae7;
	margin: 5px;
	/* background-color: #fffae7; */
    border: 1px solid transparent;
}




/*订单中心*/
.shop_cart table td i.wait{display: block;font-size:1rem;color: #e30613;}
.shop_cart table td i.complete{display: block;font-size:1rem;color: #B3B3B3;}

/*详情展开*/
.details_top{padding:2em 0;}
.details_top .enlarge_box{float:left;width:52%;}
.enlarge_box .enlarge_top{position:relative;width:100%;overflow:hidden;}
.enlarge_box .enlarge_top .slide_img_box{width:312%;margin:0 auto;}
.enlarge_top .slide_img_box li{float:left;width:32%;}
.slide_img_box li img{width:80%;margin: 0 auto;display:block;}

.enlarge_box .enlarge_top .last{width:46px;height:56px;background-size: cover;background:url(../images/last.png) no-repeat;display:block;position:absolute;top:50%;margin-top:-25px;left:0px;cursor: pointer;}
.enlarge_box .enlarge_top .next{width:46px;height:56px;background-size: cover;background:url(../images/next.png) no-repeat;display:block;position:absolute;top:50%;margin-top:-25px;right:0px;cursor: pointer;}
.enlarge_box .enlarge_bottom{padding-top: 5px;display:block;margin:0 auto;width:98%;}
.enlarge_box .enlarge_bottom a{margin-right:2%;display:inline-block;width:22%;}
.enlarge_box .enlarge_bottom a img{width:100%;}
.enlarge_box .enlarge_bottom a.current{/* box-shadow:0px 0px 7px #e0dfdd; */}
.details_top .details_r{float:right;width:48%;}
.details_r h3{font-size:1.4rem;color:#303032;font-weight:bold;text-align:center;margin-bottom:0.2em;}
.details_r h1{font-size:1.4rem;color:#303032;font-weight:bold;text-align:center;margin-bottom:0.2em;}
.details_r .price{font-size:1.1rem;color:#333743;text-align:center;display:block;}
.details_r .amount{width:70%;margin:2em auto 0;display:block;}
.details_r .amount p{color:#999;width: 50%;font-size: 1rem;line-height:2em;width:-moz-available;width: -webkit-fill-available;}
.details_r .amount p span{display:inline-block;border: 1px solid #999;padding:0 5%;line-height:1.5em;margin-left:0%;border-radius:2px ;cursor: pointer;max-width: 60%; font-size: 1rem;}
.details_r .amount p span.current{border: 1px solid #e30613;background-color:#e30613;color:#fff}
.details_r .amount p span:hover{border: 1px solid #e30613;background-color:#e30613;color:#fff}
.details_r .intro{width:70%;margin:0 auto;display:block;font-size:1rem;line-height:1.6em;}
.details_r .intro p{margin-bottom:1rem; font-size:1rem;color:#999999;}


.details_r .add_shop{display:block;background:#c01a20;width:70%;margin:2em auto 0;line-height:2.2em;font-size:1rem;color:#fff;text-align:center;cursor: pointer;}
.details_r .add_shop:hover{
    /* background:#333743; */
    color:#fff;}

.main_r .product_m{/* background:#fefbef; */}
.product_m {padding:1em 2em;}
.product_m h4{font-size:1.2rem;font-weight:bold;border-bottom:1px solid #d8d8d8;padding-bottom:1em;margin-bottom:1.4em;}
.product_m li{width:18%;float:left;margin:0 1%;}
.product_m li em{width:44%;height:1.8em;text-align:center;line-height:1.8em;color:#fff;display:block;margin:0 auto;background:#c01a20;}
.product_m li img{width:48%;display:block;margin:1em auto;}
.product_m li p{width:72%;display:block;margin:0 auto;font-size:0.9em;color:#666666;text-align:center;}

.main_r .match{padding:1em 2em;}
.match i.title{font-size:1.2rem;font-weight:bold;margin-bottom:1.4em;display:block;color:#666;float:left;padding:0 0.6% 0.8% 0.6%;border-bottom:2px solid #c51e46;}
.match span img{width:20%;margin-right:4%;}
.match p{margin-bottom:1.4em;}
.match p em{font-size:1.1rem;color:#2b2b2b;margin:0.6em 0;}
.match p i{color:#555555;display:block;font-size:1rem;}
.match .explain{font-size:1rem;line-height:2em;color:#555555;}
.match_bg{border-radius:10px;
    /* background:#fefbef; */
}
.references{padding-bottom:1em;}
.references h5{font-size:1.2rem;color:#2a2a2a;font-weight: bold;margin:1em 0;}
.references a{font-size:1rem;color:#2a2a2a;display:block;line-height:2em;}


/*产品详情*/
.main_r .unfold{display: block;margin:1em auto 1em;width:2%;cursor: pointer;}

/*加入购物车============================*/
.join_shop{position:absolute;width:75%;background:#fffae7;box-shadow:0px 0px 7px #e0dfdd;top:0%;left:13%;}
.join_shop1{position:absolute;width:75%;background:#fffae7;box-shadow:0px 0px 7px #e0dfdd;top:3%;left:13%;height: 100%;}
.join_shop .close{width:14px;height:15px;background:url(../images/cha.png) no-repeat;display:block;float:right;margin:1em 1em 0 0;}
.join_shop .join_in{padding:1em 1em;width:60%;display:block;margin:0 auto;}
.join_in h4{font-size:1.2rem;color:#2a2a2a;margin-bottom:1em;}
.join_in em{font-size:1rem;color:#605f5f;margin-bottom:1em;display:block;}
.join_shop .num_box{width: 80%;}

.num_box{width:30%;height:40px;line-height:40px;}
.num_box .jian{width:25%;height:40px;line-height:40px;display:block;text-align: center;color:#3c3c3c;float:left;font-size:1.8rem;font-weight:bold;}
.num_box .jia{width:25%;height:40px;line-height:40px;display:block;text-align: center;color:#3c3c3c;float:right;font-size:1.8rem;font-weight:bold;}
.num_box input{width:48.6%;background:#fff;height:40px;float:left;border:none;text-align:center;font-size:1.6rem;}
.num_box1{width:70%;}
.num_box1 input{background:none;font-size:1.4rem;}
.num_box1 .jian{font-size:1.6rem;}
.num_box1 .jia{font-size:1.6rem;}
.num_box2{display:block;width:60%;}
.join_in .add{width:93%;margin-top:2em;height:2.4em;background:#c01a20;line-height:2.4em;font-size:1rem;color:#fff;display:block;text-align:center;margin-bottom:1em;}

/*快速查看产品*/
.buy_box{position:fixed;width:100%;height:100%;
    background:rgba(255,255,255,0.6);
    box-shadow:0px 0px 7px #e0dfdd;
    top:0;
    left:0;
    z-index:103;

}
.buy_box .close{
    width:54px;
    height:54px;
    /*background:url(../images/cha.png) no-repeat 0 0;*/
    display:block;
    /* float: right; */
    /* margin: -20px -18px; */
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0px;
}
.buy_in{
    position: absolute;
    width: 44em;
    height: 400px;
    left: 50%;
    margin-left: -21em;
    top: 50%;
    margin-top: -200px;
    background: #fff;
    overflow: hidden;
   /* //border: 1px solid red;*/
}
.buy_in .buy_details{/*margin-top: 1em !important;*/}/*删除宽度，2018年11月13日10:12:49*/
.buy_in .buy_details li{  float: left;  /*width: 44em;*/  overflow: hidden;  height: 400px; }
.buy_in .next{width: 44px;height: 60px;background: url(../images/next.png) no-repeat center;display: block;position: absolute;top: 50%;margin-top: -30px;right:-10px;cursor: pointer;z-index: 120;background-size: 70% 70%;}
.buy_in .last{width: 44px;height: 60px;background: url(../images/last.png) no-repeat center;display: block;position: absolute;top: 50%;margin-top: -30px;left:0%;cursor: pointer;z-index: 120;background-size: 70% 70%;}
.slide_detail_box{width: 44em;
    overflow: hidden;
    height: 400px;
}
.buy_details li img{
    margin: 0 auto;
    display: block;
    width: 100%;
    /*margin-top: 28px;*/

}
.buy_details .left-detial{
    overflow: hidden;
    margin: 69px 0;
}
.buy_down{margin: 69px 0;}
.buy_down h4{font-size: 1.4rem;color: #323232;display: block;margin-bottom: 0.4em;cursor: pointer;width: 94%;}
.buy_down .write_down{padding:0 0.2em;height: 5.2rem;overflow: hidden;}
.buy_down .buy_mess{padding:0 0.2em;}
.buy_mess_1{padding:0 0.2em;margin:0.5em 0;}
.write_down p{
    width:94%;font-size: 1rem;color: #323232;
    /*line-height: 1.8em;*/
    /*line-height:3em;max-height:18em;padding:0 .2em .2em 0;*/
    /*position: inherit;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    /*word-break: break-all;*/
}
.write_down .buy_mess{width:100%;}
.buy_mess_1{width:100%;}
.buy_mess em{font-size: 1.4rem;color: #666;
    /* font-weight: bold; */
    display: block;margin-bottom: 1em;}
.buy_mess a.add{width: 60%;height: 3em;line-height: 3em;font-size: 1rem;display: block;text-align: center;	margin:2em 0;border: 2px solid #fd0000;color: #fd0000;
    background: #fff;border-radius: 2px;font-weight:700;margin: auto; box-sizing: content-box}
/* .buy_mess a.add:hover{background:#e30613;color:#fff;border: 1px solid #e30613;} */
.join_shop .join_icon{width:137px;margin:0 auto;}
.join_icon a{display:block;font-size: 1.2rem;color:#2A2A2A;cursor: pointer;line-height:27px;}
.join_icon a .add{width:18px;height:18px;background:url("../images/jia.png") no-repeat;background-size:cover;display:inline-block;vertical-align: middle;margin-right:6%;margin-bottom:4px;}
.join_icon a .look{width:18px;height:18px;background:url("../images/look.png") no-repeat;background-size:cover;display:inline-block;vertical-align: middle;margin-right:6%;}
.join_icon a.jsClickAdd{ margin:20% 0 20% 0; }
.join_icon a.jsClickLook{ margin:-13% 0 51% 0; }
.join_transparency{background:#fefbef;box-shadow: none;opacity: 0.8;filter:alpha(opacity=80);;}

/*登录*/
.black_bg {	background: #000;opacity: 0.3;width: 100%;height: 100%;position: fixed;	top: 0;left:0;	z-index: 102;}
.log_box{width:26%;background:#fff;position: fixed;top:50%;left:50%;margin-left:-13.5%;margin-top:-9em;z-index: 103;}
.log_box h4{text-align: center;color:#333743;	font-size:1.5rem;margin:1em;}
.log_box .log_in{width:74%;border:1px solid #D6D6D6;padding:3%;display:block;margin:0 auto;}
.log_box .log_in span{width:100%;display:block;height:2em;line-height:2px;}
.log_box .log_in input{height:100%;width:100%;outline:none;line-height:2em;border:none;color:#A4A09C;font-size:1rem;outline: 0;}
.log_box .log_in span.text{border-bottom:1px solid #D6D6D6;}
.remember{width: 80%;padding:2% 0;display: block;margin: 0 auto;}
.remember a{font-size: 1rem;color:#999;}
.remember a.ren_l{float:left;}
.remember a.for_r{float:right;}
.remember a.for_r:hover{color:#ff0036;}
.remember .r_icon{width:16px;height:16px;background:url("../images/cir.png") no-repeat;display:inline-block;margin-right:0.4em;vertical-align: middle;}

.e_icon{width: 16px;height: 16px;background: url("../images/error.png") no-repeat;display: inline-block;margin-right: 0.4em;vertical-align: middle;}
.remember.error a{color:#e30613;}
.remember .r_icon.current{background:url("../images/b_cir.png") no-repeat;}
.log_box .register{width:79%;display:block;margin:2% auto 1.5rem;background:#e30613;text-align: center;line-height:2.2em;color:#fff;font-size: 1.2rem;}
.log_box .register:hover{background:#333743;color:#fff;}
.foget_pas {display: block;margin: 0 10% 1rem 0;font-size: 1rem;}
/*首页右侧图片样式*/
.main_top{float:left;}
.main_r .center_box{margin-left:28%;width:60%;}
.main_r .center_box{width:16em;display:block;position:fixed;top:50%;left:50%;transform: translate(0,-50%);margin-left:-3.1em;}
.center_box a{display:block;position:absolute;width:52%;}
.center_box a i{text-align:center;width:100%;display:block;position:absolute;top:47%;left:0px;margin-top:-0.5em;font-size:1.4rem;color:#333;}
.center_box a img{display:block;width:100%;}
.center_box .center1{width:100%;position:relative;cursor: pointer;}
.center_box .center1 i{top:48.5%;}
.center_box .center1 img{width:100%;display:block;cursor: pointer;}
.center_box .center1_top{top:-43%;left:-19%;cursor: pointer;}
.center_box .center2_top{top:-42%;right:-20%;cursor: pointer;}
.center_box .center1_m{top:24%;left:-62%;cursor: pointer;}
.center_box .center2_m{top:24%;right:-61%;cursor: pointer;}
.center_box .center1_m i{top:46%}
.center_box .center2_m i{top:46%}
.center_box .center1_bottom{bottom:-43%;left:68%;cursor: pointer;}
.center_box .center2_bottom{bottom:-43%;right:67%;cursor: pointer;}

/*首页导航------单独样式*/

.navigation{float:left;width: 11%;background: #fff;box-shadow: 0px 2px 5px #f3f2f0;padding: 0 2%;z-index: 101;/* overflow: auto; */position:fixed;height: 100%;display: none;}
.navigation img.logo{display:block;margin:60px auto 0;width:75%;}
.navigation img.ball{display:block;margin:30px auto 0;width:12%;cursor: pointer;}
.navigation .nav1{margin-top:12%;}
.navigation ul{ border-bottom:1px solid #d8d8d8;padding:25px 0 45px 0;}
.navigation .nav1 li a{text-align: left;line-height:37px;font-size:1.2rem;color:#555555;}
.navigation .nav1 li.current a{color:#c51e46;float:left;}
.navigation .nav1 li.current i{float: left;width:6px;height:6px;background:url(../images/dian.png) no-repeat;display:block;margin:17px 0 0 0 ;}
.navigation .nav1 li.current i.dot1{margin-right:6px;}
.navigation .nav1 li.current i.dot2{margin-left:6px;}
.navigation .nav1 li:hover a{color:#c51e46;float:left;}
.navigation .nav1 li:hover i{float:left;width:6px;height:6px;background:url(../images/dian.png) no-repeat;display:block;margin:17px 0 0 0 ;}
.navigation .nav1 li:hover i.dot1{margin-right:6px;}
.navigation .nav1 li:hover i.dot2{margin-left:6px;}
.navigation .nav2 li a{line-height:40px;font-size:1.2rem;color:#555555;text-align:right;display:inline-block;}
.navigation .nav2.nav2_01 ul{border-bottom: none;}
.navigation .nav2.nav2_01 li a{font-size: 1rem;}

.navigation.b_index .nav_index{text-align: center;}
.navigation .nav2.nav_index{text-align: right;}
.navigation .nav2.nav2_01{text-align: right;border-top:1px solid #d8d8d8;}
.navigation.b_index img.logo{display:block;margin:70px auto 0;width:84%;}
.navigation.b_index img.ball{display:block;margin:30px auto 0;width:24px;cursor: pointer;}
.navigation.b_index ul.nav_index{padding:40px 0 45px 0;border: none;}
.navigation .lang_list{text-align: center;background-color: #191919;padding:inherit;
    position: absolute;
    top: 26px;
    width: 100%;
}
.navigation .lang_list li{width: 100%;border-bottom: 1px solid #35353D;line-height: 2em;background: #000;}
.navigation .lang_list li>a{color:#fff;font-size: 1rem;}
.navigation .lang_list li.current a{font-size: 0.9rem;color:#fff;}
.navigation .lang_list li:hover a{font-size: 0.9rem;color:#fff;}
.navigation .lang_list li:hover{
  background: #666;
}
.navigation .lang_list li.current{
  background: #666;
}
.navigation .nav_index{margin-top:10%;}
.navigation ul.nav_index{padding:25px 0 45px 0;border: none;}
.navigation .nav_index li a{text-align: left;line-height:26px;font-size:1.1rem;color:#555555;white-space:nowrap;}
.navigation .nav_index li.exit{margin-top:10%}
/*.navigation .nav_index i{color:#C51E46;display: none;}*/
.navigation .nav_index i {
    color: #C51E46;
    /* display: none; */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.navigation .nav_index li:hover a{color:#c51e46;}
/*.navigation .nav_index li:hover i{display: inline-block;}*/
.navigation .nav_index li:hover i {
    /* display: inline-block; */
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity:1;
    opacity: 1;
}
.navigation .nav_index li.current a{color:#c51e46;}
.navigation .nav_index li.current i{display: inline-block;}


li .thingsDetail i.display-table{
    height: 54px;
    display: table;
    width: 100%;
    text-align: center;
}
.jsThingsDetail{
    line-height: 24px;
    /*display: table-cell;*/
    vertical-align:middle;
    font-size: 17px;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;

    overflow: hidden;
}


 /*首页的自适应*/
img.logo{
    width: 100%;
}
input[type="button"]{
    font-family:"微软雅黑","Microsoft Yahei","微軟正黑",sans-serif,'Arial' !important;
}
.total_menu_box{
    overflow: unset !important;
}
.black_bg{
    right: 0;
}


.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23909090'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23909090'%2F%3E%3C%2Fsvg%3E") !important;}