html,body {
  line-height:180%;
  font-size:14px;
  font-family:"Microsoft Yahei";
  background:white;
}
li {
  list-style:none;
}
input[type="button"],input[type="submit"],input[type="reset"] {
  -webkit-appearance: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);
}


.navbar-default {
  padding:15px 0px;
  background:white;
  -moz-box-shadow:0px 0px 15px #888;
  -webkit-box-shadow:0px 0px 15px #888;
  box-shadow:0px 0px 15px #888;
  transition:600ms;
}
.yxt_left_arrow{
    width:50%;
}
.yxt_right_arrow{
    width:50%;
}

.navbar-default .navbar-nav>li> a {
  color:#000;
}


a.navbar-brand {
  width:210px;
  max-height:48px;
  margin:0px;
  margin-top:2px;
  padding:0px;
  overflow:hidden;
}
a.navbar-brand img {
  max-width:210px;
  max-height:48px;
  margin:0px auto;
}
@media (max-width:768px) {
  a.navbar-brand {
  margin-left:10px;
  max-width:180px;
}
a.navbar-brand img {
  max-width:180px;
  max-height:35px;
}
}

@media (min-width:768px) {
  #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;
}
}@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;
}
@media (max-width:991px) {
  .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;
}
}#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:#FF7E46;
  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 {
  

    background:#2f2933;
  border-color:#2f2933;
}
.no-touch .cd-gallery > li:hover .cd-dots a {
  

    border-color:#9688a0;
}
.no-touch .cd-gallery > li:hover li.move-right,.no-touch .cd-gallery > li:hover li.move-left {
  

    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;
  

  -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 {
  

  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 {
  

  -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 {
  

  -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 {
  

  -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 {
  

    opacity:0;
}
.cd-item-wrapper li.focus-on-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 {
  

    -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 {
  

    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 {
  

  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;
  

  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;
  

    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 {
  

  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 {
  

  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 {
  

  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;
}


.credits {
  width:90%;
  margin:2em auto;
  text-align:center;
}
.no-touch .credits a:hover {
  text-decoration:underline;
}
.btn-primary {
  background-color:#FF7E46;
  border-color:#FF7E46;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
  z-index:2;
  color:#fff;
  cursor:default;
  background-color:#FF7E46;
  border-color:#FF7E46;
}
.pagination>li>a,.pagination>li>span {
  color:#FF7E46;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color:#FF7E46;
}
#page strong {
  background:#FF7E46;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color:#fff;
  background-color:#FF7E46;
}
#dialog_link {
  background:#FF7E46;
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
  color:#FF7E46;
  background-color:#fff;
}
.comm input.btn {
  background:#FF7E46;
  color:#fff;
}
.pages strong,.pages span {
  color:#FFFFFF;
  background:#FF7E46;
}
.btn-primary .badge {
  color:#FF7E46;
  background-color:#fff;
}
*/







 @font-face {
  font-family:'Lato';
  font-style:italic;
  font-weight:400;
  src:local('Lato Italic'),local('Lato-Italic'),url(404.png) format('truetype');
}
@font-face {
  font-family:'Lato';
  font-style:italic;
  font-weight:700;
  src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url() format('truetype');
}
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:300;
  src:local('Lato Light'),local('Lato-Light'),url() format('truetype');
}
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:400;
  src:local('Lato Regular'),local('Lato-Regular'),url() format('truetype');
}
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:700;
  src:local('Lato Bold'),local('Lato-Bold'),url() format('truetype');
}
body {
  font-family:Microsoft Yahei;
  overflow-x:hidden;
}
ul,ol,li {
  list-style:none;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .nav>li>a {
  padding-left:10px;
  padding-right:10px;
}
}@media screen and (min-width:768px) and (max-width:991px) {
  .nav>li>a {
  padding-left:5px;
  padding-right:5px;
}
}@media (max-width:768px) {
  a.navbar-brand {
  margin-left:40px;
}
}#header.mini {
  padding:5px 0px;
}
#header {
  z-index:9999999999;
}
@media screen and (min-width:1530px) {
  .container-max {
  width:1500px;
}
}@media (max-width:767px) {
  .top-nav-right {
  position:absolute;
  margin:0;
  left:-10px;
  top:8px;
}
a.navbar-brand {
  margin-left:50px;
  margin-top:5px;
}
}.dropdown-menu>li>a:hover {
  text-indent:1em
}
.dropdown-menu {
  width:220px;
  opacity:1;
}
.top-nav-right {
  float:right;
  margin-left:20px;
  width:110px;
  margin-top:7px;
  padding:0px;
  transition:600ms;
}
.banner {
  }.banner {
  margin-top:64px;
}
.section1 {
  margin-top:-80px;
  height:315px;
}
.s1-item {
  position:relative;
  top:0;
  transition:all 300ms ease-in-out 0s;
  z-index:99999999;
}
.s1-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  padding:10px;
}
.s1-img {
  text-align:center;
  padding:10px;
  background:rgba(0,0,0,.05);
}
.s1-img img {
  margin:0 auto;
  max-width:100%;
  height:120px;
}
.section1 .col-md-4:nth-child(1) .s1-item {
  background:#43B9F6;
}
.section1 .col-md-4:nth-child(2) .s1-item {
  background:#6686FF;
}
.section1 .col-md-4:nth-child(3) .s1-item {
  background:#9878FF;
}
.s1-text {
  text-align:center;
  padding:10px;
  margin-top:10px;
  transition:all 300ms ease-in-out 0s;
  border:1px solid rgba(255,255,255,.0);
}
.s1-text h4 {
  color:#fff;
}
.s1-text h4:after {
  content:"";
  display:block;
  height:1px;
  width:80px;
  background:rgba(255,255,255,.4);
  margin:20px auto 15px;
}
.s1-text p {
  color:#fff;
  text-align:center;
  line-height:24px;
  height:48px;
  overflow:hidden;
}
.s1-item:hover {
  top:-20px;
}
.s1-item:hover .s1-text {
  padding:30px 10px;
  border:1px solid rgba(255,255,255,.4)
}
@media screen and (min-width:0) and (max-width:991px) {
  .section1 {
  margin-top:0;
  padding-top:40px;
  height:auto;
}
}.section2 {
  padding:60px 0;
}
.title10 {
  }.title10:after {
  content:"";
  display:table;
  clear:both;
}
.title10 ul {
  padding:0;
  margin:0;
  margin-top:5px;
  float:right;
}
.title10 ul li {
  display:inline-block;
  color:#999;
}
.title10 ul li a {
  display:inline-block;
  padding:7px 15px;
  color:#333;
}
.title10 ul li a:hover {
  background:#FF7E46;
  color:#fff;
}
.title10 h4 {
  color:#000;
  font-size:22px;
  margin:0;
}
.title10 p {
  color:#999;
  margin:0;
  font-size:16px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .title10 ul {
  display:none;
}
}.s2-item {
  margin:20px 0;
}
.s2-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s2-img {
  position:relative;
  display:block;
  overflow:hidden;
}
.s2-img img {
  width:100%;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.s2-item:hover .s2-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);
}
.s2-text {
  padding:15px 15px 10px;
  border-bottom:1px solid #eee;
}
.s2-text i {
  float:right;
  margin-top:10px;
}
.s2-text h4 {
  margin:0;
  font-size:16px;
  margin-bottom:5px;
  transition:all 300ms ease-in-out 0s;
  position:relative;
  top:0;
}
.s2-text h4 span {
  color:#333;
}
.s2-text p {
  margin-bottom:0;
  color:#999;
  transition:all 300ms ease-in-out 0s;
  position:relative;
  top:0;
}
.s2-item:hover .s2-text {
  background:#FF7E46;
}
.s2-item:hover .s2-text h4 {
  color:#fff;
  top:-5px;
}
.s2-item:hover .s2-text h4 span {
  color:#fff;
}
.s2-item:hover .s2-text p {
  color:#fff;
  top:-5px;
}
.s2-item:hover .s2-text i {
  color:#fff;
}
.s2-item:hover .s2-img:after {
  content:"";
  display:block;
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border:5px solid #FF7E46
}
.s2-more {
  margin-top:40px;
}
.s2-more a {
  display:block;
  width:150px;
  height:45px;
  position:relative;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  background:#000;
  opacity:.6;
}
.s2-more a i {
  text-indent:-10px;
  font-size:24px;
  color:rgba(255,255,255,.0);
  transition:all ease-out .3s;
  width:34px;
  height:14px;
  display:block;
  background:url(../image/icon.png) no-repeat 0 -22px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-7px;
  margin-left:-17px;
  z-index:3;
}
.s2-more a:hover {
  background:transparent;
  color:#333;
}
.s2-more a:hover i {
  background:url(../image/icon.png) no-repeat 0 -38px;
}
.s2-more a:hover {
  border-bottom:1px solid rgba(0,0,0,.4);
  border-top:1px solid rgba(0,0,0,.4);
}
.section3 {
  background:#449CE7;
  padding-top:50px;
}
#owl-demo3 {
  position:relative;
  padding:0 70px;
  margin:0px
}
#owl-demo3 .owl-stage-outer {
  overflow:hidden;
  position:relative;
  z-index:10;
}
#owl-demo3 * {
  box-sizing:border-box;
}


