@charset "utf-8";
/* CSS Document */
/****=reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font-size:12px;font-family:arial,microsoft yahei,sans-serif;-webkit-text-size-adjust:none; color:#4d4d4d;}
table{border-collapse:collapse;}
a img{border:0px;}
a{blr:expression(this.onFocus=this.blur());}
:focus{outline:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after{content:'';}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;}
a{outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
html{ overflow-y:scroll;}
.arial{font-family:Arial;}

.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/****=resetend***/

/* for html5 */
header,nav,aside,menu,figure,article,time,footer{display:block;}


.header{ background:#b7e8ff; border-bottom:2px solid #74bdd9; position:relative;}
.container{ padding:0;}

.btn-left,.btn-left:active,.btn-right,.btn-right:active{ position:absolute; top:8px; left:25px; background:#58abc9; color:#FFF; font-size:14px; line-height:25px; text-shadow:1px 1px 0px #333; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none; -webkit-box-shadow: -1px 1px 2px  #25759c inset; -moz-box-shadow: -1px 1px 2px   #25759c inset; box-shadow: -1px 1px 2px   #25759c inset;}
.btn-left:hover{ color:#fff; text-shadow:0px 1px 0px #00395a;}
.btn-right{   padding:6px 16px; left:auto; right:10px;}
.btn-right:hover{ color:#fff; text-shadow:0px 1px 0px #00395a;  padding:6px 16px; left:auto; right:10px;}
h1.head{ font-size:18px; text-shadow:1px -1px 0px #fff; text-align:center; color:#58abc9; height:53px; line-height:53px;}

.swipe h2{ color:#58abc9; text-align:center; font-size:14px; background:#dbf3ff; line-height:18px; width:326px; margin:0 auto; padding:8px 0;}
.btn-left .carets,.btn-right .carets{position: absolute; top: -1px;left:-14px;display: block; width:20px;height:37px;overflow: hidden;}
.btn-left .carets::after {position: absolute;content: "";top:5px;left:4px;display: block;width:28px;height:28px;background: #58abc9;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transform: rotate(45deg); -webkit-box-shadow: 1px 0 1px  #25759c inset; -moz-box-shadow: 1px 0 1px  #25759c inset; box-shadow: 1px 0 1px  #25759c inset;}

.slideshow{ padding:10px; text-align:center;}

.swipe #pagenavi{position:absolute;left:0;bottom:-20px;text-align:center;width:100%;}
.swipe #pagenavi a{width:14px;height:14px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#C80002;}

.prolist{ margin:10px;}
.prolist h4{ font-size:18px; color:#58abc9; font-weight:bold; background:url(../images/dot.jpg) left no-repeat; text-indent:0.5em; line-height:20px; margin:10px 0 5px -5px; }
.prolist p{ text-indent:2em; line-height:18px;}
.prolist span{ display:block; line-height:18px;}

.btn-buy,.btn-buy:hover,.btn-buy:active{ 
background-image: -moz-linear-gradient(top, #ffc04b, #ee7c01); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc04b), color-stop(1, #ee7c01)); /* Saf4+, Chrome */
width:217px; height:48px; line-height:38px; font-size:24px; color:#fff; border:none;
 -webkit-box-shadow: 0px 2px 2px  #666; -moz-box-shadow: 0px 2px 2px  #666; box-shadow: 0px 2px 2px  #666;
text-shadow:1px 1px 0px #666;
margin:5px auto;
display:block;
 }

.cutline{ border-bottom:1px solid #E7E7E7; border-top:1px solid #C3C3C3; margin:10px 0 5px;}

.prolist h5{ color:#58abc9; font-size:14px; background:url(../images/dot2.jpg) left no-repeat; text-indent:0.5em; line-height:20px; margin:5px 0 5px 5px;}
.caption h3{ font-size:14px; text-align:center; margin:10px 0 5px;}
.plus-icon{ background:url(../images/phone.png) no-repeat 0 -236px; width:28px; height:28px;}

.xgcp{ background:url(../images/bg2.jpg) no-repeat center;}
.xgcp .thumbnail{ border:none; background:none;}

.col-sm-6{ width:33.33333%; float:left;}
.pro_find{  font-size:14px; text-align:center; display:block;}

.input-group-addon{ }

.row .col-xs-12{ margin:5px 0;}
.tag_find{ line-height:34px; margin-left:12px; font-size:14px;}
.input-group a{ line-height:34px; margin:0 5px; text-decoration:underline; font-size:14px;}

.wrapper{ padding:10px;}

.prolist_menu{ position:fixed; top:0; right:0; width:100%; z-index:9999; display:none;}

.sidemenu h3{ width:100%; height:28px; line-height:28px; color:#58abc9; font-size:14px; background:#e2f5ff;}
.sidebarin{ border-left:1px solid #cbeeff; border-right:1px solid #cbeeff; overflow:hidden; background:#58abc9;}
.sidebarin h3 i.proicon{ background-position:0 -185px; margin:0 5px 0 10px;}
.sidebarin a.sidebarh3{ width:128px;color:#737373; padding-left:15px;  display:block; margin:0 auto; font-size: 14px;
line-height: 30px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:10px; text-indent: 0.5em;}
.sidebarin a.current{color: #52b0d4;}
.sidemenu{ margin-bottom:5px;}
.sidebarin a.current i.culture{background-position:0 -277px;}
.sidebarin a.current i.event{ background-position:0 -326px;}
.sidebarin a.current i.merch{ background-position:0 -365px;}
.sidebarin a.current i.channel{ background-position:0 -408px;}
.secondmenu{ background:#58abc9; display:block; color:#737373; padding-left:20px;}
.secondmenu li{ background:url(../images/s_15.png) no-repeat top left; height:36px; line-height:38px; text-indent:1em; font-size:13px;}
.secondmenu li a{ color:#e2f5ff;}
.secondmenu li a:hover{color:#e2f5ff;}
.secondmenu li.last{ background-position:0 -36px;}
i.icons{ width:27px; height:28px; background:url(../images/icons.png) no-repeat; display:block; float:left;}
i.proicon{ background-position:0 -185px; margin:0 5px 0 10px;}

.hidden-box{ background:url(../images/menu.png) no-repeat center; width:40px; min-height:459px; cursor:pointer; display:block; margin:auto; vertical-align:middle;}
.prolist_menu .col-xs-2{ vertical-align:middle; height:100%; display:block; min-height:459px; padding:0;}

.btn-circle,.btn-circle:hover{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; padding:8px 5px; font-size:18px; font-weight:bold; background:#737373; border:1px solid #737373; margin:0 -15px 70px 0;}
.btn-circle-big,.btn-circle-big:hover{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; padding:7px 12px; background:#737373; border:1px solid #737373; line-height:20px; font-size:18px;  font-weight:bold;}
.menu-knowledge{ text-align:center; position:relative; padding-top:20px; border-bottom:2px solid #58abc9;}
.menu-knowledge span.tt{ color:#58abc9; display:inline-block; font-size:16px; font-weight:bold; position:absolute; top:0; left:50%; margin-left:-16px;}
.btn-guom,.btn-guom:hover{ margin:0 0 70px -15px;}

.menu-knowledge .active{background-color: #5bc0de;border-color: #46b8da;}
.menu-knowledge .activegreen{background-color: #308e59;border-color: #217f4a;}
.menu-knowledge .activepp{background-color: #8c59b4;border-color: #8c59b4;}
.menu-knowledge .activehair{background-color: #b15d88;border-color: #b15d88;}
.menu-knowledge .activebaby{background-color: #be6424;border-color: #be6424;}
.pets .thumbnail{ border:none; padding:5px;}
.pets .thumbnail>img{ border:6px solid #fff;}
.pets h2{ color:#58abc9; font-size:16px; margin:0 0 5px; padding:5px;}
.pets p{ text-indent:2em; line-height:18px; font-size:14px; padding:5px;}
.pets  span{ padding:5px; font-size:14px;}

.guomin .thumbnail{ border:none; padding:5px;}
.guomin .thumbnail>img{ border:6px solid #fff;}
.guomin h2{ color:#328c56; font-size:16px; margin:0 0 5px; padding:5px;}
.guomin p{ text-indent:2em; line-height:18px;  font-size:14px; padding:5px;}

.heitou h2{ color:#8c59b4;}
.hair h2{ color:#b15d88;}
.baby h2{ color:#be6424;}

.vip .thumbnail{ border:none; padding:0;} .vip .thumbnail>img{ border:none;}
.row .vip{ margin:-20px -20px 0 0; z-index:-1; padding-left:5px; padding-right:5px; overflow:hidden; position:relative;}

.viptext{top:10%; left:5%; position:absolute; width:55%; font-size:14px; color:#737373;}
.viptext h2{ color:#58abc9; font-size:18px; font-weight:bold; margin:0 0 5px;}
.viptext p{ text-indent:2em; line-height:22px;}

.contactus{ margin-top:15px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ background-color:#b7e8ff; color:#58abc9; border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
.nav-pills>li a,.nav-pills>li a:hover,.nav-pills>li a:focus{ font-size:16px; font-weight:bold; border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;}
.contactus .nav{ border-bottom:2px solid #b7e8ff; padding:0 20px;}
.nav-justified>li {
display: table-cell;
width: 1%;
}

.dropdown-menu{ left:5%;}
.col-xs-12 .text-left{ text-align:left;}

.btn-search,.btn-search:hover,.btn-search:active{ 
background-image: -moz-linear-gradient(top, #72c8ef, #348eae); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72c8ef), color-stop(1, #348eae)); /* Saf4+, Chrome */
width:90%; height:48px; line-height:38px; font-size:24px; color:#fff; border:none;
 -webkit-box-shadow: 0px 2px 2px  #666; -moz-box-shadow: 0px 2px 2px  #666; box-shadow: 0px 2px 2px  #666;
text-shadow:1px 1px 0px #666;
margin:5px auto 15px;
display:block;
 }
.address{ margin:15px 0 0 30px;}
.address li{ list-style:decimal outside; }
.address li.active{ color:#58abc9;}
.heads{ color:#58abc9; font-size:16px; margin:0 0 5px;}
.col-xs-12 p{ line-height:20px;}

.form .row{ padding:3px 0; margin:0;}
.form .col-xs-12,.form .col-xs-5,.form .col-xs-7{ padding:0;}
.bordernone{ border:none; background:none;}

.probg {
background: #e2f5ff;
padding:15px;
overflow: hidden;
}

.probg h3 {
font-size: 14px;
color: #58abc9;
height: 28px;
line-height: 28px;
color: #58abc9;
padding: 0 0 5px;
margin: 15px 0 10px 10px;
}
i.icontest {
background-position: 0 -760px;
margin: 2px 0 0;
}

.paginations {
float: right;
background: #e2f5ff;
padding: 3px 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.paginations li {
float: left;
line-height: 28px;
margin:0 4px;
}
.paginations li.col-xs-1{ padding-left:5px; padding-right:5px;}
.paginations li.current a{ text-decoration:underline;}

.indexlogo{ margin:10px 0 0; padding:0;}

.panner {
width:100%;
padding:0 10px;
}
.panner h3 {
padding:0 10px;
font-size: 14px;
color: #52b0d4;
line-height: 30px;
text-indent: 0.5em;
border-bottom: 1px solid #a9d8ec;
padding-bottom: 2px;
}
.panner ul{ margin:8px 0 0;}
.psend ul li a, .pfaq ul li a {
color: #5f5f5f;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
line-height: 25px;
}
a.more,.panner ul li a.more{ color:#58abc9;}
.psend i.icons {
background-position: 0 -35px;
}
.indexhs a {
padding:0 4px;
font-size: 16px;
font-weight:bold;
color: #737373;
line-height: 30px;
text-indent: 0.5em;
}
.indexhs .col-sm-6{ padding:5px;}
.indexhs { margin:0;}

i.cc1{ background-position:0 -798px;}
i.cc2{ background-position:-30px -798px;}
i.cc3{ background-position:-65px -798px;}
i.cc4{ background-position:0 -831px;}
i.cc5{ background-position:-30px -831px;}
i.cc6{ background-position:-65px -831px;}
i.cc7{ background-position:0 -864px;}
i.cc8{ background-position:-30px -864px;}
i.cc9{ background-position:-65px -864px;}


.prolist2 {
-moz-border-radius: 2px;
color: #58abc9;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.prolist2>div{ margin:10px 0; height:220px;
border:1px solid #ccc;
 -moz-border-radius: 2px;
color: #58abc9;
-webkit-border-radius: 2px;
border-radius: 2px;}
.prolist2 h4{ background:#e2f5ff; color:#58abc9; padding-left:10px; line-height:24px; font-weight:bold;}
.prolist2 span{ padding-left:10px; margin:5px 0; display:block;}
.kefu{ margin:20px 0 0 30px;}

.prolist2 span.pz{ margin:15px 0 0 17px;}
.wenda p{ text-indent:0;}


.nav > li > a{
padding:10px 10px;
}



/*搜索 */
.search{margin:0px auto; background:#eeeeee; padding:10px; overflow:hidden; max-width:280px}
.form_search{ width:100%; margin:0px auto;}
.form_keywords { width: 100%; height: 38px; text-indent: 8px; background: #fff; border: 2px solid #000;  margin:0px auto; display:block}

/*按钮*/
.btn{
	width:55%;
	margin:0px auto;
	display:block;
	color:#fff;
	text-decoration:none; margin:0px;
	padding:8px 12px; margin:5px auto;
	border: 1px solid #000;
	background: #000;
	cursor:pointer;	
}
.btn:active{background: #068C81;color:#fff;}

.btn_download{
	color:#068C81;
	width:80px; text-decoration:none; margin:0px;
	padding:5px 12px; margin:5px auto;
	border: 1px solid #09C8B9;
	border-radius: 5px;background: #FFF;
	cursor:pointer;	
}
.btn_download:active{background: #068C81;color:#fff;}