html,body {
  font-family:"Microsoft Yahei";
}
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);
}
/* 导航 */

.navbar-default {
  padding:15px 0px;
  background:#F6F6F6;
  border-color:#F6F6F6;
}
.navbar-default.mini {
  background:#fff;
  -moz-box-shadow:0px 0px 15px #888;
  -webkit-box-shadow:0px 0px 15px #888;
  box-shadow:0px 0px 15px #888;
}
.yxt_left_arrow{
    width:50%;
}
.yxt_right_arrow{
    width:50%;
}
@media (min-width:768px) {
  .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
  margin-left:0px;
}
}
.navbar-default .navbar-nav>li> a {
  color:#000;
}
/* logo */

a.navbar-brand {
  width:210px;
  max-height:48px;
  margin:5px;
  padding:0px;
  overflow:hidden;
}
a.navbar-brand img {
  max-width:210px;
  max-height:48px;
  margin:0px auto;
}
.yxt_img{
  width:100%;
}
@media (max-width:768px) {
  a.navbar-brand {
  margin-left:10px;
  max-width:180px;
}
a.navbar-brand img {
  max-width:180px;
  max-height:35px;
}
}/* 导航右侧 */
.h4, h4{
  font-size: 14px;
}
@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;
}
}.top-nav-right {
  position:relative;
  top:10px;
  right:0px;
  width:110px;
  float:right;
  margin:0px;
  padding:0px;
  margin-left:20px;
}
@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:768px) {
  .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;
}
}#fat-menu {
  margin-top:3px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .top-nav-right {
  position:absolute;
  top:14px;
  float:none;
  right:0px;
  width:110px;
  margin:0px;
  padding:0px;
}
}/* 幻灯文字 */





.carousel-caption {
  bottom:10%;
}
.carousel-caption h3 {
  margin-bottom:30px;
  font-size:3.2em;
}
.carousel-caption p {
  line-height:200%;
  font-size:1.2em;
}
.carousel-caption .btn {
  margin-top:20px;
  font-size:1.0em;
}
@media (max-width:1280px) {
  .carousel-caption h3 {
  font-size:2.0em;
}
.carousel-caption p {
  line-height:180%;
  font-size:1.0em;
}
}@media (max-width:768px) {
  .carousel-caption h3 {
  margin-bottom:30px;
  font-size:1.2em;
}
.carousel-caption p {
  display:none;
}
.carousel-caption .btn {
  display:none;
}
}.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 0px 0px 0px;
  text-align:center;
  text-transform:uppercase;
}
.title h1,.title h3 a {
  color:#5B5B5B;
  line-height:45px;
  height:45px;
  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;
}
/* 页底 */


.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 .blank10 {
  height:20px;
}
#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-bottom:100px;
  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-bottom:80px;
}
.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:0px 0px 100px 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;
}
/* 友情链接 */

.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;
  padding-bottom:60px;
}
.home-links .links-a a {
  color:#666;
  padding:10px;
  line-height:300%;
}
/**/

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

/**/

.list-container a {
  color:#333;
}
.list-container p {
  color:#888;
}
.list-container h4 {
  color:#000;
  font-weight:bold;
}
.list-container .row {
  margin-bottom:15px;
}
.list-container .news-list {
  margin-bottom:0;
}
.list-border {
  padding:15px;
  clear:both;
  border:1px dotted transparent;
  border-bottom-color:#BBBBBB;
  min-height:115px;
}
.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:5em;
  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
}
.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,#projectlist .owl-item img {
  -moz-box-shadow:0px 0px 10px #888;
  -webkit-box-shadow:0px 0px 10px #888;
}
.projectitem p {
  line-height:200%;
  font-size:1.2em;
}
.post-masonry {
  margin:0px 0px 30px 0px;
}
.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 img,.index-1 img,.index-2 img,.index-3 img,#projectlist .owl-item img {
  -moz-box-shadow:0px 0px 10px #888;
  -webkit-box-shadow:0px 0px 10px #888;
}
/*列表页 - 右侧*/



.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;
}
/* 产品页面右侧文字信息 */

.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.95em;
}
.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;
}
}/* 滚动图片 */

