html,body {
  font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
  background:white;
}
li {
  list-style:none;
}
a {
  transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  color:#333;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
/* 划过图片放大 */
.img-auto {
  display:block;
  overflow:hidden;
}
.img-auto img {
  width:auto;
  height:auto;
  margin:0px auto;
  transition:600ms;
}
.img-auto img:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
/* 导航 */
.navbar-default {
  padding:15px 0px;
  background:white;
  opacity:0.9;
  -moz-box-shadow:0px 0px 15px #888;
  -webkit-box-shadow:0px 0px 15px #888;
  box-shadow:0px 0px 15px #888;
}

.yxt_left_arrow{
    width:50%;
}
.yxt_right_arrow{
    width:50%;
}

@media (max-width:768px) {
  .navbar-default {
  padding:5px 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;
}
@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 0 0 30px;
}
.user-panel a,.user-panel a:visited,.user-panel a:link {
  color:#198DDD;
  font-size:14px;
  padding:5px 15px;
  text-align:center;
  text-decoration:none;
  border:1px solid #198DDD;
}
.user-panel a:hover {
  color:#198DDD;
}
.user-panel a.top-login {
  color:white;
  background:#198DDD;
}
.user-panel a:hover {
  background:#26c79d;
  color:white;
  border:1px solid #26c79d;
}
}@media (min-width:768px) {
  ul.navbar-nav li.oen {
  height:70px;
  padding:10px 0px;
}
}.top-nav-right {
  position:absolute;
  top:20px;
  right:0px;
  width:110px;
  margin:0px;
  padding:0px;
}
.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) {
  #myCarousel {
  margin-top:86px;
}
.carousel-caption h3 {
  font-size:2.0em;
}
.carousel-caption p {
  line-height:180%;
  font-size:1.0em;
}
}@media (max-width:768px) {
  #myCarousel {
  margin-top:80px;
}
.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:#8CD4C1;
  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;
}
/* 页底 */
.fweixin img {
  width:150px;
}
.fweixin p {
  line-height:24px;
  text-align:center;
}
.sub_menu {
  margin-top:100px;
}
@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;
}
.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:4em;
  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;
}
#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.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;
}
}/* 滚动图片 */
#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;
}
#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;
}
.btn-primary {
  background-color:#8CD4C1;
  border-color:#8CD4C1;
}
.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:#8CD4C1;
  border-color:#8CD4C1;
}
.pagination>li>a,.pagination>li>span {
  color:#8CD4C1;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color:#8CD4C1;
}
#page strong {
  background:#8CD4C1;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color:#fff;
  background-color:#8CD4C1;
}
#dialog_link {
  background:#8CD4C1;
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
  color:#8CD4C1;
  background-color:#fff;
}
.comm input.btn {
  background:#8CD4C1;
  color:#fff;
}
.pages strong,.pages span {
  color:#FFFFFF;
  background:#8CD4C1;
}
.btn-primary .badge {
  color:#8CD4C1;
  background-color:#fff;
}
body {
  font-family:Microsoft Yahei;
  background:#FFF;
  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);
}
#header {
  position:fixed;
  top:0;
  width:100%;
  z-index:3;
  transition:600ms;
  font-size:14px;
  background:#FFF;
}
#header * {
  transition:600ms;
  text-align:center;
}
.logo-box {
  margin:0 auto;
  height:50px;
  width:20%;
  padding:5px;
  float: left;
  margin:15px;
}
.logo-box img {
  height:100%;
  width:auto;
}
.menu {
  width:43%;
  float: right;
  margin:15px;
}
.menu ul {
  padding:0;
  margin:0;
}
.menu > ul > li {
  position:relative;
  display:inline-block;
  line-height:60px;
  color:#FFF;
  padding:0 20px;
  font-family:Arial;
  letter-spacing:0;
}
.menu > ul > li > a {
  color:#333;
  display:block;
  line-height:60px;
}
.menu > ul > li > a:after {
  content:"";
  display:block;
  margin-top:-5px;
  width:30%;
  height:1px;
  background:transparent;
  transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
}
.menu > ul > li:hover > a:after {
  background:#999;
  width:100%;
}
.menu > ul > li.on > a:after {
  background:#999;
}
.menu > ul > li > a span {
  margin-left:5px;
}
.menu2 {
  display:none;
  position:absolute;
  width:210px;
  background:#FFF;
  top:100%;
  left:-50px;
}
.menu2 ul {
  position:relative;
  z-index:101;
  margin-top:20px;
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  transition:600ms;
}
.menu ul > li:hover .menu2 {
  display:block;
}
.menu ul > li:hover .menu2 ul {
  z-index:102;
  margin-top:0;
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
.menu2 ul {
  padding:0;
  margin:0;
}
.menu2 li a {
  display:block;
  padding:0px 30px;
  line-height:48px;
  border-bottom:1px solid #EAEAEA;
  color:#666;
}
.menu2 li a span {
  display:none;
  float:right;
  height:49px;
  line-height:48px;
  color:#262626;
}
.menu2 li a:hover {
  color:#333;
  background:#F7F7F7;
}
.menu2 li a:hover span {
  color:#000;
}
#header.mini .logo-box {
  height:0;
  transform:scale(0.8,0);
  -moz-transform:scale(0.8,0);
  -webkit-transform:scale(0.8,0);
  -o-transform:scale(0.8,0);
}
@media screen and (max-width:768px) {
  .banner {
  height:70px;
}
}.title10 {
  text-align:center;
  padding:30px 0;
}
.title10 a {
  text-decoration:none;
}
.title10 h3 {
  margin:0 0 5px;
}
.title10 p {
  color:#999;
}
.subtitle10 {
  text-align:center;
  color:#3C3C3C;
}
.subtitle10 ul {
  padding:0;
  margin:0;
}
.subtitle10 li {
  display:inline-block;
  border-left:1px solid #DDD;
  margin-top: 5px;
}
.subtitle10 a {
  margin:0 5px;
  color:#666;
  padding:6px 15px;
  background:transparent;
}
.subtitle10 a:hover,.index-subtitle a.on {
  color:#FFF;
  background:#8CD4C1;
}
.section1 {
  padding:50px 0 80px;
}
.chanpin {
  margin:20px 0;
  padding-bottom:63px;
  position:relative;
}
.chanpin-img {
  position:relative;
  z-index:111;
}
.chanpin-text {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:100%;
}
.chanpin-text div {
  position:absolute;
  bottom:0;
  width:100%;
}
.chanpin-text a {
  display:block;
  position:relative;
  z-index:112;
  border-bottom:1px solid #DDD;
  background:#FFF;
  transition:600ms;
}
.chanpin-text h5 {
  margin:5px 0;
  margin:;
  font-size:14px;
  color:#666;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.chanpin-text p {
  font-size:12px;
  color:#999;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.chanpin-text a:before{
  content:'';
  width:37px;
  height:20px;
  display:block;
  position:absolute;
  top:66%;
  right:2px;
  background:url(../images/icon.png) no-repeat -30px -66px;
  ransition:all 0.3s ease-out 0s;
  margin-top:-11px;
  border-left:1px solid rgba(0,0,0,.0);
  transition:600ms;
}
.chanpin:hover .chanpin-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);
}
.chanpin:hover .chanpin-text h5 {
  color:#222
}
.chanpin:hover .chanpin-text a {
  padding:15px 0;
}
.chanpin:hover .chanpin-text a:before {
  background:url(../images/icon.png) no-repeat 16px -66px;
  border-left:1px solid rgba(0,0,0,.1);
}
.index-more {
  text-align:center;
}
.index-more a {
  display:block;
  margin:0 auto;
  width:150px;
  height:45px;
  border-bottom:1px solid rgba(0,0,0,0);
  border-top:1px solid rgba(0,0,0,0);
  position:relative;
  border:0px;
  border-radius:0px;
  text-indent:-9999px;
}
.index-more a:before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:45px;
  z-index:1;
  opacity:0;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  border-bottom:1px solid rgba(0,0,0,.4);
  border-top:1px solid rgba(0,0,0,.4);
  -webkit-transform:scale(0.1,1);
  transform:scale(0.1,1);
  display:block;
}
.index-more a:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  -webkit-transition:-webkit-transform 0.3s,background-color 0.3s;
  transition:transform 0.3s,background-color 0.3s;
  -webkit-transition-timing-function:cubic-bezier(0.25,0,0.3,1);
  transition-timing-function:cubic-bezier(0.25,0,0.3,1);
  background-color:rgba(0,0,0,.6);
  opacity:1;
}
.index-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(../images/icon.png) no-repeat 0 -22px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-7px;
  margin-left:-17px;
  z-index:3;
}
.index-more a:hover {
  background:transparent;
  border:inherit;
}
.index-more a:hover:before {
  opacity:1;
  -webkit-transform:scale(1,1);
  transform:scale(1,1);
}
.index-more a:hover:after {
  webkit-transform:scale3d(0.7,0.7,1);
  transform:scale3d(0.7,0.7,1);
  opacity:0;
}
.index-more a:hover i {
  background:url(../images/icon.png) no-repeat 0 -38px;
}
.section2 {
  background:#F3F3F3;
  padding:50px 0 80px;
}
.service {
  background:#FFF;
  margin:20px 0;
  position:relative;
  top:10px;
  transition:600ms;
}
.service-img {
  border:10px solid transparent;
  border-bottom:none;
}
.service-text {
  position:relative;
  padding:20px;
  transition:600ms;
}
.service-text a {
  display:block;
  padding:10px;
}
.service-text h4 {
  text-align:center;
  color:#444;
  position:relative;
  padding-bottom:17px;
}
.service-text h4:after {
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:0;
  margin:0 0 0 -1em;
  width:2em;
  height:1px;
  background:#CCC;
}
.service-text p {
  line-height:22px;
  height:44px;
  overflow:hidden;
  color:#999;
}
.service-text:after {
  content:"";
  display:block;
  position:absolute;
  left:20px;
  top:20px;
  right:20px;
  bottom:20px;
  border:1px solid #DDD;
  transition:600ms;
}
.service:hover {
  top:0;
  -webkit-box-shadow:1px 1px 25px rgba(0,0,0,0.3);
  -moz-box-shadow:1px 1px 25px rgba(0,0,0,0.3);
  box-shadow:1px 1px 25px rgba(0,0,0,0.3);
}
.service:hover .service-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);
}
.service:hover .service-text:after {
  left:10px;
  top:10px;
  right:10px;
  bottom:10px;
  border-color:#999;
}
.service:hover  .service-text h4:after {
  background:#999;
}
.service2 {
  -webkit-box-shadow:1px 1px 25px rgba(0,0,0,0.3);
  -moz-box-shadow:1px 1px 25px rgba(0,0,0,0.3);
  box-shadow:1px 1px 25px rgba(0,0,0,0.3);
}
.section3 {
  background:#FFF;
}
.s3-img {
  padding:0;
  padding:50px;
}
.s3-text {
  padding:70px 0 0;
}
.s3-text-p {
  margin:0 50px;
  color:#999;
  line-height:30px;
  height:120px;
  overflow:hidden;
  margin-bottom:40px;
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .s3-img {
  padding:0;
  padding:30px;
}
.s3-text {
  padding:30px 0 0;
}
.s3-text-p {
  margin:0 45px 0 0;
  line-height:30px;
  height:120px;
  margin-bottom:30px;
}
}@media screen and (min-width:768px) and (max-width:991px) {
  .s3-img {
  padding:0;
  padding:20px;
}
.s3-text {
  padding:20px 0 0;
}
.s3-text-p {
  margin:-30px 35px 0 0;
  line-height:30px;
  height:90px;
  margin-bottom:10px;
}
}@media screen and (min-width:480px) and (max-width:767px) {
  .s3-text {
  padding:0px 0 50px;
}
.s3-img {
  padding:0;
  padding:15px;
}
.s3-text .title10 {
  margin-top:0;
  padding:25px 0 10px;
}
.s3-text-p {
  margin:0px 20px;
  line-height:30px;
  height:auto;
  margin-bottom:30px;
}
}@media screen and (min-width:0) and (max-width:479px) {
  .s3-text {
  padding:0px 0 50px;
}
.s3-img {
  padding:0;
  padding:15px;
}
.s3-text .title10 {
  margin-top:0;
  padding:15px 0 10px;
}
.s3-text-p {
  margin:0px 20px;
  line-height:30px;
  height:auto;
  margin-bottom:30px;
}
}.section4 {
  padding:50px 0 80px;
  background:#F8F8F8 url(../images/s4-bg.png);
}
.xinwen {
  margin:20px 0;
  height:220px;
  overflow:hidden;
}
.xinwen h2 {
  font-size:42px;
  color:#AAA;
  line-height:46px;
  margin-top:0;
}
.xinwen h4 {
  margin:30px 0 20px;
  color:#666;
  transition:600ms;
}
.xinwen p {
  position:relative;
  line-height:22px;
  height:44px;
  overflow:hidden;
  color:#999;
}
.xinwen div {
  position:relative;
  padding-bottom:10px;
  margin:0 0 10px;
  transition:600ms;
}
.xinwen div:before {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  width:2em;
  height:1px;
  background:#CCC;
  transition:600ms;
}
.xinwen span {
  color:#999;
}
.xinwen i {
  margin-left:-1em;
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  transition:600ms;
}
.xinwen:hover h4 {
  margin:20px 0 20px;
}
.xinwen:hover div {
  margin:0 0 20px;
}
.xinwen:hover div:before {
  width:100%;
}
.xinwen:hover span {
  color:#333;
}
.xinwen:hover i {
  margin-left:1em;
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
.section5 {
  padding:50px 0;
}
/* 外部层 */
.section5 #owl-demo3 * {
  box-sizing:border-box;
}
.section5 #owl-demo3 {
  position:relative;
}
.section5 #owl-demo3 .owl-wrapper-outer {
  overflow:hidden;
  position:relative;
  width:100%;
  padding:10px 0;
}
/* 图片层 */
.section5 #owl-demo3 .owl-item {
  float:left;
  padding:0px 30px;
  overflow:hidden;
  height:auto;
}
/* 圆点按钮*/
.section5 #owl-demo3 .owl-controls {
  position:absolute;
  top:50%;
  width:100%;
}
.section5 #owl-demo3 .owl-pagination {
  display:none;
}
.section5 #owl-demo3 .owl-controls .owl-page {
  display:inline-block;
  zoom:1;
  *display:inline;
  /*IE7 life-saver*/
}
.section5 #owl-demo3 .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;
}
.section5 #owl-demo3 .owl-controls .owl-page.active span,.section5 #owl-demo3 .owl-controls.clickable .owl-page:hover span {
  filter:Alpha(Opacity=100);
  /*IE7 fix*/opacity:1;
  background:#42A4FF;
}
.section5 #owl-demo3 .owl-wrapper:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
/* 左右按钮*/
.section5 #owl-demo3 .owl-buttons {
  display:no/ne;
  text-align:center;
  position:relative;
  margin-top:-9px;
}
.section5 #owl-demo3 .owl-controls .owl-buttons div {
  cursor:pointer;
  display:block;
  zoom:1;
  height:17px;
  width:20px;
  background:url(../images/icon.png);
  text-indent:-9999px;
  transition:300ms;
}
.section5 #owl-demo3 .owl-controls .owl-buttons div.owl-prev {
  background-position:-140px 5px;
  position:absolute;
  left:0;
  top:0;
}
.section5 #owl-demo3 .owl-controls .owl-buttons div.owl-next {
  background-position:-105px 5px;
  position:absolute;
  right:0;
  right:0;
}
.section5 #owl-demo3 .owl-controls .owl-buttons div:hover.owl-prev {
  background-position:-140px -9px;
}
.section5 #owl-demo3 .owl-controls .owl-buttons div:hover.owl-next {
  background-position:-105px -9px;
}
.foot {
  padding:30px 0 0;
  background:#F3F3F3;
  z-index:2;
  position:relative;
  color:#999;
}
.foot1 {
  margin:20px 0;
}
.foot1 h3 {
  margin:10px 0 5px;
}
.foot1 p {
  color:#999;
}
.foot2 {
  margin:20px 0;
}
.foot2 h4 {
  color:#666
}
.foot2 ul {
  padding:0;
  margin:15px 0 0;
}
.foot2 ul  a {
  float:left;
  margin:0 10px 0 0;
  display:block;
  height:30px;
  width:30px;
  background:;
  line-height:30px;
  text-align:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  color:#666;
}
.foot2 ul  a:hover {
  background:#000;
  color:#FFF;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.foot3 {
  margin:20px 0;
}
.foot3 h4 {
  color:#666
}
.foot3 ul {
  padding:0;
  margin:10px 0 0;
}
.foot3 li {
  line-height:16px;
  padding:8px 0;
}
.foot-b {
  margin:20px 0 0;
  padding:10px 0;
  border-top:1px solid #EEE;
  line-height:22px;
  color:#A7A7A7;
  font-size:12px;
  background:#FFFFFF;
}
.foot-b a {
  color:#A7A7A7;
}
#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;
}
#banner {
  width:100%;
  position:relative;
  top:85px;
  margin-bottom: 50px;
}
#banner div {
  background-color:#39383E;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:100%;
  height:260px;
}
.box2 {
  padding:50px 0;
}
.team-box {
  padding:50px 0;
}
.team {
  border:1px solid #DDD;
  margin:20px 0;
  transition:600ms;
}
.team .team-img,.team .team-text {
  padding:10px;
}
.team-text h4 {
  color:#333;
}
.team-text h4 small {
  color:#999;
  margin-left:1.5em;
}
.team-text p {
  line-height:22px;
  height:66px;
  overflow:hidden;
  color:#999;
}
@media screen and (min-width:992px) {
  .team-text h4 {
  padding-top:10px;
  transition:600ms;
}
.team:hover {
  border-top-color:#8CD4C1;
}
.team-text p {
  height:44px;
}
.team:hover .team-text h4 {
  padding-top:20px;
}
}
@media screen and (min-width:1200px) {
  .team-text h4 {
  padding-top:20px;
  transition:600ms;
}
.team-text p {
  height:66px;
}
.team:hover .team-text h4 {
  padding-top:30px;
}
}.xinwen2 {
  padding:30px 0;
  border-top:1px solid #DDD;
}
.xinwen2 a {
  text-decoration:none;
}
.xinwen2-date {
  float:left;
  margin-right:20px;
}
.xinwen2-date h3 {
  color:#999;
  font-size:40px;
  font-weight:normal;
  margin:0px 0 30px;
}
.xinwen2-date span {
  padding:6px 11px;
  border:1px solid transparent;
}
.xinwen2-date span i {
  display:inline-block;
  height:15px;
  width:15px;
  background:url(../images/icon.png) no-repeat -110px -11px;
}
.xinwen2:hover .xinwen2-date h3 {
  color:#666;
}
.xinwen2:hover .xinwen2-date span {
  border-color:#8CD4C1;
  margin-top:10px;
  background:#8CD4C1;
}
.xinwen2:hover .xinwen2-date span i {
  background:url(../images/icon.png) no-repeat -42px -100px;
}
.xinwen2-text {
  padding-left:100px;
}
.xinwen2-text h4 {
  color:#666;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.xinwen2-text h4:before {
  display:block;
  float:left;
  margin:10px 20px 0 0;
  height:1px;
  width:1px;
  transition:600ms;
}
.xinwen2-text p {
  line-height:24px;
  height:48px;
  overflow:hidden;
  color:#999;
  transition:600ms;
}
.xinwen2:hover .xinwen2-text h4 {
  color:#333;
}
.xinwen2:hover .xinwen2-text h4:before {
  width:15px;
}
@media screen and (min-width:768px) {
  .xinwen2-date h3 {
  margin-top:10px;
}
.xinwen2-text h4:before {
  content:"";
}
.xinwen2-text p {
  padding-left:20px;
}
.xinwen2:hover .xinwen2-text p {
  padding-left:35px;
}
}
@media screen and (max-width:767px) {
  .xinwen2 img {
    margin-bottom:20px;
  }
  .xinwen2-date h3 {
    font-size:26px;
  }
  .yxt_img{
    width:120%; 
    margin-left: -10%;
    min-height: 100px;
    margin-top:0px;
  }
  .navbar-default{
    padding: 0px 0px;
  }
  .navbar{
    margin-bottom: 0px;
  }
  #banner{
    top:55px;
  }
  .title, .title-2{
    padding: 60px 0px 10px 0px;
  }
  .title10{
    padding: 30px 0px 15px 0px;
  }
  .blank20{
    height:10px;
  }
  .section1{
    padding: 25px 0 40px;
  }
  .section2{
    padding: 25px 0 40px;
  }
  .blank30{
    display: none;
  }
  .yxt_none{
    display: none;
  }
  .foot{
    padding: 0px 0 0;
  }
  .pagination{
    margin: 15px 0px;
  }
  .title h1, .title h3 a{
    font-size: 30px;
  }
  .title, .title-2{
    padding: 10px 0px 10px 0px;
  }
}