html,body {
  line-height:180%;
  font-size:14px;
  font-family:"Microsoft Yahei";
  background:white;
}
li {
  list-style:none;
}
a {
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  color:#333;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
/* 划过图片放大 */

.img-auto {
  display:block;
  overflow:hidden;
}
.img-auto img {
  width:auto;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.img-auto img:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.pc-pic,.wap-pic {
  display:none;
}
@media (max-width:468px) {
  .wap-pic {
  display:block;
}
}
@media (min-width:468px) {
  .pc-pic {
  display:block;
}
}
/* 导航 */
.navbar-default {
  padding:15px 0px;
  background:white;
  opacity:0.9;
  -moz-box-shadow:0px 0px 15px #888;
  -webkit-box-shadow:0px 0px 15px #888;
  box-shadow:0px 0px 15px #888;
  transition:600ms;
}
.navbar-default .navbar-nav>li> a {
  color:#000;
}
/* logo */

a.navbar-brand {
  width:210px;
  max-height:48px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
a.navbar-brand img {
  max-width:210px;
  max-height:48px;
  margin:0px auto;
}/* 导航右侧 */

@media (min-width:768px) {
  a.navbar-brand {
    margin-left:10px;
    max-width:180px;
  }
  a.navbar-brand img {
    max-width:180px;
    max-height:35px;
  }
    #navbar {
    float:right;
  }
}
/*导航用户注册*/
.user-panel {
  margin:10px 20px 0 0px;
}
.user-panel a,.user-panel a:visited,.user-panel a:link {
  color:#198DDD;
  font-size:14px;
  padding:5px 10px;
  text-align:center;
  text-decoration:none;
  border:1px solid #198DDD;
}
.user-panel a:hover {
  color:#198DDD;
}
.user-panel a.top-login {
  color:white;
  background:#198DDD;
}
.user-panel a:hover {
  background:#26c79d;
  color:white;
  border:1px solid #26c79d;
}
}
@media (min-width:768px) {
  ul.navbar-nav li.oen {
  height:70px;
  padding:10px 0px;
}
}.top-nav-right {
  position:absolute;
  top:20px;
  right:0px;
  width:110px;
  margin:0px;
  padding:0px;
  transition:600ms;
}
@media all and (min-width:1024px) and (max-width:1024px) {
  .top-nav-right {
    top:5px;
  }
  .user-panel {
    margin:30px 0px 0px 0px;
  }
}
@media all and (min-width:1156px) and (max-width:1280px) {
  .user-panel {
    margin:10px 60px 0 0px;
  }
}
.top-nav-right ul {
  margin:0px;
  padding:0px;
}
.top-nav-right ul li {
  float:left;
  width:30px;
  line-height:30px;
  margin:2px;
}
.top-nav-right ul li.nav-shopping a {
  position:absolute;
  top:0px;
  right:0px;
  display:block;
  width:30px;
  height:30px;
}
.shopping-box {
  margin:0px auto;
  padding:20px;
}
.shopping-box li {
  margin:10px;
}
#fat-menu {
    margin-top:3px;
  }
  .navbar.active {
    padding:0px;
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
  }
  .navbar.active .top-nav-right {
    top:5px;
  }
/* 幻灯文字 */



.carousel-caption {
  bottom:10%;
}
.modal {
  top:20%;
}
.bs-example-modal-lg-search .row {
  padding:20px;
}
/* 通用 */



.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {
  clear:both;
  height:5px;
  overflow:hidden;
}
.blank10 {
  height:10px;
}
.blank20 {
  height:20px;
}
.blank30 {
  height:30px;
}
.blank50 {
  height:50px;
}
.blank60 {
  height:60px;
}
.title,.title-2 {
  padding:0px;
  text-align:center;
  text-transform:uppercase;
}
.title h1,.title h3 a {
  color:#165aa5;
  line-height:1.2;
  font-size:40px;
  font-weight:normal;
  text-decoration:none;
}
.title h3 small {
  display:block;
  clear:both;
  margin:20px 0px 10px 0px;
  color:#a1a1a1;
  font-size:10px;
}
.title p,.title-index-1 p {
  margin:10px auto 30px auto;
  line-height:20px;
  color:#333;
  font-size:16px;
}
.title span {
  }@media (min-width:768px) {
  .title p,.title-index-1 p {
  width:600px;
}
}.title-2 a {
  font-size:30px;
}
.title-2 h3 a small {
  display:block;
  clear:both;
  margin:10px 0px 10px 0px;
  color:#a1a1a1;
  font-size:8px;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .title h1,.title h3 a {
  font-size:36px;
}
}@media screen and (min-width:768px) and (max-width:991px) {
  .title h1,.title h3 a {
  font-size:32px;
}
}@media screen and (min-width:480px) and (max-width:767px) {
  .title h1,.title h3 a {
  font-size:28px;
}
}
@media screen and (min-width:320px) and (max-width:479px) {
  .title h1,.title h3 a {
  font-size:26px;
}
}/* 页底 */





 

/* 友情链接 */

.home-links {
  padding:50px 0px 0px 0px;
  background:#333;
  color:#666;
}
.home-links .hr {
  padding:15px 0px 0px 0px;
  border-top:1px dotted #555;
}
.home-links-left {
  padding:0px;
}
.home-links .links-logo img {
  float:left;
  margin:10px;
  opacity:0.2;
}
.home-links .links-logo img:hover {
  opacity:1;
  transition:400ms;
}
.home-links .links-a {
  clear:both;
  margin:0 auto;
  font-size:14px;
}
.home-links .links-a a {
  color:#666;
  padding:10px;
  line-height:300%;
}
.sub_menu {
  margin-top:30px;
}
@media (max-width:768px) {
  .sub_menu {
  height:0px;
  overflow:hidden;
}
}/* 面包屑导航 */

.breadcrumb {
  margin-bottom:50px;
}
.breadcrumb span {
  padding-right:15px;
  color:#ccc;
}
/* 内页文字大小按钮 */

.content_tools {
  float:right;
  margin:30px 0px;
  padding:5px 15px;
  background:#eee;
  text-align:right;
  font-size:14px;
}
/************* 分页 */



.pages {
  clear:both;
  margin:0px 10px;
  font-size:0.8em;
  color:#888;
}
.pages strong,.pages span {
  color:#FFFFFF;
  display:block;
  float:left;
  height:26px;
  line-height:26px;
  float:left;
  padding:0px 8px;
  background:#337ab7;
  margin:0px 3px 0px 0px;
  font-size:0.8em;
  border-radius:3px 3px 3px 3px;
}
.pages a,.pages a {
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  float:left;
  padding:0px 8px;
  border:1px solid #337ab7;
  border-radius:3px 3px 3px 3px;
  text-decoration:none;
  margin:0px 3px 0px 0px;
  color:#337ab7;
  font-size:0.8em;
}
.pages strong {
  color:white;
}
.pages span {
  float:right;
}
#page {
  font-size:0.8em;
}
#page strong {
  padding:5px 8px;
  background:#337ab7;
  border-radius:5px;
  color:white;
  margin-right:15px;
  font-size:0.8em;
}
.pagination {
  margin:50px 0px;
}
/* 分页 */



.page-number {
  position:relative;
  right:0px;
  top:5px;
  color:#FFFFFF;
  height:26px;
  line-height:26px;
  padding:9px 20px;
  background:#337ab7;
  margin:0px 3px 0px 0px;
  font-size:0.8em;
  border-radius:3px 3px 3px 3px;
}
/* 正文 */

#content_text {
  line-height:180%;
  font-size:1.2em;
}
/* 首页 */





