body{
font-family: 微软雅黑;
 background:#9e9aa1;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
font-size:14px;

}
.public-header{

	
}

@media (min-width: 1200px) {
  	.container {
    	width: 1200px;
  	}
}
.listmain{
	
	background:#fff;
	
	margin:0 auto;

}

.list-tab{
	width:80%;
	
	margin:60px auto;
	border-bottom: 6px solid #931d4f; 
	
}

.list-tab li{width:33.33333%;
text-align:center;

}

.nav-tabs>li>a {
    margin-right: 35px;
	margin-left: 35px;
    line-height: 1.42857143;
	background:#d0d0d0;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}



.list-tab li a{

	font-size:18px;
	
color:#fff; 
	
	
}

#myTab.nav.nav-tabs.list-tab{
	
width:100%;
	
}

#myTab.nav.nav-tabs.list-tab .active a{
	
background:#3a8d8a;
	color:#fff; 
	
}
.tab-content{
	width:80%;
	
	margin:60px auto;
	
}

/*二级页 */


.list-left{
		font-family: 微软雅黑;
	
	}

	.list-left .menu{
		
		margin-left: 37px;
		float: left;
		
	}

	

	.list-left .menu h3{
		font-size: 18px;
		cursor: pointer;
		color: #000;
		font-weight:bold;
	}
    .list-left .menu ul{
        display: none;
		list-style: none;
    }
	.list-left .menu ul li{
		height: 68px;
		line-height: 28px;
		
		padding:15px
	}

	.list-left .menu ul li a:hover{
		background: #931d4f;
	padding:15px 30px;
		color:#fff;
	
	}


		.list-left .menu ul li a{
		text-decoration: none;
		color: #000;
		font-size: 16px;
		display: block;
	padding:15px 30px;
	}

	.list-left .menu .selected{
		background: #931d4f;
		padding:15px 30px;
	}



	.container .content{
		padding: 25px;
				float: right;
color:  #7b4340;
		font-size:14px;
		
	}

	.container .content .get-menu{
		margin-left: -10px;
	}

	.container .content .get-menu a{
		display: inline-block;
		font-size: 15px;
	    height: 40px;
	}

	.container .content .get-menu a:last-child{
		margin-left: -8px;
		color: #7D9EC0;
	}

	.container .content .get-menu span{
		display: inline-block;
	    height: 40px;
	    margin-left: -110px;
	}

	.container .content .menu1 .tab {
		display: none;
	}

	.container .content .menu1 .active{
		display: block;
	}

	.container .content .menu1 .tab p{
		font-size: 14px;
		line-height: 20px;
		color:  #7b4340;
        word-break:break-all;
	}

	.container .content .menu1 .tab .tt{
		font-size: 14px;
		font-weight: bold;

	}
/*第二个菜单下的文档内容*/
	.container .content .menu2 .tab {
		display: none;
	}

	.container .content .menu2 .active{
		display: block;
	}

	.container .content .menu2 .tab p{
		font-size: 14px;
		line-height: 20px;
				color:  #7b4340;
        word-break:break-all;
	}

	.container .content .menu2 .tab .tt{
		font-size: 14px;
		font-weight: bold;

	}
/*第三个菜单下的文档内容*/
	.container .content .menu3 .tab {
		display: none;
	}

	.container .content .menu3 .active{
		display: block;
	}

	.container .content .menu3 .tab p{
		font-size: 14px;
		line-height: 20px;
				color:  #7b4340;
        word-break:break-all;
	}

	.container .content .menu3 .tab .tt{
		font-size: 13px;
		font-weight: bold;

	}







