@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff; -webkit-text-size-adjust:none; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f21400; text-decoration:none;}
/*头部*/
.inner{ width:1200px; margin:0 auto; position:relative;}
header{ background:#fff; zoom:1}
#web_logo{ font-size:0px; position:relative; z-index:999;}

body>iframe{ display:none;}

/*顶部导航*/
.toolbar {
    width: 1200px;
    height: 105px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px 0px #bababa;
    box-sizing: border-box;    margin: 0 auto;
}
.tool_search {
    width: 450px;
    box-sizing: border-box;
    height: 75px;
    margin-top: 15px;
    border-right: 1px solid #e3e3e3;
}.search_form {
    display: block;
    height: 38px;
    width: 335px;
    margin: 0 auto 15px;
    box-sizing: border-box;
    border-radius: 19px;
    border: solid 1px #cccccc;
    padding: 7px 15px;
}.search_input {
    width: 260px;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #e3e3e3;
    box-sizing: border-box;
    font-size: 16px;
}.search_btn {
    width: 43px;
    height: 24px;
    background: url(../images/search_tool.png) no-repeat 15px center transparent;
    border: none;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}.search_key {
    display: block;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
    padding-left: 10px;
    width: 335px;
    margin: 0 auto;
    color: #C9986D;
    font-size: 14px;
}.tool_tel {
    width: 410px;
    box-sizing: border-box;
    height: 75px;
    margin-top: 15px;
    border-right: 1px solid #e3e3e3;
    background: url(../images/tool_tel.png) no-repeat center center transparent;
}.tool_qrcode a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/tool_edit.png) no-repeat center center transparent;
}.tool_qrcode {
    width: 300px;
    padding: 8px 0;
    text-align: right;
}
.f_l {
    float: left;
}.tool_qrcode_text {
    width: 190px;
    text-align: right;
    padding-top: 24px;
}.tool_qrcode_text p {
    font-size: 16px;
    line-height: 20px;
}.tool_qrcode_text p {
    font-size: 16px;
    line-height: 20px;
}.f_r {
    float: right;
}.w1200 {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}.toolinfo_box {
    width: 385px;
    height: 125px;
    box-shadow: 0px 0px 4px 0px #bababa;
    margin-right: 14.5px;
    overflow: hidden;
}.toolinfo_box a {
    display: block;
    position: relative;
    cursor: pointer;
}.toolinfo_img {
    width: 385px;
    height: 125px;
    background: url(../images/tool/1.png) no-repeat center center;
    transition: all 0.2s;
}.toolinfo_text {
    width: 385px;
    height: 125px;
    box-sizing: border-box;
    padding: 12px;
    background-color: #fff;
    font-size: 15px;
    line-height: 18px;
    color: #251d1d;
}.toolinfo_box a:hover .toolinfo_img {
    height: 0;
}.mb20 {
    margin-bottom: 20px !important;
}#floor_1_main {

    top: 9px;
}.tool_qrcode2 {
    width: 335px;
    box-sizing: border-box;
    height: 100%;
    padding: 8px 0;
    text-align: right;
}.search_input {
    width: 245px;
    height: 24px;
    line-height: 20px;
    border: 0;
    box-sizing: border-box;
    font-size: 16px;
}
.toolbar.w1200.mb20.clearfix {
    margin-top: 20px;
}


.sidebar *{ box-sizing:border-box;}
.sidebar .editor{ padding-left:0 !important; padding-right:0 !important;}