#owl-demo3 .owl-item {
  float:left;
}
#owl-demo3 .owl-controls {
  margin-top:0px;
  text-align:center;
}


#owl-demo3 .owl-controls .owl-nav {
  }
#owl-demo3 .owl-controls .owl-nav [class*=owl-] {
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:block;
  height:40px;
  width:40px;
  position:absolute;
  top:50%;
  margin-top:-20px;
  cursor:pointer;
  overflow:hidden;
  z-index:11;
  display:inline-block;
  line-height:40px;
  text-align:center;
  color:#fff;
}
#owl-demo3 .owl-controls .owl-nav .owl-prev {
  left:0;
  background: url(../image/left_arrow.png) no-repeat;
  background-size: 80% 100%;
}
#owl-demo3 .owl-controls .owl-nav .owl-next {
  right:0;
  background: url(../image/right_arrow.png) no-repeat;
  background-size: 80% 100%;
}


#owl-demo3 .owl-dots {
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  z-index:2;
}
#owl-demo3 .owl-dots .owl-dot {
  display:inline-block;
  zoom:1
}
#owl-demo3 .owl-dots .owl-dot span {
  width:10px;
  height:10px;
  margin:5px 7px;
  background:#fff;
  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-demo3 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background:#daeeff
}
.s3-item {
  }.s3-item:after {
  content:"";
  display:table;
  clear:both;
}
.s3-img {
  float:left;
  width:360px;
  height:380px;
  margin-right:30px;
}
.s3-img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.s3-text {
  padding-top:70px;
}
.s3-text h4 {
  color:#fff;
  font-size:26px;
}
.s3-text span {
  display:block;
  color:#daeeff;
  margin:20px 0;
}
.s3-text p {
  color:#daeeff;
  line-height:24px;
  height:48px;
  overflow:hidden;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .s3-img {
  float:left;
  width:240px;
  height:253px;
  margin-right:30px;
}
.s3-text {
  padding-top:30px;
}
}@media screen and (min-width:0) and (max-width:767px) {
  #owl-demo3 {
  padding:0 40px;
}
.s3-img {
  float:none;
  width:100%;
  height:auto;
  margin-right:0;
  text-align:center;
}
.s3-img img {
  width:auto;
  height:auto;
  max-width:100%;
}
.s3-text {
  padding-top:20px;
  padding-bottom:50px;
}
}.section4 {
  padding:60px 0;
  background:#F8F8FA;
}
.s4-title {
  text-align:center;
  margin-bottom:30px;
}
.s4-title h4 {
  color:#444;
  margin-bottom:0;
  font-size:24px;
}
.s4-title p {
  color:#999;
}
.s4 {
  position:relative;
  padding-bottom:50px;
}
.s4:after {
  content:"";
  display:block;
  width:1px;
  height:100%;
  left:50%;
  position:absolute;
  top:0;
}
.s4-item {
  padding:15px;
  position:relative;
  z-index:2;
}
.s4-item:after {
  content:"";
  display:table;
  clear:both;
}
.s4-text {
  float:right;
  width:50%;
  padding:0 15px;
  padding-top:15px;
}
.s4-text h4 {
  color:#444;
  position:relative;
  top:0px;
  transition:all 300ms ease-in-out 0s;
}
.s4-text h4 span {
  color:#444;
}
.s4-text p {
  color:#999;
}
.s4-imgs {
  float:left;
  width:50%;
  padding:0 15px;
  position:relative;
}
.s4-img {
  opacity:0;
  float:right;
  transition:all 600ms ease-in-out 0s;
}
.s4-img img {
  width:100%;
  height:auto;
}
.s4-date {
  position:absolute;
  right:25px;
  top:15px;
  transition:all 300ms ease-in-out 0s;
}
.s4-date h4 {
  font-size:26px;
  text-align:right;
  color:#444;
}
.s4-date p {
  text-align:right;
  color:#999;
}
.s4-item:hover {
  background:#FF7E46;
}
.s4-item:hover .s4-date {
  right:auto;
  left:25px;
  top:15px;
}
.s4-item:hover .s4-img {
  opacity:1;
}
.s4-item:hover .s4-text h4 {
  color:#fff;
  top:-10px;
}
.s4-item:hover .s4-text p {
  color:#fff;
}
.s4-item:hover .s4-date h4 {
  color:#fff;
}
.s4-item:hover .s4-date p {
  color:#fff;
}
.s4-item:hover .s4-text h4 span {
  color:#fff;
}
.s4 .s4-item:nth-child(even) .s4-text {
  float:left;
}
.s4 .s4-item:nth-child(even) .s4-images {
  float:right;
}
.s4 .s4-item:nth-child(even) .s4-date {
  right:auto;
  left:25px;
}
.s4 .s4-item:nth-child(even):hover .s4-date {
  left:auto;
  right:25px;
}
.s4 .s4-item:nth-child(even) .s4-img {
  float:left;
}
.s4-more {
  }.s4-more a {
  display:block;
  width:150px;
  height:45px;
  position:relative;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  background:#000;
  opacity:.6;
}
.s4-more a i {
  text-indent:-10px;
  font-size:24px;
  color:rgba(255,255,255,.0);
  transition:all ease-out .3s;
  width:34px;
  height:14px;
  display:block;
  background:url(../image/icon.png) no-repeat 0 -22px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-7px;
  margin-left:-17px;
  z-index:3;
}
.s4-more a:hover {
  background:transparent;
  color:#333;
}
.s4-more a:hover i {
  background:url(../image/icon.png) no-repeat 0 -38px;
}
.s4-more a:hover {
  border-bottom:1px solid rgba(0,0,0,.4);
  border-top:1px solid rgba(0,0,0,.4);
}
.section5 {
  padding:60px 0;
}
.s5-title {
  text-align:center;
  margin-bottom:30px;
}
.s5-title h4 {
  color:#444;
  margin-bottom:0;
  font-size:24px;
}
.s5-title p {
  color:#999;
  font-size:18px;
}
.s5-text {
  margin:40px auto;
  text-align:center;
  max-width:800px;
  color:#999;
}
.s5-img {
  }.s5-img img {
  width:100%;
  height:auto;
}
.section6 {
  border-top:1px solid #eee;
  padding:40px 0;
}
#owl-demo6 {
  position:relative;
  padding:0 60px;
  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;
}
#owl-demo6 .owl-controls {
  margin-top:0px;
  text-align:center;
}


