.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:#ffd9a3; font-family:'microsoft yahei',Tahoma, Helvetica, Arial, sans-serif;}
a:link, a:visited, a:hover, a:active{color:#ffd9a3;}

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;}

/* 底部 */
footer{border-top:#000 1px solid;}
footer, footer a:link, footer a:visited{color:#d89f4e;}
footer .container{max-width:1200px;}
.footer_menu{padding:20px 0; background-color:#222;}
.footer_menu dl{margin:0; padding:0;}
.footer_menu dl dt{margin-bottom:10px;}
.footer_menu dl dd{line-height:2em;}

.footer_address{padding:20px 0; background-color:#1b1b1b;}
.footer_copyrights{padding:10px 0; background-color:#222;}
.footer_copyrights p{margin:0;}

/* 公共 */
.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;}
.keylink{color: #e14040!important;}

/* 首页 */
.banner{clear:both;}
.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 #FFD9A3; 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 #FFD9A3; 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:#ffd9a3 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;
	}
}









.float_qq {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -101px;
    width: 50px;
    height: 203px;
    z-index: 6666
}
.float_qq ul{
	list-style: none;
}
.float_qq li {
    width: auto;
    height: 50px;
    z-index: 20
}

.float_qq li.float_qq1,
.float_qq li.float_qq4 {
    position: absolute;
    left: 0;
    width: 62px
}

.float_qq li.float_qq1 {
    top: 0
}

.float_qq li.float_qq2 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 126px
}
.float_qq li.float_qq2_5 {
    position: absolute;
    top: 102px;
    left: 0;
    width: 126px
}

.float_qq li.float_qq3 {
    position: absolute;
    top: 153px;
    left: 0;
    width: 172px
}

.float_qq li.float_qq4 {
    top: 204px
}

.float_qq4 {
    position: absolute;
    top: 204px;
    left: 0
}

.float_qq li a {
    display: block;
    font-family: "Microsoft Yahei";
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #c70c1f;
    opacity: .8;
    border-radius: 6px
}

.float_qq li a img {
    display: block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px
}

.float_qq li a:hover {
    background-color: #f2b741;
    opacity: 1
}


.float_shwx {
    position: absolute;
    top: -226px;
    left: -216px;
    background: url(../images/float_wxbd.png) no-repeat bottom right;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none
}
.float_shwx p{
	margin:0px;
}

.float_shwx img {
    display: block;
    padding: 14px;
    background-color: #FFF;
    width: auto;
    height: calc(100% - 9px);
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

#qLpercentage {
    width: 105px;
    height: 104px;
    line-height: 104px;
    text-align: center
}
