html,body {
  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;
}
/* 划过图片放大 */
.yxt_left_arrow{
    width:50%;
}
.yxt_right_arrow{
    width:50%;
}
.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;
  opacity:0.95;
  -moz-box-shadow:0px 0px 15px #888;
  -webkit-box-shadow:0px 0px 15px #888;
  box-shadow:0px 0px 15px #888;
}

.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;
}
@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;
}
}.top-nav-right {
  width:110px;
  margin:0px;
  padding:0px;
  margin-top:10px;
}
@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;
}
/* 幻灯文字 */





.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:50px 0px 60px 0px;
  text-align:center;
  text-transform:uppercase;
}
.title h1,.title h3 a {
  color:#0072D4;
  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:#0072D4;
  border-color:#0072D4;
}
.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:#0072D4;
  border-color:#0072D4;
}
.pagination>li>a,.pagination>li>span {
  color:#0072D4;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color:#0072D4;
}
#page strong {
  background:#0072D4;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color:#fff;
  background-color:#0072D4;
}
#dialog_link {
  background:#0072D4;
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
  color:#0072D4;
  background-color:#fff;
}
.comm input.btn {
  background:#0072D4;
  color:#fff;
}
.pages strong,.pages span {
  color:#FFFFFF;
  background:#0072D4;
}
.btn-primary .badge {
  color:#0072D4;
  background-color:#fff;
}
*/



