#projectlist .owl-carousel {
  display:none;
  position:relative;
  width:100%;
  -ms-touch-action:pan-y;
}
#projectlist .owl-carousel .owl-wrapper {
  display:none;
  position:relative;
  -webkit-transform:translate3d(0px,0px,0px);
}
#projectlist .owl-carousel .owl-wrapper-outer {
  overflow:hidden;
  position:relative;
  width:100%;
}
#projectlist .owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition:height 500ms ease-in-out;
  -moz-transition:height 500ms ease-in-out;
  -ms-transition:height 500ms ease-in-out;
  -o-transition:height 500ms ease-in-out;
  transition:height 500ms ease-in-out;
}
#projectlist .owl-carousel .owl-item {
  float:left;
  padding:0px 50px;
  overflow:hidden;
  text-align:center;
}
#projectlist .owl-carousel .owl-item a.img-auto {
  height:350px;
  overflow:hidden;
}
#projectlist .owl-carousel .owl-item h4 {
  margin:30px 0px;
  font-size:16px;
}
#projectlist .owl-carousel .owl-item h4 small {
  padding-left:20px;
  font-style:oblique;
}
#projectlist .owl-controls .owl-page,#projectlist .owl-controls .owl-buttons div {
  cursor:pointer;
}
#projectlist .owl-controls {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* mouse grab icon*/

#projectlist .grabbing {
  cursor:url(../images/grabbing.png) 8 8,move;
}
/* fix*/

#projectlist .owl-carousel .owl-wrapper,#projectlist .owl-carousel .owl-item {
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
}
#projectlist .owl-theme .owl-controls {
  margin-top:20px;
  text-align:center;
}
/* Styling Next and Prev buttons*/

#projectlist .owl-theme .owl-controls .owl-buttons div {
  color:#333;
  display:inline-block;
  zoom:1;
  *display:inline;
  /*IE7 life-saver*/margin:5px;
  padding:5px 15px;
  font-size:20px;
  font-weight:bold;
  background:#eee;
}
#projectlist .owl-theme .owl-controls .owl-buttons div:hover {
  background:#333;
  color:white;
}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

#projectlist .owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter:Alpha(Opacity=100);
  /*IE7 fix*/opacity:1;
  text-decoration:none;
}
/* Styling Pagination*/

#projectlist .owl-theme .owl-controls .owl-page {
  display:inline-block;
  zoom:1;
  *display:inline;
  /*IE7 life-saver*/
}
#projectlist .owl-theme .owl-controls .owl-page span {
  display:block;
  width:12px;
  height:12px;
  margin:5px 7px;
  filter:Alpha(Opacity=30);
  /*IE7 fix*/opacity:0.3;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  background:#999;
}
#projectlist .owl-theme .owl-controls .owl-page.active span,#projectlist .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter:Alpha(Opacity=100);
  /*IE7 fix*/opacity:1;
}
/* If PaginationNumbers is true*/

#projectlist .owl-theme .owl-controls .owl-page span.owl-numbers {
  height:auto;
  width:auto;
  color:#FFF;
  padding:2px 10px;
  font-size:12px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
/* preloading images*/

#projectlist .owl-item.loading {
  min-height:150px;
  background:url(../images/AjaxLoader.gif) no-repeat center center
}
#projectlist .owl-carousel .owl-wrapper:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
.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;
}
.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;
}
.btn-primary {
  background-color:#5B5B5B;
  border-color:#5B5B5B;
}
.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:#5B5B5B;
  border-color:#5B5B5B;
}
.pagination>li>a,.pagination>li>span {
  color:#5B5B5B;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color:#5B5B5B;
}
#page strong {
  background:#5B5B5B;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color:#fff;
  background-color:#5B5B5B;
}
#dialog_link {
  background:#5B5B5B;
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
  color:#5B5B5B;
  background-color:#fff;
}
.comm input.btn {
  background:#5B5B5B;
  color:#fff;
}
.pages strong,.pages span {
  color:#FFFFFF;
  background:#5B5B5B;
}
.btn-primary .badge {
  color:#5B5B5B;
  background-color:#fff;
}
*/



















