@charset "utf-8";


/* 透明度 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";     filter:alpha(opacity=60);  opacity: 0.6;  */
/*圆角 ebkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
ul, li { list-style: none; }
html {
	overflow-x: hidden;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	overflow: hidden;
	line-height: 22px;
	overflow-x: hidden;
}


.tal {
	text-align: left;
}

.tar {
	text-align: right;
}
.f-left{ float:left;}
.f-right{ float:right;}
.tac {
	text-align: center;
}
.p-rel{position: relative;}
.p-abs{position: absolute;}
.ttu {
	text-transform: uppercase;
}

.ttl {
	text-transform: lowercase;
}

.ttn {
	text-transform: normal;
}

a {
	text-decoration: none!important;
	cursor: pointer;
}

a:link, a:visited { 
	transition: all 0.2s ease-out 0s; 
	-webkit-transition: all 0.2s ease-out 0s; 
	-moz-transition: all 0.2s ease-out 0s; 
}

:active,
:hover,
:focus,
:visited {
	text-decoration: none;
	outline: none!important;
}

input,
button,
select,
textarea {
	font-family: "Open Sans", sans-serif;
}
.ls10{letter-spacing:8px;}
.ls4{letter-spacing:4px;}
.page-wrapper {
	width: 100%;
	height: auto;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
.b-radius{ebkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}
  
.sep {
	position: relative;
    left: 0;
    right: 0;
	width: 30px;
    height: 1.5px;
    background: #353535;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.sep:before {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    bottom: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep:after {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    top: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep-white {
	background: #fff;
}
.sep-eaea {
	background: #eaeaea;
}
.sep-white:before {
	background: #fff;
}

.sep-white:after {
	background: #fff;
}

.gap-small {
	width: 100%;
	height: 20px;
	clear: both;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
img {
	border: 0;
	outline: none;
}

.img-fullwidth {
	width: 100%;
}

.img-responsive {
	display: block;
    width: 100%;
    height: auto;
}

.bg-white {
	background: #fff!important;
}

.bg-white-dark {
	background: #f1f1f1!important;
}

.heading-normal {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	overflow: hidden;
}

.heading-normal h2 {
	color: #f57c05!important;
	padding-bottom: 10px;
	border-bottom: 2px solid #f57c05;
	font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.color-33{ color:#333}
.color-00{ color:#000;}
.color-66{ color:#666}
.color-99{ color:#999}
.color-88{ color:#888}
.color-b6{ color:#b6b6b6}
.color-b2b{ color:#b2d7ff}
.color-active{ color:#906e53;}
.color-ff{ color:#fff}
.f-wb{ font-weight:bold;}
.f-s12{ font-size:12px;}
.f-s14{ font-size:14px;}
.f-s16{ font-size:16px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.f-s28{ font-size:28px;}
.f-s30{ font-size:30px;}
.f-s34{ font-size:34px;}
.f-s40{ font-size:40px;}
.f-s44{ font-size:44px;}
.f-s58{ font-size:58px;}
.f-s80{ font-size:80px;}
.m-top10{ margin-top:10px;}
.m-top20{ margin-top:20px;}
.m-top30{ margin-top:30px;}
.m-top40{ margin-top:40px;}
.m-top50{ margin-top:50px;}
.m-top60{ margin-top:60px;}
.m-top80{ margin-top:80px;}
.m-top100{ margin-top:100px;}
.m-top130{ margin-top:130px;}
.m-top145{ margin-top:145px;}
.m-top150{ margin-top:150px;}
.m-top190{ margin-top:190px;}
.m-bottom5{ margin-bottom:5px;}
.m-bottom0{ margin-bottom:0px;}
.m-bottom100{ margin-bottom:50px;}
.m-bottom20{ margin-bottom:20px;}
.lh-50{ line-height:50px;}
.lh-36{ line-height:36px;}
.lh-30{ line-height:30px;}
.lh-24{ line-height:24px;}
.lh-18{ line-height:18px;}
.cr-black{ color:#000;}
.p-left50{ padding-left:50px;}
.p-top10{ padding-top:10px;}
.p-top50{padding-top:50px;}
.p-bottom10{ padding-bottom:10px;}
.p-bottom40{ padding-bottom:40px;}
.p-bottom80{ padding-bottom:80px;}
.p-0{ padding:0;}
.z-i2{z-index: 2;}
/*
================================
Preloader
================================
*/
.navbar-header{ padding-top:2px;}
.navbar-header  .f-s16{ color:#fff;}
.navbar-brand img{ display:inline;}
.navbar-collapse ul{ float:left; }
.i-news-hot{ position:relative;}
img{ max-width:100%;}
.itemHover {
	position: absolute;
	width: 100%;
	height: 80px;
	padding:0 40px;
	bottom:0px;
	padding-right:20px;
	background:rgba(62,176,52,0.6);
	opacity: 0;
	margin-bottom:0;
	line-height:80px; overflow:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;

}
.search-input{ float:left; width:100px; padding-left:11px; line-height:28px; font-size:11px; border:0; background:none;}
.search-btn{ float:right; text-indent:-9999px; width:22px; height:21px; background:url(../images/search_icon.jpg) no-repeat ; margin-top:2px; margin-right:8px;}


p#back-to-top{
    position:fixed;
    display:none;
    bottom:100px;
    right:50px;
	z-index:12;
}