body {
  font-family:Microsoft Yahei;
  background:#212121;
  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 {
  transition:600ms;
  opacity:1;
}
.navbar-default.mini {
  padding:0;
}
.top1 {
  border-bottom:1px solid #eee;
  height:auto;
  padding:10px 0;
  height:65px;
  transition:800ms;
  overflow:hidden;
}
.logo-box {
  max-width:220px;
  height:44px;
  overflow:hidden;
}
.logo-box img {
  width:100%;
  height:auto;
  min-height:44px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .logo-box {
  margin-left:30px;
}
.logo-box {
  max-width:200px;
  height:44px;
  overflow:hidden;
}
}.top1-r {
  float:right;
  padding-top:3px;
}
.top1-r i {
  font-size:26px;
  margin-top:5px;
  float:left;
  display:block;
  margin-right:10px;
  color:#909090;
}
.top1-r h4 {
  font-size:15px;
  color:#00c0ff;
  margin:0;
  line-height:1.2;
  float:left;
}
.top1-r span {
  display:block;
  font-size:12px;
  color:#333;
}
.navbar-default.mini .top1 {
  height:0;
  border:none;
  padding:0;
}
@media (min-width:768px) {
  #navbar {
  float:none;
}
}.navbar-default {
  padding:0 0px;
}
@media (min-width:768px) {
  .navbar-nav>li>a {
  padding-top:20px;
  padding-bottom:20px;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .navbar-default {
  padding:15px 0px;
}
.navbar-default.mini {
  padding:15px 0px;
}
.top1 {
  height:0;
  padding:0;
  border:none;
}
.logo-box {
  position:absolute;
  left:15px;
  top:18px;
  height:55px;
  width:220px;
}
.logo-box img {
  height:auto;
  width:100%;
}
#navbar {
  clear:both;
  top:10px;
  margin:0 -15px;
  float:none;
  position:relative;
}
.navbar-nav {
  margin:0 -15px;
}
}.banner {
  margin-top:120px;
}
.foot {
  padding:10px 0;
  line-height:24px;
  color:#999;
}
.navbar-toggle {
  margin-right:0;
}
#banner2 {
  width:100%;
  position:relative
}
#banner2 div {
  background-color:#39383E;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:100%;
  height:380px;
  animation:mymove 20s
}
.dropdown-menu {
  padding:0;
  border-top:2px solid #0072D4;
  min-width:200px;
}
.navbar-default .navbar-nav>li> a {
  color:#9e9e9e;
}
.navbar-default .navbar-nav>li.on >a {
  color:#333;
}
.dropdown-menu>li>a {
  color:#666;
}
.dropdown-menu>li>a:hover {
  color:#333;
}
.section1 {
  padding:60px 0;
}
.title10 {
  text-align:center;
  margin-bottom:30px
}
.title10 h4 {
  font-size:24px;
  margin-bottom:15px;
  color:#555
}
.title10 h4 a {
  color:#555
}
.title10 p {
  font-size:14px;
  color:#B7B7B7
}
.title10 ul {
  padding:0;
  margin:0;
  margin-top:25px
}
.title10 ul li {
  display:inline-block
}
.title10 ul li+li {
  border-left:1px solid #eee
}
.title10 ul li a {
  display:inline-block;
  padding:10px 26px;
  line-height:12px;
  font-size:12px
}
.title10 ul li a.on,.title10 ul li a:hover {
  background:#0072d4;
  color:#fff
}
@media screen and (min-width:0) and (max-width:767px) {
  .title10 ul {
  display:none;
}
}.s1-item {
  background:#fff;
  margin:15px 0;
  box-shadow:0 22px 40px rgba(0,0,0,.16)
}
.s1-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.s1-img {
  position:relative
}
.s1-img {
  display:block;
  overflow:hidden
}
.s1-img img {
  width:100%;
  height:auto;
  margin:0 auto;
  transition:.6s
}
.s1-item:hover .s1-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)
}
.s1-img:before {
  position:absolute;
  content:"";
  z-index:2;
  display:block;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border:1px solid #fff;
  transition:all .3s ease-in-out 0s;
  opacity:0
}
.s1-item:hover .s1-img:before {
  opacity:.8;
  left:10px;
  right:10px;
  top:10px;
  bottom:20px
}
.s1-img:after {
  content:"";
  display:block;
  position:absolute;
  height:40px;
  width:46px;
  background:url(../images/s1-ico.jpg) center center no-repeat;
  right:35px;
  bottom:-40px;
  transition:all .3s ease-in-out 0s;
  z-index:3
}
.s1-item:hover .s1-img:after {
  bottom:10px
}
.s1-text {
  padding:15px;
  position:relative
}
.s1-text:before {
  z-index:4;
  background:#fff;
  position:absolute;
  content:"";
  display:block;
  height:10px;
  left:0;
  right:0;
  top:0;
  transition:all .3s ease-in-out 0s
}
.s1-text h4 {
  position:relative;
  top:0;
  transition:all .3s ease-in-out 0s;
  margin-bottom:15px;
  font-size:15px;
  color:#262626;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
.s1-item:hover .s1-text h4 {
  color:#0072d4
}
.s1-text p {
  position:relative;
  top:0;
  font-size:12px;
  color:#6e6e6e;
  height:60px;
  transition:all .3s ease-in-out 0s;
  line-height:20px;
  margin-bottom:40px;
  margin-top:12px;
  overflow:hidden
}
.s1-text .more {
  display:block;
  position:absolute;
  height:40px;
  background:#0072d4;
  left:0;
  right:0;
  bottom:-40px;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.s1-text .more:after {
  content:"";
  display:block;
  background:url(../images/more.png) no-repeat;
  width:16px;
  height:7px;
  margin-top:16px;
  background-position:0 -7px;
  display:inline-block
}
.s1-item:hover .s1-text .more {
  bottom:0
}
.s1-item:hover .s1-text:before {
  top:-10px
}
.s1-item:hover .s1-text h4 {
  top:-10px
}
.s1-item:hover .s1-text p {
  top:-10px
}
.index-more {
  margin-top:50px;
  text-align:center
}
.index-more a {
  display:inline-block;
  box-shadow:0 22px 40px rgba(0,0,0,.16);
  height:50px;
  background:#fff;
  width:260px;
  max-width:100%
}
.index-more a:before {
  content:"";
  display:block;
  background:url(../images/morebig.png) no-repeat;
  width:80px;
  height:43px;
  display:inline-block;
  margin-top:2px;
  transition:all ease-out .3s
}
.index-more a:hover:before {
  background-position:0 -40px
}
.section2 {
  padding:200px 0 170px;
  background:url(../images/s2-bg.jpg) center center no-repeat;
  background-size:cover
}
.s2-img {
  position:relative;
  right:-40px;
  top:-30px;
  z-index:2;
  box-shadow:0 22px 40px rgba(0,0,0,.16)
}
.s2-img img {
  width:100%;
  height:auto
}
.s2-text {
  background:#fff;
  padding:40px 40px 40px 100px;
  min-height:320px;
  position:relative;
  left:-40px;
  z-index:1
}
.s2-text h4 {
  font-size:20px;
  color:#252525;
  margin-bottom:5px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
.s2-text h4 a {
  color:#252525
}
.s2-text span {
  display:block;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#7c7c7c
}
.s2-text p {
  margin:30px 0 60px;
  font-size:13px;
  color:#7c7c7c;
  line-height:22px;
  height:44px;
  overflow:hidden
}
.s2-text .more {
  display:block;
  height:40px;
  width:160px;
  border:1px solid #E1E1E1;
  text-align:center;
  line-height:38px;
  color:#898989
}
.s2-text .more:hover {
  background:#328EDC;
  border-color:#328EDC;
  color:#fff
}
@media screen and (min-width:0) and (max-width:991px) {
  .section2 {
  padding:150px 0 120px;
}
.s2-img {
  top:0;
  right:0;
}
.s2-text {
  left:0;
  padding:30px;
  min-height:auto;
}
}@media screen and (min-width:320px) and (max-width:479px) {
  .section2 {
  padding:100px 0 70px;
}
.s2-text {
  padding-bottom:20px;
}
}.section3 {
  padding:60px 0;
}
/* 外部层 */

#owl-demo3 {
  position:relative;
  padding:0 60px;
  margin:40px 0 0
}
#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-] {
  height:36px;
  width:20px;
  position:absolute;
  display:block;
  top:50%;
  margin-top:-18px;
  overflow:hidden;
  cursor:pointer;
  text-indent:-90900px;
  z-index:12;
}
#owl-demo3 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/owl-prev1.png);
  opacity:.5;
}
#owl-demo3 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/owl-next1.png);
  opacity:.5;
}
#owl-demo3 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/owl-prev2.png);
  opacity:1;
}
#owl-demo3 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/owl-next2.png);
  opacity:1;
}
.s3-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.s3-img {
  width:300px;
  height:300px;
  float:left;
  margin-right:40px
}
.s3-img img {
  width:100%;
  height:auto;
  min-height:100%
}
.s3-text {
  overflow:hidden
}
.s3-text h4 {
  padding-top:20px;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#070506;
  margin-bottom:0
}
.s3-text span {
  display:block;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  color:#898989;
  margin-top:4px
}
.s3-text p {
  margin-top:32px;
  font-size:12px;
  color:#898989;
  line-height:22px;
  height:88px;
  overflow:hidden
}
@media screen and (min-width:0) and (max-width:991px) {
  .s3-img {
  width:240px;
  height:240px;
}
}@media screen and (min-width:0) and (max-width:767px) {
  .s3-img {
  float:none;
  margin:0 auto;
}
.s3-text h4 {
  text-align:center;
}
.s3-text span {
  text-align:center;
}
}@media screen and (min-width:320px) and (max-width:479px) {
  #owl-demo3 {
  padding:0 0px;
}
#owl-demo3 .owl-controls .owl-nav [class*=owl-] {
  top:100px;
  margin:0;
}
}.section4 {
  padding:100px 0;
  background:url(../images/s4-bg.jpg) center center no-repeat;
  background-size:cover;
}
.section4 [class*="s4-"] {
  text-align:center;
}
.section4 [class*="col-"] + [class*="col-"] {
  border-left:1px solid rgba(255,255,255,.3);
}
.section4 h4 {
  color:#fff;
  font-size:50px;
}
.section4 p {
  color:rgba(255,255,255,.8);
  font-size:12px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .section4 {
  padding:50px 0;
}
}.section5 {
  padding-top:60px
}
.s5 {
  background:#EDF3F5;
  padding:60px 0
}
.s5-item {
  margin:20px 0;
  box-shadow:0 10px 40px rgba(0,0,0,.16);
  background:#fff
}
.s5-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.s5-img {
  position:relative;
  float:left;
  height:240px;
  width:300px
}
.s5-img img {
  width:100%;
  height:auto;
  min-height:100%:
}
.s5-img:before {
  content:"";
  display:block;
  position:absolute;
  border:1px solid #fff;
  opacity:0;
  left:0;
  right:0;
  top:0;
  bottom:0;
  transition:all .4s ease-in-out 0s
}
.s5-item:hover .s5-img:before {
  left:20px;
  right:20px;
  top:20px;
  bottom:20px;
  opacity:.8
}
.s5-img:after {
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  transition:all .4s ease-in-out 0s;
  border:0 solid #fff
}
.s5-item:hover .s5-img:after {
  border:10px solid #fff
}
.s5-text {
  overflow:hidden;
  padding:15px
}
.s5-text h4 {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-size:15px;
  color:#262626;
  margin:20px 0
}
.s5-item:hover .s5-text h4 {
  color:#0072d4;
}
.s5-text p {
  color:#6e6e6e;
  font-size:12px;
  line-height:20px;
  height:80px;
  overflow:hidden
}
.s5-text .more {
  margin-top:25px;
  display:block;
  height:40px;
  width:120px;
  background:#fff;
  border:1px solid #eee;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.s5-text .more:after {
  content:"";
  display:inline-block;
  background:url(../images/more.png) no-repeat;
  width:16px;
  height:7px;
  display:inline-block;
  vertical-align:middle
}
.s5-item:hover .s5-text .more {
  background:#0072d4;
  border-color:#0072d4;
  transition:all .3s ease-in-out 0s
}
.s5-item:hover .s5-text .more:after {
  background-position:0 -7px
}
.s5-text .more span {
  text-transform:uppercase;
  opacity:0;
  width:0;
  display:inline-block;
  overflow:hidden;
  color:#fff;
  line-height:38px;
  vertical-align:middle;
  transition:all .3s ease-in-out 0s
}
.s5-item:hover .s5-text .more span {
  width:auto;
  opacity:1;
  margin-right:10px
}
@media screen and (min-width:0) and (max-width:767px) {
  .s5-img {
  width:100%;
  height:auto;
  float:none;
}
.s5-img:before {
  content:"";
  display:block;
  position:absolute;
  border:1px solid #fff;
  opacity:1;
  left:20px;
  right:20px;
  top:20px;
  bottom:20px;
  transition:all .4s ease-in-out 0s
}
.s5-item:hover .s5-img:before {
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  opacity:0
}
.s5-img:after {
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  transition:all .4s ease-in-out 0s;
  border:10px solid #fff
}
.s5-item:hover .s5-img:after {
  border:0px solid #fff
}
}.section6 {
  padding:60px 0;
}
/* 外部层 */

