.m_fr { float:right;}



#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;

}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	z-index:9;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-title {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(imgbox-bg-nw.png) no-repeat;
}




.b-works  li {
  position: relative;
  float: left;

}

.b-works  li  img {

  transition: .1s transform;
  transform: translateZ(0);
  
  width: 100%;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

}
.b-works  li:before {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}


.b-works  .li .img:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:20;}
.b-works  .li .img:after { width:38px; height:38px; content:""; background:url(../images/base.png) no-repeat 0 -50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:30; display:none;}

.b-works  .li:hover .img:before { display:none;}
.b-works  .li:hover .img:after { display:block;}


.b-works  li:hover {
  z-index: 1;
}

.b-works  li:hover  img {
  transform: scale(1.2, 1.2);
  transition: .3s transform;
}








/*banner*/
.banner{ margin:0 auto; width:1200px; margin-top:25px; }





/*service*/
.service{ width:100%;height:515px;border-top:1px solid #ac7b65;border-bottom:1px solid #ac7b65; margin-top:30px;}
.service-box{ width:1200px; margin:0 auto; }


.service h3{text-align:center; font-size:20px; height:50px;width:300px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.service h3 span{ display:block; margin-bottom:15px;}


.service li{ margin-right:204px; height:255px; width:147px;  }
.service li:hover p{color:#ac7b65}
.service li p{text-align:center; margin-top:200px; font-size:16px;}
.service li:last-child{ margin-right:0;}


.li-ico-1{background:url(../h-img/service01.png) top center no-repeat;}
.li-ico-1:hover{background:url(../h-img/service1.png) top center no-repeat;}

.li-ico-2{background:url(../h-img/service02.png) top center no-repeat;}
.li-ico-2:hover{background:url(../h-img/service2.png) top center no-repeat;}

.li-ico-3{background:url(../h-img/service03.png) top center no-repeat;}
.li-ico-3:hover{background:url(../h-img/service3.png) top center no-repeat;}

.li-ico-4{background:url(../h-img/service04.png) top center no-repeat;}
.li-ico-4:hover{background:url(../h-img/service4.png) top center no-repeat;}

/*introduce*/
.introduce{ width:100%;height:465px;border-bottom:1px solid #ac7b65; margin-top:30px;}
.introduce-box{ width:1200px; margin:0 auto; }
.introduce h3{text-align:center; font-size:20px; height:50px;width:300px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.introduce h3 span{ display:block; margin-bottom:15px;}

.introduce  p{text-align:center; margin-top:30px; font-size:16px; text-align:left; line-height:35px; color:#000;}

.worksbox{width:100%;border-bottom:1px solid #ac7b65; padding-bottom:25px; }

.worksbox-box h3{text-align:center; font-size:20px; height:50px;width:300px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.worksbox-box h3 span{ display:block; margin-bottom:15px;}


section { width:100%; height:100%; overflow:hidden; position:relative;}

#index_swiper { background:#242020;}
#index_swiper .swiper-pagination { bottom:20px !important;}
#index_swiper .swiper-pagination-bullet { width:18px; height:18px; margin:0 6px !important; background:none; border:#fff 1px solid; border-radius:100%;}
#index_swiper .swiper-pagination-bullet-active { background:#fff;}
#index_swiper .swiper-slide img { width:100%;}

.swiper .goNext { width:100px; text-align:center; color:#fff; position:absolute; bottom:5px; left:50%; margin-left:-50px; z-index:30; cursor:pointer; transition:all .5s; opacity:0; transform:translateY(50px);}
.swiper .goNext li { float:none !important; height:20px; padding-top:55px; display:inline-block; position:relative;}
.swiper .goNext li i { width:26px; height:44px; border:#fff 2px solid; border-radius:15px; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto auto auto;}
.swiper .goNext li i:before { width:12px; height:12px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:slidesGoNext 1s linear infinite alternate;}
.swiper.open .goNext { opacity:1; transform:translateY(0); transition-delay:.5s;}

@keyframes slidesGoNext {
	0%{ transform:translateY(10px);}
	100%{ transform:translateY(-10px);}
}

.index_title { width:100%; height:56px; margin-bottom:30px; position:relative; z-index:10;}
.index_title h5,.index_title h6 { width:100%; text-align:center;  position:absolute; left:0; transition:all .5s; opacity:0;}
.index_title h5 { line-height:30px; font-size:30px; font-weight:500; top:0; transform:translateX(-50px);}
.index_title h6 { line-height:16px; font-size:16px; bottom:0; transform:translateX(50px);}
.index_title h6 i { display:inline-block; position:relative;}



#index_works { background:#292525 url(../images/bg_works.jpg) no-repeat center 0; background-size:cover;}
.index_works { width:100%; position:relative; top:2px; }

.index_works .swiper { font:0/0 arial; overflow:visible; transition:all .5s; opacity:0; transform:translateY(200px);}
.index_works .swiper-slide { font:0/0 arial; overflow:visible;}
.index_works .swiper-pagination { bottom:-30px !important;}
.index_works .swiper-pagination-bullet { width:10px; height:6px; margin:0 2px !important; background:#fff; border-radius:3px;}
.index_works .swiper-pagination-bullet-active { width:20px; background:#d0a465;}

.index_works .list { width:100%; position:relative; overflow:visible;}
.index_works .list .li { float:left; width:25%; font:0/0 arial; position:relative;}
.index_works .list .li span { float:left; width:100%; overflow:hidden; position:relative;}
.index_works .list .li .bg img { width:100%; }
.index_works .list .li .img { width:100%; height:100%; background-color:transparent; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .35s;}
.index_works .list .li .img:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:20;}
.index_works .list .li .img:after { width:38px; height:38px; content:""; background:url(../images/base.png) no-repeat 0 -50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:30; display:none;}

.index_works .list .li:hover { overflow:visible; z-index:10;}
.index_works .list .li:hover .img { width:110%; height:110%;}
.index_works .list .li:hover .img:before { display:none;}
.index_works .list .li:hover .img:after { display:block;}

.index_works.open .index_title h5,.index_works.open .index_title h6 { opacity:1; transform:translateX(0);}
.index_works.open .swiper { opacity:1; transform:translateY(0);}
.moreworks{ display:block; width:200px; font-size:16px; height:30px; margin:0 auto; border:1px solid #313131; text-align:center; line-height:30px;}



#index_customers { background:#292525 url(../images/bg_works.jpg) no-repeat center 0; background-size:cover;}
.index_customers { width:100%; position:relative; top:50%; transform:translateY(-50%); margin-top:30px;}
.index_customers.open .index_title h5,.index_works.open .index_title h6 { opacity:1; transform:translateX(0);}

.index_title { width:100%; height:56px; margin-bottom:30px; position:relative; z-index:10;}
.index_title h5,.index_title h6 { width:100%; text-align:center;   font-size: 22px; position:absolute; left:0; transition:all .5s; opacity:0;}
.index_title h5 { line-height:30px;  top:0; transform:translateX(-50px);}
.index_title h6 { line-height:16px; font-size:16px; bottom:0; transform:translateX(50px);}
.index_title h6 i { display:inline-block; position:relative;}

/*service*/
.customers{ width:100%;border-bottom:1px solid #ac7b65; margin-top:40px;}
.customers-box{ width:1200px; margin:0 auto;}


.customers h3{text-align:center; font-size:20px; height:50px;width:300px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.customers h3 span{ display:block; margin-bottom:15px;}
.customers li{ margin-right:156px; }
.customers li p{text-align:center; margin-top:30px; font-size:16px;}
.customers li:last-child{ margin-right:0;}

/*follow*/
.follow{ width:100%;height:568px;border-bottom:1px solid #ac7b65; margin-top:30px;}
.follow-box{ width:1200px; margin:0 auto; padding-top:20px;}
.follow h3{text-align:center; font-size:20px; height:50px;width:300px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.follow h3 span{ display:block; margin-bottom:15px;}
.follow { margin-right:156px; }
.followleft{ float:left;}
.followleft  p{text-align:left; margin-top:30px; font-size:16px; }
.followright{ float:right;}


.foottxt{ height:50px; line-height:50px; text-align:center; color:#fff; background:#000;}
.followright img{ width:133px;}

.home{ background:#000;}

/*about*/
.about_bg{width:100%; background:#000 url(../h-img1/aboutbg.jpg) top center no-repeat; padding-top:75px;    border-bottom: 1px solid #ac7b65; margin-top:80px;}
.about_content{ width:1200px; height:300px; margin:0 auto; background:#000;}
.about_content h3{ width:150px; height:50px;  font-size:21px; color:#fff;letter-spacing:1.5px}
.about_content h3 span{ line-height:28px;}
.about_p{ color:#fff; margin-top:3px; font-size:16px; padding-top:30px; font-weight:200; line-height:30px;letter-spacing:1px; background:#000;}


.about_img{ margin-top:40px;}


/*focus*/
.index_focus {
    position: relative;
    width: 700px;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;

}
.index_focus .bd li {  
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
.index_focus_post {
    z-index: 10;
}
.index_focus .pic {
    height: auto;
    display: block;
}
.index_focus .pic:hover {
    text-decoration: none;
}
.index_focus .slide_nav {
    position: absolute;
    left: 50%; margin-left:-92px;
    bottom:2%;

}
.index_focus .slide_nav a {
	cursor:pointer;
	float:left;
    font-size:28px;
    font-family: arial;
    color: #fff;
	padding:5px 10px;
}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #000;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../images/ico_sliding.png) no-repeat;
}
.index_focus_pre {
    left: 30px;
    background-position: 0 0;
}
.index_focus_pre:hover {
    background-position: 0 -144px;
}
.index_focus_next {
    right: 30px;
    background-position: 0 -72px;
}
.index_focus_next:hover {
    background-position: 0 -216px;
}
.index_focus_info {
    position: absolute;
    left: 10%;
    bottom: 12%;
    width: 800px;
    height: 200px;
    padding-bottom: 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5fae\8f6f\96c5\9ed1";
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: url("../images/index_focus_bg.png") no-repeat;
    _background: none;
}
.index_focus_info h3 {
    font-size: 36px;
    line-height: 70px;
    font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";
	display:none;
}
.index_focus_info .text {
    width: 500px;
    line-height: 24px;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
	display:none;
}


/*people*/
.people{ background:#fff; width:100%; padding-top:30px; }
.people-box{ width:1200px;height:550px; margin:0 auto; padding-top:100px; box-shadow:1px 1px 10px -4px #c7c2c2;padding:40px; }
.people-title{float:left;}
.people-xx{float:left; border-radius:50%; width:250px; margin-right:100px; border:5px solid #941225}
.people-top{margin-bottom:50px;height:250px;}
.people-top span{ display:block; font-size:24px; line-height:28px; margin-bottom:15px; margin-top:10px;}
.people-box p{ line-height:35px; font-size:16px; margin-bottom:20px;}


.peoplelist{width:1200px; margin:0 auto; height:1000px; padding-top:30px;}

.peoplelist li{width:393px; padding:40px; margin-right:10px; box-shadow:1px 1px 10px -4px #c7c2c2; float:left; }
.peoplelist li:last-child{ margin-right:0;}
.peoplelist li span{ display:block; margin-bottom:30px; padding-top:10px; line-height:25px; font-size:24px;}
.peoplelist li p{ font-size:14px; line-height:30px; margin-bottom:30px;}


.soft_box{ width:100%; padding-top:20px; }
.soft_list{ width:1200px; margin:0 auto; }
.soft_list li{width:550px; margin-right:20px;box-shadow:1px 1px 10px -4px #c7c2c2; margin-bottom:20px; padding:20px; padding-bottom:10px;}
.soft_list li h3{ font-size:16px; color:#be9c8e; line-height:40px; height:40px; }
.soft_list li:nth-child(2n){ margin-right:0;}
.soft_list_pic{ width:550px;height:285px;}
.soft_list li p{ font-size:16px; line-height:30px; margin-bottom:10px;}
.soft_list li h4 span{ font-size:16px;}

.soft_list li h4{line-height:30px;}
.soft_list li h4 img{ margin-top:10px;}


.layui-laypage{ width:120px; margin:0 auto;}
.layui-laypage a{ display:block; border:1px solid #ccc; width:31px; border-radius:3px; height:30px; float:left; text-align:center; line-height:30px; margin-right:3px;}
.list_mapbox{border-bottom:1px solid #ac7b65;}
.list_map{ width:1200px; margin:0 auto;   }