.index-1,.index-3 {
  padding:50px 0px;
  background:#f8f8f8;
}
.index-1 ul {
  overflow:hidden;
}
.index-1 li {
  height:350px;
  overflow:hidden;
  text-align:center;
  float:left;
  border:1px solid transparent;
  position:relative;
  transition:400ms;
}
.index-1 li:hover {
  background:white;
  border:1px solid #ccc;
}
.index-1 .t1 {
  width:100%;
  height:140px;
  padding:70px 0 0 0;
  font-size:14px;
  color:#9b9797;
  transition:400ms;
}
.index-1 .t1 .img-auto {
  height:176px;
  margin:0px 0px 10px 0px;
  overflow:hidden;
}
.index-1 .t1 a {
  margin:0 0 5px 0;
  font-size:18px;
  color:#3a3a3a;
  transition:400ms;
}
.index-1 .t2 {
  width:100%;
  padding:20px 10px 0px 10px;
  height:80px;
  line-height:24px;
  font-size:14px;
  color:#fff;
  background:#7bc91e;
  position:absolute;
  left:0;
  bottom:-80px;
  transition:400ms;
}
.index-1 li:hover .t1 {
  margin-top:-50px;
}
.index-1 li:hover .t2 {
  bottom:0px;
}
@media (max-width:768px) {
  .index-1 li {
  margin-bottom:30px;
  background:white;
  border:1px solid #ccc;
}
.index-1 li .t1 {
  margin-top:-50px;
}
.index-1 li .t2 {
  bottom:0px;
}
}.index-2 {
  padding:50px 0px;
}
.index-2 div div {
  padding:20px 30px;
  border:1px solid #eee;
  -moz-box-shadow:0px 0px 10px #eee;
  -webkit-box-shadow:0px 0px 10px #eee;
  box-shadow:0px 0px 10px #eee;
  border-radius:3px;
}
@media (max-width:768px) {
  .index-2 div div {
  margin-bottom:20px;
}
}.index-2 div div.img-auto a {
  display:block;
  height:100px;
  margin:20px 0px;
  overflow:hidden;
}
.index-2 div div.img-auto h4 a {
  height:16px;
  font-size:14px;
}
.index-2 div div:hover {
  background:#eee;
}
.index-2 div div p {
  font-size:12px;
  color:#555;
}
.index-2 div div p.date {
  color:#999;
}
.index-3 .btn {
  padding:10px 40px;
  border-radius:50px;
}
.index-3-left {
  height:240px;
  overflow:auto;
}
.index-3-left p {
  text-indent:2em;
}
@media (max-width:768px) {
  .index-3-left {
  margin-bottom:30px;
}
}.index-6 {
  padding:50px 0px;
}
.index-6 ul li {
  height:124px;
  padding:0px;
  border:1px solid #eee;
  overflow:hidden;
}
.index-6 ul li .img-auto {
  width:89px;
  height:68px;
  margin:28px 50px;
  overflow:hidden;
}
/**/

/*列表页 -文字列表*/

/**/

.list-container a {
  color:#333;
}
.list-container p {
  color:#888;
}
.list-container h4 {
  color:#000;
}
.list-container .row {
  margin-bottom:15px;
}
.list-container .news-list {
  margin-bottom:0;
}
.list-border {
  min-height:108px;
  padding:15px;
  clear:both;
  border:1px dotted transparent;
  border-bottom-color:#BBBBBB;
}
.list-border-w {
  border:1px dotted #BBBBBB;
  margin:15px 0px;
}
.list-border:hover {
  background:#F5F5F5;
  border-color:#ccc;
  border-radius:5px 5px 5px 5px;
}
.list-date {
  width:4em;
  float:left;
  margin-right:20px;
  text-align:center;
}
.list-date span {
  display:block;
  width:1em;
  line-height:1em;
  padding-top:.1em;
  white-space:nowrap;
  font-size:4em;
  color:#555;
  overflow:hidden;
  font-family:'Times New Roman',Times,serif;
}
.list-date p {
  clear:both;
  display:block;
  width:5em;
  overflow:hidden;
  margin-bottom:0;
}
.news-list p,.news-list-text-pic p,.list-down p {
  line-height:1.6;
  font-size:0.8em;
}
.list-down .img-auto {
  height:170px;
  overflow:hidden;
}
#projectlist.masonry {
  margin:0 auto;
}
#projectlist {
  }.wrapper {
  margin:0px auto;
}
.projectitem {
  margin:0px 0px 30px 0px;
  width:380px;
  float:none;
  -webkit-backface-visibility:hidden;
  /*谷歌图片闪烁*/ -webkit-transform-style:preserve-3d;
}
.projectitem a {
  position:relative;
  display:block;
}
.projectitem a:hover {
  text-decoration:none;
  overflow:hidden;
}
.projectitem a h4 {
  display:none;
  cursor:hand;
  text-align:center;
}
.projectitem a:hover h4 {
  width:100%;
  line-height:30px;
  margin:0;
  padding:15px 0px;
  background:#333;
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  color:#fff;
  filter:alpha(opacity=56);
  -moz-opacity:0.8;
  opacity:0.8;
}
.projectitem img,.index-1 img,.index-2 img,.index-3 img {
  -moz-box-shadow:0px 0px 10px #888;
  -webkit-box-shadow:0px 0px 10px #888;
}
.projectitem p {
  line-height:200%;
  font-size:1.2em;
}
/*列表页 - 右侧*/



.content-right-list h3 {
  font-size:16px;
}
.content-right-list ol {
  margin-bottom:60px;
}
.content-right-list ol li {
  list-style-type:decimal;
  font-size:14px;
  line-height:1.8
}
@media (max-width:768px) {
  .content-right-list {
  margin-top:60px;
}
}/* 联系我们地图页 */



.contact-us {
  background:#242625;
}
.contact-us h3 {
  font-size:60px;
  line-height:120%;
  color:#CCCCCC;
  text-align:center;
  padding:50px 0;
}
.contact-us h3 span {
  font-weight:bold;
  color:#C22C45;
}
.contact-us h4 {
  clear:both;
  margin:50px auto 0;
  padding:0 0 50px
}
.contact-us dl {
  }.contact-us dl dt {
  line-height:40px;
  color:#CACACA;
  font-size:26px;
  margin-bottom:10px;
}
.contact-us dl dd {
  color:#AEAEAE;
  font-size:1.0em;
}
.content-ditu {
  height:50.8em;
  overflow:hidden;
}
.contact-us .glyphicon {
  font-size:50px;
  color:#CACACA;
}
/* 产品页面右侧文字信息 */