body {
  font-family:Microsoft Yahei;
  background:#F6F6F6;
  overflow-x:hidden;
}
ul,ol,li {
  list-style:none;
}
.blank5 {
  clear:both;
  height:5px;
}
.blank10 {
  clear:both;
  height:10px;
}
.blank20 {
  clear:both;
  height:20px;
}
.blank30 {
  clear:both;
  height:30px;
}
.img-auto {
  display:block;
  overflow:hidden;
}
.img-auto img {
  width:100%;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.img-auto: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);
}
.navbar-default .navbar-nav>li.on>a {
  color:#333;
}
@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:8px;
  padding-right:8px;
}
}@media (max-width:768px) {
  a.navbar-brand {
  margin-left:40px;
}
}@media screen and (min-width:1530px) {
  .container-max {
  width:1500px;
}
}.section1 {
  position:relative;
  margin-top:-60px;
  z-index:21;
}
.s1 {
  box-shadow:0 6px 40px rgba(128,128,128,0.25);
  background:#fff;
}
.s1-item {
  float:left;
  width:33.33333%;
  padding:10px;
}
.s1-item+.s1-item {
  border-left:1px solid #eee;
}
.s1-img {
  float:left;
  height:110px;
  width:110px;
}
.s1-img img {
  width:100%;
  height:auto;
  min-height:100%;
}
.s1-text {
  overflow:hidden;
  padding:0 15px 0 5px;
  padding-top:12px;
}
.s1-text h4 {
  color:#404040;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  transition:600ms;
  position:relative;
  left:0;
}
.s1-text p {
  color:#b1b1b1;
  font-size:12px;
  line-height:22px;
  height:44px;
  overflow:hidden;
  transition:600ms;
  position:relative;
  left:0;
}
.s1-item:hover .s1-text h4 {
  left:10px;
}
.s1-item:hover .s1-text p {
  left:10px;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .s1-img {
  width:130px;
  padding:0px 15px;
}
}@media screen and (min-width:1200px) {
  .s1-img {
  width:160px;
  padding:0px 30px;
}
}@media screen and (min-width:480px) and (max-width:767px) {
  .section1 {
  margin-top:20px;
}
.s1-img {
  float:none;
  width:100%;
  height:auto;
}
}@media screen and (min-width:0) and (max-width:479px) {
  .section1 {
  margin-top:20px;
}
.s1-item {
  float:none;
  width:100%;
}
.s1-item+.s1-item {
  border-left:none;
  border-top:1px solid #eee;
}
}.section2 {
  padding:40px 0;
}
.title10 {
  margin:20px 0;
}
.title10 ul {
  float:right;
}
.title10 ul li {
  display:inline-block;
}
.title10 ul li a {
  display:inline-block;
  padding:9px 20px;
  color:#8e8e8e;
}
.title10 ul li a:hover {
  background-color:#5d5d5d;
  color:#fff;
}
.title10 h4 {
  margin:0 0 3px;
  color:#444;
  font-size:18px;
}
.title10 h4 a {
  color:#444;
}
.title10 p {
  color:#8F8F8F;
  text-transform:uppercase;
  font-size:12px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .title10 ul {
  display:none;
}
}.s2-item {
  margin:15px 0;
}
.s2-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s2-img {
  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 {
  position:relative;
  padding-top:5px;
}
.s2-text h4 {
  font-size:14px;
  margin-bottom:4px;
  color:#666;
  position:relative;
  padding-right:80px;
  left:0;
  transition:600ms;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s2-text p {
  font-size:12px;
  color:#999;
  position:relative;
  padding-right:80px;
  left:0;
  transition:600ms;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s2-text:after {
  content:'';
  position:absolute;
  display:block;
  right:0;
  top:50%;
  margin-top:-20px;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,.2);
  opacity:0;
  background:url(../images/icon.png) no-repeat -40px -146px;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s
}
.s2-item:hover .s2-text h4 {
  left:15px;
}
.s2-item:hover .s2-text p {
  left:15px;
}
.s2-item:hover .s2-text:after {
  opacity:1;
  right:15px;
}
.index-more {
  margin:40px 0;
  text-align:center;
}
.index-more a {
  display:inline-block;
  width:280px;
  border:1px solid #eee;
  text-align:center;
  line-height:52px;
  color:#999;
  text-transform:uppercase;
  transition:300ms;
}
.index-more a span {
  opacity:0;
  transition:300ms;
}
.index-more a:hover {
  color:#333;
}
.index-more a:hover span {
  opacity:1;
  margin-left:10px;
  color:#333;
}
.section3 {
  background:#F6F6F6;
}
.s3-img {
  float:left;
  width:50%;
  position:relative;
}
.s3-img img {
  width:100%;
  height:auto;
}
.s3-text {
  height:80%;
  background:#fff;
  position:absolute;
  width:100%;
  left:90%;
  top:10%;
  padding:0 11%;
  box-shadow:0 6px 40px rgba(128,128,128,0.25);
}
.div-table {
  display:table;
  height:100%;
  width:100%;
}
.div-cell {
  display:table-cell;
  vertical-align:middle;
}
.s3-text * {
  margin-left:15px;
  margin-right:15px;
}
.s3-text h4 {
  margin-top:0;
  margin-bottom:0;
  color:#444;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s3-text h4 a {
  color:#444;
}
.s3-text span {
  display:block;
  color:#8F8F8F;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s3-text p {
  color:#848484;
  font-size:13px;
  line-height:24px;
  height:72px;
  overflow:hidden;
  margin-top:30px;
  margin-bottom:30px;
}
.s3-text  a {
  display:inline-block;
  width:184px;
  line-height:40px;
  border:1px solid #eee;
  color:#333;
  text-align:center;
  font-size:14px;
  color:#666;
  overflow:hidden;
  position:relative;
}
.s3-text  a:hover {
  color:#fff;
}
.s3-text  a i {
  font-style:normal;
  position:relative;
  z-index:2;
}
.s3-text  a:before {
  content:"";
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  background:#5C5C5C;
  right:100%;
  top:0;
  transition:600ms;
}
.s3-text  a:hover:before {
  right:0;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .s3-text p {
  margin-top:10px;
  margin-bottom:10px;
}
}@media screen and (min-width:0) and (max-width:991px) {
  .s3-img {
  float:none;
  width:100%;
  position:relative;
}
.s3-text {
  height:auto;
  background:#fff;
  position:static;
  width:100%;
  padding:30px 20px;
  box-shadow:0 6px 40px rgba(128,128,128,0.25);
}
.s3-text * {
  margin-left:0;
  margin-right:0;
}
}.section4 {
  padding:40px 0;
}
.s4-item {
  margin:20px 0;
}
.s4-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s4-date {
  padding:15px 0;
  transition:600ms;
  position:relative;
  top:0;
  margin-bottom:10px;
}
.s4-date-md {
  font-size:32px;
  color:#565656;
  transition:600ms;
}
.s4-date-y {
  font-size:12px;
  color:#999;
  transition:600ms;
}
.s4-text {
  border-top:1px solid #ccc;
  padding-top:20px;
  transition:600ms;
  position:relative;
  top:0;
}
.s4-text h4 {
  font-size:16px;
  color:#666;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.s4-text p {
  line-height:22px;
  height:44px;
  overflow:hidden;
  color:#999;
}
.s4-item:hover .s4-date {
  top:122px;
  background:#008DF1;
  padding-left:10px;
  padding-right:10px;
}
.s4-item:hover .s4-date-md {
  color:#fff;
}
.s4-item:hover .s4-date-y {
  color:#fff;
}
.s4-item:hover .s4-text {
  top:-102px;
}
.section5 {
  padding:60px 0 0;
  background:#00CCF1;
  position:relative;
}
.section5:after {
  content:"";
  display:block;
  height:80px;
  bottom:0;
  width:100%;
  z-index:1;
  background:#fff;
  position:absolute;
}
.s5-title {
  text-align:center;
  margin-bottom:30px;
}
.s5-title h4 {
  color:#fff;
  margin-bottom:5px;
}
.s5-title h4 a {
  color:#fff;
}
.s5-title p {
  font-size:12px;
  color:#fff;
}
.s5 {
  background:#F5F5F5;
  position:relative;
  z-index:3;
}
.s5-more {
  position:absolute;
  right:0;
  bottom:0;
  z-index:14;
}
.s5-more a {
  position:relative;
  z-index:15;
  display:block;
  width:140px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#999;
  background:#E6E6E6;
}
.s5-more a:hover {
  color:#333;
}
/* 外部层 */

#owl-demo5 {
  position:relative;
  padding: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-controls .owl-nav {
  }#owl-demo5 .owl-controls .owl-nav [class*=owl-] {
  display:block;
  position:absolute;
  height:50px;
  width:50px;
  top:50%;
  margin-top:-25px;
  z-index:12;
  transition:300ms;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
}
#owl-demo5 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/icon.png)no-repeat -5px  -16px;
}
#owl-demo5 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/icon.png)no-repeat -55px  -16px;
}
#owl-demo5 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/icon.png)no-repeat -10px -77px;
}
#owl-demo5 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/icon.png)no-repeat -55px  -77px;
}
.s5-item {
  }.s5-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.s5-img {
  float:left;
  width:300px;
  height:340px;
}
.s5-img img {
  width:100%;
  height:auto;
  min-height:100%;
}
.s5-text {
  overflow:hidden;
  padding:40px;
}
.s5-text h4 {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#333;
}
.s5-text span {
  display:block;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#999;
}
.s5-text p {
  line-height:22px;
  height:66px;
  margin:30px 0;
  color:#848484;
}
@media screen and (min-width:0) and (max-width:767px) {
  .s5-img {
  float:none;
  width:100%;
  height:auto;
}
.s5-text {
  padding:20px;
}
}.section6 {
  padding:60px 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 {
  }#owl-demo6 .owl-controls .owl-nav [class*=owl-] {
  display:block;
  position:absolute;
  height:50px;
  width:50px;
  top:50%;
  margin-top:-25px;
  z-index:12;
  transition:300ms;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/icon.png)no-repeat -5px  -16px;
}
#owl-demo6 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/icon.png)no-repeat -55px  -16px;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/icon.png)no-repeat -10px -77px;
}
#owl-demo6 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/icon.png)no-repeat -55px  -77px;
}
.s6-item {
  }.s6-item img {
  width:100%;
  height:auto;
}
.foot {
  padding:80px 0;
  background:;
  position:relative;
  z-index:12;
  border-top:1px solid #eee;
  background:#3E3E3E;
}
.foot h4 {
  color:#fff;
  font-size:16px;
  line-height:24px;
  margin-bottom:40px;
  font-weight:100;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  display:block;
}
.foot ul {
  padding:0;
  margin:20px 0;
}
.foot ul li {
  line-height:24px;
  font-size:13px;
  color:#989898;
}
.fenxiang a {
  font-size:16px;
  float:left;
  margin:20px 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:#989898;
}
.fenxiang a:hover {
  background:#454545;
  color:#fff;
}
.foot .form-group .form-control {
  background:none;
  border-radius:0;
  border:none;
  border-bottom:1px solid #4F4F4F;
  color:#999999;
  -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.0);
  box-shadow:inset 0 0px 0px rgba(0,0,0,.0);
}
.foot .form-group .form-control:focus {
  border-color:none;
  outline:0;
  -webkit-box-shadow:none;
}
.foot .form-group textarea.form-control {
  color:#999999;
}
.s7-btn {
  width:100%;
  max-width:100%;
  margin:0 auto;
  color:#fff;
  height:40px;
  background:#999;
  transition:600ms;
  border:1px solid #999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.s7-btn:hover {
  background:#707070;
  color:#fff;
  border-right-color:#707070;
}
.foot #verify {
  background:none;
  border-radius:0;
  border:none;
  border-bottom:1px solid #4F4F4F;
  color:#999999;
  height:34px;
  padding:6px 12px;
  font-size:14px;
}
.foot #verify:focus {
  border-color:none;
  outline:0;
  -webkit-box-shadow:none;
}
.foot #verify {
  width:calc(100% - 65px);
}
.foot-b {
  position:relative;
  z-index:12;
  background:#fff;
  color:#8e8e8e;
  padding:8px 0;
  font-size:12px;
  border-top:1px solid #eee;
}
.foot-b a {
  color:#8e8e8e;
}
#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%;
}
/* for explorer only*/