.top-nav{ line-height:34px; background:#666; color:#fff;}
.top-nav a{ color:#fff;}
.top-nav li.t{ float:right;}
.top-nav li.t a { position:relative; display:block; float:left;}
.top-nav li.t a .erweima { position:absolute; left:-38px; top:34px; opacity:0; transition:0.8s;}
.top-nav li.t a img { display:block; width:120px; height:120px;}
.top-nav li.t a:hover .erweima { opacity:1; z-index:99;}
.top-nav li.t span{ padding:0px 5px; color:#bbb; display:block; float:left;}
.top-nav li.b{ float:left;}
.top-nav li.b p{ float:right; margin-left:34px; width:500px; height:34px; overflow:hidden;}
/*nav*/
.top-logo{ min-height:100px; _height:100px; float:left;}
nav{ height:58px; overflow:hidden; float:right; margin-top:22px;}
nav ul li{ float:left; text-align:center; overflow:hidden;}
nav ul li a{ display:block; margin:0px 10px; font-size:16px; height:55px; line-height:55px;}
nav ul li a:hover{ color:#f21400;}
nav ul li.hover,nav ul li.navdown{}
nav ul li.hover a,nav ul li.navdown a{ color:#f21400; border-bottom:3px solid #f21400;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#f21400;}
/*banner*/
.met_flash{ font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 



/*首页*/
.index { }
/*style-1*/
.style-1 h2.title { font-size:36px; line-height:36px; text-align:center;}
.style-1 h2.title span{ font-weight:normal;}
.style-1 h2.title p { font-weight:normal; font-size:16px; color:#666; line-height:36px;}
.style-1 .active{ margin-top:20px;}
.style-1 .more-box { margin-top:30px;}
.style-1 .more-box span{ display:inline-block; width:540px; border-bottom:1px solid #ccc; position:relative; top:-20px;}
.style-1 .more-box a.more { display:inline-block; width:110px; line-height:24px; text-align:center; padding-top:26px; background:url(../images/more.png) no-repeat center top;}
/*xinwen*/
.zhong{ width:100%; max-width:100%; height:auto}
/*首页--新闻*/
.common-title {
	text-align: center;
	margin-bottom:40px;
}

.common-title h3 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
}



.common-title span {
	display: block;
	font-size: 18px;
	color: #b2b2b2;
	margin-bottom: 15px;
}

.common-title p {
	text-align: center;
	font-size: 0;
	display:block;
	width:44px; height:2px; background:#cccccc; margin:15px auto !important;
	
}

.common-title p i {
	display: inline-block;
	width: 50px;
	height: 1px;
	margin: 0 2px;
	background: #a4a4a4;
}

.common-title p i:first-child {
	background: #009944;
}


/*首页--新闻中心*/

.news {
	padding-top: 40px;
	padding-bottom: 40px;
}

.news .news-content {
	margin-top: 10px;
}

.news .news-content p {
	margin-bottom: 0;
}

.news .thumbnail {
	overflow: hidden;
}

.news .thumbnail img {
	width: 100%;
}

.news .news-content .caption {
	padding: 0px 9px 20px 9px;
	border-bottom: 1px solid #ccc;
	color: #333;
}

.news .news-content .caption h3 {
	margin-bottom: 12px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .news-content .caption p {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .news-des {
	padding: 20px 9px 20px 9px;
	color: #b2b2b2;
}

.news .news-des p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.news-more {
	font-size: 0;
}

.news-more .date,
.news-more .more {
	display: inline-block;
	width: 50%;
	text-align: center;
	background: #e5e5e5;
	line-height: 40px;
	font-size: 12px;
	color: #4c4c4c;
}

.news-more .date {
	box-sizing: border-box;
	border-right: 1px solid #fff;
}

.news .news-content .caption h3 a{color:#c9986d;}
/*门店*/

.mend{ padding:60px 0;}
.mend ul{ margin:0 auto; width:100%; max-width:1200px; display:flex; flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.mend li{ display: inline-block; width:23%; margin:1%;}
.mend li img{ max-width:100%; height:auto;}
.mend li h3{ padding:10px; text-align:center; font-weight:normal; display:block;}

/*首页新闻*/
.news_center {
	padding:60px 0;
}
.news_center_list_title {
	font-size: 16px;
	color: #c9986d;
	margin: 25px 0;
}
.news_center .span4{ width:33.333%; float:left;}
.news_center_content:after{ content:''; display:block; clear:both;}
.news_center_content {
	margin-left: -60px;
}
.news_center_list {
	margin-left: 60px;
}
.news_center_list_img {
	overflow: hidden;
}
.news_center_list_img img {
	width: 100%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.news_center_list_img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_center_content ul li a {
	display: block;
	color: #767676;
	 float:left;
	font-size: 14px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url(../images/056.png) left center no-repeat;
	padding: 3px 0 3px 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	width:calc(100% - 80px);
	box-sizing:border-box;
}
.news_center_content ul li a div{ width:34px;box-sizing:border-box;}
.news_center_content ul li a .text {
	float: left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_center_content ul li a .time {
	float: right;
	width: 20%;
	text-align: right;
}
.news_center_content ul li a:hover {
	color: #333;
	text-indent: 5px;
}

.xiangmua ul{ padding:0;}
.xiangmua ul:after{ content:''; display:block; clear:both;}
.xiangmua li{ float:left; width:24%; margin:0.5%;}
.xiangmua li img{ width:100%; height:auto;}

/*招聘*/
.co1 .mabox .ul2 li.ud_d0.act,.co1 .mabox .ul2 li.ud_dl.act{animation:big 1s infinite linear alternate;-webkit-animation:big 1s infinite linear alternate;}

@-webkit-keyframes big{0%{transform: scale(1.5);-webkit-transform: scale(1.5);}100%{transform: scale(2.5);-webkit-transform: scale(2.5);}}

@keyframes big{0%{transform: scale(1.5);-webkit-transform: scale(.5);}100%{transform: scale(2.5);-webkit-transform: scale(2.5);}}

.clearfix:after{ content:''; display:block; clear:both;}


.co2{padding: 30px 0;background: #f5f5f5;}

.co2 .tt{text-align: center;}

.co2 .xian{width: 30px;height: 2px;background: #bc0b28;margin: 40px auto;}

.co2 .cbox1{margin: 60px 0 30px;}

.co2 .cbox1 select,.co2 .cbox1 input{display: block;float: left;width: 19%;box-sizing: border-box;margin-right: 2%;height: 45px;padding-left: 20px;color: #666;font-size: 14px;}

.co2 .cbox1 a{display: block;width: 14%;float: right;line-height: 45px;background: #f3142c;color: #fff;text-align: center;} 

.co2 .cbox1 a:hover{background: #c91520;}

.co2 .ul1{}

.co2 .ul1 dt{background: #8f8f8f;box-sizing: border-box;padding: 0 80px;}

.co2 .ul1 dt span{display: block;float: left;line-height: 45px;width: 25%;color: #fff;}

.co2 .ul1 dd .dtp{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 80px;background: #fff;cursor: pointer;}

.co2 .ul1 dd .dtp span{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;float: left;line-height: 65px;width: 25%;}

.co2 .ul1 dd .dbt{padding: 30px 80px;line-height: 1.8;color: #666;display: none; background:#fff;}

.co2 .ul1 dd.act .dtp{background: #C9986D;}

.co2 .ul1 dd.act .dtp span{color: #fff;}

.co2 .lx{text-align: center;line-height: 1.5;padding: 0 5%;color: #888;margin-top: 40px;font-size: 18px;}

.co2 .lx a{color: #C9986D;font-size: 18px;}






@media only screen and (min-width:1200px) {
	
	/*首页--新闻*/
	.news {
		
		padding-bottom: 30px;
	}
	.news .news-content {
		
	}
	.news .news-content .caption {
		padding: 0px 9px 20px 9px;
	}
	.news .news-content .caption h3 {
		margin-bottom: 15px;
		margin-top:10px;
		font-size: 18px;
		overflow: hidden;
		color:#c9986d;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news .news-content .caption p {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news .news-des {
		padding: 30px 9px 40px 9px;
	}
	.news-more .date,
	.news-more .more {
		font-size: 14px;
		line-height: 50px;
	}
	.col-lg-4{ width:33.333%; float:left;}
	
	
}
.col-lg-4{ position:relative; padding-left:15px; padding-right:15px; box-sizing:border-box;}
.news-detail-content{ text-align: center;}
.row:after{ clear:both; content:''; display:block;}
.container{ width:100%; max-width:1200px; margin:0 auto;}

/*产品分类*/
.index-classification { height:180px; background:#f5f5f5;}
.index-classification ul { padding:40px 0px;}
.index-classification li { float:left; width:132px; height:100px; border-right:1px dotted #ccc; text-align:center;}
.index-classification li a.img { display:block; height:65px; overflow:hidden;}
.index-classification li a.img img { transform:translateY(0); transition:0.8s;}
.index-classification li:hover a.img img { transform:translateY(-85px);}
.index-classification li h3 { font-weight:normal; line-height:14px; margin-top:16px;}
.index-classification li h3 a { display:block; color:#666;}
.index-classification li:hover h3 a { color:#f21400;}

/*案例展示*/
.case { margin-top:60px;}
.case .active { position:relative;}
.case .profld{ margin:0px; position:relative; overflow:hidden;}
.case ol{ position: absolute; width: 2012em; zoom:1;}
.case ol li{ float:left; text-align:center; position:relative; height:380px;}
.case ol li a.img{ display:block; text-align:center;}
.case ol li a.img img{ display:block; margin:auto;}
.case ol li a.case-text { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.case ol li a.case-text h3{ font-weight:normal; font-size:18px; width:220px !important; margin:0 auto; margin-top:90px; height:40px; line-height:40px; overflow:hidden; background:rgba(255,255,255,.6);}
.case ol li a.case-text p { line-height:30px; width:210px; margin:0 auto; color:#fff; opacity:0; margin-top:10px;}
.case ol li:hover a.case-text { background:rgba(0,0,0,.6);}
.case ol li:hover a.case-text h3 { background:none; color:#fff;}
.case ol li:hover a.case-text p { opacity:1;animation-name:zoomInUp; height:90px; overflow:hidden;}
.case ol li:hover a.case-text p span { display:block;}
.animated{animation-duration:.8s;animation-fill-mode:both}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,300px,0);animation-timing-function:cubic-bezier(.05,.03,.2,.1)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInUp{animation-name:zoomInUp}
.case .flip{ display:none;}
.case .next,.case .prev{ position:absolute;}
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
/*产品展示*/
.index-product{ margin-top:50px; padding:40px 0px; background:url(../images/pro_bg.jpg) no-repeat center top;}
.index-product h2.title{ color:#fff;}
.index-product h2.title p { color:#bababa;}
.index-product ol li{ float:left; text-align:center; margin:0px 8px 20px 8px;}
.index-product ol li a.img{ display:block; background:#fff; overflow:hidden;}
.index-product ol li a.img img{ display:block; margin:auto; transform:translateX(0px); transition:0.8s; width:100%; height:auto;}
.index-product ol li:hover a.img img { transform:translateY(-10px);}
.index-product ol li h3{ font-weight:normal; margin-top:4px; height:44px; line-height:44px; overflow:hidden; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#fff;}
.index-product ol li:hover h3 { background:#c9986d;}
.index-product ol li h3 a { display:block; color:#666;}
.index-product ol li:hover h3 a { color:#fff;}
.index-product .more-box { margin-top:10px;}
.index-product .more-box a.more { color:#fff;}
.index-product .more-box a.more:hover { color:#c9986d;}
/*核心优势*/
.index-adv { margin-top:60px;}
.index-adv li { float:left; overflow:hidden}
.index-adv li .adv-text { width:240px; height:200px; background:#f5f5f5; padding:40px 30px;}
.index-adv li .fl { float:left;}
.index-adv li .fr { float:right;}
.index-adv li .adv-text h2 { color:#f21400; font-size:36px; line-height:56px; margin-top:10px;}
.index-adv li .adv-text label { display:block; font-size:16px; color:#999; line-height:16px;}
.index-adv li .adv-text span { display:block; font-size:30px; line-height:60px; color:#666;} 
.index-adv li .adv-text h3 { font-weight:normal; font-size:18px; line-height:38px;}
.index-adv li .adv-text p { line-height:30px; color:#666; margin-top:10px;}
.index-adv li img { display:block; transform:scale(1,1); transition:0.8s;}
.index-adv li img:hover{ transform:scale(1.05,1.05);}
/*新闻中心*/
.index-news{ margin-top:50px;}
.index-news li{ float:left; border-radius:4px; margin:0px 10px;}
.index-news li a{ display:block; overflow:hidden;}
.index-news li img { display:block; width:380px; height:253px; transform:scale(1,1); transition:0.8s;}
.index-news li:hover img { transform:scale(1.1,1.1);}
.index-news li a.news-text { background:#f5f5f5; padding:5px 25px; width:330px;}
.index-news li h3{ font-weight:normal; font-size:16px; line-height:32px;}
.index-news li p { line-height:24px; color:#666; margin-bottom:10px;}

/*底部*/
footer {  color:#ccc; background:#333333; padding-top:30px;}
.foot-nav dd{ line-height:2;}
footer a { color:#ccc;}
.foot-nav { float:left;}
.foot-nav dl { float:left; margin:0px 34px; max-width:230px;}
.foot-nav dt { font-size:16px; line-height:16px; padding-bottom:18px; padding-right:35px; border-bottom:1px solid #4c4c4c; margin-bottom:12px;}
.foot-nav dt a { color:#fff;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}
.foot-text{ float:right; padding:40px; border-left:1px solid #4c4c4c;}
.copy-right { margin-top:30px; height:50px; line-height:50px; border-top:1px solid #4c4c4c;}

/*内页侧栏*/
.sb_nav{ border-bottom:1px solid #e5e5e5; line-height:48px;}
.sb_nav .active{ padding:0px 15px;}
#sidebar dl{ float:left;}
#sidebar dl dt.on{}
#sidebar dl dt a { display:block; padding:0px 20px; border-bottom:2px solid #fff; font-size:16px; color:#666;}
#sidebar dl dt:hover a,#sidebar dl dt.on a{ color:#C9986D; border-bottom:2px solid #C9986D;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ width:1200px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ text-align:center; margin-top:20px;}
.sidebar .sb_box h3.title span{ display:inline-block; font-size:32px; line-height:40px; border-bottom:1px solid #e5e5e5; padding:15px;}
.sidebar .sb_box h3.title p { font-weight:normal; line-height:44px; color:#666;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
.sidebar .sb_box .active { margin-top:10px;}

.editor img{ margin:0 auto;}
/*新闻列表页*/
#newslist li { border:1px solid #e5e5e5; padding:0px; padding-right:40px; margin-bottom:40px; overflow:hidden;}
#newslist li a.img { float:left;}
#newslist li a.img img { display:block; width:285px; height:190px; transform:scale(1,1); transition:0.8s;}
#newslist li:hover a.img img { transform:scale(1.1,1.1);}
#newslist li .text { float:right; width:810px;}
#newslist li .text span { display:block; line-height:30px; margin-top:20px; float:none;}
#newslist li .text a { display:block; font-size:18px; line-height:36px; margin:0px;}
#newslist li .text a:hover { text-decoration:underline;}
#newslist li .text p{ font-size:16px; line-height:30px; color:#666;}
/*产品列页**/
#productlist li { box-shadow:5px 5px 5px rgba(0,0,0,.2); margin-bottom:30px; width:31.333% !important; margin-left:1% !important; margin-right:1% !important;}
#productlist li a.img img { border:none;}
#productlist li h3 { padding:0px 20px; height:50px; line-height:50px; background:#f5f5f5; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#productlist li:hover h3 { background:#C9986D;}
#productlist li h3 a { display:block;}
#productlist li:hover h3 a { color:#fff;}
/*案例列表页*/
#imglist li { position:relative; margin-bottom:30px; overflow:hidden; width:31.33%; margin:1%;}
#imglist li a.img img { display:block; border:none; transform:scale(1,1); transition:0.8s; width:100%; height:auto;}
#imglist li:hover a.img img { transform:scale(1.1,1.1);}
#imglist li h3 { position:absolute; padding:0px 5%; bottom:0px; left:0px; height:50px; line-height:50px; width:90%; background:rgba(255,255,255,.6);}
#imglist li:hover h3 { background:rgba(0,0,0,.6);}
#imglist li h3 a{ display:block;}
#imglist li:hover h3 a { color:#fff; font-size:18px;}

.met_page a { color:#ff6633;}
#imgqwe img{ margin:0 auto;}



.side ul li.rlogo{
	height: 40px;
	background: rgba(195, 127, 67,.8);
}
.rlogo img{
	width: 90%;
	padding-left: 5%;
    padding-top: 16%;
}
.ewm{
	width: 100px;
}

.side ul li .sidebox.ewm2:hover{
	width: 220px!important;
	height: 100px;
}