.product_info {
  overflow:hidden
}
.product_info table {
  color:#535353;
  width:100%;
}
.product_info table th {
  text-align:right;
  padding:7px 5px;
  width:120px;
  font-weight:normal;
  color:#888;
}
.product_info table td {
  padding:5px;
  color:#535353;
  font-size:0.9em;
}
.product_info table tr {
  }.product_info strong {
  color:#E53F40;
  font-size:30px;
}
#dialog_link {
  margin-left:20px;
  background:#236298;
}
@media (max-width:768px) {
  #dialog_link {
  margin:20px 0px 0px 0px;
}
}.content-bottom-list-more {
  padding:8px 15px;
  background:#eee;
  color:#888;
}
@media (min-width:768px) {
  .servers-wap {
  display:none;
}
.dropdown-menu>li>a {
  padding:10px 20px;
}
.navbar .nav > li.oen ul.two {
  margin:0;
}
.navbar .nav > li.oen:hover ul.two {
  display:block;
}
}@media (max-width:768px) {
  /* 手机菜单圆形按钮颜色 */

.plug-menu {
  background:#ccc;
}
/* 手机菜单弹出按钮颜色 */

.top_menu>li {
  background:#ccc;
}
/* 手机菜单平铺背景颜色 */

.foot_mp {
  background:#ccc;
}
.servers,.foot-share,.content_tools_box {
  display:none;
}
ul.nav-pills li.active {
  clear:both;
  display:block;
}
#carousel-example-generic {
  margin-bottom:30px;
}
.content-bottom-list-more {
  display:block;
  width:110px;
  margin-bottom:30px;
}
}.navbar-right {
  padding:0px;
}
.top-nav-right .dropdown-menu li {
  clear:both;
  width:98%;
}
.lead {
  font-size:1.0em;
  line-height:1.8;
}
.index-1 ul,.index-6 ul {
  margin:0px;
  padding:0px;
}
.lead img {
  max-width:100%;
}
.child {
  display:none;
}
.left-menu {
  line-height:42px;
  border:1px solid #ccc;
  border-radius:5px;
}
.left-menu ul {
  margin:0px;
  padding:0px;
}
.left-menu ul li a {
  display:block;
  padding:0px 0px 0px 40px;
}
.left-menu ul li.two {
  padding-left:10px;
}
.left-menu ul li.three {
  padding-left:10px;
}
.left-menu ul li.four {
  padding-left:10px;
}
.left-menu ul li.five {
  padding-left:10px;
}
.top-login {
  padding-left:5px;
}
#projectlist.masonry {
  margin:0 auto;
}
#projectlist {
  }.wrapper {
  margin:0px auto;
}
.post-masonry {
  margin:0px 0px 30px 0px;
  -webkit-backface-visibility:hidden;
  /*谷歌图片闪烁*/ -webkit-transform-style:preserve-3d;
}
.post-masonry a {
  position:relative;
  display:block;
}
.post-masonry a:hover {
  text-decoration:none;
  overflow:hidden;
}
.post-masonry a h4 {
  display:none;
  cursor:hand;
  text-align:center;
}
.post-masonry a:hover h4 {
  width:100%;
  line-height:30px;
  margin:0;
  padding:15px 0px;
  background:#333;
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  color:#fff;
  filter:alpha(opacity=56);
  -moz-opacity:0.8;
  opacity:0.8;
}
.post-masonry p {
  line-height:200%;
  font-size:1.2em;
}
#print img {
  max-width:100%;
}
@media (max-width:1280px) {
  .slide-text h1 {
  font-size:2.0em;
}
.slide-text p {
  line-height:180%;
  font-size:1.0em;
}
}@media (max-width:768px) {
  .slide-text h1,.slide-text p,.slide-text > a.btn-default,.slide-text > a.btn-primary {
  display:none;
}
}.cd-gallery::after {
  clear:both;
  content:"";
  display:table;
}
.cd-gallery > li {
  overflow:hidden;
  position:relative;
  margin-bottom:2em;
}
.cd-gallery > li > a {
  display:block;
}
@media only screen and (min-width:768px) {
  .cd-gallery {
  padding:0px;
}
.cd-gallery > li {
  float:left;
  margin-bottom:2.5em;
}
.cd-gallery > li:nth-of-type(2n) {
  margin-right:0;
}
}@media only screen and (min-width:1048px) {
  .no-touch .cd-gallery > li:hover .cd-dots li.selected a {
  /* Slider dots - change background-color of the selected dot when hover over the its parent list item */

    background:#2f2933;
  border-color:#2f2933;
}
.no-touch .cd-gallery > li:hover .cd-dots a {
  /* Slider dots - change dot border-color when hover over the its parent list item */

    border-color:#9688a0;
}
.no-touch .cd-gallery > li:hover li.move-right,.no-touch .cd-gallery > li:hover li.move-left {
  /* show preview items when hover over the its parent list item */

    opacity:0.3;
}
}.cd-item-wrapper {
  position:relative;
  overflow:hidden;
  margin-top:1em;
}
.cd-item-wrapper li {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  opacity:0;
  /* Force Hardware Acceleration */

  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:transform,opacity;
  -webkit-transform:translateX(200%) scale(0.7);
  -moz-transform:translateX(200%) scale(0.7);
  -ms-transform:translateX(200%) scale(0.7);
  -o-transform:translateX(200%) scale(0.7);
  transform:translateX(200%) scale(0.7);
  -webkit-transition:-webkit-transform 0.4s,opacity 0.4s;
  -moz-transition:-moz-transform 0.4s,opacity 0.4s;
  transition:transform 0.4s,opacity 0.4s;
}
.cd-item-wrapper li.selected {
  /* selected item */

  position:relative;
  opacity:1;
  -webkit-transform:translateX(0) scale(1.3);
  -moz-transform:translateX(0) scale(1.3);
  -ms-transform:translateX(0) scale(1.3);
  -o-transform:translateX(0) scale(1.3);
  transform:translateX(0) scale(1.3);
}
.cd-item-wrapper li.move-left {
  /* item on left - preview visible */

  -webkit-transform:translateX(-100%) scale(0.7);
  -moz-transform:translateX(-100%) scale(0.7);
  -ms-transform:translateX(-100%) scale(0.7);
  -o-transform:translateX(-100%) scale(0.7);
  transform:translateX(-100%) scale(0.7);
  opacity:0.3;
}
.cd-item-wrapper li.move-right {
  /* item on right - preview visible */

  -webkit-transform:translateX(100%) scale(0.7);
  -moz-transform:translateX(100%) scale(0.7);
  -ms-transform:translateX(100%) scale(0.7);
  -o-transform:translateX(100%) scale(0.7);
  transform:translateX(100%) scale(0.7);
  opacity:0.3;
}
.cd-item-wrapper li.hide-left {
  /* items hidden on the left */

  -webkit-transform:translateX(-200%) scale(0.7);
  -moz-transform:translateX(-200%) scale(0.7);
  -ms-transform:translateX(-200%) scale(0.7);
  -o-transform:translateX(-200%) scale(0.7);
  transform:translateX(-200%) scale(0.7);
}
.cd-item-wrapper li img {
  display:block;
  width:100%;
}
@media only screen and (min-width:1048px) {
  .cd-item-wrapper li.move-left,.cd-item-wrapper li.move-right {
  /* hide preview items */

    opacity:0;
}
.cd-item-wrapper li.focus-on-left {
  /* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */

    -webkit-transform:translateX(3%) scale(1.25);
  -moz-transform:translateX(3%) scale(1.25);
  -ms-transform:translateX(3%) scale(1.25);
  -o-transform:translateX(3%) scale(1.25);
  transform:translateX(3%) scale(1.25);
}
.cd-item-wrapper li.focus-on-left.move-right {
  -webkit-transform:translateX(103%) scale(0.7);
  -moz-transform:translateX(103%) scale(0.7);
  -ms-transform:translateX(103%) scale(0.7);
  -o-transform:translateX(103%) scale(0.7);
  transform:translateX(103%) scale(0.7);
}
.cd-item-wrapper li.focus-on-right {
  /* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */

    -webkit-transform:translateX(-3%) scale(1.25);
  -moz-transform:translateX(-3%) scale(1.25);
  -ms-transform:translateX(-3%) scale(1.25);
  -o-transform:translateX(-3%) scale(1.25);
  transform:translateX(-3%) scale(1.25);
}
.cd-item-wrapper li.focus-on-right.move-left {
  -webkit-transform:translateX(-103%) scale(0.7);
  -moz-transform:translateX(-103%) scale(0.7);
  -ms-transform:translateX(-103%) scale(0.7);
  -o-transform:translateX(-103%) scale(0.7);
  transform:translateX(-103%) scale(0.7);
}
.cd-item-wrapper li.hover {
  /* class added to the preview items (.move-left or .move-right) when user hovers over them */

    opacity:1 !important;
}
.cd-item-wrapper li.hover.move-left {
  -webkit-transform:translateX(-97%) scale(0.75);
  -moz-transform:translateX(-97%) scale(0.75);
  -ms-transform:translateX(-97%) scale(0.75);
  -o-transform:translateX(-97%) scale(0.75);
  transform:translateX(-97%) scale(0.75);
}
.cd-item-wrapper li.hover.move-right {
  -webkit-transform:translateX(97%) scale(0.75);
  -moz-transform:translateX(97%) scale(0.75);
  -ms-transform:translateX(97%) scale(0.75);
  -o-transform:translateX(97%) scale(0.75);
  transform:translateX(97%) scale(0.75);
}
}.cd-dots {
  /* not visible in the html document - created using jQuery */

  position:absolute;
  bottom:95px;
  left:50%;
  right:auto;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  padding:.2em;
}
.cd-dots::after {
  clear:both;
  content:"";
  display:table;
}
.cd-dots li {
  display:inline-block;
  float:left;
  margin:0 5px;
  pointer-events:none;
}
.cd-dots li.selected a {
  background:#2f2933;
  border-color:#2f2933;
}
.cd-dots a {
  display:block;
  height:6px;
  width:6px;
  border-radius:50%;
  border:1px solid #9688a0;
  /* image replacement */

  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  -webkit-transition:border-color 0.2s,background-color 0.2s;
  -moz-transition:border-color 0.2s,background-color 0.2s;
  transition:border-color 0.2s,background-color 0.2s;
}
@media only screen and (min-width:1048px) {
  .cd-dots li {
  pointer-events:auto;
}
.cd-dots li.selected a {
  background:#cccccc;
  border-color:#cccccc;
}
.cd-dots a {
  height:8px;
  width:8px;
  border-color:#cccccc;
  /* fix a bug in IE9/10 - transparent anchor not clickable */

    background-color:rgba(255,255,255,0);
}
}.cd-item-info {
  height:90px;
  line-height:90px;
  padding:0 2em;
}
.cd-item-info::after {
  clear:both;
  content:"";
  display:table;
}
.cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {
  font-weight:bold;
  font-size:2rem;
}
.cd-item-info b {
  float:left;
}
.cd-item-info b a {
  color:#2f2933;
}
.cd-item-info .cd-price,.cd-item-info .cd-new-price {
  /* .cd-new-price not visible in the html document - created using jQuery */

  float:right;
}
.cd-item-info .cd-price {
  color:#a5d05e;
  position:relative;
  margin-left:10px;
  -webkit-transition:color 0.2s;
  -moz-transition:color 0.2s;
  transition:color 0.2s;
}
.cd-item-info .cd-price::after {
  /* crossing line - visible if price is on sale */

  content:'';
  position:absolute;
  top:50%;
  bottom:auto;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  height:2px;
  width:0%;
  background-color:#a5d05e;
  opacity:0;
  -webkit-transition:width 0.2s 0s,opacity 0s 0.2s;
  -moz-transition:width 0.2s 0s,opacity 0s 0.2s;
  transition:width 0.2s 0s,opacity 0s 0.2s;
}
.cd-item-info .cd-price.on-sale::after {
  opacity:1;
  width:100%;
  -webkit-transition:width 0.2s 0s,opacity 0s 0s;
  -moz-transition:width 0.2s 0s,opacity 0s 0s;
  transition:width 0.2s 0s,opacity 0s 0s;
}
.cd-item-info .cd-new-price {
  /* new price - visible if price is on sale */

  color:#e76363;
  opacity:0;
  -webkit-transform:translateX(5px);
  -moz-transform:translateX(5px);
  -ms-transform:translateX(5px);
  -o-transform:translateX(5px);
  transform:translateX(5px);
  -webkit-transition:-webkit-transform 0.2s,opacity 0.2s;
  -moz-transition:-moz-transform 0.2s,opacity 0.2s;
  transition:transform 0.2s,opacity 0.2s;
}
.cd-item-info .cd-new-price.is-visible {
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
}
@media only screen and (min-width:768px) {
  .cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {
  font-size:2.4rem;
}
}.no-js .move-right,.no-js .move-left {
  display:none;
}
/* -------------------------------- 



xcredits 



-------------------------------- */

