@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; font-size:14px; font-family:"微软雅黑"; color:#585858;
}
*{margin:0;padding:0;list-style:none;}
a{ color:#585858; text-decoration:none;}
a:hover{ color:#C6A386;}
img{ border:0px;}
.header{ width:100%; height:; float:left; margin:auto; background-color:#2B292A;}
.head{ width:1200px; height:160px; margin:0px auto;background-color:#2B292A; padding-top:20px;}
.logo{ width:430px; height:121px; float:left;}
.phone{ width:462px; height:121px; float:left; margin-left:308px;}
.naver{ width:100%; height:42px; float:left; margin:auto; background-color:#F5F5F5; font-family:微软雅黑;}
.nav{ width:1200px; height:42px; margin:0px auto; background-color:#F5F5F5;}
.nav ul{ margin:0px; padding:0px; list-style-type:none;}
.nav li{ width:133.33px; height:42px; line-height:42px; float:left; text-align:center;font-family:微软雅黑; font-size:15px;}
.nav li a{ color:#2E2E2E; text-decoration:none;}
.nav li a:hover{ background-color:#ECECEC; display:block; color:#BF9F62; font-weight:bold;}

/*banner*/
.mybanner{ width:100%; height:auto; float:left; margin:auto;}
.banner{position:relative;height:506px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;min-width:1200px;}
.slides{position:relative;z-index:1;}
.slides li{height:506px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#e5e5e5;cursor:pointer;}
.flex-control-nav .flex-active{background:#C6A386;}

.services{ width:100%; height:auto; float:left; margin:auto; background-color:#f5f5f5;}
.services-content{ width:1200px; height:auto; margin:0px auto; background-color:#f5f5f5; padding:30px 0px;}
.services-s{ width:100%; height:auto; float:left; margin:auto;}
.services-content-s{ width:1200px; height:auto; margin:0px auto; padding:0px 0px 30px 0px;}
.services-content-title{ width:1200px; height:auto; float:left; line-height:27px; text-align:center; padding-bottom:10px;}
.services-content-neirong{ width:1200px; height:auto; float:left; padding:30px 0px;background-color:#f5f5f5;}
.services-content-neirong-s{ width:1200px; height:auto; float:left; padding:30px 0px;}
.services-content-neirong ul{ margin:0px; padding:0px; list-style-type:none;}
.services-content-neirong li{ width:580px; height:110px; float:left; margin-right:40px; margin-bottom:30px;}
.services-yuan{
width: 110px; 
height: 110px; 
border: 1px #585858 solid; 
-webkit-border-radius:110px; text-align:center; float:left;}
.services-yuan:hover{
width: 110px; 
height: 110px; 
border: 1px #C6A386 solid; 
-webkit-border-radius: 110px; }
.services-yuan-content{ width:450px; height:100px; float:left; line-height:27px; padding-left:18px; padding-top:10px;}
.jintiao{ width:40px; height:6px;background-color:#C6A387; margin:0px auto; clear:both;}

.cases{ width:100%; height:auto; float:left; margin:auto;}
.cases-content{ width:1200px; height:auto; margin:0px auto;padding:30px 0px;}
.cases-content-s{ width:1200px; height:auto; margin:0px auto;padding:0px 0px;}
.cases-content-s ul{ margin:0px; padding:0px; list-style-type:none;}
.cases-content-s li{ width:285px; height:206px; float:left; margin-right:20px; margin-bottom:20px; background-color:#000000;display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color:#C6A386;}
.cases-content-s li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.cases-content-s li .text { z-index: 99; position: absolute; padding:140px 20px 0px 20px; height: calc(100% - 60px);}
.cases-content-s li p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s;}
.animate-text { opacity: 0; transition: all 0.3s ease-in-out; }
.cases-content-s li:hover img { opacity:0.2; }
.cases-content-s li:hover .animate-text { transform: translateX(0); opacity: 1; }
.cases-content-s li img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }


.cases-title{ width:1200px; height:auto; float:left; line-height:27px; text-align:center; padding-bottom:10px;}
.cases-content-neirong{ width:1200px; height:auto; float:left; padding:30px 0px;}

.cases-content-us{ width:1200px; height:auto; margin:0px auto;padding:30px 0px 0px 0px;}
.teams-content-us{ width:1200px; height:auto; margin:0px auto;padding:0px 0px 0px 0px;}

* {
  box-sizing: border-box;
}
.more {
  letter-spacing: 2px!important;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.item:hover .more,
.owl-item:hover .more,
.comp:hover .more,
.live-item:hover .more,
.grid-item:hover .more {
  letter-spacing: 4px!important;
}
span.more {
  font-family: '微软雅黑';letter-spacing: 2px;
}
html {
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}
.item-grid {
  margin-bottom: 0px; clear:both;
}
.item-grid .hero-item {
  background-color: #f7f7f7;
  margin-bottom: 15px;
}
.item-grid .hero-item .carousel {
  width: 100%;
  padding-bottom: 0;
}
.item-grid .hero-item .carousel .slide:before {
  content: "";
  display: block;
  padding-top: 55.55555556%;
}
.item-grid .hero-item .carousel .slide > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.item-grid .main-grid {
  text-align: center;
}
.item-grid .main-grid .item {
  text-align: center;
  position: relative;
}
.item-grid .main-grid .item .cover {
  opacity: 0;
}
.item-grid .main-grid .item .image {
  width:100%;
  background-size: cover;
  margin:0%;
}
.item-grid .main-grid .item .image:before {
  content: "";
  display: block;
  padding-top: 72.22222222%;
}
.item-grid .main-grid .item .image > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.item-grid .main-grid .show-more,
.item-grid .main-grid .no-more {
  margin: 25px auto;
  display: inline-block;
  font-family: '微软雅黑';
  width: 100%;
}
.item-grid .main-grid .show-more span,
.item-grid .main-grid .no-more span {
  padding: 18px 40px 14px;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #1D1D1D;
  cursor: pointer;
}
.item-grid .main-grid .no-more span {
  border-width: 0;
  cursor: auto;
  margin: 1px;
}
@media only screen and (min-width: 768px) {
  .item-grid .hero-item {
    overflow: hidden;
  }
  .item-grid .hero-item .carousel,
  .item-grid .hero-item .logo {
    width: 50%;
    float: left;
  }
  .item-grid .hero-item .logo {
    display: table;
    height: auto;
  }
  .item-grid .hero-item .logo h3 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .item-grid .hero-item .logo .inner {
    display: table-cell;
    vertical-align: middle;
  }
  .item-grid .main-grid {
    overflow: hidden;
  }
  .item-grid .main-grid .item {
    width: 50%;
    float: left;
  }
  .item-grid .main-grid .item:hover .cover {
    opacity: 1!important;
  }
  .item-grid .main-grid .item .image {
    position: relative;
  }
  .item-grid .main-grid .item .image .cover {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .item-grid .main-grid .item .image .cover .inner {
    padding: 25px 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
  }
  .item-grid .main-grid .item .image .cover .inner h3 {
    color: #fff;
    font-family: '微软雅黑';
    font-size: 22px;
    margin: 10px auto 0;
    display: block;
  }
  .item-grid .main-grid .item .image .cover .inner .more {
    color: #fff;
    display: block;
  }
  .item-grid .main-grid .item .image .cover .inner img {
    width: 100px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .item-grid .main-grid .item {
    width: 25%;
    width: calc(100%/4);
	/*
	margin:0 0% 0.1% 0;
	*/
  }
  .item-grid .main-grid .item .inner span,
  .item-grid .main-grid .item .inner h3 {
    margin-top: 20px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .item-grid .main-grid .item:hover .image .inner {
    opacity: 1;
  }
  .item-grid .main-grid .item:hover .inner span,
  .item-grid .main-grid .item:hover .inner h3 {
    margin-top: 5px;
  }
}
.case-bottom{ width:100%; height:auto; float:left; margin:auto;padding-top:26px;}
.case-bottom-s{ width:100%; height:auto; float:left; margin:auto;margin-bottom:30px;}
.case-bottom-center{ width:253px; height:45px; margin:0px auto;font-size:18px; text-align:center; color:#585858; line-height:45px; color:#FFFFFF; border:#C6A387 1px solid;}
.case-bottom-center:hover{ background-color:#2A2A2A; color:#e5e5e5;}
.case-bottom-services{ width:100%; height:45px; float:left; margin:auto;padding-top:26px; margin-bottom:50px;}


.news{ width:100%; height:auto; float:left; margin:auto;}
.news-content{ width:1200px; height:auto; margin:0px auto;padding:0px 0px 30px 0px;}
.news-content-new{ width:1200px; height:auto; margin:0px auto;padding:15px 0px 30px 0px;}
.news-content-left{ width:600px; height:auto; float:left; padding-top:20px;}
.news-content-left-title{ width:600px; height:38px; line-height:38px; float:left; font-size:26px;}
.newskuang{ width:600px; height:auto; float:left; margin-bottom:20px;}
.newskuang-title{ width:600px; height:auto; float:left;}
.newskuang-titlel{ width:395px; height:38px; line-height:38px; float:left; font-size:14px; font-weight:bold;}
.newskuang-titlel a{ color:#000000; text-decoration:none;}
.newskuang-titlel a:hover{color:#C6A386;}
.newskuang-titler{ width:150px; height:38px; line-height:38px; float:left; text-align:right; color:#585858;}
.newskuang-content{ width:575px; height:60px; float:left; line-height:27px; padding-left:25px;}
.homenews{ font-size:18px; margin-right:13px;}

.img-news{ width:580px; height:auto; float:left; margin-left:20px; padding-top:30px;}
.img-news-pic{ width:580px; height:380px; float:left;}
.img-news-pic-index{ width:580px; height:302px; float:left;}
.img-news-title{ width:580px; height:38px; line-height:38px; float:left; background-color:#2a2a2a; color:#e5e5e5;}
.img-news-title a{ color:#e5e5e5; text-decoration:none;}
.img-news-title a:hover{ color:#C6A386; text-decoration:none;}

.teams{ width:100%; height:auto; float:left; margin:auto;  background-color:#f5f5f5;}
.teams-myteam{ width:100%; height:auto; float:left; margin:auto; padding:10px 0px 30px 0px; background-color:#f5f5f5;}
.teams-content{ width:1200px; height:300px; margin:0px auto; background-color:#f5f5f5;padding:30px 0px;}
.teams-content-class{ width:1200px; height:300px; margin:0px auto; background-color:#f5f5f5;padding:0px 0px 30px 0px;}
.teams-title{ width:1200px;height:38px; line-height:38px; float:left; font-size:26px; background-color:#f5f5f5;}
.teams-container{ width:1200px; height:auto; float:left; padding-top:30px;background-color:#f5f5f5; line-height:27px;}
.myteam{ width:380px; height:auto; float:left; margin-right:30px;}
.myteam-head{ width:380px; height:auto; float:left;}
.myteam-photo{ width:100px; height:100px; float:left;}
.myteam-jianjie{ width:280px; height:100px; float:left; line-height:25px; padding:10px 10px 0px 10px; background-color:#FFFFFF;}
.myteam-foot{ width:380px; height:auto; float:left; padding:10px 0px; line-height:25px;}

.myteams{ width:380px; height:auto; float:left; margin-right:30px; margin-bottom:20px;}
.myteam-heads{ width:380px; height:auto; float:left;}
.myteam-jianjies{ width:255px; height:100px; float:left; line-height:25px; padding:10px 10px 0px 15px; background-color:#FFFFFF;}
.myteam-foots{ width:380px; height:auto; float:left; padding:10px 0px; line-height:25px;}

.foot-header{ width:100%; height:; float:left;margin:auto; background-color:#121212;}
.foot-head{ width:1200px; height:182px; margin:0px auto; background-color:#121212;}
.foot-head ul{ margin:0px; padding:0px; list-style-type:none;}
.foot-head li{ width:300px; height:102px; float:left; line-height:27px; text-align:center; padding-top:80px;background-color:#121212;}
.foot-bottom{ width:100%; height:; float:left; background-color:#000; margin:auto;}
.foot-bom{ width:1200px; height:;background-color:#000; margin:0px auto; line-height:27px; text-align:center; color:#777777; padding:25px 0px 25px 0px;}

.public-content{ width:100%; height:auto; float:left; margin:auto; background-color:#f5f5f5;}
.public-container{ width:1200px; height:auto; margin:0px auto; background-color:#f5f5f5; padding:30px 0px; line-height:27px; color:#212121;}
.public-container-services{ width:1200px; height:auto; margin:0px auto; background-color:#f5f5f5; padding:30px 0px 0px 0px; line-height:27px; color:#212121;}
#demo {
overflow:hidden;
border:0px dashed #CCC;
width:1200px;
height: auto;
}
#demo img {
border: 0px solid #F2F2F2;
}
#indemo {
float: left;
width:3800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

.danye{ width:1200px; height:32px; float:left; text-align:center; font-size:16px; font-weight:bold; line-height:32px;}
.nrk{ width:1200px; float:left; line-height:27px; padding-top:12px;}


.wrap {width: 1200px; height:auto; float:left;}
.tile { width:212px; height:212px; margin: 10px 30.8px 10px 0px; background-color: #000000; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; }
.tile img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tile .text { z-index: 99; position: absolute; padding:20px; height: calc(100% - 60px); }
.tile p { font-weight: 300; margin-top: 150px; line-height: 22px; transform: translateX(-200px); transition-delay: 0.2s; }
.animate-text { opacity: 0; transition: all 0.3s ease-in-out; }
.tile:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.2; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }
.tile:hover span { opacity: 1; transform: translateY(0px); }
.tt{font-size:12px;line-height:22px;}