﻿@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#26211f;
	font-family: "Helvetica Neue", "Microsoft Yahei",Helvetica, Arial, sans-serif;
}
ul,li,ol {
	list-style: none; margin:0; padding:0;
}

dl,dt,dd,h1,h2,h3,h4,h5,p{ margin:0; padding:0; list-style-type:none;}

form{ margin:0; padding:0;}

a.more {
	position: absolute;
	right: 10px;
	top: 10px;
}
a:hover,a:visited {
	text-decoration:none;
}

a:link,a:active{ color:#857a69; text-decoration:none;}

.STYLE1 a:link, .STYLE1 a:visited{color:#55cdc6; text-decoration:none;}
.STYLE1 a:hover, .STYLE1 a:active{ color:#55cdc6; text-decoration:underline;}


.clearfix:after {
	content:'';
	display: table;
	clear: both;
}
header.clearfix { *zoom:1;}

.fl{float: left;}
.fr{float:right}
.cl{clear: both;}

.wrapper{ width:100%;}
.header{ width:100%; height:105px; /*background:url(../images/header.gif) repeat-x;*/background: #2f2f2f;}
.header-wrapper{ width:1100px; height:47px; margin:0 auto;}
.logo{ float:left;}
.search{ float:right; width:205px; height:25px; padding:16px 3px 6px 0;}

/*导航菜单样式*/
.header .navbox{background: #e40082;width: 100%}
.header .nav {
	width:1100px; height:58px; margin:0 auto; position:relative; background:url(../images/tel.png) no-repeat right;
}
.header .nav UL .mainlevel {
	FLOAT: left; 
}
* HTML .nav UL .mainlevel {
	BACKGROUND: 0px 0px; POSITION: relative
}

.header .nav UL {
	DISPLAY: table
}
.header .nav UL LI .nav-a {
	FONT-SIZE: 15px; HEIGHT: 58px; width:135px; border-right:1px solid #4b4848; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; TEXT-DECORATION: none; DISPLAY: inline-block; LINE-HEIGHT: 58px; PADDING-RIGHT: 0px; color:#d1cbbb; text-align:center; 
}
.header .nav UL LI .current.nav-a {
	BACKGROUND: url(../images/repeat-bg.png) repeat-x 0px 0px
}
.header .nav UL LI .nav-a:hover {
	FONT-SIZE: 14px; HEIGHT: 44px; width:135px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; TEXT-DECORATION: none; DISPLAY: inline-block; LINE-HEIGHT: 58px; PADDING-RIGHT: 0px; color:#000; text-align:center
}

.header .nav UL LI .current.nav-a {
	
}
.header .nav UL LI .nav-a:hover {
	HEIGHT: 58px; COLOR: #252507; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0; LINE-HEIGHT: 58px; PADDING-RIGHT:0; background-color:#e2d090;transition: background-color 0.4s;
}

.mainlevel DIV {
	 min-height:40px; background-color:rgba(228,220,183,0.75); POSITION: absolute; TOP:57px;  /*WIDTH:330px;*/padding-right: 20px; z-index:1000; display:none;
}
#sub_01 { left:212px;}
#sub_02 {
	LEFT: 270px
}
#sub_03 {
	LEFT: 424px
}
#sub_04 {
	LEFT: 515px
}
#sub_05 {
	RIGHT: 320px
}
#sub_06 {
	RIGHT: 225px
}
#sub_07 {
	RIGHT: 131px
}
#sub_08 {
	RIGHT: 21px
}
.mainlevel DIV OL {
	OVERFLOW: hidden; DISPLAY: block; font-size:12px;
}
.mainlevel DIV LI {
	 LINE-HEIGHT: 40px; 
} 
.mainlevel DIV LI A {
	HEIGHT: 40px; COLOR: #3b3b3b; PADDING-LEFT: 20px;  DISPLAY: inline-block; background:url(../images/icon.png) no-repeat 0 9px; LINE-HEIGHT: 40px; text-decoration:none;
}
.mainlevel DIV LI A:hover {
	COLOR: #57c5a0;
}
.mainlevel DIV .nav-img {
	FLOAT: right; DISPLAY: inline-block
}
.mainlevel DIV SPAN IMG {
	BORDER-TOP: #f0f7fa 3px solid; BORDER-RIGHT: #f0f7fa 3px solid; BORDER-BOTTOM: #f0f7fa 3px solid; BORDER-LEFT: #f0f7fa 3px solid
}