.credits {
  width:90%;
  margin:2em auto;
  text-align:center;
}
.no-touch .credits a:hover {
  text-decoration:underline;
}
body {
  font-family:Microsoft Yahei;
  overflow-x:hidden;
}
ul,ol,li {
  list-style:none;
}
.top {
  height:80px;
  position:fixed;
  left:0px;
  top:0px;
  z-index:110;
  width:100%;
}
@media screen and (min-width:0) and (max-width:767px) {
  .top {
  background:#fff;
}
}.logo-box {
  position:fixed;
  left:15px;
  top:15px;
  z-index:111;
  text-align:center;
  width:220px;
  height:55px;
  overflow:hidden;
}
.logo-box img {
  height:auto;
  width:100%;
}
.right-nav-btn {
  height:50px;
  width:50px;
  position:fixed;
  z-index:112;
  background:#fff;
  right:15px;
  top:15px;
  cursor:pointer
}
.right-nav-btn a {
  display:block;
  height:100%;
  width:100%;
  cursor:pointer;
  position:relative;
  text-decoration:none
}
.right-nav-btn a:before {
  content:'';
  display:block;
  width:20px;
  height:2px;
  background:#999;
  position:absolute;
  top:18px;
  left:15px;
  transition:all .3s ease-out 0s
}
.right-nav-btn a:after {
  content:'';
  display:block;
  width:20px;
  height:2px;
  background:#999;
  position:absolute;
  top:28px;
  left:15px;
  transition:all .3s ease-out 0s
}
.right-nav-btn:hover {
  background-color:#4b4b4b
}
.right-nav-btn:hover a:before {
  transform:rotate(-45deg);
  top:25px;
  background:#fff
}
.right-nav-btn:hover a:after {
  transform:rotate(45deg);
  top:25px;
  background:#fff
}
.right-nav-btn.open {
  background-color:#4b4b4b
}
.right-nav-btn.open a:before {
  transform:rotate(-45deg);
  top:25px;
  background:#fff
}
.right-nav-btn.open a:after {
  transform:rotate(45deg);
  top:25px;
  background:#fff
}
.right-nav {
  width:100vw;
  overflow:auto;
  background:#fff;
  position:fixed;
  z-index:110;
  left:100%;
  top:0;
  height:100vh;
  transition:0.4s cubic-bezier(0.215,0.61,0.355,1) 0s;
}
.right-nav.open {
  left:0;
}
.nav1 {
  padding:140px 0 0;
  margin:0;
}
.nav1 li {
  text-align:center;
  border-top:1px solid #F5F5F5;
  line-height:60px;
}
.nav1 li a {
  display:block;
  line-height:60px;
  color:#666;
  text-decoration:none;
}
.nav1 li a span {
  margin-left:10px;
}
.nav2 {
  display:none;
}
.section .container-fluid {
  max-width:1500px;
}
.section1 {
  position:relative;
}
.section1 .inner {
  height:100vh;
  position:relative;
  overflow:hidden;
}
/* 外部层 */

