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

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;	
}
html { -webkit-text-size-adjust: none;}  /*通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整*/
body{ /*font-size:100%;*/}
img{max-width:100%}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
}

/*detail页弹出层*/
.Monv{cursor:pointer;}
#Monver{width:700px; max-width:90%; padding-top:20px;min-height:120px;border:5px solid #5e7688;display:none;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;background:#fff;box-shadow:0 0 15px #ccc;}
#Monver #close{display:block;position:relative;}
#Monver #close img{position:absolute;right:0px;top:-20px;cursor:pointer;}
.popup-top1{ width:650px; margin:10px auto 0; min-height:120px; border-bottom:1px solid #c8c8c8; padding-bottom:15px; margin-bottom:15px;}
.popup-top1 .span1{ display:block; float:left;}
.text-box1{ float:left; height:auto; overflow:hidden;margin-left:20px;}
.text-box1 span{ display:block;  margin-bottom:8px;}
.text-box1 .span2{ font-size:36px;color:#5e7688;line-height:40px;}
.text-box1 .span3{ font-size:18px; color:#000000; line-height:30px;}
.popup-btns{font-size:14px;color:#5e7688;line-height:28px;}
.popup-btns a{ color:#5e7688; padding:5px; font-size:14px;}
.popup-btns a:hover{ text-decoration:underline;}
.m-offer{ width:650px; margin:0 auto;}
.m-offer p{ padding-bottom:10px;}
.m-offer a span{ display:block; margin-bottom:3px;}
.m-offer a img{ display:block; border:1px solid #d6d6d6;}
.m-offer a{ display:block; float:left; width:140px; height:190px; font-size:12px; color:#000; margin-right:15px;}
/*detail页弹出层end*/

/*首頁中間樣式*/

/*首页内容样式*/
.m-banner-box{ width:100%; height:auto; margin:1.5em auto;}
.home-pro{ width:80%; margin:6em auto 0;}
.pro-pic{ display:block; width:100%; max-width:240px; height:100%; max-height:240px; margin:0 auto;}
.home-p1{ font-family:Cabin; font-size:.75em; color:#be9e5e; text-align:center; padding:1em 0;}
.home-p2{ font-size:.75em; color:#fff; text-align:center;padding:1em 0;}
.home-btn{ font-size:.875em; margin:2em auto;}

/* grid3-home col */
.col-home {margin-bottom:15px;}
.col-home a{ display:block; width:100%;}
.col-home a img{ width:100%;}
.grid3-home .col-home:nth-of-type(3n+1){margin-left: 0;clear: left;}
.grid3-home .home-mid1{height:auto;overflow:hidden; width:25%;margin-top:15px;float: left;margin-right: 0;}
.grid3-home .home-mid2{height:auto;overflow:hidden; width:50%;margin-top:15px;float: right;}
.grid3-home .home-mid3{height:auto;overflow:hidden; width:25%;margin-top:15px;float: right;margin-left: 0;}
/*
.grid3 .home-mid{height:auto;overflow:hidden;padding-top:3%;}
.home-mid a:hover{
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
opacity:0.9;}
.home-mid a{ width:100%; display:block; position:relative; color:#fff; text-decoration:none; }
.home-mid a img{ display:block; width:100%;}
.home-mid-content{ width:100%; padding:10px 15px; background-color:#464646; color:#fff;}
.home-mid-content h1{ font-size:1.875em; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; text-transform:uppercase; font-weight: lighter;}
.home-mid-content p{  line-height:20px; word-wrap:break-word;}*/

.home-mid-bg{ width:100%; min-height:300px; background-color: rgba(255,255,255,0.5); padding:10px 0 0;}
.m-home-mid{ width:calc(100%-20px); background-color:#2c2c2c; padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
.grid2-bg{width:calc(100%-20px);background:#364d20; padding:15px 10px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; height:auto; overflow:hidden;}

.con-1{ width:56%; padding-right:2%; float:left; background:url(../images/con-line.png) no-repeat right center; min-height:100px;}
.con-2{ width:41%; float:right;}

.con-txt h1{ color:#fff; font-size:1.125em; padding:0 0 5px; margin-bottom:5px; border-bottom:1px dotted #fff; text-shadow: 0 2px 2px #303030;}
.con-txt p{  color:#010101; line-height:18px; height:70px;}
.con-txt a,.con-txt input[type="submit"]{ display:block; color:#fff; text-align:center; width:78px; height:36px; line-height:36px; font-weight:bold; font-size:.75em; background:url(../images/btn-bg.png) no-repeat;transition: all .3s ease-in-out; border:none; cursor:pointer;text-decoration:none;}
.con-txt a:hover,.con-txt input[type="submit"]:hover{background:url(../images/btn-bg-hover.png) no-repeat; text-decoration:none;}
.con-txt input[type="text"]{ width:96%; border:none; color:#fff; background-color:#000; padding:2px 2%; height:28px; line-height:24px; margin-top:18px;}

.list-h1{ font-size:2em; width:400px; max-width:100%; text-align:center; margin:0 auto 10px; line-height:60px; color:#394515; text-shadow: 5px 5px 20px rgba(255,255,255, 1); }
.list-h1 span.span1,.list-h1 span.span2{ display:inline-block; text-align:center;}
.home-contact{ font-size:1.25em;  width:270px; margin:3% auto; font-weight:lighter; line-height:55px; padding-left:55px; background:url(../images/icon-contact.png) no-repeat left center; color:#fff; }


.ecart_a1 img {display:block;float:left;}
.ecart_a1 span {display:block;font-size:1.125em;font-weight:bold;line-height:93px;margin-left:25px;}
.ecart_h3 {font-size:1.125em;font-weight:bold;text-align:center;line-height:24px;}
.ecart-span{display:block; height:auto; overflow:hidden;margin-top:10px;text-align:center;}
.ecart-span a { padding:5px 2px; }
.ecart_h4 {font-size:14px;font-weight:bold;text-align:center;}

/*面包屑样式*/
.detail_cat { line-height:25px;border-bottom:1px solid #ccc; width:98%; padding:10px 1%; margin:0 auto;}
.detail_cat a {padding:5px;color:#848484;font-size:.75em; text-decoration:none;}
.detail_cat a.current{ color:#000; font-weight:bold;}

.select-catary{ padding:10px 1%; width:98%; height:auto; overflow:hidden; margin:0 auto; background-color:#3f4857; color:#fff;}
.select-catary > a,.select-catary span{ display:block; float:left;  line-height:20px;}
.select-catary > a{ padding:5px 10px;font-weight:bold;}
.select-catary span{ padding:5px 0;font-size:.75em;}
.select-catary a:hover,.select-catary a.current{ color:#d6de26; }
.select-catary h1{ background:url(../images/icon-left.png) no-repeat left center; font-size:1.125em; color:#fff; padding-left:20px; line-height:20px;}

/*listing页面样式*/

.video_h3 {font-size:2em; text-transform: uppercase; color:#364d20;font-weight:bold;line-height:30px; margin:30px 0 30px; text-align:center; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}

.m-rank{ width:100%; height:auto; overflow:hidden; padding:10px 0; margin-bottom:1em; }
.rank-left{ float:left; margin-top:10px;}
.rank-right{ float:right;}
.rank-right a,.rank-right span{ display:block; float:right; line-height:34px; margin:0 5px;}
.rank-width{ width:100px;}

.list-1-a,.list-2-a{ display:block; width:34px; height:35px; padding:2px; border-radius:5px;}
.list-1-a{ background:url(../images/rank-icon10.png) no-repeat center center;}
.list-2-a{ background:url(../images/rank-icon20.png) no-repeat center center;}

.list-current-1{background:#007f3d url(../images/rank-icon11.png) no-repeat center center; border-radius:5px;}
.list-current-2{background:#007f3d url(../images/rank-icon21.png) no-repeat center center; border-radius:5px;}

.list-1,.list-2{ width:100%; height:auto; overflow:hidden;}
.list-2{ display:none;}
.list-a {display: block;height:auto;  overflow:hidden;position: relative;text-decoration:none; float:left;  width:100%;}
.list-a-margin{ margin:0 5px;}

.list-a span {  display:block; height:auto; overflow:hidden;}
.list-a span.span1{ width:100%; }
.list-a span.span1 img{ width:100%;}
.font1 {font-weight:bold; color:#000; line-height:1.5em;}
.font2 {font-size:.75em;font-weight:bold;color:#d80123;line-height:1.5em;}
.font3{ font-size:.75em; font-style: italic; text-decoration:line-through; color:#999;}
.new_hot {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot img{ width:100%;}
.line { border:none;border-top:1px dotted #999;width:100%;margin-top:5px;margin-bottom:5px}

.list_pro{ position:relative;}
.list_pro1{ position:relative; width:31%; margin-right:3%;background-color:#fff; margin-bottom:3%; float:left;}
.list_pro1:nth-child(3n){ margin-right:0; clear:right;}

.list_pro2{ position:relative; width:32%; margin-right:2%; border:2px solid #3e622e; margin-bottom:3%; float:left;}
.list_pro2:nth-child(3n+1){ margin-right:0; clear:right;}

.list-txt{ width:100%; padding:5px 0; height:auto; overflow:hidden; }
.list-txt span.span1{   font-size:16px; text-align:center; font-weight:bold;  height:40px;}
.list-txt span.span2{ font-size:1.125em; font-weight:bold; margin-bottom:5px;}
.list-txt span.span3{ font-size:.75em;  height:60px; }
.list-txt span.span4{   font-size:12px; text-align:center; font-weight:bold;  height:40px;}

.list-txt2{ width:100%; padding:5px 0; height:25PX; /* overflow:hidden; */}
.list-txt2 span.span1{   font-size:16px; text-align:center; font-weight:bold;  height:40px;}
.list-txt2 span.span2{ font-size:1.125em; font-weight:bold; margin-bottom:5px;}
.list-txt2 span.span3{ font-size:.75em;  height:60px; }
.list-txt2 span.span4{   font-size:12px; text-align:center; font-weight:bold;  height:40px;}

.list-txt4{ width:100%; padding:5px 0; height:40PX; /* overflow:hidden; */}
.list-txt4 span.span1{   font-size:16px; text-align:center; font-weight:bold;  height:40px;}
.list-txt4 span.span2{ font-size:1.125em; font-weight:bold; margin-bottom:5px;}
.list-txt4 span.span3{ font-size:.75em;  height:60px; }
.list-txt4 span.span4{   font-size:12px; text-align:center; font-weight:bold;  height:40px;}

.m-box{  opacity:0; position:absolute; bottom:0; left:0; width:100%; 
transition: all .3s ease-in-out; height:40px;background-color:rgba(72,106,58,0.9);}
.m-box span{ display:block; color:#fff;  font-size:18px; line-height:42px; text-align:center; }


/* .list-a:hover .m-box,.list-a:focus .m-box{  opacity:1;transition: all .3s ease-in-out;} */


/*.list-a:hover  {border:2px solid #999;}*/
.list_pro:hover .boxBor{ display:block; 
 -moz-transition: background 0.5s ease-in,color 0.3s ease-out;
    -webkit-transition: background 0.5s ease-in,color 0.3s ease-out;
    -o-transition: background 0.5s ease-in,color 0.3s ease-out;
    transition: background 0.5s ease-in,color 0.3s ease-out;
}

/*list box页面样式*/
.list-box{ margin-bottom:15px; width:100%;}
.list-box-a{display: block;padding:10px; width:100%; margin:0 auto;height:auto; overflow:hidden;position: relative;border:2px solid rgba(255,255,255,0);}

.list-box:hover {border:2px solid #999;}
/* .list-box-a:hover {border:2px solid #999;} */
.list-box-a span {  display:block; height:auto; overflow:hidden; margin-bottom:5px;}
.list-box-a span.span1{ width:30%; float:left; max-width:200px; }
.list-box-a span.span1 img{ width:100%; height:100%;}

.list-text{ width:69%; float:right;}
.pro-name{ width:97%; margin-left:3%; font-size:18px; margin-bottom:10px;}
.pro-des{ width:97%; margin-left:3%; font-size:14px; line-height:20px; }

.new_hot2 {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot2 img{ width:100%;}


/*detail页面样式*/

.m-detail-info{ width:100%; height:auto; overflow:hidden; margin-top:1em;}
.m-detail-price{ color:#575859; font-size:1.7em; font-weight:bold; display:block; line-height:42px; }
.m-detail-price2{ color:#3d622e; font-size:2em; font-weight:bold; display:block; line-height:42px; }
.m-detail-price3{ color:#3d622e; font-size:2em; font-weight:bold; display:block; line-height:42px; float:left;}
.share-icon{ width:42px; height:42px; display:block; float:right; margin-left:10px;}

.detail-bg{ background-color:rgba(255,255,255,0.8); color:#3d622e; }


/*detail slide*/

#slider3-pager a {display: inline-block;}
#slider3-pager img {float: left;}
#slider3-pager .rslides_here a {background: transparent;box-shadow: 0 0 0 1px #f7cf2d;}
.rslides { overflow:hidden; border:1px solid #b9b9b9;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%;left: 0; top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides li a{cursor: zoom-in}

.detail_ul_2 {position:absolute;left:2px;bottom:2px;z-index:999;}
.detail_ul_2 li {display:block;float:left; margin-bottom:5px;}
.detail_ul_2 li a {	margin-right:2px;padding:3px;border:1px solid #b9b9b9;}
.detail_ul_2 li a:hover {padding:3px;/*border:1px solid #666;*/}
.detail_ul_2 ul li a img {border:1px solid #ccc;}

.detail_ul_3 { margin-top:15px; padding-left:5px;}
.detail_ul_3 li {display:block;float:left; margin-bottom:5px;}
.detail_ul_3 li a {	margin-right:3px;border:1px solid #eaeaea;}
.detail_ul_3 li a:hover {border:1px solid #f7cf2d;}
.detail_ul_3 ul li a img {border:1px solid #f7cf2d;}

.detail_show2 {position:absolute;right:0;bottom:0;z-index:999;width:300px;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}

.detail_show2 span {display:block;color:#000;}
.detail_span1 {font-size:14px;font-weight:bold;line-height:15px;padding-left:10px;}
.detail_span11 {line-height:16px; font-size:.75em; color:#494949; display:block; margin-bottom:15px;}
.detail_span22 {font-size:12px;line-height:16px;padding-left:10px; text-decoration:line-through; color:#999; font-style:italic;}

.detail_span2 {font-size:1.8em;font-weight:bold; margin-top:10px;margin-bottom:10px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; color:#364d20;}
.detail_input1 {width:120px;height:40px; line-height:40px;background:#3e622e;color:#fff;text-align: center;border:none;cursor:pointer;-webkit-appearance:none; margin-top:1em; float:left; margin-left:10px; }
.detail_input2 {width:120px;height:40px;line-height:40px;background-color:#3e622e;color:#fff;text-align: center;border:none;cursor:pointer; -webkit-appearance:none;margin-top:1em; margin-left:10px; float:left;}
.detail_input3 {width:120px;height:35px;line-height:35px;background:#666;color:#fff;text-align:left;border:none;margin-top:15px; margin-right:10px; text-indent:20px;}
.detail_input1:hover,.detail_input2:hover{ background-color:#007f3d;}

.detail_video {margin-top:3%; height:auto; overflow:hidden;}
.detail_video_left {width:60%;height:auto; overflow:hidden; float:left;}

.video_p {font-size:14px;line-height:18px;color:#848484;}
.detail_video_right {width:35%; float:right;height:auto; overflow:hidden;}
.detail_video_right img{ width:100%;}
.pro_detail {margin-top:15px;border-bottom:1px dotted #ccc;}
.pro_detail_table {font-size:14px;color: #727272;text-align: left; width:48%;}
.pro_detail_table1{ float:left;}
.pro_detail_table2{ float:right;}
.pro_detail_table td {min-height:20px;line-height:20px;}
.pro_detail_table td:first-child{ width:25%;}
.pro_detail_table td:nth-last-child(1){ width:75%; color:#000;}
.pro_detail_h4 {font-size:14px;font-weight:bold;line-height:30px;border-bottom:1px dotted #ccc;color:#000;margin-bottom:10px;}
.pro_detail_h4 a, .pro_detail_h4 a:hover {text-decoration:underline;}


.select_dl{ width:100%; height:auto; line-height:24px; margin-top:5px;}
.select_dl dt{ width:60px; font-size:14px; line-height:20px;}
.select_dl dd{ width:300px; margin-left: 5px;}
.select_dl2 dt{ width:60px;}
.select_dl2 dd{ width:75%; }

.discount_dl dt{ width:60px;}
.m-detail-face{ width:100%; height:auto; overflow:hidden; margin:15px 0;}

.qty-dl{ margin-top:15px; width:160px;}
.qty-dl dt{ width:50px; line-height:34px;}
.qty-dl dd{ width:100px;}

.price1{ line-height:24px; font-size:.75em; text-decoration:line-through;  font-weight:lighter;}
.price2{ line-height:24px; font-size:.75em;  font-weight:lighter;}
.price3{ line-height:24px; font-size:1.75em; font-weight:lighter;}
.select_dl dd > a{float:left;background:#fff;font-size:12px;border:1px solid #ccc;height:24px; padding:4px 8px; min-width:14px; display:block; color:#000; margin-bottom:5px; margin-right:5px; text-align:center;}
.select_dl dd > a.my_border_match{background:#fff url(../images/right-icon.gif) no-repeat 100% 100%;border:1px solid #A10000;  }
.select_dl dd > a img{}
span.add_button {display: block;float: left;width: 101px;padding: 0;margin-right: 5px;margin-left: 15px;margin-top: 3px;}
span.add_button > .detail_button2 {margin: 0;padding: 0;display: block;width: 101px;height: 31px;border: none;color: #fff;text-align:center;font-size: 14px;line-height: 30px;background-color:#aeaeae;}
.numeric-stepper {width:150px;height:40px;display:block;position:relative;overflow:hidden;float:left; margin-top:1em;	}
.numeric-stepper > input {width:70px;height:40px;line-height:42px;padding:0;margin:0;text-align:center;vertical-align:center;font-size:100%;border:1px solid #bdbfc1;border-radius:0;background-color:#fff; color:#494949; float:left; font-size:18px;}

.numeric-stepper a.plus {width:40px;height:40px;padding:0;margin:0;background:#fff;border:1px solid #bdbfc1;display:block; border-left:none; float:left; text-align:center; font-size:20px; font-weight:bold; line-height:40px; text-decoration:none;}
.numeric-stepper a.minus {width:40px;height:40px;padding:0;margin:0;background:#fff;border:1px solid #bdbfc1;display:block; border-right:none; float:left; text-align:center;font-size:28px; font-weight:bold; line-height:36px; text-decoration:none;}
.numeric-stepper a > img{ *vertical-align:top;}
.numeric-stepper a:hover{text-decoration:none;}


.m-detail-a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.detail-a1{ display:block; float:left;}
.detail-a2{ display:block; float:right; color:#666; background-color:#e4e4e4; height:34px; width:210px; line-height:33px; border:1px solid #9d9d9d;  margin-right:10px;}
.detail-a2:hover{ color:#000;}
.detail-a2 span,.detail-a2 img{ display:block;}
.detail-a2 img{ float:left; width:33px; height:33px;}
.detail-a2 span{ float:right; width:175px; text-align:center;}


.detail-p{  padding:1%; line-height:22px; font-weight:bold; margin-bottom:30px;}
.m-detail-des{padding:2%; line-height:24px;}
.m-detail-des ul li{ list-style:disc inside; }

/*detail页弹出层*/

.popup-top1{ width:100%; margin:0 auto; min-height:120px; }
.popup-top1 .span1{ display:block; float:left; width:20%; margin-right:15px;}
.popup-top1 .span1 img{ display:block; float:right;}
.text-box1{ float:left; height:auto; overflow:hidden; width:70%;}

.text-box1 .span2{ font-size:2em;color:#364d20;display:block;  margin-bottom:8px;}
.text-box1 .span3{ font-size:1.125em; color:#000; display:block;  margin-bottom:8px;}
.popup-btns{font-size:14px;color:#b79450;line-height:28px;}
.popup-btns a{ color:#364d20; padding:5px; font-size:14px;font-weight:bold;}
.popup-btns a:hover{ text-decoration:underline;}



/*.firstpane > li{ cursor:pointer; display:block; line-height:20px;  padding:10px 3% 10px 1em;font-size:20px; font-weight:bold;}
.firstpane li.current{ text-decoration:none;transition: all .3s ease-in-out; }*/


.g-brand{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding-top:1.8em;}
.g-brand a{ display:block; width:15%; float:left; margin-right:1.6%; margin-bottom:2%;  height:auto; overflow:hidden; }
.g-brand a:nth-child(6n){ margin-right:0;}
.g-brand a img{ width:98%; width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px); display:block;border:1px solid #d8d8d8;}
.g-brand a span{ display:block; font-size:.75em; color:#3d3d3d; text-align:center; margin-top:8px; font-weight:bold;}

.g-brand a:hover{ opacity:.8;}

.brand-show{ display:block;  width:90%; margin:0 auto 20px;  height:auto; overflow:hidden;border:1px solid #d8d8d8;}
.brand-show img{ width:100%;}

.brand-intro{ font-size:.75em; font-weight:bold; line-height:20px;}
.brochure-list{ margin-top:20px;}
.brochure-list a{ display:block; width:100%; height:auto; overflow:hidden;}
.brochure-list a img{ width:100%; display:block;}
.brochure-list a span{ display:block; margin-top:10px; text-align:center; color:#000; font-size:.75em;}

.help-detail h1{ font-size:1.125em; color:#3f4857; margin:1em 0;}
.help-detail p{  color:#454545; margin:1em 0;line-height:20px;}
.help-detail a{  color:#454545; line-height:20px; text-decoration:underline; display:block;}
.help-detail ul li{ list-style:disc !important;}

.m-block{ width:98%;/* width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);*/border:1px solid #d8d8d8; padding:15px; position:relative;height:200px;}
.m-block h1{ font-size:1.125em; color:#3f4857; margin-bottom:1em; width:80%; /* width: -moz-calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px); */float:left; }
.m-block ul,.m-block ul li{ width:100%; height:auto; overflow:hidden;}
.m-block ul li a{ display:block; padding-left:15px; background:url(../images/dot-icon.png) no-repeat left center; font-size:12px; line-height:20px; color:#454545; text-decoration:none;}
.m-block ul li{}

.m-block a.a1{ display:block; float:right; width:28px; height:28px; margin-top:-5px;}

.banner-list{ display:block; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.banner-list{ width:100%;}
.top-banner{transition: all .3s ease-in-out; margin-bottom:15px; position:relative;}
.top-banner span{ display:block; position:absolute; top:15px; left:15px; font-size:3em; color:#065b42;}

.catory-txt{ display:block;font-size: .875em;
    line-height: 20px;
    color: #454545;
    padding: 13px 0;
    background-color: #e1e1e1; width:90%; margin:10px auto; text-align:center;}

.catory-txt:hover{color:#fff; text-decoration:none; background-color:#3f4857;transition: all .3s ease-in-out;}

.m-quality{ width:90%; height:auto; overflow:hidden; margin:1em auto;}
.quality-h1{ font-size:2.7em; font-weight:lighter; text-align:center; margin-bottom:1em;}
.quality-h2{ font-size:3em;font-weight:lighter; color:#065b42;margin-top:1em; font-weight:bolder; text-align:center; font-family:"黑体";}
.quality-list span{ display:block; width:100%;}
.quality-list span.span1{ padding:1em 0;}
.quality-list span.span1 img{ display:block; display:block; margin:0 auto;}
.quality-list span.span2{ display:block; height:150px; padding:1em 0; text-align:center; font-size:1.5em; font-weight:bold; color:#065b42;}


.g-test{ width:90%; margin:0 auto;}
.test-h1{ font-size:2.5em; font-weight:lighter; color:#3c2414; text-align:center; padding:1em 0;}
.test-h1 span{ font-size:.75em;}

.test-a a{ display:block; width:300px;  max-width:100%; margin:1em auto 0;}
.test-a a img{ width:100%;}
.test-a a:hover{ background-color:#fff; box-shadow:0 0 20px #333;}
.test-a span{ display:block;font-size:2em; font-weight:lighter; color:#3c2414; text-align:center; padding:1em 0;}

.test-a2 a{display:block; width:100%; padding:1.5em 0; background-color:#fff; text-align:center; font-size:2.5em;  max-width:100%; margin:0 auto; color:#3c2414;}
.test-a2 a:hover{ box-shadow:0 0 20px #333;color:#3c2414;}

.test-a3 a{display:block; width:50%; padding:1.5em 0; background-color:#fff; text-align:center; font-size:2.5em;   margin:0 auto; color:#3c2414;}
.test-a3 a:hover{ box-shadow:0 0 20px #333;color:#3c2414;}

.test-a4 a{ font-size:1.75em; display:block; color:#3c2414; margin-top:2em;}
.test-a4 a.a1{ float:left; padding-left:45px; line-height:45px; background:url(../images/test-left.png) no-repeat left center;}
.test-a4 a.a2{ float:right; padding-right:45px; line-height:45px; background:url(../images/test-right.png) no-repeat right center;}

.g-test2{ width:95%; margin:0 auto;}
/*checkbox style*/
.test-checkbox input[type=checkbox   ]:not(old){width   : 70px;margin  : 0;padding : 0;opacity : 0;}
.test-checkbox input[type=checkbox   ]:not(old) + label{display      : inline-block; margin-left  : -70px;padding-left : 70px;background   : url('../images/test-select.png') no-repeat 0 4px;line-height  : 66px;  cursor:pointer;}
.test-checkbox input[type=checkbox]:checked + label{background-position :0 -70px;}
.test-checkbox label{ font-size:1.375em; color:#3c2414; font-weight: bold; word-wrap:break-word;}

.test-dl{ width:60%; height:auto; overflow:hidden; padding:2%; margin:0 auto 1em; background-color:#fff; font-weight:bold; font-size:16px; color:#58595b;}
.test-dl dt{ width:20%; float:left; margin-left:15%;}
.test-dl dd{ width:63%; float:right;}
.test-td1{ width:25%;}
.test-td2{ width:75%;}

.test-content{width: 880px;max-width: 90%;margin: 0 auto;transition: all 1s ease; padding:2%;}
.test-left{ width:20%; float:left;font-size:2.2em; font-weight:bold;}
.test-right{ width:78%; float:right;}
.test-left span.span1{ color:#826aaf;}
.test-left span.span2{ color:#db4140;}
.test-left span.span3{ color:#009ed1;}
.test-left span.span4{ color:#822447;}
.test-left span.span5{ color:#753384;}
.test-left span.span6{ color:#588844;}
.test-left span.span7{ color:#c0264b;}
.test-left span.span8{ color:#b87060;}
.test-left span.span9{ color:#0075bc;}
.test-left span.span10{ color:#1dbfd7;}
.test-left span.span11{ color:#ec8b30;}
.test-left span.span12{ color:#d33b96;}

.test-right .list-txt{ height:42px;}

/*眼睛*/
.test-pro1{ background-color:#b6afc3;}
.test-pro1 span.span1,.test-pro1 span.span2{  color:#826aaf;text-align:center; display:block; height:auto;}
.test-pro1 span.span1{ font-size:1em;}
.test-pro1 span.span2{ font-size:1em; font-weight:lighter;}

/*皮肤*/
.test-pro2{ background-color:#deb8a7;}
.test-pro2 span.span1,.test-pro2 span.span2{ text-align:center; display:block; height:auto;color:#db4140;}
.test-pro2 span.span1{  font-size:1em;}
.test-pro2 span.span2{  font-size:1em; font-weight:lighter;}

/*骨骼*/
.test-pro3{ background-color:#97d0ce;}
.test-pro3 span.span1,.test-pro3 span.span2{ text-align:center; display:block; height:auto;color:#009ed1;}
.test-pro3 span.span1{ font-size:1em;}
.test-pro3 span.span2{  font-size:1em; font-weight:lighter;}

/*脑部*/
.test-pro4{ background-color:#cfafbb;}
.test-pro4 span.span1,.test-pro4 span.span2{ text-align:center; display:block; height:auto;color:#822447;}
.test-pro4 span.span1{ font-size:1em;}
.test-pro4 span.span2{  font-size:1em; font-weight:lighter;}

/*體重*/
.test-pro5{ background-color:#e8d0ee;}
.test-pro5 span.span1,.test-pro5 span.span2{ text-align:center; display:block; height:auto;color:#753384;}
.test-pro5 span.span1{ font-size:1em;}
.test-pro5 span.span2{  font-size:1em; font-weight:lighter;}

/*腸道*/
.test-pro6{ background-color:#b6d1aa;}
.test-pro6 span.span1,.test-pro6 span.span2{ text-align:center; display:block; height:auto;color:#588844;}
.test-pro6 span.span1{ font-size:1em;}
.test-pro6 span.span2{  font-size:1em; font-weight:lighter;}

/*心臟*/
.test-pro7{ background-color:#ffa7bc;}
.test-pro7 span.span1,.test-pro7 span.span2{ text-align:center; display:block; height:auto;color:#c0264b;}
.test-pro7 span.span1{ font-size:1em;}
.test-pro7 span.span2{  font-size:1em; font-weight:lighter;}

/*免疫力*/
.test-pro8{ background-color:#f1ccc4;}
.test-pro8 span.span1,.test-pro8 span.span2{ text-align:center; display:block; height:auto;color:#b87060;}
.test-pro8 span.span1{  font-size:1em;}
.test-pro8 span.span2{  font-size:1em; font-weight:lighter;}

/*男士*/
.test-pro9{ background-color:#8fd5ff;}
.test-pro9 span.span1,.test-pro9 span.span2{ text-align:center; display:block; height:auto;color:#0075bc;}
.test-pro9 span.span1{  font-size:1em;}
.test-pro9 span.span2{  font-size:1em; font-weight:lighter;}

/*睡眠*/
.test-pro10{ background-color:#c7e6eb;}
.test-pro10 span.span1,.test-pro10 span.span2{ text-align:center; display:block; height:auto;color:#1dbfd7;}
.test-pro10 span.span1{font-size:1em;}
.test-pro10 span.span2{  font-size:1em; font-weight:lighter;}

/*維他命*/
.test-pro11{ background-color:#fed4ac;}
.test-pro11 span.span1,.test-pro11 span.span2{ text-align:center; display:block; height:auto;color:#ec8b30;}
.test-pro11 span.span1{  font-size:1.25em;}
.test-pro11 span.span2{  font-size:1em; font-weight:lighter;}

/*女士*/
.test-pro12{ background-color:#febce4;}
.test-pro12 span.span1,.test-pro12 span.span2{ text-align:center; display:block; height:auto;color:#d33b96;}
.test-pro12 span.span1{ font-size:1em;}
.test-pro12 span.span2{  font-size:1em; font-weight:lighter;}

.form-tit{ height:35px; width:100%; text-align:center; color:#fff; background-color:#F97B0B; line-height:35px; font-size:1.25em; }

.g-form{ width:80%; margin:0 auto; min-height:100px;}
.form-p1{ font-size:1.125em; line-height:28px; width:100%; margin:2em auto; }
.form-p1 a.a1{ color:#007F3D; text-decoration:underline;}
.form-input1{ width:100px; padding:0 2px; height:28px; line-height:28px; margin-left:2px; margin-right:5px; display:inline-block;}

.form-detail{ width:100%; min-height:100px; margin:1em auto; font-size:1.125em; display:none;}
.form-tb1 span.span1{ padding-right:5px; display:block;}
.form-td1{ width:10%;}
.form-td2{ width:40%;}
.form-td3{ width:50%;}
.form-radio{ width: auto;}
.form-radio input,.form-radio label{ display:block; float:left; margin-top:0;}
.form-radio label{ font-weight:lighter; margin-left:2px; margin-right:10px; line-height:20px; margin-bottom:0;}

.form-ul{ width:100%; height:auto; overflow:hidden; margin:2em auto;}
.form-ul li{ list-style:disc outside; margin-left:25px; line-height:24px;}

.g-form-tb2{OVERFLOW: auto;width:100%;height:400px; margin:0 auto;}
.form-tb2{ font-size:14px;}
.form-tb2 span.span1{ font-size:18px;}
.form-tb2 span.span2{ font-size:16px;}


.form2-td1{ width:45%;}
.form2-td2{ width:10%;}
.form2-td3{ width:15%;}
.form2-td4{ width:15%;}
.form2-td5{ width:15%;}
.form-input2{padding:0 2px; height:24px; line-height:24px; width:70%; margin:auto;}

.form-tb2 {border-collapse: collapse; color:#000;border: 1px solid #94cf96; background:#fff;}
.form-tb2 span.span0,.form-tb2 span.span1,.form-tb2 span.span2,.form-tb2 span.span3{ padding:3px;}

.form-tb2 td {/*padding: 3px;*/border-left: 1px dotted #94cf96;border-bottom: 1px solid #94cf96;}
.form-tb2 td a {background: transparent;text-decoration: none;font-weight:normal;color:#000;}
.form-tb2 td a:hover { background: transparent;color:#00a65c;text-decoration: underline;}
.tb2-title {background:#c0deb6;text-transform: uppercase;font-weight:bold;font-size: 20px;}
.subtitle {background:#e7f1e0;font-weight:bold;font-size: 16px;}
.form-tb2 tr:hover {background:#fadf9f;}
.tb2-title:hover span.span1{background:#c0deb6;}
.subtitle:hover span.span2{background:#e7f1e0;}
table .tabTh td{color:#FFF;background-color:#F97B0B; border-left:none; border-bottom:none; }
.form-tb2 tr.tabTh:hover{color:#FFF;background-color:#F97B0B;}
.show-span{ padding-left:10px;}
.show-span1{ color:#007F3D; font-weight:bold;}
.form-btn{ background-color:#007F3D;}



.slideTitle {color: #fff; font-size: 3em;line-height: 1.2em;position: absolute;top: 55px;text-align: center;width: 96%;padding: 0 2%; }
.slideTagline { color: #fff; font-size: 0.55em; letter-spacing: 0.05em; }
#slideshow {position: relative;width: 100%; height: 420px;padding: 0px; }
#slideshow > div { position: absolute;top: 0px; left: 0px; right: 0px;bottom: 0px; }
#slideshow > a.slide { position: absolute;top: 0px; left: 0px; right: 0px;bottom: 0px; }
.slideImg {height: 100%; width: 100%; background-position: center center; background-repeat:no-repeat; }
.slideshow{ overflow:hidden;}

/*-- FOR SELECT--*/
.dropdownWraper {width: 100%;position: absolute; top: 415px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.dropdown {display: block;width: 180px;font-size: 1.2em; color: #333; background-color: #fff; height: 50px; border: 1px solid #d8d9da;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  cursor: pointer; }
  .dropdown select {background: none; border: 1px solid transparent;  outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    color: #444; padding: 4px 10px 0 40px; line-height: 1.3;display: inline-block; width: 180px;  margin: 9px 0 10px -41px; font-size: 0.9em;
    vertical-align: top;cursor: pointer; }
  .dropdown.location, .dropdown.capacity { width: 160px; }
    .dropdown.location select, .dropdown.capacity select {  width: 160px; }
  .dropdown.capacity option { font-size: 0.9em; }
  .dropdown.evtType::before {background: url("../images/search_icon-01.png") 0 3px no-repeat; background-size: 20px;
    content: "";display: inline-block;margin: 12px 0 0 11px; height: 23px; width: 21px; }
  .dropdown.location::before { background: url("../images/search_icon-02.png") 0 3px no-repeat;background-size: 20px;
    content: ""; display: inline-block;margin: 12px 0 0 11px;  height: 23px; width: 21px; }
  .dropdown.capacity::before { background: url("../images/search_icon-03.png") 0 3px no-repeat; background-size: 20px;
    content: ""; display: inline-block;  margin: 12px 0 0 11px; height: 23px;  width: 21px; }
  .dropdown::after { content: ''; width:25px; height:15px;  margin: -30px 10px 0 0;float: right;background:url(../images/select-arrow.png) no-repeat right center; /*content: '';  font-size: .75em;  height: 1em;width: 1em;display: block;
    border: 2px solid #546476; border-left-color: transparent; border-top-color: transparent; transform: rotate(45deg);
    margin: -35px 16px 0 0;float: right;*/ }

select:-moz-focusing { color: transparent; text-shadow: 0 0 0 #000; }
.centerDropdown { margin: 0 auto; width: 100%; max-width: 1000px;font-size: 1.2em;  line-height: initial; text-align: center; }

.disabled { color: #d1d1d1;  font-size: 0.8em; }
.orangeBtn { background: #335c66;color: #fff; border: none;padding: 10px 30px;height: 50px; margin: 0 0 0 10px;font-size: 1.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
.orangeBtn:focus { outline: none; }
.orangeBtn:hover { background: #26d1b8;cursor: pointer; }

/*.orangeBtn2{background: #335c66;}
.orangeBtn2:hover { background: #26d1b8;cursor: pointer; }
*/
	
.whiteOutlineBtn { background: none; color: #fff; border: 1px solid #fff; padding: 10px 30px; height: 50px;margin: 0 0 0 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .whiteOutlineBtn:focus { outline: none; }
  .whiteOutlineBtn:hover { background: #fff; color: #ec8443; cursor: pointer; }
.rightLink { color: #fff; }
 .rightLink::after { content: ""; display: inline-block; background-image: url("../images/sprites.png");
    background-size: 155px;
    background-repeat: no-repeat;
    background-position: -7px -100px;
    width: 11px;
    height: 11px; }

.keySearchBtn {display: inline-block;vertical-align: top; margin: 16px 0 0 10px; font-size: 0.9em;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer; }

.keySearch { height: 50px;  width: 200px;font-size: 1.2em;
  padding: 0 5px 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  border: none; }
  .keySearch:focus {outline: none; }
.no-width { width: 0;padding: 0; margin: -5px; }
.hide { display: none; }

.grid3 .img-col3 {float: left;margin-left: 2%;margin-bottom: 2%;}
.grid3 .img-col3{height:auto;overflow:hidden; width:32%;}
.grid3 .img-col3 a{ display:block; width:100%; position:relative;}
.grid3 .img-col3 a img{ display:block; width:100%;}
.grid3 .img-col3 a img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.grid3 .img-col3 a img:hover {
    -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.4));
    }
 .infoTag {  background: #00d6c1; position:absolute; left:0; bottom:10px;}
.infoTag { color: #fff; background: #3b6169; padding: 10px 0; width:100%; display:block; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; text-align:center; overflow:hidden;}	
	
	.infoTag h2{ font-size:1.75em; margin-bottom:10px;}
	


.home-h1{ font-size:2em; text-align:center; color:#335c66; margin-bottom:2%;}
.search-wrap{ margin-top:2%; margin-bottom:2%;}
.dropdown-width{ width:62%;}
.dropdown-width select{ width:100%;padding: 4px 10px 0 40px;}
.orangeBtn2{ width:35%; padding:10px 5%;}
.centerDropdown2 { margin: 0 auto; width: 500px; max-width: 96%;/* text-align: left;*/ }
.search-hot{ text-align:left; margin:8px 0; height:auto; overflow:hidden; width:100%;}
.search-hot span,.search-hot a{ display:inline-block; margin-right:10px; font-size:14px;}
.promo{background-color: #11c9ae; margin:2% auto 0;}
 .promo a{ display:block;}
 .promo img { width:100%; }
 
 .space-grid3{ margin:0 auto 2%;}
.space-grid3 h2{ font-size:2em; text-align:center; margin-bottom:10px;}
.space-grid3 h2~p{ font-size:1.125em;text-align:center; margin-bottom:2%;}

 .space-grid3 .col {float: left;margin-left: 2%;margin-bottom: 2%;}
 .space-grid3 .col{height:auto;overflow:hidden; width:32%;}
 .space-grid3 .col:nth-of-type(3n+1) {margin-left: 0;clear: left;}
 
 .space-a{ display:block; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:4%;}
.space-a > img{ display:block; width:100%;  margin-bottom:10px;}
.space-tex{ width:100%; height:auto; overflow:hidden;}
.space-tex h3.h3-tit1{ font-size:1.5em; color:#767676; font-weight:lighter; line-height: normal; margin:5px 0;}
.space-tex h3.h3-tit2{ font-size:1.25em; color:#00c6ab; font-weight:lighter;line-height: normal; margin-bottom:10px;}
.space-tex h4.h4-tit{ font-size:1em; color:#767676; padding-left:28px; background:url(../images/search_icon-04.png) left center no-repeat; line-height:25px; margin-bottom:15px;font-weight:lighter;}
.space-p1{ font-size:1em; line-height:24px;}
.space-p1 span.span1{color:#00c6ab;}
.space-p1 span.span2{color:#767676; padding-left:10px;}

.primary{ width:100%; height:465px; background:url(../images/space-pic5.png) no-repeat; position:relative;background-size: cover;}
.primary-img{ display:none;}
.space-position{ position: absolute; left:0; top:18%; width:100%; height:auto; overflow:hidden;}
.space-a1{ display:block; background-color:#787878; color:#fff; padding:5% 0; width:100%;}
.space-a1:hover{ color:#fff;}
.space-a1 img{display:block; margin:5% auto;}
.space-a1 h2{ text-align:center; font-size:1.75em; font-weight:lighter; line-height:30px;}

.section-bg1{ background-color:#00c1a5; width:100%; min-height:200px; padding-bottom:4%; padding-top:2%;}
.iconBlog{ width:55px; height:55px; background-color:#00c1a5; margin:0 auto; border-radius:100%;}

.iconBlog2{ width:80px; height:80px; background-color:#00c1a5; margin:-60px auto 0; border-radius:100%; padding:20px;}

.iconBlog img{ display:block;width:42px; height:42px;margin:0 auto;}
h3.h3-tit4{color: #fff; text-align:center;font-size:1.75em; font-weight:lighter; padding-bottom:2%;}

.space-tex h3.h3-tit3{ font-size:1.25em; color:#fff; font-weight:lighter;line-height:30px; margin-bottom:3%;}
.space-tex p.space-p2{ font-size:1em; color:#fff; font-weight:lighter;line-height:24px;}

.space-a2{background: none;color: #fff;border: 1px solid #fff;padding: 0 30px;height: 50px;border-radius:25px;
	transition: all 1s ease; display:block; margin:0 auto; width:200px; line-height:50px; text-align:center; font-size:1.125em;}
.space-a2:focus{outline: none;}
.space-a2:hover{background: #fff;color:#00c1a5;cursor: pointer;}
.border-none{ border-bottom:none;}

.banner-text{ width:500px; max-width:80%; padding:30px; background-color:rgba(0,0,0,0.5);color:#fff; text-align:center; position:absolute; top:50px; left:25%; }
.banner-text h1{ font-size:2.5em; padding:1em 0; font-weight:lighter;}
.banner-text p{ font-size:20px;}
.banner-text p a,.banner-text p span{ color:#fff; padding:0 10px;}
.banner-text h2{ font-size:1.5em; margin-top:20px; font-weight:lighter;}
.search-btn{ display:block; margin:30px auto; width:180px; padding:15px; text-align:center; color:#335c66; font-size:1.5em; line-height:24px; background-color:#31ddc8; border-radius:10px;}

.dropdownWraper2{ padding:20px; background-color:#979797;}
.list-img{ margin-top:2%;}

.research-result{ padding:2% 0; }
.side-left{ width:30%; min-height:200px; float:left;}
.side-right{ width:65%;min-height:200px; float:right;}
.search-box{ width:100%; height:auto;  margin:0 auto 2%;}
.search-input{ width:91%; width: -moz-calc(100% - 61px);
    width: -webkit-calc(100% - 61px);
    width: calc(100% - 61px);
 height:45px; float:left; padding:3px; border-radius:5px; outline:none; box-shadow:none;}
.search-btn2{ display:block; float:right; width:55px; height:55px; background:#fff url(../images/icon-search2.png) no-repeat; border:none; cursor:pointer; }

.h1-tit1{ font-size:1.25em; line-height:24px; background:url(../images/icon-search3.png) no-repeat; border-bottom:1px solid #eaeaea; padding:0 0 5px 28px; margin-bottom:10px; color:#6ebc8c;}
.h3-tit5{ font-size:1.125em; color:#000; line-height:24px; padding:5px 0; font-weight:lighter;}

.m-radio{ width:100%; height:auto; overflow:hidden; margin:35px 0 20px;}
.side-pic1{ width:100%; height:auto; overflow:hidden;}
.side-pic1 img{ display:block; width:100%;}

.h1-tit2{ font-size:1.25em; line-height:24px; background:url(../images/icon-addr.png) no-repeat; border-bottom:1px solid #eaeaea; padding:0 0 5px 28px; margin-bottom:10px; color:#6ebc8c;}
.h1-tit3{ font-size:1.25em; line-height:24px; background:url(../images/icon-space.png) no-repeat; border-bottom:1px solid #eaeaea; padding:0 0 5px 28px; margin-bottom:10px; color:#6ebc8c;}
.h1-tit4{ font-size:1.25em; line-height:24px; background:url(../images/icon-food.png) no-repeat; border-bottom:1px solid #eaeaea; padding:0 0 5px 28px; margin-bottom:10px; color:#6ebc8c;}
.layout-slider{ margin-bottom:40px;}
.m-checkbox{ color:#000;}
.side-clear{color:#6ebc8c; display:block; padding-left:20px; line-height:20px; background:url(../images/icon-clear.png) left center no-repeat; }
.side-clear:hover{color:#6ebc8c;}
.search-btn3{ display:block; width:100%; height:55px; background:#335c66 url(../images/icon-search4.png) center center no-repeat; border-radius:8px; border:none; margin-top:20px;}

@media only screen and (min-width:1100px){ .banner-text{  left:32%;}}

/*END detail页面样式*/
@media only screen and (max-width:980px){
.g-test2{ width:95%; margin:0 auto;}
.g-test2 .col{ margin-bottom:5px; width: 48.4%;}
/*.g-test2 .col:nth-of-type(2n){margin-left: 3.2%;clear: left;}*/
.g-test2 .col:nth-of-type(2n+1){margin-left: 0;clear: none;}
.g-test2 .col:nth-of-type(4n){margin-left: 3.2%;clear: none;}
.g-test2 .col:nth-of-type(10n){margin-left: 3.2%;clear: none;}	

.banner-text{  left:20%;}

}
@media only screen and (max-width:930px){
	
	
.qty-dl{ margin-top:15px; width:100%;}
.qty-dl dt{ width:50px; line-height:34px;}
.qty-dl dd{ width:100px;}


.g-help-block .col {width: 48.4%;}
.g-help-block .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
.g-help-block .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}

.g-form{ width:95%;}
.form-td1{ width:15%;}
.form-td2{ width:40%;}
.form-td3{ width:45%;}
}

@media only screen and (max-width:900px){

.ecart_a1 span {display:block;font-size:1em;font-weight:bold;line-height:93px;margin-left:10px;}

.con-1{ width:48%; padding-right:3%; float:left; background:url(../images/con-line.png) no-repeat right center; min-height:100px;}
.con-2{ width:48%; float:right;}


/*checkbox style*/
.test-checkbox input[type=checkbox   ]:not(old){width   : 50px;margin  : 0;padding : 0;opacity : 0;}
.test-checkbox input[type=checkbox   ]:not(old) + label{display      : inline-block; margin-left  : -50px;padding-left : 50px;background   : url('../images/test-select2.png') no-repeat 0 8px;line-height  : 50px;  cursor:pointer;}
.test-checkbox input[type=checkbox]:checked + label{background-position :0 -46px;}
.test-checkbox label{ font-size:1.25em; }


}

@media (max-width: 820px) {
	#slideshow{ margin-bottom:0;}
  .dropdownWraper { background: #00d6c1; padding: 20px 0; position:static; margin-bottom:2%; }
  .centerDropdown { margin: -10px auto 10px; }
  .dropdown { margin: 20px auto 0; width: 90%; }
 .dropdown select { width: 100%; }
 .dropdown.location, .dropdown.capacity { width: 90%; }
 .dropdown.location select, .dropdown.capacity select { width: 100%; }
  .orangeBtn { margin: 20px 0 0 0px;width: 90%; }
  .keySearch { width: 90%; margin: 20px 0 0; padding: 0 0 0 15px; }
  .keySearchBtn { display: none; }
  
  .search-hot{ width:90%; margin:8px auto;}
  .banner-text{  left:18%;}
/* .imgOneThird { width: 95%; }*/
 }

@media only screen and (max-width:768px){


/*detail页面样式*/
.detail_ul_2 {position: static; height:50px; margin-top:15px; padding-left:1px;}
.detail_show2 {position: static;right:0;bottom:0;z-index:999;width:100%;min-height:130px;overflow:hidden;background-color:#ddd;padding:15px;filter:alpha(opacity=90);  /*支持 IE 浏览器*/-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.pro_detail_table { width:100%;}
.pro_detail_table1{ float:none;}
.pro_detail_table2{ float:none;}

.ecart_a1 img { float:none; display:block;}
.ecart_a1 span {display:block;font-size:.75em;font-weight:bold;line-height:20px; margin-top:5px;margin-left:5px;}

.home-mid-content h1{font-size: 1.25em;}

/*detail页弹出层*/

.popup-top1{ width:100%; margin:0 auto; min-height:120px; padding-bottom:10px; margin-bottom:10px;}
.popup-top1 .span1{ display:block; float:left; width:20%; margin-right:10px;}
.popup-top1 .span1 img{ display:block; float:right;}
.text-box1{ float:left; height:auto; overflow:hidden; width:70%;}
.text-box1 .span2{ font-size:1.25em;color:#b79450;display:block;  margin-bottom:8px;}
.text-box1 .span3{  color:#000; display:block;  margin-bottom:8px;}
.popup-btns{color:#b79450;line-height:20px;}
.popup-btns span{ display:none;}
.popup-btns a{ color:#b79450; padding:0 5px; font-size:.75em; display:block;}
.popup-btns a:hover{ text-decoration:underline;}

.list_pro1{ position:relative; width:49%; margin-right:2%; margin-bottom:2%; float:left;}
.list_pro1:nth-child(2n){ margin-right:0; clear:right;}
.list_pro1:nth-child(3n){ margin-right:2%; clear:none;}
.list_pro1:nth-child(6n){ margin-right:0; clear:right;}



.menu_body2 h1{ font-size:16px; padding:10px 3% 10px 10px;}
.menu_body2 a{display:block;text-decoration:none; padding:5px 3% 5px 15px;width:100%;}

	.infoTag h2{ font-size:1.25em; margin-bottom:2px;}

.banner-text{ left:15%;}	  
}

@media only screen and (max-width:720px){
.detail_show22{width:100%; height:auto;overflow:hidden; float:none;	position:relative; padding-bottom:15px;}
.detail-right33{ width:100%; height:auto; overflow:hidden; float:none; position:relative; }


.g-brand a{ display:block; width:31%; float:left; margin-right:2%; margin-bottom:3%;  height:auto; overflow:hidden; }
.g-brand a img{ width:98%; width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px); display:block;border:1px solid #d8d8d8;}
.g-brand a span{ display:block; font-size:.75em; color:#3d3d3d; text-align:center; margin-top:8px; font-weight:bold;}

.g-brand a:nth-child(6n){margin-right:2%;}
.g-brand a:nth-child(3n){margin-right:0;}

.g-help-block .col {width: 100% !important;margin-left: 0 !important;clear: none !important;}

.top-banner span{ display:block; position:absolute; top:10px; left:10px; font-size:1.5em; color:#065b42;}


/* grid3-home col */

.grid3-home .col-home:nth-of-type(3n+1){margin-left: 0;clear: left;}
.grid3-home .home-mid1{height:auto;overflow:hidden; width:50%;margin-top:3%;float: left;margin-right:0;}
.grid3-home .home-mid2{height:auto;overflow:hidden; width:100%;margin-top:0;float: none;}
.grid3-home .home-mid3{height:auto;overflow:hidden; width:50%;margin-top:3%;float: right;margin-left: 0;}

.quality-h1{ font-size:1.8em; }
.quality-h2{ font-size:2em;}
.quality-list span.span2{ height:120px;  font-size:1.25em;}
.g-test{ width:95%; margin:0 auto;}

.banner-text{ left:12%;}
}

@media only screen and (max-width:640px){

/*首頁中間內容的樣式*/
.ecart_h3 {line-height:24px;}


/*detail页面样式*/
.detail_video_left {width:100%;float:none; margin-bottom:15px;}
.detail_video_right {width:100%; float:none;height:auto; overflow:hidden;}

/*.list_pro1{ position:relative; width:100%; margin-right:0; margin-bottom:2%; float:none;}

.list_pro1:nth-child(3n){  margin-right:0;}
.list_pro1:nth-child(2n){ margin-right:0;}	
.list-txt span.span3{ font-size:.75em; color:#fff; height:30px; }
*/	

.test-a2 a{ padding:1em 0; font-size:2em;}
.test-a3 a{ padding:1em 0; font-size:2em; }

.test-left{ width:100%; float:none;font-size:2em; font-weight:bold; margin-bottom:10px;}
.test-right{ width:100%; float:none;}

.test-dl{ width:95%; height:auto; overflow:hidden; padding:2%; margin:1em auto; background-color:#fff;}
.test-dl dt{ width:30%; float:left;}
.test-dl dd{ width:68%; float:right;}
.test-td1{ width:40%;}
.test-td2{ width:60%;}

.form2-td1{ width:40%;}
.form2-td2{ width:20%;}
.form2-td3{ width:20%;}
.form2-td4{ width:20%;}
.form-btn{ width:14px; height:30px; width:80px; line-height:30px;}

.banner-text{ left:10%;}
.banner-text h1{ font-size:2em; }
.banner-text p{ font-size:16px;}
.banner-text p a,.banner-text p span{  padding:0 5px;}
.banner-text h2{ font-size:1.25em; }

.side-left{ width:100%; min-height:200px; float:none; margin-bottom:30px;}
.side-right{ width:100%;min-height:200px; float:none;}
}

@media only screen and (max-width:568px){

/*list页面样式*/
/* grid4 */
.grid4 .list_pro {width: 48.4% !important;}



/*list box页面样式*/

.list-box-a{display: block;padding:10px;height:auto; overflow:hidden;position: relative; min-height:150px;}
/*.list-box-a span.span1{ width:100%; float:none; max-width:100%; border-bottom:1px dotted #ccc; }*/
.list-box-a span.span1 img{ width:100%; height:100%;}
.pro-name{ width:100%; margin-left:0; float:none;}
.pro-price{ width:100%; margin-left:0; float:none;}

.new_hot2 {position: absolute;z-index: 9; right:10px; top:10px; width:40px; height:40px;}
.new_hot2 img{ width:100%;}

.ecart_a1 img {display:block;float:left;}
.ecart_a1 span {display:block;font-size:1.125em;font-weight:bold;line-height:93px;margin-left:25px;}

.con-1{ width:100%; padding-right:0; float:none; background:none; min-height:100px; margin-bottom:30px;}
.con-2{ width:100%; float:none;}


.test-a3 a{ width:100%; }

.form-detai{ font-size:1em;}
.form-radio label{ margin-right:3px;}

.primary{ width:100%; height:auto; overflow:hidden; background:none; position:relative;}
.primary-img{ display:block; width:96%; margin:0 auto 2%;}
.space-position{ position:static;}
	.infoTag h2{ font-size:1.75em; margin-bottom:10px;}
	.home-h1{ font-size:1.5em;}
}

@media screen and (max-width:480px){


/* grid4 */
.grid4 .col {width: 100% !important;margin-left: 0 !important;clear: none !important;}

.top-banner{/*-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
-moz-transform: scale(1.3);
-moz-transform: all 1s ease 0s;
-ms-transform: scale(1.3);
-ms-transform: all 1s ease 0s;
transform: scale(1.3);
transition: all 1s ease 0s; margin-top:0;*/
}


}
@media screen and (max-width:321px){


}



.testing {
	font-size: 14px;
}