#owl-demo6 {
  position:relative;
  padding:0 40px;
  margin:80px 0 80px
}
#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-] {
  height:36px;
  width:20px;
  position:absolute;
  display:block;
  top:50%;
  margin-top:-18px;
  overflow:hidden;
  cursor:pointer;
  text-indent:-90900px;
  z-index:12;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/owl-prev1.png);
  opacity:.5;
}
#owl-demo6 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/owl-next1.png);
  opacity:.5;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/owl-prev2.png);
  opacity:1;
}
#owl-demo6 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/owl-next2.png);
  opacity:1;
}
.s6-item {
  margin:20px 0;
}
.s6-item h4 {
  position:relative;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-size:15px;
  color:#262626;
  margin:15px 0
}
.s6-item:hover h4 {
  color:#0072d4;
}
.s6-item h4:after {
  display:block;
  content:"";
  height:1px;
  width:0;
  background:#ccc;
  transition:all 300ms ease-in-out 0s;
  margin-top:15px;
}
.s6-item:hover h4:after {
  width:100%;
}
.s6-item p {
  color:#6e6e6e;
  font-size:12px;
  line-height:20px;
  height:40px;
  overflow:hidden
}
.s6-item span {
  display:block;
  color:#333;
  font-size:12px;
}
.s6-item .more {
  margin-top:25px;
  display:block;
  height:40px;
  width:120px;
  background:#fff;
  border:1px solid #eee;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.s6-item .more:after {
  content:"";
  display:inline-block;
  background:url(../images/more.png) no-repeat;
  width:16px;
  height:7px;
  display:inline-block;
  vertical-align:middle
}
.s6-item:hover .more {
  background:#0072d4;
  border-color:#0072d4;
  transition:all .3s ease-in-out 0s
}
.s6-item:hover .more:after {
  background-position:0 -7px
}
.s6-item .more span {
  text-transform:uppercase;
  opacity:0;
  width:0;
  display:inline-block;
  overflow:hidden;
  color:#fff;
  line-height:38px;
  vertical-align:middle;
  transition:all .3s ease-in-out 0s
}
.s6-item:hover .more span {
  width:auto;
  opacity:1;
  margin-right:10px
}
.section7 {
  padding-top:60px;
}
/* 外部层 */

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

