/*-- Basic --*/
a {
  text-decoration: none;
  color: #515151;
}

a:hover {
  text-decoration: none;
  color: #C30;
}

p {
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 14px;
  color: #666;
}
.heading-section {
  text-align: center;
  padding: 30px 0 10px 0;
}

.heading-section h2 {
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  font-size:32px;
  color: #333;
  font-weight:500;
  text-transform: uppercase;
 line-height:60px;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


.space30 {
	margin-bottom: 30px;
}

.space50 {
	margin-bottom: 50px;
}


/*-- Header --*/
.home-account a {
  display: inline-block;
  margin-right: 15px;
  padding: 10px 0;
  font-size: 13px;
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
}

.cart-info {
  text-align: right;
  padding: 8px 0;
  font-size: 13px;
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
}
.cart-info a{ color:#E7E7E7;}
.logo {
  padding: 0;
}
/*-- End Header --*/

/*Banner*/
.sbanner{position:relative;overflow:hidden;}
.sbanner .sbpic{overflow:hidden;}
.sbanner .sbpic img{max-width:100%;-webkit-animation:SlickIn cubic-bezier(1,0,.5,.5) 1s;animation:SlickIn cubic-bezier(1,0,.5,.5) 1s;}
@-webkit-keyframes SlickIn{
	0%{-webkit-transform:scale(1.1,1.1)}
	100%{-webkit-transform:scale(1,1)}
}
@-webkit-keyframes SlickOut{
	0%{-webkit-transform:scale(1,1)}
	100%{-webkit-transform:scale(.9,.9)}
}
@keyframes SlickIn{
	0%{transform:scale(1.1,1.1)}
	100%{transform:scale(1,1)}
}
@keyframes SlickOut{
	0%{transform:scale(1,1)}
	100%{transform:scale(.9,.9)}
}
.sbanner .sbtit{position:absolute; font-weight:500;top:50%;left:50%;z-index:2; margin-left:-500px; text-align:left;margin-top:-20px;font-size:38px;}
.sbanner .sbtit span {
	display: block;
	color: #333;
	line-height: 1;
	font-weight: 300;
}
.sbanner .sbtit .en {
	margin-bottom: 20px;
	text-transform: uppercase;
}
.sbanner .sbtit.white span {color: #fff;}


/*-- Products --*/
.page-section{
    margin-top:40px;
}
#product-heading {
  text-align: center;
  padding:40px 0 30px 0;
}

#product-heading h2 {
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  font-size:32px;
  color: #333;
  font-weight:500;
  text-transform: uppercase;
 line-height:60px;
}

#Container .mix {display: none;}
.news-item{ margin-top:40px;}
.news-item h2{ font-size:20px; border-bottom:1px solid #E1E1E1; padding-bottom:15px;}
.portfolio-wrapper {
  overflow: hidden;
  padding-top: 20px;
  padding-bottom:15px;
  margin-bottom:10px;
  border-bottom:1px dashed #efefef;
}
.portfolio-wrapper:hover .portfolio-thumb .hover {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in;
}
.portfolio-thumb { float:left;}
.portfolio-thumb img {width: 100%; border:1px solid #f0f0f0;}
.label-text{ float:left; margin:0px 0px 0px 10px; padding:0px;}
.label-text h3{
	text-transform: uppercase;
	color: #000;
	font-size:16px;}
.label-text h3 a{color: #000;}
.label-text p{ line-height:24px; font-size:13px; margin-top:6px;}


.pagination {
  margin-top: 60px;
}
.pagination ul {
  padding: 0;
  margin: 0;
}
.pagination li {
  list-style: none;
  display:block; float:left;
  background-color: #999; margin-right:3px;
  color:#fff; padding:8px 10px;font-weight: 600;
  }
.pagination  li a {
	color: #fff;
	text-align: center;
}
.pagination li:hover {
	background-color: #00CCFF;	
	color: #FFF
}
.pagination li a:hover{ color:#fff;}


/*- End Products --*/

/*-- Product 详细页 --*/
.image-post {
  overflow: hidden;
  
}
.product-title{border-bottom: 1px solid #ddd;}
.product-title h3 {
  font-size:24px;
  line-height:50px;
  font-weight:700;
  color: #333;
  display: inline-block;
  margin-right: 20px;
  border-right: 1px solid #ddd;  
  padding-right:30px;
}

.product-title span {
	display: inline-block;
	font-size: 12px;
	color: #999999;
} 

.product-content a {
  font-weight: 700;
  font-size: 13px;
}

.product-content p {
  margin-top: 5px;
  padding-bottom: 15px;
}
.youchoose{ margin-top:30px; border-top: 2px dotted #ddd; line-height:24px;}
.youchoose h2{ line-height:50px; font-size:24px;}
/*-- End Single Post --*/


/*-- Contact Us --*/
.contact-content{ margin:20px 0;}
.send-message{ width:980px; margin:0 auto;}
.message-form{overflow: hidden;
	padding:40px 0px;
	color: #515151;
	background:url(../images/bookbg.jpg);
	background-size:100% 100%;
}
.message-form  input[type=text] {
	width:99%!important;
	padding:5px 15px 0px 5px;
	line-height:40px;
	height: 40px;
	font-size:18px;
	background:none;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #ccc;
	margin-top:5px;
}
.message-form textarea {
	width:99%;
	padding:5px 20px 0px 5px;
	font-size:18px;
	line-height:40px;
	height: 110px;
	background:none;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #ccc;
}
.message-form option {
	padding: 0;
	margin: 0;
	background: #000
}

.message-form input[type=submit] {
	width: 100%;
	height:40px;
	background: 0 0;
	border: none;
	margin-top: 15px;
	color:#FFF;
	background: #2e9cf1
}
.message-form input[type=submit]:hover {
	background: #00CCFF;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}
.message-form input[type=checkbox], .message-form input[type=radio] {
	margin: 0 5px 0 20px;
	cursor: pointer;
	padding: 0;
	display: inline-block;
	position: relative;
	top: 2px
}

.info p {
  padding-bottom: 20px;
}
.info b {
	font-size:16px;
}

.info h3 {
 font-size:20px; color:#000;
}
.info a{ color:#515151;}
.info table,.info td {
  list-style: none;
  margin: 10px 0;
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  border:1px solid #CCC;
  padding:10px;
  color:#515151;
}

.info i {
  margin-right: 10px;
  font-size:60px; color:#1a4fa3;
}
.vote_bnt{box-shadow: 5px rgba(255,255,255,0.1);
border-radius:5px; display:block;
font-size:16px;
	border: 1px solid #003366;}

/*-- End Contact Us--*/

/*-- Side Bar --*/

.side-bar h4 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-color: #f78e21;
  margin-top: 0px;
  padding: 9px 15px 9px 15px;
}

.archives-list ul {
  margin-top: 25px !important;
  padding-bottom: 30px !important;
  margin: 0;
  padding: 0;
}

.archives-list li {
  list-style: none;
  margin: 10px 0;
}

.archives-list i {
  font-size: 16px;
  margin-right: 5px;
  color: #f78e21;
}

.archives-list a {
  text-transform: uppercase;
  color: #888;
  font-size: 13px;
}

.archives-list a:hover {
  color: #f78e21;
}

.recent-post {
  overflow: hidden;
  margin-bottom: 20px;
}

.recent-post-thumb {
  float: left;
  margin-right: 20px !important; 
  width: 70px;
  height: 70px;
}

.posts {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ipartent{background:#06C url(../images/partent.jpg) no-repeat;background-size:100% 100%; margin:0px;padding:0px;}
.partentli{ width:1200px; margin:0px auto;overflow: hidden;}
.partentli ul{ margin:0px; padding:0px;}
.partentli ul li{ float:left; margin-right:5px; list-style:none; padding:15px 5px; font-size:24px; color:#000;}
.partentli img {
  overflow: hidden !important;
  width:164px;border: 1px solid #efefef;
}

.partentli img:hover {
  border:1px solid #00CCFF;
  transition: all 0.1s ease-in;
  cursor: pointer;
}

/*-- End Side Bar --*/

/*-- Slider --*/
#slider {
  overflow: hidden;
}

.slider-caption {
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: 160px;
  color: #fff;
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
}

.slider-caption h1 {
  text-shadow: 1px 1px #777;
  font-size: 48px;
  padding-bottom: 10px;
  font-weight: 500;
  color: #f78e21;
  text-transform: uppercase;
}

.slider-caption p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  line-height: 15px;
}

.slider-caption a {
  margin-top: 20px;
  text-decoration: none;
  display: inline-block;
/*  background-color: #f78e21;*/
  width: 200px;
  height: 40px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

/*-- End Slider --*/

/*--详细页面--*/
.detailcontent{line-height:24px; padding-bottom:30px; padding-top:20px;}
.detailcontent tatble,.detailcontent td{ border:none;}
.datailother{ font-size:12px; color:#999; line-height:24px;}
.more-li{
	margin-top: 40px;
	padding: 10px 15px;
	background-color: #F6F6F6;
}
.more-li h3{ font-size:16px; border-bottom:1px solid #E1E1E1; line-height:36px;}
.more-info p {
  padding-bottom: 20px;
}
.more-info ul {
  margin: 0;
  padding: 0;
}

.more-info li {
  list-style: none;
  margin: 10px 0;
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 13px;
  color: #666;
}

.more-info i {
	color: #999999;
	margin-right: 10px;
	font-size:14px;
}

.preandnext{ border-top:1px solid #e1e1e1;}
.preandnext h5{ color:#515151}
/*-- End Footer --*/

/*--- RESPONSIVE ---*/

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

  .home-account {
    text-align: center;
    display: block;
  }

  .cart-info {
    text-align: center;
    display: block;
  }
  
  .slider-caption {
    display: none;
  }

  .service-item {
    margin-top: 40px;
  }

  .timeline-thumb{
    margin-top: 30px;
    border-bottom: none;
  }

  .team-thumb {
    margin-top: 30px;
  }

  .side-bar {
    margin-top: 100px;
  }

  .side-bar h4 {
    width: 100%;
  }

  .info {
    margin-top: 60px;
    text-align: center;
  }
}

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

  .home-account {
    text-align: center;
    display: block;
  }

  .cart-info {
    text-align: center;
    display: block;
  }
  
  .logo {
    text-align: center;
  }

  .search-box {
    display: none;
  }

  .content-hide p {
    display: none;
  }

  .slider-caption {
    display: none;
  }

  .service-item {
    margin-top: 40px;
  }

  .footer-title {
    margin-top: 60px;
  }

  .timeline-thumb{
    margin-top: 30px;
    border-bottom: none;
  }

  .team-thumb {
    margin-top: 30px;
  }

  .side-bar {
    margin-top: 100px;
  }

  .side-bar h4 {
    width: 100%;
  }

  .info {
    margin-top: 60px;
    text-align: center;
  }

  .logo {
    /*padding-bottom: 60px;*/
  }

  .main-menu li {
    display: block;
    margin-top: -60px;
    margin-right: -35px;
  }

  #heading-section img {
    display: none;
  }

  .top-footer {
    display: none;
  }

}

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

  .slider-caption {
    display: none;
  }
}

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

  .heading-section img {
    display: none;
  }

  body {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 995px) {

  .hover-iner span {
  margin-top: 160px;
  }

  body {
    overflow-x: hidden;
  }
}

/*--- END RESPONSIVE ---*/