#owl-demo1 {
  position:relative;
  padding:0;
  margin:0px;
  width:100vw;
  overflow:hidden;
}
#owl-demo1 .owl-stage-outer {
  overflow:hidden;
  position:relative;
  z-index:10;
}
#owl-demo1 * {
  box-sizing:border-box;
}
/* 导航层 */

#owl-demo1 .owl-item {
  float:left;
}
#owl-demo1 .owl-item img {
  width:100%;
  max-height:auto;
  /*min-height:100vh;*/
}
#owl-demo1 .owl-controls {
  margin-top:0px;
  text-align:center;
}
/* 左右按钮 */

#owl-demo1 .owl-controls .owl-nav {
  width:100%;
}
#owl-demo1 .owl-controls .owl-nav [class*=owl-] {
  display:block;
  width:55px;
  height:55px;
  position:absolute;
  top:50%;
  margin-top:28px;
  cursor:pointer;
  text-indent:-99999px;
  overflow:hidden;
  z-index:99;
  border-radius:50%;
}
#owl-demo1 .owl-controls .owl-nav .owl-prev {
  left:20px;
  background:url(../images/owl-prev.png) center center no-repeat;
  background-size:15px auto;
}
#owl-demo1 .owl-controls .owl-nav .owl-next {
  right:20px;
  background:url(../images/owl-next.png) center center no-repeat;
  background-size:15px auto;
}
#owl-demo1 .owl-controls .owl-nav .owl-prev:hover {
  background:rgba(0,0,0,.3) url(../images/owl-prev.png) center center no-repeat;
  background-size:15px auto;
}
#owl-demo1 .owl-controls .owl-nav .owl-next:hover {
  background:rgba(0,0,0,.3) url(../images/owl-next.png) center center no-repeat;
  background-size:15px auto;
}
.s1-item {
  position:relative;
}
.banner-text {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  text-align:center;
  transform-style:preserve-3d;
  padding:75px 75px 0;
}
.banner-text .div-table {
  display:table;
  height:100%;
  width:100%;
}
.banner-text .div-cell {
  display:table-cell;
  vertical-align:middle;
}
.banner-text .div-center {
  text-align:center;
}
.banner-text .div-table {
  height:100%;
  width:100%;
}
.banner-text1 {
  margin:0;
  font-size:30px;
  color:#fff;
  font-weight:100
}
.banner-text2 {
  font-size:16px;
  margin:20px 0 20px 0;
  color:#fff;
  text-shadow:none;
  font-weight:100
}
.banner-text3 {
  width:100px;
  height:4px;
  background-color:#e3120b;
  color:#fff;
  display:block;
  margin:0 auto
}
.banner-text4 {
  font-size:24px;
  margin:20px 0 20px 0;
  color:#fff;
  text-shadow:none;
  font-weight:100
}
.banner-text4 span {
  margin-right:10px;
}
.banner-text5 a {
  display:inline-block;
  text-align:center;
  border:1px solid #fff;
  -webkit-transition:all .6s cubic-bezier(.77,0,.175,1) .2s;
  transition:all .6s cubic-bezier(.77,0,.175,1) .2s;
  cursor:pointer;
  color:#fff;
  margin-top:50px;
  width:160px;
  height:40px;
  line-height:40px
}
.banner-text5 a:hover {
  background:#E3120B;
  border-color:#E3120B;
}
.banner-text1 {
  transform:scale(0);
  transition:1000ms;
}
.banner-text2 {
  transform:scale(0);
  transition:1000ms;
  transition-delay:200ms;
}
.banner-text3 {
  transform:scale(0);
  transition:1000ms;
  transition-delay:400ms;
}
.banner-text4 {
  transform:scale(0);
  transition:1000ms;
  transition-delay:600ms;
}
.banner-text5 {
  transform:scale(0);
  transition:1000ms;
  transition-delay:800ms;
}
.owl-item.active .banner-text1 {
  transform:scale(1);
}
.owl-item.active .banner-text2 {
  transform:scale(1);
}
.owl-item.active .banner-text3 {
  transform:scale(1);
}
.owl-item.active .banner-text4 {
  transform:scale(1);
}
.owl-item.active .banner-text5 {
  transform:scale(1);
}
.section-more {
  position:absolute;
  left:50%;
  bottom:60px;
  width:26px;
  margin-left:-13px;
  z-index:12;
}
.section-more .span1 {
  animation:myfirst1 1s ease 0s infinite alternate;
  position:relative;
}
.section-more .span2 {
  display:block;
  height:10px;
  width:26px;
  animation:myfirst2 1s ease 0s infinite alternate;
}
.section-more .span3 {
  display:block;
  height:10px;
  width:26px;
  animation:myfirst3 1s ease 0s infinite alternate;
}
.section-more .span2 img {
  transform:rotate(90deg) translate(0px,-10px);
}
.section-more .span3 img {
  transform:rotate(90deg) translate(-2px,-9px);
}
@keyframes myfirst1 {
  0% {
  top:-5px;
}
100% {
  top:5px;
}
}@keyframes myfirst2 {
  0% {
  opacity:1;
}
100% {
  opacity:0;
}
}@keyframes myfirst3 {
  0% {
  opacity:0;
}
100% {
  opacity:1;
}
}@media screen and (min-width:768px) {
  .div-table {
  display:table;
  height:100%;
  width:100%;
}
.div-cell {
  display:table-cell;
  vertical-align:middle;
}
.div-center {
  text-align:center;
}
}#fullPage-nav {
  display:none;
}
.section .container-fluid {
  max-width:1500px;
}
.section2 {
  }.s2-title {
  float:left;
  width:300px;
  margin-right:30px
}
.s2-title h4 {
  font-size:22px;
  color:#444;
  margin-bottom:0
}
.s2-title p {
  font-size:14px;
  margin-top:5px
}
.s2-title ul {
  padding:0;
  margin:40px 0 0
}
.s2-title ul li {
  display:block;
  margin:7px 0;
  height:36px;
  line-height:36px;
  padding-left:0
}
.s2-title ul li a {
  color:#999
}
.s2-title ul li a.on,.s2-title ul li a:hover {
  color:#333
}
.s2-title ul li a:after {
  content:"";
  display:block;
  width:0;
  height:1px;
  background:#333;
  transition:all .3s ease-in-out 0s
}
.s2-title ul li a.on:after,.s2-title ul li a:hover:after {
  width:30px
}
.s2 {
  overflow:hidden;
}
.s2-item {
  margin:15px 0;
}
.s2-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s2-img {
  transition:all 500ms ease-in-out 0s;
}
.s2-img img {
  width:100%;
  height:auto;
}
.s2-text {
  border:1px solid #ccc;
  opacity:0;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  padding:20% 15px 0;
  transition:all 500ms ease-in-out 200ms;
  transform:scale(0.1);
  z-index:2;
}
.s2-text h4 {
  color:#333;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s2-text p {
  color:#666;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s2-item:hover .s2-img {
  transform:scale(0.1);
  opacity:0;
}
.s2-item:hover .s2-text {
  transform:scale(1);
  opacity:1;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .s2-title {
  width:150px
}
}@media screen and (min-width:768px) and (max-width:991px) {
  .s2-title {
  width:150px
}
}@media screen and (min-width:0) and (max-width:767px) {
  .s2-title {
  float:none;
  width:100%;
  text-align:center;
}
.s2-title ul {
  text-align:center;
  margin-top:10px;
}
.s2-title ul li {
  display:inline-block;
  padding:0 2px;
}
.s2-text {
  padding-top:0px;
}
.s2-text h4 {
  margin-bottom:0;
}
}@media screen and (min-width:480px) and (max-width:767px) {
  .s2-title ul li {
  display:inline-block;
  padding:0 10px;
}
}.s3-item {
  height:100vh;
  text-align:center;
}
.s3-item1 {
  background:url(../images/img31.jpg) center bottom;
  background-size:cover;
}
.s3-item2 {
  background:url(../images/img32.jpg) center bottom;
  background-size:cover;
}
.s3-item3 {
  background:url(../images/img33.jpg) center bottom;
  background-size:cover;
}
.s3-item4 {
  background:url(../images/img34.jpg) center bottom;
  background-size:cover;
}
.s3-item a {
  display:block;
  height:100%;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  padding:0 7%;
}
.s3-img {
  margin:0 auto;
  transition:all 500ms ease-in-out 0s;
  margin-top:0;
}
.s3-item:hover .s3-img {
  margin-top:-30px;
}
.s3-item img {
  max-width:150px;
  height:auto;
}
.s3-text {
  }.s3-text h4 {
  font-size:18px;
  color:#fff;
  margin-bottom:20px;
}
.s3-text h4:after {
  content:"";
  display:block;
  height:1px;
  width:25px;
  background:rgba(255,255,255,.3);
  margin:20px auto;
  transition:all 500ms ease-in-out 0s;
}
.s3-item:hover .s3-text h4:after {
  transform:rotate(90deg);
}
.s3-text p {
  color:rgba(255,255,255,.8);
  font-size:14px;
  line-height:25px;
  height:50px;
  overflow:hidden;
}
.s3-text .more {
  color:#fff;
  font-size:14px;
  margin-top:40px;
}
.s3-text .more i {
  color:#fff;
  margin-left:0px;
  transition:all 300ms ease-in-out 0s;
  opacity:0;
}
.s3-text .more:before,.s3-text .more:after {
  content:"";
  display:block;
  height:1px;
  width:0;
  background:rgba(255,255,255,.8);
  margin:7px auto;
  transition:all 500ms ease-in-out 0s;
}
.s3-item:hover .more:before,.s3-item:hover .more:after {
  width:120px;
}
.s3-item:hover .more i {
  margin-left:10px;
  opacity:1;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .s3-item {
  height:50vh;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .section3 .clearfix {
  padding-top:80px;
}
.s3-item {
  height:calc(50vh - 40px);
}
.s3-text .more {
  margin-top:20px;
}
}.section4 {
  }.s4-img {
  overflow:hidden;
  height:100vh;
}
.s4-img img {
  width:auto;
  height:100%;
  min-width:100%;
  min-height:auto;
}
.s4-text {
  height:100vh;
  padding:0 10%;
}
.s4-text h4 {
  font-size:22px;
  color:#444;
}
.s4-text span {
  display:block;
  font-size:14px;
  color:#c1c1c1;
}
.s4-text p {
  margin:40px 0;
  color:#8c8c8c;
  font-size:14px;
  line-height:22px;
  height:88px;
  overflow:hidden;
}
.s4-text a {
  display:block;
  line-height:42px;
  width:168px;
  background:#6e6e6e;
  color:#fff;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;
}
.s4-text a i {
  transition:all 300ms ease-in-out 0s;
  opacity:0;
}
.s4-text a:hover i {
  margin-left:10px;
  opacity:1;
}
.s4-text a:hover {
  background:#333;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .s4-text p {
  margin:30px 0;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .s4-text {
  padding-top:30px;
}
.s4-text p {
  margin:20px 0;
}
}@media screen and (min-width:0) and (max-width:991px) {
  .s4-img {
  overflow:hidden;
  height:50vh;
}
.s4-img img {
  width:100%;
  height:auto;
  min-height:100%;
  min-width:auto;
}
.s4-text {
  overflow:hidden;
  height:50vh;
}
}.section5 {
  position:relative;
}
.section5 .inner {
  width:100vw;
}
.section5 .inner:after {
  content:"";
  display:block;
  height:1px;
  width:100%;
  position:absolute;
  z-index:1;
  background:#eee;
  top:50%;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .inner:after {
  display:none;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .inner:after {
  display:none;
}
}.s5-title {
  float:left;
  width:300px;
  margin-right:30px;
  padding-top:80px;
}
.s5-title h4 {
  font-size:22px;
  color:#444;
  margin-bottom:0
}
.s5-title p {
  font-size:14px;
  margin-top:5px
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .s5-title {
  width:150px
}
}@media screen and (min-width:0) and (max-width:991px) {
  .s5-title {
  float:none;
  width:100%;
  text-align:center;
  margin-bottom:0;
}
}.s5 {
  overflow:hidden;
}
#owl-demo5 {
  position:relative;
  padding:80px 0 0;
  margin:0px
}
#owl-demo5 .owl-stage-outer {
  overflow:hidden;
  position:relative;
  z-index:10;
}
#owl-demo5 * {
  box-sizing:border-box;
}
/* 导航层 */