#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;
}
/* for explorer only */

*+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(../images/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(../images/del_hover.gif) -1px -1px no-repeat;
}
.box2 {
  padding:160px 0 40px;
  background:#F6F6F6;
  min-height:calc(100vh - 34px);
}
.box2 .container-fluid {
  max-width:1500px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .box2 {
  padding:80px 0 40px;
}
}.box2-left {
  float:left;
  width:200px;
}
.box2-left ul {
  padding:20px 0;
  margin:0;
  border-top:2px solid #969696
}
.box2-left ul li {
  margin:20px 0;
}
.box2-left ul li a {
  display:block;
  line-height:14px;
  color:#8e8e8e
}
.box2-left ul li:hover a,.box2-left ul li.on a {
  padding-left:10px;
  color:#333;
}
.box2-left ul li:hover,.box2-left ul li.on {
  border-left:2px solid #666;
}
@media screen and (min-width:0) and (max-width:767px) {
  .box2-left {
  float:none;
  width:100%;
  margin-bottom:20px;
}
.box2-left ul {
  padding:0;
}
.box2-left ul li {
  display:inline-block;
  margin:5px 0;
}
.box2-left ul li a {
  display:inline-block;
  padding:8px 15px;
}
.box2-left ul li:hover a,.box2-left ul li.on a {
  background:#666;
  color:#fff;
  padding:8px 15px;
}
.box2-left ul li:hover,.box2-left ul li.on {
  border-left:none
}
}.box2-right {
  overflow:hidden;
  padding:0 0 0 40px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .box2-right {
  padding:0;
}
}.box2-right .s2-item {
  margin-top:0;
  margin-bottom:30px;
}
.team-item {
  margin:20px 0;
  background:#fff;
  padding:20px
}
.team-item:hover {
  box-shadow:0 1px 8px rgba(0,0,0,.1)
}
.team-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.team-img {
  display:block;
  overflow:hidden
}
.team-img img {
  width:100%;
  height:auto;
  min-height:100%;
  margin:0 auto;
  transition:.6s
}
.team-item:hover .team-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)
}
.team-img {
  float:left;
  margin-right:7%;
  width:180px;
  height:180px;
  overflow:hidden
}
.team-text {
  overflow:hidden;
  padding-top:20px
}
.team-text h4 {
  color:#5a5a5a;
  margin-bottom:5px;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
.team-text span {
  display:block;
  color:#9a9a9a;
  font-size:12px;
  margin-bottom:15px
}
.team-text p {
  line-height:20px;
  height:40px;
  overflow:hidden;
  color:#9a9a9a;
  max-width:500px;
  padding-right:50px
}
.team-text h4,.team-text p,.team-text span {
  transition:.6s;
  position:relative;
  left:0
}
.team-item:hover .team-text h4,.team-item:hover .team-text p,.team-item:hover .team-text span {
  left:20px
}
.team-text:after {
  content:'';
  position:absolute;
  display:block;
  right:0;
  top:50%;
  margin-top:-20px;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,.2);
  background:url(../images/icon.png) no-repeat -40px -146px;
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s
}
.team-item:hover .team-text:after {
  background:url(../images/icon.png) no-repeat -40px -176px
}
@media screen and (min-width:0) and (max-width:767px) {
  .team-img {
  float:none;
  margin:0 auto 0;
}
.team-text h4 {
  text-align:center;
}
.team-text span {
  text-align:center;
}
.team-text p {
  max-width:100%;
  padding:0;
}
.team-text:after {
  display:none;
}
}.news10 {
  border-left:1px solid #DADADA;
  padding-left:40px;
}
.news10-item {
  margin:0 0 60px;
  position:relative;
  transition:.6s
}
.news10-item::before {
  content:"";
  display:block;
  width:2px;
  height:0;
  background:#000;
  position:absolute;
  left:-41px;
  top:0;
  transition:.6s
}
.news10-item:hover:before {
  height:100%
}
.news10-item:hover {
  padding-left:20px
}
.news10-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.news10-date {
  float:left;
  margin-right:40px;
  padding-top:5px
}
.news10-date-md {
  font-size:32px;
  color:#565656;
  transition:.6s
}
.news10-date-y {
  font-size:12px;
  color:#999;
  transition:.6s
}
.news10-text {
  transition:.6s;
  position:relative;
  top:0
}
.news10-text h4 {
  font-size:16px;
  color:#848484;
  margin-bottom:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
.news10-text p {
  line-height:22px;
  height:44px;
  overflow:hidden;
  color:#999
}
.news10-text h4,.news10-text p {
  max-width:1200px
}
.news10:hover .news10-text h4 {
  color:#666
}
.news10-text:after {
  position:absolute;
  top:50%;
  right:0;
  display:block;
  margin-top:-20px;
  width:40px;
  height:40px;
  background:url(../images/icon.png) no-repeat -40px -146px;
  content:'';
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s
}
.news10-item:hover .news10-text:after {
  background:url(../images/icon.png) no-repeat -40px -176px
}
@media screen and (min-width:768px) and (max-width:991px) {
  .news10-text {
  padding-right:60px;
}
}@media screen and (min-width:480px) and (max-width:767px) {
  .news10-text {
  padding-right:60px;
}
}@media screen and (min-width:320px) and (max-width:479px) {
  .news10 {
  padding-left:10px;
}
.news10-item {
  margin-bottom:30px;
}
.news10-date {
  float:none;
  margin-right:0px;
  padding-top:5px;
}
.news10-date-md {
  font-size:32px;
  color:#565656;
  transition:600ms;
}
.news10-date-y {
  font-size:12px;
  color:#999;
  transition:600ms;
}
.news10-text {
  padding-right:40px;
}
}.youshi-item {
  margin:25px 0;
  padding:30px 30px 10px;
  background:#fff;
  position:relative;
}
.youshi-item:hover {
  box-shadow:0 1px 8px rgba(0,0,0,.1)
}
.youshi-item:before {
  content:"";
  display:block;
  height:1px;
  width:0;
  position:absolute;
  left:0;
  top:0;
  background:#5C5C5C;
  transition:600ms;
}
.youshi-item:hover:before {
  width:100%;
}
.youshi-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.youshi-img {
  float:left;
  width:110px;
  height:110px;
  text-align:center;
}
.youshi-img img {
  height:110px;
  width:auto;
  max-width:100%;
}
.youshi-text {
  overflow:hidden;
  padding:0 15px 0 5px;
  padding-top:12px;
}
.youshi-text h4 {
  color:#404040;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  transition:600ms;
  position:relative;
  left:0;
}
.youshi-text p {
  color:#b1b1b1;
  font-size:12px;
  line-height:22px;
  height:44px;
  overflow:hidden;
  transition:600ms;
  position:relative;
  left:0;
}
.youshi-item:hover .youshi-text h4 {
  left:10px;
}
.youshi-item:hover .youshi-text p {
  left:10px;
}
.youshi-text:after {
  display:block;
  position:relative;
  content:"";
  width:40px;
  left:-10px;
  opacity:0;
  height:40px;
  background:url(../images/icon.png) no-repeat -40px -146px;
  content:'';
  transition:all .6s cubic-bezier(.215,.61,.355,1) 0s
}
.youshi-item:hover .youshi-text:after {
  left:10px;
  opacity:1;
}
@media (min-width:768px) {
  .navbar-header {
  float:none;
}
}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  background-color:transparent;
  color:#1E1E1E;
}
.navbar-default .navbar-nav>li> a {
  color:#8e8e8e;
}
.navbar-default .navbar-nav>li> a:hover {
  color:#1E1E1E;
}
.dropdown-menu {
  min-width:210px;
  padding-top:0;
  padding-bottom:0;
}
@media (min-width:768px) {
  .dropdown-menu>li>a {
  line-height:49px;
  padding:0 20px;
  color:#8e8e8e;
  border-bottom:1px solid #eee;
}
.dropdown-menu>li>a:hover {
  text-indent:10px
}
.dropdown-menu>li>a i {
  opacity:0;
  float:right;
  line-height:49px;
  transition:600ms;
}
.dropdown-menu>li>a:hover i {
  opacity:1;
}
.navbar-default {
  padding:10px 0px;
}
}
@media (max-width:768px) {
  .navbar-default {
    padding:5px 0px;
  }
  .yxt_none{
    display: none;
  }
  .yxt_img{
    width:100%; 
    min-height: 100px;
    margin-top:69px;
  }
  .yxt_none{
    display: none;
  }
  .blank60{
    display: none;
  }
  .box2{
    padding: 40px 0 20px;
  }
  .pagination{
    margin: 20px 0px;
  }
}