#owl-demo6 .owl-controls .owl-nav [class*=owl-] {
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:block;
  height:40px;
  width:40px;
  position:absolute;
  top:50%;
  margin-top:-20px;
  cursor:pointer;
  overflow:hidden;
  z-index:11;
  display:inline-block;
  line-height:40px;
  text-align:center;
  color:#fff;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev {
  left:0;
  background: url(../image/left_arrow1.png) no-repeat;
  background-size: 80% 100%;
}
#owl-demo6 .owl-controls .owl-nav .owl-next {
  right:0;
  background: url(../image/right_arrow1.png) no-repeat;
  background-size: 80% 100%;
}
.s6-item {
  }.s6-item img {
  width:100%;
  height:auto;
}
.section10 {
  padding:80px 0;
  background:#F8F8F8;
}
.s10-2 {
  }.s10-2 h4 {
  color:#999;
  font-size:16px;
}
.s10-2 .fenxiang {
  margin-top:35px;
}
.fenxiang a {
  cursor:pointer;
  margin-right:5px;
  display:inline-block;
  height:38px;
  width:38px;
  line-height:38px;
  text-align:center;
  color:#999;
  border:1px solid rgba(255,255,255,.07);
}
.fenxiang a:hover {
  background:#FF7E46;
  color:#fff;
}
.s10-3 {
  }.s10-3 h4 {
  color:#666;
  font-size:16px;
}
.s10-3 ul {
  padding:0;
  margin:35px 0 0;
}
.s10-3 ul li {
  float:left;
  width:50%;
  line-height:25px;
  margin-bottom:5px;
  color:#999;
}
@media screen and (min-width:0) and (max-width:767px) {
  .s10-3 {
  padding-top:30px;
}
.s10-3 ul li {
  width:100%;
  float:none;
}
}#outer-w {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  left:0;
  top:0;
  z-index:99999;
}
#outer {
  height:100%;
  position:relative;
  width:100%;
}
#outer[id] {
  display:table;
  position:static;
}
#middle {
  position:absolute;
  top:50%;
}


