* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -ms-touch-action: none; margin:0; padding:0; }
body,ul,li,h1,h2,h3,p{ padding: 0; margin: 0; border: 0; }
ul,li{ list-style:none;}
body{ position:relative; padding:0 0 50px; border:none; font-family:"Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;  background: #fff; }

a{ text-decoration:none;}

.hide{ display:none;}
.p10{ padding:10px;}

/* CSS Hack
----------------------------------------*/
.classHack { background-color:#FFFF00; *background-color:#00FF00; _background-color:#00FFFF;}

/* 万能Float闭合1
----------------------------------------*/
.clearfix:after { content:" ";display:block;clear:both;visibility:hidden;height:0;font-size: 0; }
.clearfix { display:block;zoom:1; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* 万能Float闭合2
----------------------------------------*/
.clear { height:0px; clear:both; font-size:0px; line-height:0px; zoom:1; }

.wrapper{ margin:0 auto; position:relative; width:100%; max-width:720px; background: #b676e9; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.wrapper img { max-width: 100%;}
.top { background-color:#fff; }
.top-logo { float:left; padding: 10px 10px; }
.top-logo img { height: 45px; vertical-align:middle;}
.top-txt { float:right; padding: 10px 10px; }
.top-txt .top-txt-1{ color: #0013fe; font-size: 16px; font-weight: bold;}
.top-txt .top-txt-2{ background: #0013fe; color: #fff; font-size: 16px; text-align: center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.top-banner{ position: relative; z-index: 0; }
.top-banner img{ width:100%; vertical-align:middle;}



/*<!--轮播图-->*/
.owl-pic .owl-nav { position: absolute; left: 0; bottom:50%; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-pic .owl-nav button.owl-prev,
.owl-pic .owl-nav button.owl-next{ font-family: simsun; background: #000; color: #FFF; font-size: 24px; margin: 0px; width: 50px; height: 50px; line-height: 50px; display: block; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity: 0.20; opacity: 0.20; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
.owl-pic .owl-nav button[class*='owl-']:hover { color: #FFF; text-decoration: none; filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; }
.owl-pic .owl-nav button.owl-prev{ position: absolute; display: none; left: -5px; top: -25px; text-align: right; padding-right: 8px!important;}
.owl-pic .owl-nav button.owl-next{ position: absolute; display: none; right: -5px; top: -25px; text-align: left; padding-left: 8px!important;}
.owl-pic .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-pic .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-pic .owl-dots { position: absolute; left: 0; bottom:-10px; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-pic .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline;}
.owl-pic .owl-dots .owl-dot span { position: relative; width: 14px; height: 14px; margin: 5px 5px; background: rgba(255,255,225,0.2); border: 4px solid rgba(128,128,128,0.0); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-pic .owl-dots .owl-dot.active span,
.owl-pic .owl-dots .owl-dot:hover span { border: 4px solid rgba(128,128,128,0.3); }
.owl-pic .owl-dots .owl-dot span:after{ content: "";  display: block; position: absolute; left: 0px; top: 0px; width: 6px; height: 6px; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(2,136,225,1); -webkit-transition: all .2s ease; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all .2s ease;}
.owl-pic .owl-dots .owl-dot.active span:after,
.owl-pic .owl-dots .owl-dot:hover span:after{ border: 2px solid rgba(2,136,225,1); background: rgba(2,136,225,1); }
.owl-pic{  }
.owl-pic .item { position: relative; }
.owl-pic .item .pic {  }
.owl-pic .item .pic img{ border: 2px solid #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.owl-pic .item .txt{ position: absolute; left: 0; right: 0; bottom: 0px; padding: 0 10px; height: 65px; line-height: 40px; font-size: 16px; background:rgba(255,255,255,0.0); color: #111; overflow: hidden; text-align: center;}
.owl-pic .item .txt em{ height: 48px; line-height: 48px; overflow: hidden; display: block; font-style: normal;}

.owl-pic.owl-pic-txt .item { background: #fff; padding-bottom: 50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }


.footer { padding: 0 0 30px; color: #999;}
.footer a { color: #999;}
.footer img { width:100%; vertical-align:middle; }
.footer-nav { position:fixed; z-index:999; left:0; bottom:0; width:100%; height:50px; background:#0288e1; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.footer-nav-tab li { position: relative; float:left; width: 33.33333333333333%; font-size:16px; }
.footer-nav-tab li a { display:block; height:50px; line-height:50px; text-align:center; color:#fff; text-decoration: none;}
.footer-nav-tab li:before { content: ""; position: absolute; left: 0; top: 10px; display:block; width: 1px; height:30px; background: #fff; }
.footer-nav-tab li:first-child:before { display: none;}

.footer-copyright{font-size:12px; color:#333; text-align:center; line-height:1.5em;}
.footer-copyright a{color:#333;}
	
.fa-comment:before {
    content: "\f075";
}

/*<!--结束-->*/



.owl-focus .owl-nav { position: absolute; left: 0; bottom:34px; z-index: 999; width: 100%; height: 0; margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-focus .owl-nav [class*='owl-'] { font-family: simsun; background: #000; color: #FFF; font-size: 14px; margin: 0px; width: 20px; height: 20px; line-height: 20px; display: inline-block; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity: 0.20; opacity: 0.20; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
.owl-focus .owl-nav [class*='owl-']:hover { color: #FFF; text-decoration: none;filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; }
.owl-focus .owl-nav .owl-prev{ position: absolute; top: 5px; left: 10px;}
.owl-focus .owl-nav .owl-next{ position: absolute; top: 5px; right: 10px;}

.owl-focus .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-focus .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-focus .owl-dots {position: absolute; left: 0; bottom:28px; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-focus .owl-dots .owl-dot { display: inline-block; zoom: 1;  *display: inline;
}
.owl-focus .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-focus .owl-dots .owl-dot.active span,
.owl-focus .owl-dots .owl-dot:hover span { background: #869791; }

.owl-focus { background:#f5f5f5; padding-bottom:32px; }
.owl-focus .item{ background:#f5f5f5;}
.owl-focus .item span{ display: block; color: #111; padding: 0 10px; font-size: 14px; width: 300px; height: 48px; line-height: 48px; overflow: hidden; text-align: center;}
.owl-focus .item span em{ height: 48px; line-height: 48px; overflow: hidden; display: block; font-style: normal;}

.top-nav { padding: 4px 0; background: #ff6600; font-size: 16px; font-weight: bold;}
.top-nav ul li{ float: left; width: 33%; text-align: center;}
.top-nav ul li a { display: block; height: 40px; line-height: 40px; color: #FFFFFF;}


	
.fa-comment:before { content: "\f075"; }


.box1 { margin: 30px 15px;  background: #0288e1;
  -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; }
.box1 .hd { margin: 0 15px; padding: 30px 0 0;  text-align: center;}
.box1 .hd h2{  margin: 0 0 10px; line-height: 1.2em; font-size: 24px; font-weight: bold; color:#a154df;}
.box1 .hd h3{ padding: 0 1em; display:inline-block; line-height: 2em; font-size: 18px; font-weight: bold; color:#fff;  background: #b676e9;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}

.box1 .bd .section { color:#a154df; }
.box1 .bd img{ width:100%; }



.box2 { margin: 30px 0px; 
  -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; }
.box2 .hd { margin: 0 15px; padding: 30px 0 0;  text-align: center;}
.box2 .hd h2{  margin: 0 0 10px; line-height: 1.2em; font-size: 24px; font-weight: bold; color:#0288e1;}
.box2 .hd h3{ padding: 0 1em; display:inline-block; line-height: 2em; font-size: 18px; font-weight: bold; color:#a154df; background: #0288e1;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}

.box2 .bd .section { color:#0288e1; }
.box2 .bd img{ width:100%; }

@media all and (max-width: 320px) {
}

@media all and (max-width: 414px) {
}



.lin-box-card { margin: 0 15px 30px; padding: 15px; background: #0288e1; border: 2px solid #0288e1;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	/*-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.1); 
	box-shadow: 0px 4px 10px rgba(0,0,0,0.1); */
}
.lin-box-card .hd { margin: 0 -15px 15px; position:relative; text-align:center;

/*background: linear-gradient(45deg, #fb3 12.5%, #58a 0,
#58a 25%, yellowgreen 0, 
yellowgreen 37.5%, rgb(129, 189, 189) 0,
rgb(129, 189, 189) 50%, #fb3 0,
#fb3 62.5%, #58a 0,
#58a 75%, yellowgreen 0, 
yellowgreen 87.5%, rgb(129, 189, 189) 0);
background-size: 120px 10px;
background-repeat: repeat-x;
background-position: center center;*/
}
.lin-box-card .hd h2 { display: block; margin: 0; padding: 0 1em; font-size: 20px; font-weight: bold; height: 1.5em; line-height:1.5em; color:#fff; }
.lin-box-card .hd h3 { display: inline-block; margin: 0; padding: 0 1em; font-size: 16px; font-weight: normal; height: 1.5em; line-height: 1.5em; background:#fff; color:#601ccb;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}
.lin-box-card .bd { }
.lin-box-card .bd img{ max-width:100%; height:auto; }
.lin-box-card .bd > .pic { margin: 15px 0; }
.lin-box-card .bd h4 { margin: 15px 0; font-weight: bold; font-size: 18px;}

.lin-box-card-w { background: #fff; }
.lin-box-card-w .hd h2 { color: #0288e1; }
.lin-box-card-w .hd h3 { background:#0288e1; color:#fff; }

.lin-box-card-w .lin-section { color:#9a64ef; }

.lin-box-card-d { background: #fff;  background: #ff4009 url("../../images/block1-2.jpg") no-repeat center top; background-size: 100% auto;}
.lin-box-card-d .hd h2 { color: #fff; }
.lin-box-card-d .hd h3 { background:#fff; color:#ff4009; }
.lin-box-card-d .lin-section { color:#fff; }

.total-box { position: fixed; z-index: 999; right: 15px; width: 60px; height: 60px; bottom: 80px; background: #000; color: #fff;text-align: center; font-size: 18px;
-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}
.total-box .title { margin-top: 15px; font-size: 12px; line-height: 1.2em; }
.total-box .total { font-size: 18px; line-height: 1.2em; font-weight: bold;}
.total-box a { color: #fff; text-decoration: none;}
.total-box.active { background: #f00;
}

.point { margin: 15px 0; border-left: 1px solid #ddd; }
.point dt { float: left; width: 25%; background: #ccc; border-right: 1px solid #ddd; text-align: center; font-size: 18px; font-weight: bold; }
.point dd { float: left; width: 25%; background: #fff; border: 1px solid #ddd; border-left: none; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer;}
.point dd .pic { border-bottom: 1px solid #ddd; }
.point dd .tit { position: relative; font-size: 18px; line-height: 40px; }
.point dd.active { background: #000; color: #fff; }
.point dd.active .tit:before { position: absolute; content: "√"; display: inline-block; height: 40px; line-height: 40x; right: 10px; top: 0; color: #fff;}


.point-total { margin: 15px; }
.point-total dd { text-align: center; }
.point-total dd.active { 
}
.point-total dd.active img { 
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
}
 
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  100% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  100% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); } }

.section{ line-height:1.5em; font-size:15px; color: #333; text-align: justify;}
.section p{ margin-bottom: 0.5em; text-indent: 0em;}


.re-text { padding: 10px; color: #0013fe;}
.re-text li{ position: relative; padding-left: 40px; margin: 10px 0; font-size: 16px; }
.re-text li i{ display: inline-block; width: 28px; height: 28px; line-height: 24px; color: #fff; background: #0013fe; border: 2px solid #0013fe; text-align: center; position: absolute; font-style: normal; left: 0; top: -3px;; -webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%;}

.section02{line-height:2em; font-size:14px; color: #333; padding:12px; text-align: left;}

.news-list { color:#fff; }
.news-list li{ margin: 0 10px; border-top:1px dotted #ddd; }
.news-list li:first-child{ border-top:none;}
.news-list li a{ display: block; padding:10px 0px; color:#333; }
.news-list li h3{ font-size:16px; line-height:1.8em; font-weight: normal;}
.news-list li .pic{ float:left; width:75px; margin-right:10px;}
.news-list li .pic img{ width:100%; vertical-align:middle; }

.morebar{ text-align:center; color:#fff; margin-top:20px;}
.btn-more{ display:block; color:#fff; font-size:16px; height:30px; line-height:30px; text-align:center; background:#bb4723; border:1px solid #f4cc5a; color:#f4cc5a; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius:10px; padding:0 50px;}

.show-more{ text-align:center; margin-top:10px;}
.show-more a{ color:#fff; display:block; height:30px; line-height:30px; background:rgba(250,190,0,0.5);}


.owl-theme-pt .owl-stage-outer{z-index:2;}
.owl-theme-pt .owl-dots,.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme-pt .owl-nav {z-index:0; position:absolute; left:0; bottom:-5px; width:100%;}
.owl-theme-pt .owl-nav [class*=owl-] { color: #fff; font-size:20px; padding: 10px 0; background:none; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme-pt .owl-nav [class*=owl-]:hover { background: none; color: #fff; text-decoration: none}
.owl-theme-pt .owl-nav .owl-prev{ float:left; margin-left:15px; }
.owl-theme-pt .owl-nav .owl-next{ float:right; margin-right:15px; }
.owl-theme-pt .owl-nav .disabled { opacity: .5; cursor: default}
.owl-theme-pt .owl-nav.disabled+.owl-dots {  margin-top: 10px}
.owl-theme-pt .owl-dots{ z-index: 9; position: absolute; left: 0; right:0; bottom:0}
.owl-theme-pt .owl-dots .owl-dot { display: inline-block; zoom:1;}
.owl-theme-pt .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px 5px;background: #fff; filter: Alpha(Opacity=50);opacity: 0.5; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px}
.owl-theme-pt .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { filter: Alpha(Opacity=100); opacity: 1;}


.pic-2 { margin: 15px -5px; }
.pic-2 dd { float: left; width: 50%; }
.pic-2 dd .box{ margin: 5px;}
.pic-2 dd .pic{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; }
.pic-2 dd .pic img{ width:100%; height:auto; vertical-align:middle; }
.pic-2 dd .txt{ padding:0 15px 15px;}
.pic-2 dd .txt h3{ border-bottom:1px dotted #fff; padding:10px 0px; margin-bottom:10px; text-align:center;}


@-webkit-keyframes reverseRotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);}
}

.btn_musicbox{ display: block; z-index:99999; position:fixed; top:15px; right:15px;border-radius: 30px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); background:rgba(255,255,255,0.3); background: rgba(0,0,0,0.5); border: 1px solid #000; width: 30px; height: 30px;}
.btn_music{ display: block; width: 30px; height: 30px; border-radius: 30px; background: url(https://m.baobei360.com/zt/2018cbme-nutri/images/music_off.png?v1) no-repeat center center;background-size: 26px;}
.btn_music.on{ background: url(https://m.baobei360.com/zt/2018cbme-nutri/images/music.png?v1) no-repeat center center;background-size: 26px;-webkit-animation: rotataZ 1.2s linear infinite;}


.point2 { position: absolute; left: 41%; top: 40%; margin: 10px -5px; }
.point2 dd { display: block;}
.point2 dd .box { margin: 5px; }
.point2 dd .pic { margin: auto auto 5px; }
.point2 dd .tit { font-size: 12px; color: #000; }
.point2 dd .name { margin-top: 20px; line-height: 1.2em; font-size: 16px; color: #000; }
.point2 dd .num { font-size: 16px; line-height: 1.2em; font-weight: normal; color: #0288e1 }
.point2 dd .count { margin-right: 10px; font-size: 48px; line-height: 1.2em; font-weight: bold; color: #0288e1 }
@media all and (min-width: 320px) {  
  .point2 { position: absolute; left: 41%; top: 35%; margin: 10px -5px; }
  .point2 dd .name { margin-top: 20px; line-height: 1.2em; font-size: 16px; color: #000; }
  .point2 dd .num { font-size: 16px; line-height: 1.2em; font-weight: normal;}
  .point2 dd .count { margin-right: 10px; font-size: 20px; line-height: 1.2em; font-weight: bold; }
}
@media all and (min-width: 374px) {  
  .point2 { position: absolute; left: 41%; top: 35%; margin: 10px -5px; }
  .point2 dd .name { margin-top: 20px; line-height: 1.2em; font-size: 16px; color: #000; }
  .point2 dd .num { font-size: 16px; line-height: 1.2em; font-weight: normal;  }
  .point2 dd .count { margin-right: 10px; font-size: 26px; line-height: 1.2em; font-weight: bold; }
}
@media all and (min-width: 767px) {  

  .point2 { position: absolute; left: 41%; top: 40%; margin: 10px -5px; }
  .point2 dd { display: block;}
  .point2 dd .box { margin: 5px; }
  .point2 dd .pic { margin: auto auto 5px; }
  .point2 dd .tit { font-size: 12px; color: #000; }
  .point2 dd .name { margin-top: 20px; line-height: 1.2em; font-size: 16px; color: #000; }
  .point2 dd .num { font-size: 16px; line-height: 1.2em; font-weight: normal; }
  .point2 dd .count { margin-right: 10px; font-size: 48px; line-height: 1.2em; font-weight: bold; }
}