/*banner*/
.banner{ width:100%; height:450px;}
.DB_tab25 {width:100%;height:472px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:472px;}
.DB_tab25 .DB_imgSet{position:absolute;width:100%;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:90px;top:72px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:90px;top:140px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:90px;top:170px;}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:128px;top:76px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:128px;top:140px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:128px;top:180px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:557px;top:75px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:560px;top:138px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:560px;top:175px;}

.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:120px;top:0px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:540px;top:120px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:690px;top:150px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:540px;top:250px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:0px}
.DB_tab25 .DB_menuWrap{position:absolute;width:1003px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute; top:430px;font-size:0; right:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:15px;top:150px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:15px;top:150px;cursor:pointer;display:none}

.brand-content{ width:100%; height:322px; background-color:#232020;}
.brand-content-wrapper{ width:1100px; height:322px; margin:0 auto;}
.brand-content-wrapper .left{ float:left; width:602px; height:322px;  background:url(../images/line.gif) no-repeat right;}
dl.brand1{ width:600px; height:322px; font-size:12px; color:#656461; font-family:"宋体"}
dl.brand1 dt{ margin-top:20px;}
dl.brand1 dd{ line-height:25px; padding-left:4px; padding-top:10px;}
.brand-content-wrapper .right{ float:right; width:390px; height:238px; margin:40px 0 0 30px;}
dl.video{ width:367px; height:322px;}
dl.video dt{}
dl.video dd{ width:390px; height:238px; overflow:hidden; background-color:#232020; padding:4px; border:1px solid #000; margin-left:50px;}

.product-show{ width:100%; height:680px; background-color:#ebe7de;/*background:url(../images/proground.jpg)*/}
.product-show-wrapper{ width:1100px; height:712px; margin:0 auto;}
ul.product-pname{ position:relative; width:950px; height:30px; padding-top:23px; margin-bottom:15px;}
ul.product-pname li.case{ position:absolute; left:0;}
ul.product-pname li.case2{ position:absolute; left:268px;}
ul.product-pname li.more{ position:absolute; width:100px; right:0; color:#857a69; font-size:13px; line-height:30px; height:30px; background-color:#ebe7de; text-align:center; border:1px solid #bcb4a7; border-radius:3px; }
ul.product-pname li.more a:hover {
display:block;
background-color:#736d61;
color:#FFF;
-webkit-transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;
}

dl.company{ width:950px;}
dl.company dt{}
dl.company dd{ width:950px; height:280px; margin-top:50px;}
dl.company dd .L{ float:left; width:500px; padding:0 30px 20px 10px;font-size:12px; color:#93908c; line-height:24px; font-family:"宋体"}
dl.company dd .R{ float:left; margin-left:35px;}


/*产品展示*/
.sec-prd {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
.sec-prd ul {
	width: 1100px;
	padding-top:25px;
	padding-left:10px;
}
.sec-prd ul li {
	position: relative;
	float: left;
	border:1px solid #e3ce9e;
	width: 300px;
	height:200px;
	padding:4px;
	background-color: #ebe7de;
	margin-right: 22px;
	overflow: hidden;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	margin-bottom: 35px;
}
.sec-prd-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.sec-prd-img .hidden-text {
	width: 100%;
	position: absolute;
	bottom: -10px;
	padding: 8px 0;
	background-color:rgba(0,0,0,0.46);
	font-size: 12px;
	line-height: 18px;
	height: 278px;
	padding-left:5px;
	letter-spacing: 1px;
	
}
.hidden-tit{
	margin: 0 auto;
	width: 100px;
	margin-top: 100px;
	color: #fff;
	font-size: 12px;
	line-height: 250%;
	text-align: center;
}
.hidden-tit a img{
	width: 40px;
	height: 40px;
}
.sec-prd-img .hidden-text:hover{
 background-color:rgba(238,35,121,0.46);
}
.sec-prd-img img {
	width: 100%;
	vertical-align: top;
	transition: -webkit-transform 0.5s;
	transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}
.sec-prd ul li:hover .sec-prd-img>img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
/*.sec-prd-name {
	width:280px;
	height:50px;
	background-color:#0f0e0b;
}

.sec-prd-name dl{ width:271px; height:37px; padding:5px 0 0 9px;}
.sec-prd-name dl dt{ float:left; color:#c3b49d; line-height:20px; font-size:13px;}
.sec-prd-name dl dt span{ font-size:12px; font-style:italic;}
.sec-prd-name dl dd{ float:right; font-family:"宋体"; font-size:12px; padding-top:19px; color:#63cfcf; padding-right:28px; background:url(../images/icon.gif) no-repeat 55px 20px;}
.sec-prd-name dl dd a.detail{ color:#63d0cd;}*/

.company-content{ width:100%; height:452px; background:url(../images/company-content.gif) no-repeat center;}
.company-content-wrapper{ width:1100px; height:452px; margin:0 auto;}
.company-content-wrapper .left{ float:left; width:100%; height:368px; padding-top:20px;}
dl.aboutus{ width:100%; height:217px; padding-top:80px; background:url(../images/p2.jpg) no-repeat top;}
dl.aboutus dt{ float:left; padding-left:11px;}
dl.aboutus dd{ float:left; width:700px; height:136px;  padding-left:30px; }
dl.aboutus dd h3{ line-height:20px; color:#3a3832; line-height:30px; font-size:12px; font-weight:normal; margin-bottom:25px;}
dl.aboutus dd span{ color:#887f73; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style: italic}

.company-content-wrapper .right{ width:458px; height:368px; float:right; padding-top:20px; position:relative;}
.newsmore{position: absolute;right: 10px;top: 30px;text-align: center;width: 80px;height: 30px;background: #d3137a;}
.newsmore a{line-height: 180%;color: #fff;}
/*.newsmore:hover{background-color:#000;color:#d3137a;
-webkit-transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;
}
.newsmore:hover>a{color:#d3137a;-webkit-transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s,top 0.3s ease-in-out 0.3s;}*/

.newslist-content{ padding:15px 23px 10px 19px; }
dl.date{ width:416px; height:77px;}
dl.date dt{ float:left; background-color:#58c4a0; width:38px; height:38px; color:#FFF; text-align:center}
dl.date dt .days{ font-size:21px; color:#edf9f5; font-family:Arial, Helvetica, sans-serif; margin:0 auto; font-weight:bold;}
dl.date dt .date2{ font-size:9px; line-height:8px;}

dl.date dd{ float:left; width:370px; padding-left:7px; margin-bottom:14px;}
dl.date dd h4{ font-size:13px; height:24px; line-height:20px; border-bottom:1px solid #beb5ab; margin-bottom:3px;}
dl.date dd span{ color:#787878; line-height:18px; font-size:12px; }

.footer{ width:100%; height:278px; background:url(../images/bottom.gif) repeat-x;}
.footer-wrapper{ width:1100px; height:159px; padding-top:37px; margin:0 auto;}
dl.footer-menu{ float:left; width:200px; height:128px; padding-left:33px; border-right:1px solid #4c4a4a;overflow:hidden;}
dl.footer-menu dt{ font-size:13px; color:#d1d1d1; margin-bottom:5px;}
dl.footer-menu dt span{ color:#c9c9c9; font-size:10px; font-family:Arial, Helvetica, sans-serif}
dl.footer-menu dd{ color:#8c8c8c; line-height:21px; font-size:12px; font-family:"宋体"}


dl.footer-contact{ float:left; width:337px; height:128px; margin-left:20px;}
dl.footer-contact dt{ font-size:13px; color:#d1d1d1; margin-bottom:5px;}
dl.footer-contact dt span{ color:#c9c9c9; font-size:10px; font-family:Arial, Helvetica, sans-serif}
dl.footer-contact dd{ color:#8c8c8c; height:25px;  line-height:25px; font-size:12px; font-family:"宋体";}
dl.footer-contact dd.icon{ height:25px; background:url(../images/icon2.gif) no-repeat 0 1px;}
dl.footer-contact dd.icon2{ height:25px; background:url(../images/icon3.gif) no-repeat 0 1px;}
dl.footer-contact dd.icon3{ height:25px; background:url(../images/icon4.gif) no-repeat 0 1px;}
dl.footer-contact dd i{font-size: 16px;width: 16px;height: 16px; margin-right: 5px;}

.copyrightbox{width: 100%;background: #2e2e2e;}
.copyright{ width:1100px; height:83px; margin:0 auto;}
.copyright .left{ float:left; font-family:Arial, Helvetica, sans-serifl; color:#656565; padding:18px 0 0 13px; line-height:20px; font-size:12px;}
.copyright .right{ float:right; color:#656565; padding:18px 0 0 13px; line-height:20px; font-size:12px;}
.copyright .right a{color:#656565;}

.contact{ width:950px; /*padding-top:20px;*/ text-align:left; overflow:hidden;}
/*.contact_lf{ width:379px; float:left; padding-bottom:2px; position:relative;}
.contact_rt{ width:605px; float:left;}*/
.contact_lf{ width:361px; float:left; margin-top:20px !important; padding-bottom:2px; position:relative; overflow:hidden;}

.contact_title{ width:341px; height:57px; padding-left:38px;}
.contact_box{ width:379px;}
.contact_boxicon{ width:38px; float:left; padding-top:16px;}
.contact_boxcn{ width:311px; float:left; padding-left:4px; padding-bottom:20px;}
.contact_tt{ color:#0072C2; font-size:16px; width:311px; height:24px; line-height:24px; padding-top:20px; font-family:"微软雅黑","黑体";}
.contact_cn{ width:311px; padding-top:10px; line-height:20px; color:#8a897e; padding-bottom:10px; overflow:hidden; font-family:"微软雅黑","黑体"; font-size:12px;}
.contact_tt02{ width:311px; height:18px; line-height:18px; padding-bottom:20px; color:#e8b813; font-size:12px}
.contact_cn02{ padding-left:2px; width:309px; overflow:hidden; font-family:"微软雅黑","黑体"; font-size:10px;}
.contact_cn02 ul{ width:280px; }
.contact_cn02 ul li{ width:140px; height:60px; float:left;}
.contact_cn02 ul li a{ padding-left:30px; padding-top:8px; width:55px; height:16px; display:block;}
.contact_cn02 ul li a:link, .contact_cn02 ul li a:visited{ color:#5A6063;}
.contact_cn02 ul li a:hover{ color:#BC0000; }
.ct_bg01{ background:url(../images/QQbg.png) no-repeat 0px 0px;}
.ct_bg02{ background:url(../images/QQbg.png) no-repeat 0px 0px;}
.ct_bg03{ background:url(../images/QQbg.png) no-repeat 0px 0px;}

.contact_map{ width:500px; height:314px; padding:13px 13px 22px 13px; background:url(../Newimages/map_bg.jpg) no-repeat 0px 0px; }
.contact_biaoyu{ width:500px; padding-left:10px; padding-top:20px; padding-right:5px; margin-left:4px; border-bottom:1px solid #E0E0E0; overflow:hidden; }



.banner-inner {
width: 100%;
height: 195px;
}

.flexslider {
position: relative;
width: 100%;
overflow: hidden;
background: url(../images/loading.gif) 50% no-repeat;
}

.slides {
position: relative;
z-index: 1;
}

.pagebody{ width:100%; background-color:#26211f; margin-bottom:30px;}
.pagebody-content{ width:950px; margin:0 auto; padding-top:28px;}
.article-content{ float:left; width:672px; border-right:1px solid #484440; padding-bottom:40px; margin-bottom:50px;}
.article-content dl.article{ width:672px; height:127px;}
.article-content dl.article dt{ float:left; border:2px solid #66615e; margin:11px 0 0 0;}
.article-content dl.article dd{ float:left; width:451px; height:127px; padding-left:14px;} 
.article-content dl.article dd h3{ font-size:14px; height:28px; line-height:28px; padding-top:5px;}
.article-content dl.article dd h5{ color:#a8a8a7; line-height:24px; font-size:12px; font-weight:normal}
ul.articlelist{ width:635px; padding-right:37px; padding-top:25px; font-size:13px; color:#FFF}
ul.articlelist li{ height:30px; line-height:30px; border-bottom:1px dashed #433f3f}
ul.articlelist li a{}

#pages {
padding-left: 10px;
margin: 0 auto;
margin-bottom: 40px;
margin-top:25px;
font-size:12px;
height: 30px;
}


#pages a {
width: 30px;
height: 30px;
background: #fff;
display: block;
color: #a9a9a9;
line-height: 30px;
text-align: center;
font-family: Arial;
float: left;
margin-right: 5px;
transition: background-color 0.2s ease-out;
}

#pages .yy-pp {
background: url(../images/page_03.png) no-repeat;
}

#pages a.active {
background: #969696;
color: #fff;
}

#pages a:hover {
 background:#969696;
 color:#fff;

}

.news_left {
width: 670px;
display: table;
float: left;
border-right: 1px #484440 solid;
margin-bottom:25px;
}

.news_left .tittle {
width: 641px;
display: table;
padding-bottom: 20px;
}

.news_left .tittle h2 {
color: #09F3FC;
font-size: 16px;
font-weight: 600;
line-height: 18px;
}

.news_left .tittle .nei {
height: 40px;
line-height: 40px;
}

.news_left .tittle .nei span {
padding-right: 20px;
color: #6c6c6c;
font-size:12px;
}

.news_left .center {
width: 641px;
display: table;
padding-bottom: 20px;
}

.news_left .center p {
color: #9B9B9B;
font-size: 12px;
font-family: "微软雅黑","Arial";
line-height: 24px;
padding-bottom: 20px;
}

.news_left .center .share span {
width: 55px;
line-height: 63px;
float: left;
font-size:12px;
color:#9B9B9B;
}

 .news_left .center .share .bshare-custom {
padding-top: 21px;
height: 18px;
float: left;
}

 .news_left .center .fanpian {
width: 641px;
height: 56px;
margin: 0 auto;
font-size:12px;
padding-top: 10px;
position: relative;
clear: both;
border-top: 1px #484440 solid;
}

.news_left .center .fanpian ul li {
width: 537px;
line-height: 24px;
color: #737373;
}



#pages .yy-rotate {
background: url(../images/page_05.png) no-repeat;
}

#pages a:hover .yy-pp{background: url(../images/page2_03.png) no-repeat;}
#pages a:hover .yy-rotate{background: url(../images/page2_05.png) no-repeat;}

dl.relate-news{ float:left; width:244px; padding-left:30px;}
dl.relate-news dt{ color:#c6a978; font-size:13px; margin-bottom:7px;}
dl.relate-news dd{ width:244px; height:24px; line-height:24px; font-family:"宋体"; font-size:12px; color:#cbc9ba}

dl.relate-contact{ float:left; width:244px; padding-left:30px; margin-top:20px;}
dl.relate-contact dt{ color:#c6a978; font-size:13px; margin-bottom:7px;}
dl.relate-contact dd{ width:244px; height:24px; line-height:24px; font-family:"宋体"; font-size:12px; color:#cbc9ba}

section.content.active {
	width:1200px; 
	margin:0 auto;
	padding-bottom:25px;
}

.caselist ul.items {
top: 0px;
margin-left: 25px;
}

.caselist ul.items li {
position: relative;
float:left;
padding: 0px;
width: 280px;
height: 263px;
margin: 0px 10px 30px 10px;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
overflow: hidden;
}


.caselist ul.items li:hover .shade {
margin-top: 0px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .shade {
position: absolute;
width: 100%;
height: 180px;
margin-top: -180px;
background: black;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
z-index: 10;
}

.caselist ul.items li .shade u {
display: block;
margin: 0 auto;
margin-top: 66px;
width: 44px;
height: 44px;
background: url(../Images/icons.png) no-repeat 0px -168px;
}

img {
vertical-align: middle;
}

.caselist ul.items li p {
position: absolute;
margin: 10px 20px;
color: #999;
font-family: Arial,"宋体";
font-size: 12px;
line-height: 26px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
z-index: 10;
}

.caselist ul.items li p strong {
color: #222;
font-family: Arial,"微软雅黑";
font-size: 16px;
font-weight: normal;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .bg {
width: 100%;
height: 100px;
background-color: #fff;
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover .bg u {
margin-top: 0px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p strong {
color: white;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p {
color: white;
}
.caselist ul.items li p {
color: #999;
font-family: Arial,"宋体";
font-size: 12px;
line-height: 26px;
}


.caselist ul.items li .bg u {
display: block;
position: absolute;
width: 100%;
height: 100px;
margin-top: 150px;
background-color: #e40082;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}


.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height:180px;
}

/*产品详细页*/
/*.content {
width: 950px;

background: #26211f;
padding: 10px 9px;
}*/

.casetop {
padding: 10px;
}

#featuredbig {
OVERFLOW: hidden;
WIDTH: 940px;
POSITION: relative;
margin: 0 auto;
}

#featuredbig img {
WIDTH: 940px;
}

#featuredbig .word {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
Z-INDEX: 10;
BACKGROUND: url(/1/bg_transparent.gif) no-repeat;
LEFT: 0px;
PADDING-BOTTOM: 5px;
WIDTH: 470px;
COLOR: #fff;
BOTTOM: 0px;
PADDING-TOP: 5px;
POSITION: absolute;
HEIGHT: 32px;
}

#thumbskey {
LIST-STYLE-TYPE: none;
HEIGHT: 64px;
margin: 0 auto;
width: 945px;
}

#thumbskey UL {
MARGIN: 4px 0 0 0px;
}

input[type="hidden"], input[type="image"], input[type="file"] {
-webkit-appearance: initial;
padding: initial;
background-color: initial;
border: initial;
}

#thumbskey LI {
FLOAT: left;
WIDTH: 64px;
MARGIN-RIGHT: 4px;
HEIGHT: 64px;
background: #666666;
}

#thumbskey LI A {
FONT-SIZE: 0px;
float: left;
WIDTH: 64px;
HEIGHT: 64px;
margin: 0px 4px 0 0;
_margin: 0px;
opacity: 1;
filter: alpha(opacity=100);
}

#thumbskey ul li img {
WIDTH: 64px;
HEIGHT: 64px;
FLOAT: left;
margin: 0px 4px 0 0;
_margin: 0;
padding: 0px;
}

.casebottom {
padding: 20px 0 20px 0px;
}

.casebottom .bleft {
float: left;
width: 620px;
padding: 0 20px 0 10px;
color:#a7a7a7;
}

.casebottom .bleft h3 {
font-size: 18px;
color: #b6995a;
font-family: "微软雅黑";
}

.bleft .bltitle {
display: block;
font: 16px "微软雅黑",Arial;
color: #a7a7a7;
line-height: 32px;
padding-top: 5px;
}

.bleft p {
display: block;
color: #666;
font: 13px "宋体",Arial;
line-height: 22px;
}

.casebottom .bright {
float: left;
width: 298px;
text-align: left;
font: 14px "微软雅黑",Arial;
color: #524e4d;
}

.right_bg_top {
height: 8px;
font-size: 0px;
width: 292px;
}

.right_bg_mid {
border: 1px solid #524a31;
width: 276px;
padding: 10px;
}

.brtitle {
float: left;
width: 75px;
font-weight: bold;
font-family: "微软雅黑";
font-size: 12px;
color: #555;
}

.bright p {
color: #857a69;
font: 13px "宋体",Arial;
line-height:25px;
}

.brcon {
float: left;
width: 185px;
}

/*gotop*/
.cbbfixed {
	position: fixed;
	right: 10px;
	transition: bottom ease .3s;
	bottom: -85px;
	z-index: 3000;
	cursor: pointer;
}
.cbbfixed .cbbtn {
	width: 40px;
	height: 40px;
	display: block;
	background-color: #252837;
}
.cbbfixed .gotop {
	transition: background-color ease .3s;
	margin-top: 1px;
}
.cbbfixed .gotop .up-icon {
	float: left;
	margin: 14px 0 0 9px;
	width: 23px;
	height: 12px;
	background: url(../images/side-icon02.png);
}
.cbbfixed .gotop:hover {
	background-color: #1e1a1b;
}
.cbbfixed .cweixin {
	background: #dadbdd;
}
.cbbfixed .cweixin div {
	background: url(../images/erwei.png);
	width: 194px;
	height: 199px;
	position: absolute;
	left: -194px;
	top: -115px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%;
	transition: transform ease .3s, opacity ease .3s;
	-webkit-transition: all ease .3s;
	display: none\0;
 *display:none;
}
.cbbfixed .cweixin:hover div {
	display: block;
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
 *display:block;
}
.cbbfixed .cweixin .weixin-icon {
	float: left;
	margin: 12px 0 0 11px;
	width: 18px;
	height: 18px;
	background: url(../images/side-icon01.png);
}

#Gotop {
	Position:fixed; 
	width:20px; 
	height:78px;
	right:150px;
	bottom:320px;
	margin:0 0 0 5px;
	z-index:5;
	}
	
#Gotop2 {
	Position:fixed; 
	width:20px; 
	height:78px;
	right:60px;
	bottom:320px;
	margin:0 0 0 5px;
	z-index:5;
	}	

.indexnews li p{
    font-size: 12px;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	}

.indexnews li img{
     width: 120px;
     height: 90px;
     margin-right: 10px;
     float: left;
  }

  .indexnews li h3{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;;
	}

  .indexnews li a{
  	font-size: 12px;
  	float: right;
  	color: #ee7700;
  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .section-aboutus{
	width:400px;
	height:54px;
	margin:20px auto 35px;
	position:relative;
	background:url(../images/lines.png) repeat-x 0 50%;
}
	
.section-aboutus h3{
	display:block;
	width:151px;
	text-align:center;
	padding-top:5px;
	height:54px;
	color: #fff;
	margin:0 auto;
}

.section-aboutus span{
   color: #e40082;
}

.area{ width:1100px; height:38px; background-color:#4d4d4d; overflow:hidden; margin:32px auto 0;}
.area p{ font-size:12px; color:#fff; line-height:38px; padding-left:10px; }
.area p span{ color:#e40082;}
.area p i{font-size: 18px;margin-right:3px; }

.main{
	width: 1100px;
	margin: 0 auto;
	padding: 20px 0 60px 0;
}
.main p{
	text-indent: 2em;
	font-family: Arial,"宋体";
	font-size: 14px;
	line-height: 28px;
	color: #a8a8a2;
}
.aboutimg{
	margin-top: 20px;
	/*padding: 0 20px;*/
}
.aboutimg img{
	float:left;
	width: 265px;
	/*height: 200px;*/
	margin-left: 5px;
	margin-top: 5px;
}

.contactlist p{ 
	font-size:14px; 
	color:#cbc9ba; 
	line-height:24px; 
	padding-left:26px; 
	margin:10px 0;
      font-weight: "微软雅黑"；
}
.con-logo{
	margin-left: 40px;
	margin-bottom: 20px;
}

/*产品菜单栏*/
.menu3{ width:140px;float: left;position: relative;top: 40px; z-index:999;display: inline;}
.menu3 ul{ border-top:1px dashed #868686;}
.menu3 li{ width:140px; height:40px; background-color:#f3f3f3; border-bottom:1px dashed #868686;}
.menu3 li p{ font-size:12px; color:#000; line-height:40px; padding-left:20px;}
.menu3 li p span{ display:none;}
.menu3 li.on{ width:140px; height:55px; background-color:#e40082; overflow:hidden; border-bottom:none;border-bottom:1px dashed #868686;}
.menu3 li.on p{ font-size:18px; color:#FFF; line-height:24px; padding-left:10px; margin-top:7.5px;}
.menu3 li.on p span{ font-size:12px; color:#FFF; line-height:16px; display:block;}
.menu3 li:hover{ width:140px; height:55px; background-color:#e40082; overflow:hidden; border-bottom:none;}
.menu3 li:hover p{ font-size:18px; color:#FFF; line-height:24px; padding-left:10px; margin-top:7.5px;}
.menu3 li:hover p span{ font-size:12px; color:#FFF; line-height:16px; display:block;}

.promain{
	padding:0 20px;

}
.promain ul li{
	width: 330px;
	height: 220px;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
	
}

.promain ul li p{
	background: rgba(0,0,0,0.6);
	line-height: 40px;
	text-align: center;
	color: #f3f3f3;
	font-size: 14px;
	margin-top: 180px;
	font-weight: "宋体"；
}

   /*分页*/
.page {
  margin:50px auto;
  text-align: center;
  font-size: 12px;
}
.page a {
  border: #e3e3e3 solid 1px;
  padding: 3px 10px;
  color: #e40082;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 3px;
}
.page a:hover,
.page a.active {
  color: #fff!important;
  background-color: #a9a9a9!important;
}
.page a.disabled {
  color: #a9a9a9;
  background-color: #fff;
}

.news-navigation{
	width:1100px;
	margin:0 auto;
	height:37px;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
}

.item-btn{
	width:192px;
	height:37px;
	margin:0 auto;
	
}

.item-btn a{
	display:block;
	float:left;
	text-align:center;
	line-height:37px;
	width:96px;
	height:37px;
	display:inline-block;
	color:#e40082;
	background: #4d4d4d;
}
.item-btn a.current {
	display:inline-block;
	width:96px;
	height:37px;
	text-align:center;
	line-height:37px;
	color:#FFF;
	background:#e40082;
}

 .newsbox{
 	padding: 0 40px;
 }
 .newsbox li{
 	margin-top: 10px;
 	height: 180px;
 	border-bottom: 1px solid #B9B6B6;
 }
.newsbox li p{
    font-size: 14px;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
    line-height: 180%;
	}

.newsbox li img{
     width: 240px;
     height: 160px;
     margin-right: 20px;
     float: left;
  }

  .newsbox li h3{
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
	}

  .newsbox li a{
  	font-size: 14px;
  	float: right;
  	color: #ee7700;
  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 200%;
  }


  /*产品详细样式7*/
.proview7 {
	padding: 40px 0;
	border-top: #d6d6d6 dashed 1px;
}
.proview7 .img {
	width: 40%;
	overflow: hidden;
	height: auto !important;
}
.proview7 .img img{
	display: block;
	width: 100%;
}
.proview7 .content {
	width: 55%;
	height: auto !important;
	overflow: hidden;
}
.proview7 .content .name {
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	color: #fff;
}
.proview7 .content .intro {
	padding-top: 10px;
	color: #a8a8a2;
}
.proview7 .detail {
	clear: both;
	padding-top: 30px;
}
.proview7 .detail .mg-t20 {
	margin-top: 20px;
}
.proview7 .detail .mg-t20 img {
	display: block;
	width: auto;
	max-width: 100%;
}
.proview7 .detail .title {
	background-color: #4d4d4d;
	border: #eee solid 1px;
	padding: 10px 10px;
	font-weight: bold;
	border-left: #e40082 solid 4px;
	color: #fff;
}

/*新闻详细样式1    s*/
.newsview1 {
	width:100%; 
	padding-top:20px;
}
.viewtitle {
	width:100%;
	height:70px;
	line-height:90px;
	border:0;
	text-align:center;
	font-size:20px;
	overflow:hidden;
	color: #fff;
}/*新闻详细标题 style1*/
.viewsubtitle {
	width:100%;
	height:30px;
	text-align:center;
	color:#999;
	font-size:12px;
	line-height: 30px;
} /*副标题 style1*/
.viewsubtitle span {
	padding:0 15px;
}
.newcontent {
	width:100%;
	padding:30px 15px 60px 15px;	
	line-height:28px;
	font-size: 14px;
	color: #4b4b4b;
} /*新闻内容 style1*/
.newslink{
	padding: 10px 0 10px 16px;
	line-height: 24px;
	height: 24px;
}
.newslink span,
.newslink a{
	font-family: "新宋体";
	font-size: 12px;
	color: #c6a978;
	
}
.newslink span{
	font-weight: 700;
}
.newslink a:hover{
	text-decoration: underline;
}

.pro_wrap{
	width:1200px;
	margin:0 auto;
}
.pro_list{
	width:1200px;
	margin:0 auto;
	margin-top: 20px;
}
.pro_list li{
	width:276px;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
	border: 1px solid #4d4d4d;
}
.pro_list li .pro_img{
	width:276px;
	height:184px;
	overflow:hidden;

}
.pro_list li .pro_img img{
	width:100%;
	transition:0.5s;
	-moz-transition:0.5s; /* Firefox 4 */
	-webkit-transition:0.5s; /* Safari and Chrome */
	-o-transition:0.5s; /* Opera */
	-ms-transition:0.5s;
}
.pro_list li .pro_text{
	width:276px;
	padding:20px 0;
	background:#d5d5d5;
	font-size:13px;
	color:#474646;
/*	border-bottom:1px solid #0066cb;*/
}
.pro_list li .pro_text p{
	line-height:180%;
	padding-left:15px;
}
.pro_list li .pro_text strong{
	color:#4a4a4a;
}
.pro_list li:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
 	-o-transform:scale(1.1);
  	-moz-transform:scale(1.1);
  	-ms-transform:scale(1.1);
	
}
.pro_list li:hover .pro_text{
	background:#d3137a;
	color:#c6a978;
}
.pro_list li:hover .pro_text strong{
	color:#fff;
}
.pro_more{
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	
	background:#999999;
	margin-top:10px;
}
.pro_more a{
	width:100%;
	height:35px;
	color:#fff;
	display:block;
}
.pro_more .iconfont{
	vertical-align:top;
	margin-right:3px;
}

.cweixin cbbtn {
	display:none !important;}

.ycevm {
	position:absolute;
	width:100px;
	height:100px;
	position:absolute;
	top:30px;
	right:115px;
}
.ycevm img {
	width:100%;}

.ycevm span {
	padding-top:8px;
	display:block;
	color:#fafafa;
	font-size:12px;
	text-align:center;
}

.ycevm2 {
	position:absolute;
	width:100px;
	height:100px;
	position:absolute;
	top:30px;
	right:0px;
}
.ycevm2 img {
	width:100%;}

.ycevm2 span {
	padding-top:8px;
	display:block;
	color:#fafafa;
	font-size:12px;
	text-align:center;
}

.zsbox {
	padding-top:20px;
}

.zsbox .zsitem {
	padding-bottom:40px;
	width:auto;
}

.zsbox .zsitem ul {
	clear:both;
	margin-bottom:40px;
	display:block;
}

.zsbox .zsitem ul.center {
	padding-left:190px;}

.zsbox .zsitem ul li {
	margin-right:41px;
	float:left;
	width:331px;
	height:243px;
}

.zsbox .zsitem ul.row3 li {
	width:331px;}

.zsbox .zsitem ul.row4 li {
	width:238px;}

.zsbox .zsitem ul li img {
	width:100%
}

.zsbox .zsitem ul li:last-child {
	margin-right:0;
}

.zsbox .zsitem dl {
	clear:both;
	display:block;
}

.zsbox .zsitem dl dd {
	float:left;
	margin-right:75px;
	width:307px;
	height:416px;
	overflow:hidden;
}

.zsbox .zsitem dl.center {
	margin-left:190px;
}

.zsbox .zsitem dl.border dd {
	border:12px #7a3939 solid;
}

.zsbox .zsitem dl dd img {
	width:100%;}
	

.zsbox .zsitem dl dd:last-child {
	margin-right:0;
}


/*---------------------------------------------自动撑开页面---------------------------------------------*/
.box:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .box {
	height: 1%;
}
/* End hide from IE-mac */



/*-----------------------------------------------------------------------------------------------*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}