.blue,.blue a, a.blue{color:#6cc6ea;}.blue a:hover, a.blue:hover{color:#828282;}
.orange,.orange a, a.orange{color:#fd8e00;}.orange a:hover, a.orange:hover{color:#fd8e00;}
.white,.white a{color:#fff}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk50,.bk100{clear:both; font-size:1px; height:0; line-height:1px;}
.bk3{height:3px;}.bk6{height:6px}.bk8{height:8px}.bk10{height:10px}.bk15{height:15px}.bk20{height:20px}.bk30{height:30px}.bk50{height:50px}.bk100{height:100px}

.f12{font-size:12px;}.f13{font-size:13px;}

#pages {margin:20px 0;}
#pages a {display:inline-block; height:22px; line-height:22px; border:1px solid #978a79; text-align:center; padding:0 10px}
#pages a.a1 {padding:0 5px; }
#pages a:hover {text-decoration:none; color:#fff; background-color:#978a79;}
#pages span {display:inline-block; color:#fff; background-color:#dfbe8f; height:22px; line-height:22px; border:1px solid #dfbe8f; text-align:center; padding:0 10px}
.page .noPage {display:inline-block; width:56px; height:22px; line-height:22px; background:#dfbe8f; border:1px solid #e2e2e2; text-align:center; color:#755E52;}

body{background-color:#111; color:#e7e7e7; font-family:'microsoft yahei',Tahoma, Helvetica, Arial, sans-serif;}
a:link, a:visited, a:hover, a:active{color:#e7e7e7;}

header{border-bottom:#3e2e17 1px solid; background-color:#070707;}
header .logo{float:left; margin:10px 30px;}
header, header a:link, header a:visited{color:#d89f4e;}

/* 菜单样式 */
#menu {font-size:16px;}
#menu .dropdown-menu {background-color:#2d2d2d; border:none; border-top:#b1803b 3px solid; border-radius:0px; padding:0px;}
#menu ul.nav .dropdown-menu li a{color:#bebebe; text-decoration:none; margin:0 15px;}
#menu ul.nav .dropdown-menu li a:hover{text-decoration:none; color:#d89f4e;}
#menu .dropdown-inner {display: table; width:100%;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner ul li{border-bottom:#3c3c3c 1px solid;}
#menu .dropdown-inner ul li:last-child{border-bottom:none;}
#menu .dropdown-inner ul li a{display:block; clear:both; line-height:35px;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li:focus>a{background-color:transparent;}
.navbar{margin: 0;}

#menu .nav > li > a:hover, #menu .nav > li > a:focus, #menu .nav > li > a:active, #menu .nav > li.active > a{color:#d89f4e;}
#menu .btn-navbar{border:3px solid #d89f4e;}
#menu .icon-bar{background-color:#d89f4e;}

.city-and-tel{margin:0; padding:8px 5px 0 22px;}
.city-and-tel li{margin:5px 10px; list-style:none; display:inline-block; background-image:url('../images/icon1-bg.png'); background-repeat:no-repeat; height:23px; line-height:30px; overflow:hidden;}
.city-and-tel li.ico-sz{background-position:left center; padding-left:18px;}
.city-and-tel li.ico-hk{background-position:-98px center; padding-left:20px;}
.city-and-tel li.ico-bj{background-position:-188px center; padding-left:30px;}
.city-and-tel li.ico-gz{background-position:-295px center; padding-left:25px;}
.city-and-tel li.ico-sh{background-position:-396px center; padding-left:28px;}
.city-and-tel li.ico-tel{background-position:-544px center; padding-left:26px; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; line-height:30px; float:right;}

/* 底部 */


/* 公共 */
.title1{background:url('../images/title1-bg.png') center no-repeat; height:91px; line-height:45px;}
.title1 span{display:block; line-height:45px; height:45px; margin:0 auto; text-align:center; font-size:20px;}
.title1 span[lang=en]{text-transform:uppercase;}

.curloc{margin:10px 0; display:none;}

a.more1{border:#9d8b71 1px solid; text-align:center; display:inline-block; padding:5px 30px;}

/* 首页 */
.banner{clear:both;padding-top: 90px;}
.banner ul{margin:0; padding:0;}
.banner ul li{margin:0; padding:0; list-style:none;}

.our-business{background:url('../images/our-business-bg.jpg') center repeat-y; min-height:494px; padding:50px 0;}
.our-business-box{width:176px; margin:10px auto;}
.our-business-box .ico-img{width:100%; height:176px;}
.our-business-box .ico-img span{display:block; z-index: 2; position: relative; width: 100%; height:100%; border-radius: 100%;
background-repeat:no-repeat; background-image:url('../images/our-business-bg.png');
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.our-business-box .ico-img span:before{ position: absolute; content: ''; width: 170px; height: 170px; left: 0; top: 0; border-radius: 100%; border: 1px dashed #e7e7e7; z-index: -1;
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s;
	-moz-transition: all .8s ease-out 0s;
}
.our-business-box .ico-img span:after{ position: absolute; content: ''; width: 184px; height: 184px; left:-7px; top: -7px; border-radius: 100%; 
	border: 1px solid #e7e7e7; z-index: -2;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.our-business-box .ico-img:hover span:before{ opacity: 0; 
	transform:scale(1.45);
	-webkit-transform:scale(1.45);
	-moz-transform:scale(1.45);
}
.our-business-box .ico-img:hover span:after{ opacity: 0;
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	transition: all .8s ease .3s;
	-webkit-transition: all .8s ease .3s;
	-moz-transition: all .8s ease .3s;
}

.our-business-box span.ico-img-1{background-position:left top;}
.our-business-box span.ico-img-2{background-position:-254px top;}
.our-business-box span.ico-img-3{background-position:-512px top;}
.our-business-box span.ico-img-4{background-position:-767px top;}
.our-business-box span.ico-img-5{background-position:-1032px top;}
.our-business-box .ico-img:hover span.ico-img-1{background-position:left bottom;}
.our-business-box .ico-img:hover span.ico-img-2{background-position:-254px bottom;}
.our-business-box .ico-img:hover span.ico-img-3{background-position:-512px bottom;}
.our-business-box .ico-img:hover span.ico-img-4{background-position:-767px bottom;}
.our-business-box .ico-img:hover span.ico-img-5{background-position:-1032px bottom;}

.our-business-box h4{border-bottom:#e7e7e7 1px solid; text-align:center; padding:5px 0; margin-top:40px;}
.our-business-box h4 a:hover{text-decoration:none; color:#d6000e;}

.home-case{background-color:#111; padding:50px 0;}
.home-case-box{width:100%; height:225px; overflow:hidden; margin:5px auto;}
.home-case-box .img{width:100%; overflow:hidden; border:#534839 1px solid; text-align:center;}
.home-case-box .img a{position:relative;}
.home-case-box .img a:hover span{opacity:0.5; background-color:#d89f4e; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.home-case-box .img img{max-width:100%;}
.home-case-box .text{margin:5px 0 0; height:34px; overflow:hidden;}
.home-case-box .title{float:left; font-size:12px;}
.home-case-box .title span{display:block;}
.home-case-box .text .more{float:right; margin:6px 0 0;}

.home-choose{background-color:#1e1e1e; padding:50px 0;}

.home-news{background-color:#111; padding:50px 0;}
.news-box{background-color:#151515; padding:5px; margin:8px 0; height: 128px; overflow:hidden;}
.news-box .media-heading{border-bottom:#534839 1px solid; padding-bottom:5px; margin-bottom:5px;}
.news-box .media-heading a{height:16px; overflow:hidden; display:inline-block;}
.news-box .desc{height:3em; overflow:hidden;}
.news-box .pull-left{width:160px; margin-right:10px;}
.news-box .media-object{max-width:160px; border:#534839 1px solid;}

#home-about .container-fluid{padding:0;position:relative;}
#home-about .title{margin:35px 0; clear:both;}
#home-about .ha-img{background:#161616 url(../images/biz-bg.jpg) no-repeat center center;background-size:cover;position:absolute;min-height:364px;}
#home-about .ha-img > div{margin:0 auto; height:364px; vertical-align: middle; display: table-cell;}
#home-about .ha-img > div > p{color: #fff;}
#home-about .ha-text{background:#1B1B1B;padding:15px 70px;float:right;min-height:364px;}
#home-about .ha-text-title{margin-bottom:25px;}
#home-about .ha-text-title h2{font-size:22px;}
#home-about .ha-text-title p{font-size:14px;}
#home-about .ha-text-content{font-size:12px;margin-bottom:25px;line-height:2.0;}
#home-about .more-btn{clear:both;text-align:center;}
#home-about .more-btn a{display:inline-block;padding:18px 110px;font-size:15px;border:1px #ad9472 solid;}

.home-customer{background-color:#1e1e1e; padding:50px 0;}

/* 文章内容页 */
.article{}
.article_bg{background-color:#151515; padding:10px;}
.article_bg > div{margin:0 auto; max-width:1200px;}
.article_bg > div > h1{border-bottom:#534839 1px solid; text-align:center; line-height:1.5em; font-size:20px; padding-bottom:15px;}
.article_bg > div > .content{margin-top:20px;}
.article_bg > div > .content img{width:auto !important; height:auto !important; max-width:100%;}
.article .curloc{margin:10px 0;}
.article .curloc .back{float:right; border:#9d8b71 1px solid; text-align:center; display:inline-block; padding:1px 10px; font-size:12px;}

/* 分类导航 */
a.btn-link, a.btn-link:focus{border:#9d8b71 1px solid; text-align:center; display:inline-block; margin:10px 0; padding:10px 0px; text-decoration:none; width: 100%;}
a.btn-link-active, a.btn-link:hover{border:#ad9472 1px solid; color:#fff; text-decoration:none; background-color:#ad9472}

.customer-box{width:100%; height:88px; border:#313131 1px solid; margin:10px 0; overflow:hidden; text-align:center; line-height:88px;}
.customer-box img{max-width:100%; max-height:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.customer-box:hover{border:#a27534 1px solid;}
.customer-box:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: normal;}

.contact-box{background-color:#151515; padding:5px 10px; height:190px; overflow:hidden; margin:15px 0;}

.home-customer .swiper-slide{text-align:center;}
.home-customer .swiper-slide span{display:inline-block; width:160px; height:50px; line-height:46px; overflow:hidden; border:#313131 1px solid; margin:5px;}
.home-customer .swiper-slide span img{max-width:100%; max-height:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.home-customer .swiper-slide span:hover{border:#a27534 1px solid;}
.home-customer .swiper-slide span:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: normal;}




/* 选择我们的理由 */
.newsYoseist li .texgs .txt{ display: inline-block; margin: 8px 0 0 8px;} 
.newsYoseist li .texgs .txt font,
.newsYoseist li .texgs .txt span{ 
	display: inline-block;
	color: #fff;
}
.newsYoseist li .texgs .txt font{ height: 0px; font-size: 20px; text-transform: capitalize; font-family: 'arial';
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.newsYoseist li .texgs .txt span{ font-size: 18px; width:18px;}
.newsYoseist li i{ display: block; position: absolute; left: 50%; bottom: 10%;
	transform: translateX(-50%); 
	transition: all .6s ease 0s;
}

.newsYoseist li .subnei{
	width: 80%;
	height: 60%;
	background-color: #D3242D;
	background-color: rgba(214,0,14,0.8);
	position: absolute;
	left: 50%;
	margin-left: -40%;
	top: 20%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 60px;
	
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	
	transition: all .8s ease .4s;
	-webkit-transition: all .8s ease .4s;
	-moz-transition: all .8s ease .4s;
	opacity: 0;
	
}
.newsYoseist li .subnei strong{ display: inline-block; font-size: 48px; font-weight: bold; color: #fff;
	border-bottom: 1px solid #E24F58;
	padding-bottom: 10px;
}
.newsYoseist li .subnei small{ display: inline-block; font-size: 12px; font-family: arial;
 	text-transform: capitalize;
 	letter-spacing: 5px;
 	color: #E89598;
 	border-bottom: 3px solid #E24F58;
 	margin-top: 10px;
 	padding-bottom: 10px;
 	width: 123px;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	padding-left: 5px;
}

.newsYoseist li.ne2 .texgs .txt font{
	height: auto;
	margin-left: -32px;
}
.newsYoseist li.ne5 .texgs .txt font{
	height: auto;
	margin-left: -26px;
}
.newsYoseist li.ne2 .subnei small,
.newsYoseist li.ne5 .subnei small{ letter-spacing: 9px;}
.newsYoseist li:hover img{
	opacity: 1;
}
.newsYoseist li:hover .texgs{
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	opacity: 0;
	
}

.newsYoseist li:hover .subnei{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	opacity: 1;
	
}
.newsYoseist{ width: 100%; margin: 50px 0; padding:0;}
.newsYoseist li{ display: inline-block; vertical-align: top; width: 18.9%; height: 460px; 
	margin:0 1% 0 0; position: relative; list-style:none; padding:0;
	background-color: #000;
}
.newsYoseist li:last-child{ margin-right: 0%;}
.newsYoseist li .imgs{width: 100%; height: 100%;} 
.newsYoseist li .imgs img{ width: 100%; height: 460px;
	opacity: 0.6;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}

.newsYoseist li .texgs{ 
 position: absolute; left: 0; top: 0;
  width: 100%; 
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 11px solid #EFEFEF;
  bottom: 10%;
  
  transition: all .5s ease 0s;
  
}

.subcate a, .subcate a:focus, .subcate a:active, .subcate a:link, .subcate a:visited{width: 75%;}

@media (min-width:1200px){
	.container{width:auto !important; max-width:1420px}
}
@media (min-width:769px){
	#menu .nav{width:100%;}
	/*#menu .nav > li{width:20%; text-align:center;}*/
	#menu .nav > li > a{margin:0 10px;}
	#menu .nav > li > a:after{ width: 0%; height: 4px; background-color: #AC8348; position: absolute; content: ''; left: 0%; bottom: 0;
		 transition: all .4s ease 0s;
		 -webkit-transition: all .4s ease 0s;
		 -moz-transition: all .4s ease 0s;
	}
	#menu .nav > li > a:hover:after,
	#menu .nav > li > a.active:after{ width: 100%;}

	.home-case-box .img a{height:180px; display:table-cell; vertical-align:middle; }
}
@media (max-width: 768px){
	#logo-box, .city-and-tel{display:none;};
	.our-business ul li{width:100%;}

	.home-case-box{height:auto !important; overflow:auto !important;}

  .newsYoseist li{ width: 100%; margin-right: 0;}
  .uplist a{ width: 100%; margin-bottom: 5px;}
  
  .newsYoseist li{ margin-bottom: 15px;}
  .newsYoseist li .subnei strong{ width: 156px; display: block; margin: 0 auto;}
  .newsYoseist li .subnei small{ width: 156px;}
  
  .newsYoseist li .texgs{
			transform: scale(0.5);
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			opacity: 0;
	}
	
	.newsYoseist li .subnei{
			transform: scale(1.0);
			-webkit-transform: scale(1.0);
			-moz-transform: scale(1.0);
			opacity: 1;
	}
}

/*form--------start---------*/
/*form*/
.c-c-t{width: 100%;padding-left: 30px;}
.c-c-t form {}
.c-c-t > .lyform > .m-c > .c-l-c {
    width: 95%;;
    margin-bottom: 34px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-na {
    height: 40px;
    line-height: 40px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-na > span {
    color: #da251d;
    margin-right: 10px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-nc {
    margin-left: 8px;
    width: 80%;
}
.c-c-t > .lyform > .m-c > .c-c-b > .c-na {
    height: 40px;
    line-height: 40px;
}
.c-c-t > .lyform > .m-c > .c-c-b > .c-na > span {
    color: #da251d;
    margin-right: 10px;
}
.c-c-t > .lyform > .m-c > .c-c-b > .c-nc {
    margin-left: 8px;
    width: 80%;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-nc > input {
    height: 40px;
    width: 90%;
    padding-left: 18px;
    border: 1px solid #ccc;
}
.c-c-t > .lyform > .m-c > .c-c-b {
    width: 100%;
}
.c-c-t > .lyform > .m-c > .c-c-b > .s-na {
    height: 40px;
    line-height: 40px;
}
.c-c-t > .lyform > .m-c > .c-c-b > .s-na > span {
    color: #da251d;
    margin-right: 10px;
}
.c-c-t > .lyform > .m-c > .c-c-b > textarea {
    width: 69%;
    height: 120px;
    padding: 24px;
    margin-left: 8px;
    border: 1px solid #ccc;
}

@media (max-width: 768px){
	.c-c-t > .lyform > .m-c > .c-c-b > textarea{
		margin-left: 10px;
		width: 72%;
	}
}

.c-c-t .submit {
    width: 168px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #0052cf;
    /*margin: 0 130px;*/
    margin-top: 30px;
    border-radius: 20px;
    position: relative;
    margin: 30px auto;
}
.c-c-t .submit #tel {
  width: 100%;
    border: 0;
    background: none;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}
/*form--end--*/
/*form--------end------*/