#owl-demo5 .owl-item {
  float:left;
}
#owl-demo5 .owl-controls {
  margin-top:0px;
  text-align:center;
}
/* 远点按钮 */

#owl-demo5 .owl-dots {
  height:80px;
  overflow:hidden;
  padding-top:60px;
}
#owl-demo5 .owl-dots .owl-dot {
  display:inline-block;
  zoom:1
}
#owl-demo5 .owl-dots .owl-dot span {
  width:10px;
  height:10px;
  margin:0 7px;
  background:#d6d6d6;
  display:block;
  -webkit-backface-visibility:visible;
  -webkit-transition:opacity .2s ease;
  -moz-transition:opacity .2s ease;
  -ms-transition:opacity .2s ease;
  -o-transition:opacity .2s ease;
  transition:opacity .2s ease;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px
}
#owl-demo5 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background:#869791
}
@media screen and (min-width:0) and (max-width:991px) {
  #owl-demo5 {
  padding:20px 0 0;
}
#owl-demo5 .owl-dots {
  padding-top:10px;
}
}.s5-item {
  }.s5-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s5-img {
  height:251px;
  overflow:hidden;
  position:relative;
}
.s5-img:after {
  content:"";
  display:block;
  border:1px solid rgba(255,255,255,.7);
  position:absolute;
  left:5px;
  right:5px;
  top:5px;
  bottom:5px;
  transform:scale(0.9);
  transition:all 300ms ease-in-out 0s;
  opacity:0;
  z-index:2;
}
.s5-item:hover .s5-img:after {
  transform:scale(1);
  opacity:1;
}
.s5-img img {
  width:100%;
  height:auto;
  min-height:100%;
  transform:scale(1.1);
  transition:all 300ms ease-in-out 0s;
}
.s5-item:hover img {
  transform:scale(1);
}
.s5-text {
  height:251px;
  overflow:hidden;
  padding:30px;
}
.s5-text .date {
  color:#C0C0C0;
  font-size:20px;
  margin-bottom:10px;
}
.s5-text h4 {
  font-size:16px;
  color:#666;
  line-height:30px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s5-text p {
  color:#999;
  font-size:14px;
  line-height:22px;
  height:88px;
}
@media screen and (min-width:480px) {
  .s5-item2 .s5-img {
  position:relative;
  top:251px;
}
.s5-item2 .s5-text {
  position:relative;
  top:-251px;
}
}.s5-item:hover .s5-text .date {
  color:#333;
}
.s5-text .date,.s5-text h4,.s5-text p {
  position:relative;
  left:0;
  transition:all 300ms ease-in-out 0s;
}
.s5-item:hover .s5-text .date,.s5-item:hover .s5-text h4,.s5-item:hover .s5-text p {
  left:10px;
}
.s5-text .more {
  float:right;
  right:30px;
  top:30px;
  z-index:3;
  border-left:1px solid #eee;
  height:30px;
  padding-top:12px;
  padding-left:10px;
  opacity:0;
}
.s5-text .more i {
  width:21px;
  display:block;
  width:21px;
  height:9px;
  background:url(../images/icon.png) 0 -100px no-repeat;
  transition:all 300ms ease-in-out 0s;
  opacity:0;
}
.s5-item:hover .s5-text .more {
  opacity:1;
}
.s5-item:hover .s5-text .more i {
  background-position:0 -119px;
  opacity:1;
}
.section6 {
  }.s6-title {
  margin-bottom:30px;
}
.s6-title h4 {
  font-size:22px;
  color:#444;
  margin-bottom:0
}
.s6-title p {
  font-size:14px;
  margin-top:5px
}
#owl-demo6 {
  position:relative;
  padding:0;
  margin:0px
}
#owl-demo6 .owl-stage-outer {
  overflow:hidden;
  position:relative;
  z-index:10;
}
#owl-demo6 * {
  box-sizing:border-box;
}
/* 导航层 */