#owl-demo7 .owl-item {
  float:left;
}
#owl-demo7 .owl-controls {
  margin-top:0px;
  text-align:center;
}
/* 左右按钮 */

#owl-demo7 .owl-controls .owl-nav {
  }#owl-demo7 .owl-controls .owl-nav [class*=owl-] {
  color:#fff;
  font-size:14px;
  margin:5px;
  padding:4px 7px;
  background:#d6d6d6;
  display:inline-block;
  cursor:pointer;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px
}
#owl-demo7 .owl-controls .owl-nav [class*=owl-]:hover {
  background:#869791;
  color:#fff;
  text-decoration:none
}
#owl-demo7 .owl-controls .owl-nav .disabled {
  opacity:.5;
  cursor:default
}
#owl-demo7 .owl-controls .owl-nav .owl-prev {
  }#owl-demo7 .owl-controls .owl-nav .owl-next {
  }/* 左右按钮 */

#owl-demo7 .owl-controls .owl-nav {
  }#owl-demo7 .owl-controls .owl-nav [class*=owl-] {
  height:36px;
  width:20px;
  position:absolute;
  display:block;
  top:50%;
  margin-top:-18px;
  overflow:hidden;
  cursor:pointer;
  text-indent:-90900px;
  z-index:12;
}
#owl-demo7 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/owl-prev1.png);
  opacity:.5;
}
#owl-demo7 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/owl-next1.png);
  opacity:.5;
}
#owl-demo7 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/owl-prev2.png);
  opacity:1;
}
#owl-demo7 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/owl-next2.png);
  opacity:1;
}
.s7 {
  padding:60px 0;
  background:#F3F9FB;
}
.s7-item {
  }.s7-item img {
  width:100%;
  height:auto;
}
.section8 {
  padding:60px 0;
}
.s8-l {
  margin:0 0 20px;
}
.s8-l h5 {
  margin-top:0;
  font-size:16px;
  line-height:24px;
  margin-bottom:30px;
  color:#515151;
}
.s8-l ul {
  padding:0;
  margin:0;
}
.s8-l ul li {
  line-height:24px;
  font-size:13px;
  color:#898989;
  margin-bottom:10px;
}
.fenxiang {
  margin-top:20px;
}
.fenxiang a {
  display:inline-block;
  margin:5px 5px 0;
  height:30px;
  width:30px;
  background:rgba(0,0,0,.45);
  line-height:30px;
  text-align:center;
  border-radius:50%;
  color:#fff;
  cursor:pointer;
}
.fenxiang a:hover {
  background:#00C0FF;
  color:#fff;
}
.s8-r {
  }.s8-r ul {
  padding:0;
}
.s8-r ul li {
  margin-bottom:15px;
}
.s8-r .s8-input {
  line-height:22px;
  width:100%;
  border:1px solid #f2f2f2;
  padding:10px 26px;
  color:#999;
}
.s8-r .s8-textarea {
  line-height:22px;
  width:100%;
  border:1px solid #f2f2f2;
  padding:10px 26px;
  color:#999;
}
.s8-r .s8-btn {
  display:block;
  width:100%;
  padding:14px 26px;
  background:none;
  color:#555;
  border:1px solid #f2f2f2;
  background:#E9E9E9;
}
.s8-r .s8-btn:hover {
  background:#0977D5;
  border-color:#0977D5;
  color:#fff;
}
.foot {
  padding:10px 0;
  line-height:22px;
  color:#9E9E9E;
  text-align:center;
  font-size:12px;
}
.foot a {
  color:#9E9E9E;
}
#banner2 {
  width:100%;
  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)
}
}
#banner2 {
  margin-top:120px;
}
@media screen and (min-width:0) and (max-width:767px) {
  #banner2 {
  margin-top:60px;
}
}.mianbao {
  font-size:12px;
  text-align:right;
  background:#F8F8F8;
  border-bottom:#ededed 1px solid;
  border-top:#ededed 1px solid;
  line-height:27px;
  padding:10px 0;
}
.mianbao {
  color:#a6a6a6;
}
.mianbao a {
  color:#a6a6a6;
  margin:0 5px;
}
.mianbao a:hover {
  color:#0072d4;
}
@media screen and (min-width:0) and (max-width:767px) {
  .mianbao {
  display:none;
}
}.box2 {
  padding:60px 0;
}
.box2 .title10 {
  margin:40px;
}
@media screen and (min-width:0) and (max-width:767px) {
  .banner {
  margin-top:40px;
  }
  .slide-text {
    display:none;
  }
  .section1{
    padding: 30px 0;
  }
  .section3{
    padding: 30px 0;
  }
  .section4{
    display: none;
  }
  .section5{
    padding-top: 30px;
  }
  .section6{
    padding: 30px 0;
  }
  #owl-demo6{
    margin: 40px 0 40px;
  }
  .s7{
    padding:30px 0;
  }
  .section8{
    padding:30px 0;
  }
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  color:#0072d4;
  background:transparent;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
  color:#0072d4;
  background:transparent;
}
.navbar-default .navbar-nav>li.on> a {
  color:#0072d4;
}
.navbar-default .navbar-nav>li {
  margin-right:20px;
}
#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;
}
.team-item {
  margin:20px auto;
  max-width:320px;
}
.team-item a {
  display:block;
  text-decoration:none;
  position:relative;
  overflow:hidden;
}
.team-img {
  display:block;
  overflow:hidden;
  position:relative;
}
.team-img img {
  width:100%;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.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 div {
  position:absolute;
  height:40px;
  left:0;
  right:0;
  bottom:-40px;
  transition:600ms;
  background:#0072D4;
  z-index:2;
}
.team-img div:before {
  content:"";
  display:block;
  position:absolute;
  height:2px;
  width:14px;
  background:#fff;
  left:50%;
  top:50%;
  margin-top:-1px;
  margin-left:-7px;
}
.team-img div:after {
  content:"";
  display:block;
  position:absolute;
  height:14px;
  width:2px;
  background:#fff;
  left:50%;
  top:50%;
  margin-top:-7px;
  margin-left:-2px;
}
.team-item:hover 

.team-img div {
  bottom:0;
}
.team-text {
  padding-top:20px;
}
.team-text h4 {
  color:rgb(61,61,61);
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.team-text span {
  display:block;
  font-size:12px;
  color:rgb(154,154,154);
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  margin-bottom:20px;
}
.team-text p {
  font-size:12px;
  color:rgb(154,154,154);
  line-height:20px;
  height:40px;
  overflow:hidden;
}
.box2 .s6-item {
  margin:40px 0;
}
@media (max-width:768px) {
  .navbar-default {
    padding:5px 0px;
  }
  .yxt_img{
    width:120%; 
    margin-left: -10%;
    min-height: 100px;
  }
  .logo-box{
    top: 8px;
  }
  .title, .title-2{
    padding: 0px 0px 0px 0px;
  }
  .blank60{
    display: none;
  }
  .box2{
    padding: 0px 0;
  }
}