p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:44px;
	height:43px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
	background: url(../images/top_01.jpg) no-repeat ;
}

p#back-to-top a:hover{
    color:#979797;
	background: url(../images/top_hover.jpg) no-repeat ;
}
.carousel-indicators{ bottom:-50px;}
.carousel-indicators li{display:inline-block;width:55px;height:4px; margin:0 7px;text-indent:-999px;cursor:pointer;background-color:#b9b9b9;border:0;border-radius:0;}
.carousel-indicators .active{width:55px;height:4px; margin:0 7px;background-color:#84644b}
#myCarousel2 .carousel-indicators{right:0; bottom:-30px;left:auto;width: auto;;}
#myCarousel2 .carousel-indicators li{display:inline-block;width:34px;height:4px; margin-left:14px;text-indent:-999px;cursor:pointer;background-color:#673b19;border:0;border-radius:0;}
#myCarousel2 .carousel-indicators .active{width:34px;height:4px;  margin-left:14px;background-color:#d6a27a}
.about-bg{background:url(../images/about-bg.png) ; width: 100%;padding: 120px 0;}
.products-bg{background:url(../images/p-bg.png) top no-repeat ;}
.esthetics-bg{background:url(../images/meixue-bg.png) top no-repeat; padding:120px 0;display: inline-block;width: 100%;}
.b-more{position: absolute;bottom: 0px; height: 30px;background:rgba(0,0,0,0.5);width: 100%; text-align: right;}
.b-more img{ padding:5px 20px 0 0; }
#brand a:hover .b-more{background:rgba(114,110,83,0.5);}
.i-service-c{width: 100%; margin-top: 260px;}
.pd-420{padding: 420px 0;}
.link-a a{ margin-right:30px; word-wrap: break-word;
    word-break: normal;}
.footer-link{ background:#1c1c1c; padding-top:50px; padding-bottom:50px; }
.i-link{ padding:0; margin-bottom:40px;}
.md-footer a:hover{ color:#fff;}
.footer-copy{ height:58px; width:100%;line-height:58px; background:#000; color:#fff; display: inline-block;}
.footer-copy .container{ padding:0;}
.footer-link .container{padding:0;}

#service  .col-md-7,#service  .col-md-5{padding: 0;margin: 0;}
.contact-list{ padding-left:24px; height:18px; line-height:18px; font-size:16px;}
.c-icon-add{ background:url(../images/contact_03.jpg) left center no-repeat ;}
.c-icon-line{background:url(../images/contact_04.jpg) left center no-repeat ;}
.c-icon-mail{background:url(../images/contact_05.jpg) left center no-repeat ;}
.contact-list span{ padding-left:28px; color:#2d2d2d;}
.contact-list a{ color:#1a4da0;}
.news-list{ margin-bottom:30px; width:100%; display:inline-block;}
a .img-line:hover{ border:1px solid #2a6bb2;}
.page{ text-align:center;}
.expert-btn{ margin-bottom:20px; display:inline-block;}
.expert-btn a{ margin-right:10px;padding-bottom:4px;}
.expert-btn a.active{ border-bottom:2px solid #2a6bb2; color:#2a6bb2; }

.page-case .i-case-list{ width:318px; position:relative;background:#000; height:337px; padding:0; margin-bottom:130px;}

.page-case .i-case-p{top:256px; left:10px; width:298px; height:186px;}
.xs-footer .row{height:46px; width:100%;line-height:46px; background:#dcdddd; color:#9fa0a0; margin:0; z-index:11; position:fixed; bottom:0;}
.footer-contact li{float: left; margin-left:;}
.footer-line{ border-left: 1px solid #84644b; margin-left:30px;padding-left: 30px; }
.footer-er-line,.footer-er-line2{border-right: 1px solid #7d7d7d;}
.footer-erweima{border-top:1px solid #c3c3c3;}
.about-top-bg{background:url(../images/about-top-bg.png) top repeat-x;display: inline-block;width: 100%;}
.bg-01{background: #555;width:100%;display: inline-block;}
.bg-02{background: #84644b;width:100%;display: inline-block;}
.products-bg-01{background: #545454;width:100%; padding-bottom: 200px;}
.products-bg-02{background: #d1c6ba;width:100%; padding-bottom: 200px;}
.honor-bg{background: #7f8794;}
.p-bg-01{ background:linear-gradient(#545454, #383838);width:100%;display: inline-block;margin-bottom:-6px;}
.p-bg-02{ background:linear-gradient(#e1dad2, #f7f5f3);width:100%;display: inline-block;margin-bottom:-6px;}

.about-bottom-bg{background:url(../images/about-bg01.png) bottom center no-repeat; padding-bottom:530px;width:100%;display: inline-block;}
.del-pr .col-md-6,#page .container,.case-bg-01 .col-md-5,.case-bg-01 .col-md-7 {padding:0;}
.honor{padding:56px 70px;}
footer{margin-bottom:-6px;}
.honor-list li{background:url(../images/jp.png) left center no-repeat; line-height:36px; padding-left: 30px;}
.t-in30{text-indent: 30px;}
.p-line{border-bottom:1px solid #916e53;padding-bottom: 20px;margin-bottom:20px;}
.case-bg-01{background: #e3dad3;width:100%; display: inline-block;padding-top:100px;padding-bottom: 100px;margin-bottom:-6px;}
.case-c{position: absolute; left: 0; top:30px;height: 420px; padding:40px; background: #313332;width: 110%;}
.case-c2{position: absolute; left:-10%; top:30px;height: 420px; padding:40px; background: #84644b;width: 110%;}
.case-c2 .small-line{background: #fff;}
.small-line{width: 50px; height: 1px; background: #84644b;display: inline-block;}
.brand-line{border-bottom:1px solid #959595;width:20%; height: 1px; display: inline-block;}
.page-footer-line{border-top:1px solid #aaaaaa;width:100%;margin-top:100px;}
.brand-top-bg{background:url(../images/brand-bg.png) bottom center no-repeat; padding-bottom:360px;width:100%;display: inline-block;}
.brand-list .col-md-3{display: table;width: 20%;height:150px;text-align: center; padding:26px 0;border-top:1px solid #a0a0a0;border-right:1px solid #e5e5e5; }
.brand-list .col-md-3:nth-child(5){border-right:0;}
.brand-list .col-md-3 a{display:table-cell;vertical-align:middle;}
.brand-list{border-bottom:1px solid #a0a0a0; display: inline-block;width: 100%;}
.case-bg-02{background:url(../images/case-bg.png) top center no-repeat;width:100%;display: inline-block;}
.case-list-bg{background:#916e53; display: inline-block;padding-bottom: 10px;}
.pd20{padding:0 20px;}
.case-line{background: #a2836a;height: 1px; display: inline-block;width: 100%;}
.case-bg-02 p.del{margin-bottom:0;}