.Article-content {
   
    padding:0px;
	margin-bottom: 30px;
}
.Article-content .container {
   
    padding:0px;
}
.Article-content .head{	height:30px; margin-top:20px;line-height:30px; padding-left:44px; background:url(../images/11.png) no-repeat 8px top; font-size:16px; font-weight:bold; color:#fff;
}
.Article-content .head a{color:#fff;}

.detail{
	
	background-color: #fff;	
	 border: 1px solid #eee;
    padding: 10px;
	width:100%;

}


.detail ul li {
    height: 29px;
    line-height: 29px;
    padding-left: 15px;
    background: url(../images/li01.gif) no-repeat 2px center;
	font-size: 14px;}
.detail ul li a{
		color:  #000;
list-style: none;

}

.detail ul li span {
    display: block;
    float: left;
}

 .detail ul li span.thetime {
   color:  #000;
    float: right;
}

/*-- single-page --*/
.brand-bigtitle{
	
	font-size: 22px;
	color: #fff;
	line-height: 1em;
	font-family: 'Lato', sans-serif;
	padding: 40px 15px 0 25px;
	
	
}
.brand-content {
	padding:20px 0;
	
}
.brand-main{background:#fff;}
.product-view {
    padding: 15px;
    border: 1px solid #eee;
	
}
.product-view h2 {
    font-size: 28px;
    color: #000;
    line-height: 1.3;
	padding-bottom:23px;
}
.product-view p {
    font-size: 12px;
    color: #929292;
	margin:15px 0;
	word-spacing:3px;
}
.product-view p i {
    margin-right: 4px;
    color: #f3c500;
    font-size: 14px;
}
.product-view p a {
    margin-right: 4px;
    color: #01a185;
    font-size: 14px;
}
.product-desc {
    margin-top: 45px;
	padding-top:15px;
}
.product-details h4 {
	color:#000;
	font-size:18px;
	margin:15px 0;
}
.product-details h4 a {
	color:#f3c500;
	font-size:15.5px;
	text-decoration:none;
}
.product-details p {
    line-height: 1.8;
    color: #848484;
    font-size: 13px;
    margin: 8px 0;
}
.product-details p strong {
    font-weight: 400;
    color: #000;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 14px;
}

.product-details-grid .milky {
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;;
  text-transform: uppercase;
  display: block;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: center;
  background: #b71059;

  padding: 10px 40px;
     margin-left: 5%;
 margin-top:0px;
  border-radius: 5px;
}

.item-price {
	border-bottom: 6px solid #b71059;
    margin-left: 5%;
	margin-top:7%;
    padding:0 15px;
	position:relative;
	background:#d8d8d8;

}

p.p-price {
    float: left;
    width: 50%;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #424242;
    vertical-align: middle;
	margin-top:8px;
	margin-left: 10px;
font-weight:bold;
	
}
h3.rate {
    float: left;
    color: #f3c500;
    font-size: 30px;
}
.condition h4,.itemtype h4 {
    margin: 0;
 
    font-size: 14px;
}
.condition p,.itemtype p {
    margin: 0;
	margin-left: 20px;
}
.product-price {
    padding: 20px 0;
}
.condition {
    padding: 20px 0;
	
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.itemtype {
    padding: 20px 0;
}
.interested {
	
    margin: 20px;
    padding: 2px 20px 20px 20px;
    
    margin-left: 5%;
    margin-right: 0;
	border:solid 1px #d8d8d8;
	border-bottom: 6px solid #b71059;
	
}
.interested  h4 {
	color:#000;
	font-size:16px; 
	font-weight:bold;

}
.interested h4::before{
	
	 content: "";
  position: absolute;
  width: 85%;
  margin-top:30px;
  left: 10%;
 
  height: 2px;
  background: #fbb03b;
	
}
.interested h4:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
 margin-top: 25px;
  left: 10%;
  margin-left: 112px;
 
  border-radius: 2px;
  background: #fbb03b;;
}
.interested  p {
	color:#000;
	font-size:14px;
	margin:30px 0 0 0;
}
.interested p i {
    margin-right: 12px;
    color: #FFFFFF;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.38);
    padding: 7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: middle;
}
.tips {
    margin: 20px;
    padding: 40px 20px 15px;
    background: #b3b3b3;
    margin-left: 5%;
    margin-right: 0;
}
.tips h4 {
    color: #000;
    font-size: 19px;
    margin-bottom: 15px;
}
.tips ol li a {
    display: block;
    text-decoration: none;
    color: #333333;
    margin: 5px 0;
    font-size: 13px;
    line-height: 30px;
}

#myCarousel.carousel{
    position: relative;
    padding: 20px;
}
.brand-title{
    font-size:20px;
	background: #fbb03b;
	filter:alpha(opacity:80); opacity:0.8; 
	-moz-opacity:0.8;-khtml-opacity: 0.8;
	color:#fff;
    margin-bottom: 10px;
	width:50%;
	padding:24px;
}
.list-inline{margin-top:5%;border-top:solid 2px #fbb03b;}
.list-inline li {width:15%;height:15%;margin-top:5%;}
.list-inline li img{margin-top:5%;}
.list-inline .selected img{border:solid 1px #ff0000;}

.carousel-control.right, .carousel-control.left{
background-image: none;
	margin-top:35%;
}



/*-- //single-page --*/

 /*内容页~~~~~~~~~~~~~~~~*/
.detail .rong{  overflow:hidden; clear:both; padding:20px 30px; margin-top:5px;}
.detail .biaoti{ height:30px; line-height:30px; border-bottom:2px #990000 solid; padding-left:33px; background:url(../images/11.jpg) no-repeat 8px top; font-size:14px; font-weight:bold; color:#990000;}
.content-title{ font-size:26px; padding:10px; text-align:center;}
.content-sp{ padding:5px 0 15px 0; text-align:center;}
.content-item{ padding:10px 0 20px 0; border-top:1px solid #ccc; text-align:center;}
.content-item a,.content-item span{ margin:0 15px;color:#000;}
.content-item span a{ margin:0 5px;color:#000;}
.content-text{ padding:5px 0px; }
.content-text p{ text-indent:0em; line-height:24px; font-size:14px;}
.content-text p.img{ text-align:center; padding:15px 0;}
.content-text img{ text-align:center; padding:15px 0;    
    max-width: 100%;
    height: auto;}


.content-text p.img img{ padding-bottom:5px;}
.content-page{ text-align:center; padding:20px 0;}
.content-page a,.content-page span{ margin:0 8px; font-weight:bold;}
.content-page strong,.content-page a.on{ color:#F00;}





 /*联系我们~~~~~~~~~~~~~~~~*/

.contact { width:100%;  margin:0 auto; padding:40px 15px;}
.contactfix{ margin:20px auto; width:90%; background:#fbb03b;height:6px; }
.right_big { width:100%; background:#f6f6f6; border:1px solid #eaeaea; margin:0 auto; padding:17px;}
.right_small { border:1px solid #ededed; background:#fff; width:99%; padding:10%; margin:0 auto;}
.right_small ul { margin:10px 5px; padding:0; list-style:none;}
.right_small li { border-bottom:1px solid #eaeaea; padding:5px 5px; margin:0;}
.right_small li a { font: bold 16px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none;}
.right_small li a:hover { color:#5ac4d1; text-decoration:underline;}
.right_small p{padding-left:5%;padding-top:30px;font-size:18px;line-height:39px;}

.section-header {
  margin-bottom: 50px;
}
.section-header .section-title {
  font-size: 20px;
  color: #272727;
  text-transform: uppercase;
  position: relative;
	
  padding-bottom: 20px;
	font-weight:bold;
  text-align:center;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
  width: 340px;
  bottom: 0;
  left: 50%;
  margin-left: -170px;
  height: 2px;
  background: #fbb03b;
}
.section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #b71059;
  border-radius: 20px;
  background: #fbb03b;;
}
.text-center span{padding-right:10%;word-wrap:break-word;display:block;}



.flat-wrapper {
    padding: 0 15px;
}
.item-three-column {
    width: 33.3333333%;
}


/* Flat imagebox
-------------------------------------------------------------- */
.flat-imagebox {
    margin: 0 -15px;
}

.flat-imagebox .item-three-column {
    float: left;
    padding: 0 15px;
}

.imagebox {
    position: relative;
}

.imagebox .box-wrapper {
    overflow: hidden;
    position: relative;
padding-bottom:20px;
}

.imagebox .box-header {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 10px 80px 10px 20px;
    min-height: 65px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}

.imagebox .box-header:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #b71059;
    -webkit-opacity: 0.85;
     -khtml-opacity: 0.85;
       -moz-opacity: 0.85;
            opacity: 0.85;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}

.imagebox .box-header:before {
    content: "\f054";
    position: absolute;
    font-family: "fontAwesome";
    text-align: center;
    line-height: 55px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: 55px;
    height: 55px;
    color: #ffffff;
    background-color: #fbb03b;
	border-radius: 50px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    font-size: 18px;
}

.imagebox .box-header .box-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.imagebox .box-header .box-title:after {
    width: 50px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
}

.imagebox .box-header .box-title a {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.imagebox .box-header .box-subtitle {
    margin: 5px 0 0 0;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}

.imagebox .box-header .box-subtitle:before {
    font-family: "FontAwesome";
    content: "\f0a9";
    display: inline-block;
    margin: 0 6px 0 0;
}

.imagebox .box-content {
    position: absolute;
font-size:1em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    padding: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-opacity: 0;
     -khtml-opacity: 0;
       -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
     filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.imagebox .box-content a{color:#fff;}
.imagebox .box-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #b71059;
    z-index: -1;
    -webkit-opacity: 0.9;
     -khtml-opacity: 0.9;
       -moz-opacity: 0.9;
            opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
}

.imagebox .box-content .button.style1 {
    margin-top: 30px;
color:#fff;
}

.imagebox:hover .box-header {
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}

.imagebox:hover .box-content {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    visibility: visible;
    -webkit-opacity: 1;
     -khtml-opacity: 1;
       -moz-opacity: 1;
            opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

.box-image img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;		
}