#middle[id] {
  display:table-cell;
  vertical-align:middle;
  position:static;
}
#inner {
  position:relative;
  top:-50%;
  width:300px;
  padding:30px 0;
  margin:0 auto;
  text-align:center;
}


*+html #outer[id] {
  position:relative;
}
*+html #middle[id] {
  position:absolute;
}
#bg-black {
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:rgba(0,0,0,.6);
}
.inner {
  position:relative;
  z-index:2;
  background:#FFF;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#close {
  position:absolute;
  right:-10px;
  top:-10px;
  height:30px;
  width:30px;
  cursor:pointer;
  background:#FFF url(../image/del_on.gif) left top no-repeat;
  border:1px solid #CCC;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#close:hover {
  background:#DDD url(../image/del_hover.gif) -1px -1px no-repeat;
}
.copyright {
  padding:15px 0;
  background:#fff;
  color:#666;
  font-size:12px;
}
.copyright a {
  color:#666;
}
.section21 {
  padding:60px 0;
}
.title20 {
  text-align:center;
  margin-bottom:30px;
}
.title20 h4 {
  color:#444;
  margin-bottom:0;
  font-size:24px;
}
.title20 p {
  color:#999;
  font-size:18px;
}
.section21 .row {
  margin:0 -5px;
}
.section21 [class*="col-"] {
  padding:0 5px;
}
.s21-item {
  margin:10px 0;
  position:relative;
  top:0;
  transition:all 300ms ease-in-out 0s;
}
.s21-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  padding:10px;
  transition:all 300ms ease-in-out 0s;
}
.s21-img {
  }.s21-img img {
  width:100%;
  height:auto;
}
.s21-text {
  text-align:center;
}
.s21-text {
  text-align:center;
  padding:10px;
}
.s21-text h4 {
  color:#333;
}
.s21-text h4:after {
  content:"";
  display:block;
  height:1px;
  width:80px;
  background:rgba(0,0,0,.2);
  margin:20px auto 15px;
}
.s21-text p {
  color:#999;
  text-align:center;
  line-height:24px;
  height:48px;
  overflow:hidden;
}
.s21-item:hover {
  top:-10px;
}
.s21-item:hover a {
  box-shadow:1px 1px 15px rgba(0,0,0,0.3);
}
.s21-item .more {
  width:35px;
  position:relative;
  height:35px;
  text-align:center;
  display:block;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  margin:0 auto;
  opacity:0;
  top:20px;
  overflow:hidden;
  position:relative;
}
.s21-item .more i {
  content:'';
  width:15px;
  height:9px;
  background:url(../image/icon.png) no-repeat -110px -11px;
  display:block;
  margin:13px 0 0 11px;
  position:absolute;
  top:0px;
  left:0px;
}
.s21-item:hover .more {
  top:0;
  opacity:1;
}
.section31 {
  padding:40px 0;
}
.s31-item {
  margin:20px 0;
  background:#f8f8fa;
  padding:10px;
}
.s31-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s31-img {
  float:left;
  margin-right:20px;
  width:227px;
  height:240px;
  overflow:hidden;
}
.s31-img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.s31-text {
  overflow:hidden;
  padding-top:30px;
}
.s31-text h4 {
  color:#484848;
  position:relative;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  top:0;
}
.s31-text span {
  display:block;
  margin-bottom:20px;
  color:#999;
  position:relative;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  top:0;
}
.s31-text p {
  line-height:22px;
  height:44px;
  overflow:hidden;
  color:#999;
  margin-bottom:20px;
  position:relative;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  top:0;
}
.s31-text .more {
  width:35px;
  height:35px;
  text-align:center;
  display:block;
  position:relative;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  top:0;
  overflow:hidden;
}
.s31-text .more i {
  content:'';
  width:15px;
  height:9px;
  background:url(../image/icon.png) no-repeat -110px -11px;
  display:block;
  margin:13px 0 0 11px;
  position:absolute;
  top:0px;
  left:0px;
}
.s31-item:hover {
  background:transparent;
  box-shadow:1px 1px 15px rgba(0,0,0,0.3);
}
.s31-item:hover .s31-text h4 {
  top:-10px;
}
.s31-item:hover .s31-text span {
  top:-10px;
}
.s31-item:hover .s31-text p {
  top:-10px;
}
.s31-item:hover .s31-text .more {
  top:10px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .s31-img {
  float:none;
  width:100%;
  margin-right:0;
  height:auto;
  text-align:center;
}
.s31-img img {
  max-width:100%;
  width:auto;
  height:auto;
}
}.box2 {
  padding:40px 0;
}
.title30 {
  margin-bottom:30px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
}
.title30 h4 {
  color:#444;
  margin-bottom:0;
  font-size:20px;
}
.title30 p {
  color:#999;
  font-size:16px;
}
.box2-left {
  width:182px;
  float:left;
  margin-right:30px;
}
.left1 {
  margin-bottom:20px;
}
.left1 ul {
  padding:0;
  margin:0;
}
.left1 ul li {
  display:block;
  line-height:43px;
  border-bottom:1px solid #eee;
}
.left1 ul li a {
  text-indent:20px;
  display:block;
  line-height:43px;
  color:#666;
  position:relative;
  transition:all 300ms ease-in-out 0s;
}
.left1 ul li a:after {
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-6px;
  background:#ff7e46;
  width:3px;
  height:12px;
  transition:all 300ms ease-in-out 0s;
  opacity:0;
}
.left1 ul li.on a {
  color:#333;
}
.left1 ul li.on a:after {
  opacity:1;
}
.left1 ul li:hover a {
  text-indent:30px;
  color:#000;
}
.left1 ul li:hover a:after {
  left:10px;
  opacity:1;
}
@media screen and (min-width:0) and (max-width:991px) {
  .box2-left {
  float:none;
  width:100%;
  margin:0 0 20px;
}
}.box2-right {
  overflow:hidden;
}
.news-item {
  padding:40px 0;
}
.news-item+.news-item {
  border-top:1px solid #eee;
}
.news-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.news-img {
  float:left;
  width:300px;
  height:127px;
  margin-right:30px;
}
.news-img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.news-text {
  overflow:hidden;
}
.news-date {
  float:right;
  margin-left:30px;
  margin-top:10px;
}
.news-date h4 {
  color:#999;
  font-size:30px;
}
.news-item .more {
  width:35px;
  position:relative;
  height:35px;
  display:block;
  float:right;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
  opacity:0;
  top:20px;
  overflow:hidden;
  position:relative;
}
.news-item .more i {
  content:'';
  width:15px;
  height:9px;
  background:url(../image/icon.png) no-repeat -110px -11px;
  display:block;
  margin:13px 0 0 11px;
  position:absolute;
  top:0px;
  left:0px;
}
.news-item:hover .more {
  top:0;
  opacity:1;
}
.news-text {
  padding-top:15px;
}
.news-text h4 {
  font-size:16px;
  padding-right:10px;
  color:#000;
  margin-bottom:20px;
  position:relative;
  left:0;
  transition:all 300ms ease-in-out 0s;
}
.news-text p {
  color:#999;
  padding-right:10px;
  line-height:22px;
  height:44px;
  overflow:hidden;
  position:relative;
  left:0;
  transition:all 300ms ease-in-out 0s;
}
.news-item:hover  .news-text h4 {
  left:10px;
}
.news-item:hover  .news-text p {
  left:10px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .news-img {
  float:none;
  width:300px;
  margin-right:0;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
}
.news-date {
  display:none;
}
}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  background-color:#FF7E46;
  color:#fff;
  border-radius:5px;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .top-nav-right {
  width:30px;
}
}#banner2 {
  width:100%;
  position:relative;
  margin-top:60px;
}
#banner2 div {
  background-color:#39383E;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:100%;
  height:380px;
  animation:mymove 20s
}
@media (max-width:768px) {
  .navbar-default {
    padding:5px 0px;
  }
  .s4-text{
    width:100%;
  }
  .s4-imgs{
    display: none;
  }
  .section4{
    padding: 30px 0;
  }
  .section5{
    padding: 30px 0;
  }
  .section10{
    display: none;
  }
  .yxt_img{
    width:120%; 
    margin-left: -10%;
    min-height: 100px;
  }
  .title h3 small{
    margin: 10px 0px 5px 0px;
  }
  .title p, .title-index-1 p{
    display: none;
  }
  .blank60{
    display: none;
  }
  .pagination{
    margin: 0px 0px;
  }
}