#owl-demo6 .owl-item {
  float:left;
  padding-top:20px;
}
#owl-demo6 .owl-controls {
  margin-top:0px;
  text-align:center;
}
/* 远点按钮 */

#owl-demo6 .owl-dots {
  margin-top:20px;
}
#owl-demo6 .owl-dots .owl-dot {
  display:inline-block;
  zoom:1
}
#owl-demo6 .owl-dots .owl-dot span {
  width:10px;
  height:10px;
  margin:5px 7px;
  background:#d6d6d6;
  display:block;
  -webkit-backface-visibility:visible;
  -webkit-transition:opacity .2s ease;
  -moz-transition:opacity .2s ease;
  -ms-transition:opacity .2s ease;
  -o-transition:opacity .2s ease;
  transition:opacity .2s ease;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px
}
#owl-demo6 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background:#869791
}
.s6-item {
  position:relative;
  transition:all 300ms ease-in-out 0s;
  top:0;
}
.s6-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s6-item:hover {
  top:-20px;
}
.s6-img {
  width:180px;
  height:180px;
  margin:0 auto;
}
.s6-img img {
  width:100%;
  height:100%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.s6-text {
  padding-top:15px;
  text-align:center;
}
.s6-text h4 {
  font-size:22px;
  color:#383838;
}
.s6-text span {
  display:block;
  margin-bottom:20px;
  font-size:13px;
  color:#a5a5a5;
}
.s6-text p {
  color:#bebebe;
  margin-bottom:20px;
}
.s6-text .more {
  display:inline-block;
  color:#999;
  transition:all 300ms ease-in-out 0s;
  border-bottom:1px solid transparent;
  line-height:42px;
  width:120px;
  border-top:1px solid #eee;
}
.s6-text .more i {
  opacity:0;
  transition:all 300ms ease-in-out 0s;
}
.s6-item:hover .s6-text .more {
  width:160px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.s6-item:hover .s6-text p {
  color:#666;
}
.s6-item:hover .s6-text .more i {
  margin-left:10px;
  opacity:1;
}
.section7 {
  }.s7-title {
  margin-bottom:30px;
}
.s7-title h4 {
  font-size:22px;
  color:#444;
  margin-bottom:0
}
.s7-title p {
  font-size:14px;
  margin-top:5px
}
.s7 {
  position:relative;
}
.s7:before {
  content:"";
  display:block;
  position:absolute;
  height:1px;
  width:100%;
  top:50%;
  left:0;
  background:#eee;
}
.s7-item {
  margin:5px 0;
  position:relative;
  display:block;
  transition:all 300ms ease-in-out 0s;
  top:0;
}
.s7-item:hover {
  top:-5px;
}
.s7-item img {
  width:100%;
  height:auto;
}
.s7-item:before {
  content:"";
  display:block;
  width:1px;
  height:50%;
  position:absolute;
  left:-15px;
  top:25%;
  background:#ccc;
}
.s7 [class*="col-"]:nth-child(4n+1) .s7-item:before {
  display:none;
}
@media screen and (min-width:0) and (max-width:767px) {
  .s7 [class*="col-"]:nth-child(2n+1) .s7-item:before {
  display:none;
}
.s7 .container:before {
  content:"";
  display:block;
  position:absolute;
  height:1px;
  width:100%;
  top:25%;
  left:0;
  background:#eee;
}
.s7 .container:after {
  content:"";
  display:block;
  position:absolute;
  height:1px;
  width:100%;
  top:75%;
  left:0;
  background:#eee;
}
}.section9 {
  }.s9-1 {
  height:40vh;
  width:100%;
  background:url(../images/s9-bg.jpg);
  background-size:cover;
}
.s9-2 {
  height:60vh;
  width:100%;
}
.s9-title h4 {
  font-size:22px;
  color:#fff;
  margin-bottom:5px;
}
.s9-title h4 a {
  color:#fff;
}
.s9-title p {
  color:rgba(255,255,255,.8);
  font-size:14px;
}
.s9-21 h4 {
  color:#999;
  font-size:16px;
  margin-bottom:25px;
}
.s9-21 ul {
  padding:0;
  margin:0;
}
.s9-21 ul li {
  line-height:24px;
  margin-bottom:5px;
  color:#999;
}
.fenxiang a {
  font-size:16px;
  float:left;
  margin:10px 5px;
  display:block;
  height:30px;
  width:30px;
  line-height:30px;
  text-align:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor:pointer;
  color:#818181;
}
.fenxiang a:hover {
  background:rgba(123,123,123,0);
  color:#333;
}
.s9-22 {
  }.s9-22  [class*="col-"] {
  margin-bottom:10px;
}
.s9-22 .s8-input {
  outline:none;
  width:100%;
  line-height:30px;
  border:none;
  background:transparent;
  color:#999;
  border-bottom:1px solid rgba(80,80,80,0.22);
  padding:10px 15px;
}
.s9-22 .s8-textarea {
  outline:none;
  width:100%;
  line-height:30px;
  color:#999;
  border:none;
  background:transparent;
  border-bottom:1px solid rgba(80,80,80,0.22);
  padding:10px 15px;
}
.s9-22 .s7-btn {
  line-height:42px;
  width:100%;
  color:#fff;
  padding:0;
  font-size:16px;
  background-color:#333;
}
.s9-22 .s7-btn:hover {
  background:#222;
}
@media screen and (min-width:0) and (max-width:991px) {
  .s9-1 {
  height:auto;
  padding-top:90px;
  padding-bottom:5px;
}
.s9-2 {
  height:auto;
  width:100%;
  padding-top:10px;
}
.s9-21 h4 {
  margin-bottom:10px;
}
.s9-21 ul li {
  display:inline-block;
  margin-right:15px;
  line-height:20px;
  margin-bottom:0;
}
.s9-22 .s8-input {
  line-height:20px;
  padding:3px 10px;
}
.s9-22 .s8-textarea {
  line-height:20px;
  padding:3px 10px;
}
}
.foot-fixed {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
}
#banner2 {
  width:100%;
  height:380px;
  position:relative;
  overflow:hidden;
}
#banner2 div {
  background-color:#39383E;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:100%;
  height:380px;
  animation:mymove 20s
}
@keyframes mymove {
  0% {
  transform:scale(1.2,1.2)
}
100% {
  transform:scale(1,1)
}
}.box2 {
  background:#fff;
  position:relative;
  z-index:2;
  padding:60px 0 100px;
}
.title20 {
  text-align:center;
  margin-bottom:40px;
}
.title20 h4 {
  font-size:22px;
  color:#444;
  margin-bottom:0
}
.title20 p {
  font-size:14px;
  margin-top:5px;
  color:#c1c1c1;
  margin-bottom:30px;
}
.title20 ul {
  padding:0;
  margin:0;
}
.title20 ul li {
  display:inline-block;
  margin:0 5px;
}
.title20 ul li a {
  display:inline-block;
  padding:7px 27px;
  color:#999;
  font-size:14px;
}
.title20 ul li a:hover,.title20 ul li.on a {
  color:#333;
}
.s11-item {
  margin:15px 0;
}
.s11-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s11-img {
  display:block;
  overflow:hidden;
}
.s11-img img {
  width:100%;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.s11-img:hover img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.s11-text {
  }.s11-text h4 {
  color:#565656;
  font-size:16px;
  margin:20px 0 5px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s11-text p {
  color:#929292;
  margin-bottom:5px;
  text-transform:capitalize;
}
.foot {
  text-align:center;
  padding:15px 0;
  line-height:20px;
  color:#8e8e8e;
  font-size:12px;
}
.foot a {
  color:#8e8e8e;
}
.news10 {
  padding:25px 0;
  border-bottom:1px solid #eee;
}
.news10 a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.news10-img {
  float:left;
  margin-right:30px;
  width:300px;
  height:190px;
  max-width:100%;
}
.news10-img img {
  width:100%;
  height:auto;
  min-height:100%;
}
.news10-text {
  overflow:hidden;
  position:relative;
  padding-right:190px;
}
.news10-text > h4 {
  position:relative;
  left:0;
  transition:all 300ms ease-in-out 0s;
  margin-bottom:15px;
  font-size:18px;
  color:#333;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.news10-text > p {
  position:relative;
  left:0;
  transition:all 300ms ease-in-out 0s;
  color:#999;
  line-height:22px;
  height:88px;
  overflow:hidden;
  margin-bottom:10px;
}
.news10-date {
  color:#c8c8c8;
}
.news10-date h4 {
  margin:0;
  display:inline-block;
  font-size:16px;
  color:#c8c8c8;
}
.news10-date p {
  margin:0;
  display:inline-block;
  font-size:12px;
  color:#c8c8c8;
}
.news10-text .news10-more {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-20px;
  width:125px;
  height:40px;
  padding-left:25px;
  display:block;
  color:#bcbcbc;
  border-left:1px solid rgba(0,0,0,.08);
  transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
  font-size:16px;
  background:url(../images/icon2.png) 40px 0px no-repeat;
}
.news10:hover  .news10-text .news10-more {
  background:url(../images/icon2.png) 30px 0px no-repeat;
}
.news10:hover .news10-text > h4,.news10:hover .news10-text > p {
  left:20px;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .news10-text {
  padding-right:10px;
}
.news10-text .news10-more {
  display:none;
}
.news10:hover .news10-text > h4,.news10:hover .news10-text > p {
  left:10px;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .news10-img {
  float:none;
  margin:0 auto;
}
.news10-text h4 {
  text-align:center;
}
.news10-text {
  padding:10px 0 0;
}
.news10-text .news10-more {
  display:none;
}
.news10:hover .news10-text > h4,.news10:hover .news10-text > p {
  left:0px;
}
}.s13-item {
  margin:15px 0;
  position:relative;
  top:0;
  transition:all 300ms ease-in-out 0s;
  border-bottom:1px solid #eee;
}
.s13-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s13-item:hover {
  box-shadow:0 15px 30px rgba(0,0,0,0.05);
  top:-10px;
}
.s13-text {
  overflow:hidden;
  padding:20px 15px 10px;
}
.s13-text h4 {
  color:#949494;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s13-text span {
  margin-bottom:25px;
  display:block;
  color:#949494;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s13-text p {
  color:#949494;
  line-height:22px;
  height:44px;
  overflow:hidden;
  font-size:12px;
}
.s13-img {
  display:block;
  overflow:hidden;
  position:relative;
}
.s13-img img {
  width:100%;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.s13-item:hover .s13-img img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.s13-img div {
  position:absolute;
  display:block;
  height:50px;
  bottom:-50px;
  width:100%;
  background:#404040;
  z-index:2;
  transition:all 300ms ease-in-out 0s;
}
.s13-img div:after,.s13-img div:before {
  content:"";
  position:absolute;
  display:block;
  background:#fff;
  top:50%;
  left:50%;
}
.s13-img div:after {
  height:2px;
  width:14px;
  margin:-1px 0 0 -7px;
}
.s13-img div:before {
  height:14px;
  width:2px;
  margin:-7px 0 0 -1px;
}
.s13-item:hover .s13-img div {
  bottom:0;
}
.serivce-item {
  margin:20px 0;
  position:relative;
  transition:all 300ms ease-in-out 0s;
  top:0;
  border-bottom:1px solid #eee;
  padding-bottom:20px;
}
.serivce-item:hover {
  border-color:#B3B3B3
}
.serivce-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  top:0;
}
.serivce-item a:hover {
  top:-10px;
}
.serivce-img {
  text-align:center;
  background:#D9D9D9;
}
.serivce-img img {
  width:100%;
  max-width:160px;
  height:auto;
}
.serivce-text {
  padding:20px 20px 0;
}
.serivce-text h4 {
  text-align:center;
  font-size:18px;
  position:relative;
  color:#333;
}
.serivce-text h4:after {
  display:block;
  content:"";
  height:1px;
  width:2em;
  background:#ccc;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
}
.serivce-text p {
  color:#818181;
  line-height:24px;
  height:48px;
  overflow:hidden;
  margin:20px 0;
}
.serivce-text .more {
  position:absolute;
  bottom:0;
  width:40px;
  height:40px;
  background:url(../images/icon.png) -92px 0 no-repeat;
  margin-top:30px;
  margin-left:-20px;
  left:50%;
  transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
}
.serivce-item:hover  .serivce-text .more {
  background:url(../images/icon.png) -10px 0 no-repeat;
  width:70px;
  margin-left:-35px;
  left:50%;
}
@media (max-width:768px) {
  .banner-text1,.banner-text2 {
    display:none;
  }
  .navbar-default {
    padding:5px 0px;
  }
  .yxt_img {
    width:120%;
    margin-left:-10%;
    min-height:110px;
  }
  #banner2 {
    height:110px;
    margin-top:80px;
  }
  .box2 {
    padding:25px 0 100px;
  }
  .user-panel {
    margin:10px 0px 0px 0px;
  }
  .top-nav-right {
    margin-top:10px;
  }
  .top-nav-right ul li.nav-shopping,.top-nav-right ul li.glyphicon-search {
    display:none;
  }
  .navbar-toggle {
    z-index:999;
  }
  .top-nav-right {
    width:30px;
    position:relative;
    top:0px;
    left:5px;
    z-index:99;
    font-size:26px;
  }
  #owl-demo1 .owl-item img{
    max-height:55vh;
  }
  .section1 .inner{
    height:auto;
  }
  .s4-text{
    height: 42vh;
  }
  .s5-title{
    padding-top:0px;
  }
  .s9-22 .s7-btn{
    margin-bottom: 70px;
  }
  .foot-fixed {
    position:static;
    float: left;
  }
  .yxt_none{
    display: none;
  }
  .title p, .title-index-1 p{
    margin: 0px auto;
  }
  .blank60{
    display: none;
  }
  .box2{
    padding: 25px 0 0px;
  }
}