@charset "utf-8";
/* CSS Document */
body {
	font-family:"微软雅黑";
	font-size:12px;
}
h4 {
	font-weight:normal;
}
h2{
	font-size:26px;}
a:hover {
	text-decoration:none;
}
* html, * html body {
	_background-attachment:fixed;
}
.animate-container {
	height:130px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.tooltop{ display:block; font-size:14px;}
#animate-title-service, #animate-title-case, #animate-title-design, #animate-title-smiles, #animate-title-about {
	position:absolute;
	left:50%;
	margin-left:-90px;
	top:-120px;
}
.animate-design-container {
	margin:0 auto;
	width:450px;
	overflow:hidden;
}
.about ul {
	list-style-type:none;
}
.about ul li {
	float:left;
	margin:0 13px 0 0;
}
.btn-group>.about-site, .btn-group > .btn:first-child {
	border-radius:20px;
	font-family:"微软雅黑";
}
.banner {
	background:url(../images/i_18.png) repeat-x;
	height:462px;
	margin-top:20px;
	width:100%;
}
.bgc{ background-color:#FFFFFF; padding:30px; margin: 20px 0;}
.bgc h2{ margin-bottom: 30px;}
.bgline {
	background:url(../images/i_30.jpg) center center no-repeat;
	height:2px;
}
.block-1 {
	background-position:0 0;
	left:62px;
	top:-10px;
	cursor:pointer;
}
.block-2 {
	background-position:0 -120px;
	left:165px;
	top:75px;
}
.block-3 {
	background-position:0 -240px;
	left:25px;
	top:130px;
}
.block-4 {
	background-position:0 -360px;
	left:165px;
	top:233px;
}
.block-5 {
	background-position:0 -480px;
	left:8px;
	top:280px;
}
.color-ccc {
	color:#666666;
}
.copyright {
	background:url(../images/i_59.jpg) repeat-x;
	height:80px;
	color:#CCCCCC;
	font-weight:bold;
	line-height:80px;
}
.container {
	width:980px;
}
.clear {
	clear:both
}
.colortext {
	color:#eaab4c;
	text-transform:capitalize;
	font-weight:bold;
}
.design-slide li{ padding-left:10px; width:150px; height:210px;}
.color_bg{
	/**background:url(../images/i_19.png) repeat-x;*/
}
.foot {
	height:auto;
	padding:10px 0px 50px 0px;
	color:#CCCCCC;
}
.foot li {
	list-style-type:none;
	text-align:left;
	line-height:30px;
}
.foot ul {
	margin:0;
}
.moduleTop *{
	color:#ec662f;
}
.moduleTop .moduleTt{
	font-size:36px;
	font-weight:bold;
	line-height:36px;
	padding:30px 0;
	text-transform:Uppercase;
}
.moduleTop .Leader{
	vertical-align:bottom;
	margin-top:50px;
}
.f16 {
font-size:16px;
}
.foot a {
	color:#666666;
}
.foot a:hover {
	color:#999;
}
.foot_s{ font-size:16px; line-height:45px; background:url(../images/l_03.jpg) right center no-repeat; margin:0; padding:0 10px;}
.foot_last{background:none}
.phone {
	font-size:14px;
	line-height:30px;
}
.prev, .next {
	margin-top:00px;
}
.prev12, .next12 {
	margin-top:80px;
}
.stitle {
	font-size:10px;
	font-weight:normal
}
.scontent {
	color:#666666;
	padding:0 135px;
}
.slide1111 {
	background:url(../images/slide-bj.png) no-repeat center center;
	height:396px;
	position:relative;
}
.slide1111 a {
	cursor:pointer;
	position:absolute;
	display:block;
	width:120px;
	height:120px;
}
.slide1111 a:hover {
	background-image:url(../images/slide-1.png);
}
.slide-active {
	background-image:url(../images/slide-1.png);
}
.slide-content {
	display:none;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt40 {
	margin-top:40px;
}
.mt80 {
	margin-top:80px;
}
.mt150 {
	margin-top:150px;
}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.more{ color:#FF9900}
.more:hover{ color:#FFCC66}
.mask-style:hover{ cursor:pointer}
.yiqi-title{ height:47px;}

.logo{
	position:absolute; 
	list-style-type:none;
	top:0px; 
	left:0px;
	margin:0px;
}
/*lavaLampBottomStyle*/
.lavaLampBottomStyle {
	/**height: 36px;**/
	padding:  13px 0;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	display:table;
}
.lavaLampBottomStyle li {
	float: left;
	list-style: none outside none;
	margin:0px auto;
}
.lavaLampBottomStyle li.back {
	border-bottom: 4px solid #eaab4c;
	height: 37px;
	position: absolute;
	width: auto;
	z-index: 8;
}
.lavaLampBottomStyle a {
	color:#cac8c8;
	display: block;
	font-weight:bold;
	font-size:14px;
	height: 30px;
	letter-spacing: 0;
	margin: auto 20px;
    outline: medium none;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 7px;
	z-index: 10;
}
.lavaLampBottomStyle a:hover {
	color:#333333;
	text-decoration:none;
}
/* Mask 效果 */
.view {
	width: 304px;
	height: 223px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	border-radius: 4px;
}
.view .mask, .view .content {
	width: 400px;
	height: 400px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	color: #FFF;
}
.view img {
	display: block;
	position: relative;
}
.view h2 {
	text-align: center;
	position: relative;
	font-size: 16px;
	background: rgba(0, 0, 0, 0.8);
	font-weight: normal;
}
.view p {
	font-size: 12px;
	position: absolute;
	left: 15px;
	text-align: left;
	width: 280px;
}
.view a.info {
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	position: absolute;
	top: 120px;
	left: 100px;
}
/* Mask Style CSS */
.section1 .mask-style .mask-1, .section1 .mask-style .mask-2 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 400px;
	width: 400px;
	background: rgba(205, 76, 76, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=80);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out 0.6s;
	-moz-transition: all 0.3s ease-in-out 0.6s;
	-o-transition: all 0.3s ease-in-out 0.6s;
	transition: all 0.3s ease-in-out 0.6s;
}
.section2 .mask-style .mask-1, .section2 .mask-style .mask-2 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 400px;
	width: 400px;
	background: rgba(255, 164, 25, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out 0.6s;
	-moz-transition: all 0.3s ease-in-out 0.6s;
	-o-transition: all 0.3s ease-in-out 0.6s;
	transition: all 0.3s ease-in-out 0.6s;
}
.section3 .mask-style .mask-1, .section3 .mask-style .mask-2 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 400px;
	width: 400px;
	background: rgba(56, 219, 238, 0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out 0.6s;
	-moz-transition: all 0.3s ease-in-out 0.6s;
	-o-transition: all 0.3s ease-in-out 0.6s;
	transition: all 0.3s ease-in-out 0.6s;
}
.menu-more{ color:#cac8c8; text-decoration:none;}
.menu-more:hover{ color:#333; text-decoration:none;}
.menu-dropdown{position:absolute; top:20px; left:750px; font-weight:bold; list-style-type:none; margin:0; padding:0}
.mask-style .mask-1 {
	left: auto;
	right: 0;
	-webkit-transform: rotate(55.1deg) translateX(-180px);
	-moz-transform: rotate(55.1deg) translateX(-180px);
	-o-transform: rotate(55.1deg) translateX(-180px);
	-ms-transform: rotate(55.1deg) translateX(-180px);
	transform: rotate(55.1deg) translateX(-180px);
	-webkit-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-o-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}
.mask-style .mask-2 {
	top: auto;
	bottom: 0;
	-webkit-transform: rotate(55.1deg) translateX(180px);
	-moz-transform: rotate(55.1deg) translateX(180px);
	-o-transform: rotate(55.1deg) translateX(180px);
	-ms-transform: rotate(55.1deg) translateX(180px);
	transform: rotate(55.1deg) translateX(180px);
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}
.mask-style .content {
	/*background: rgba(51, 51, 51, 0.9);*/
    height: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 400px;
	overflow: hidden;
	-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
	-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
	-o-transform: rotate(-33.5deg) translate(-112px, 166px);
	-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
	transform: rotate(-33.5deg) translate(-112px, 166px);
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: all 0.4s ease-in-out 0.3s;
	-moz-transition: all 0.4s ease-in-out 0.3s;
	-o-transition: all 0.4s ease-in-out 0.3s;
	transition: all 0.4s ease-in-out 0.3s;
}
.mask-style h2 {
	background: transparent;
	margin: 0 auto;
}
.mask-style:hover .content {
	height: 180px;
	width: 309px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 1;
	top: 20px;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-moz-transform: rotate(0deg) translate(0, 0);
	-o-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}
.mask-style:hover .mask-1, .mask-style:hover .mask-2 {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.mask-style:hover .mask-1 {
	-webkit-transform: rotate(53.9deg) translateX(1px);
	-moz-transform: rotate(53.9deg) translateX(1px);
	-o-transform: rotate(53.9deg) translateX(1px);
	-ms-transform: rotate(53.9deg) translateX(1px);
	transform: rotate(53.9deg) translateX(1px);
}
.mask-style:hover .mask-2 {
	-webkit-transform: rotate(53.9deg) translateX(-1px);
	-moz-transform: rotate(53.9deg) translateX(-1px);
	-o-transform: rotate(53.9deg) translateX(-1px);
	-ms-transform: rotate(53.9deg) translateX(-1px);
	transform: rotate(53.9deg) translateX(-1px);
}



.view22{
	height: 285px;
    width: 382px;
}

.section1 .view22 .mask-1, .section1 
.view22 .mask-1 {
    background: none repeat scroll 0 0 rgba(205, 76, 76, 0.8);
    height: 570px;
    opacity: 1;
    transition: all 0.3s ease-in-out 0.6s;
    width: 570px;
}
.view22 .mask-1 {
    left: auto;
    right: -5px;
    transform: rotate(55.1deg) translateX(-262px);
	-webkit-transform: rotate(55.1deg) translateX(-262px);
    transform-origin: 100% 0 0;
}

.section1 .view22 .mask-2, .section1 
.view22 .mask-2 {
    background: none repeat scroll 0 0 rgba(205, 76, 76, 0.8);
    height: 590px;
    opacity: 1;
    transition: all 0.3s ease-in-out 0.6s;
    width: 570px;
}
.view22 .mask-2 {
    bottom: 5px;
    top: auto;
    transform: rotate(55.1deg) translateX(262px);
	-webkit-transform: rotate(55.1deg) translateX(262px);
    transform-origin: 0 100% 0;
}
.view22:hover .content {
    height: 180px;
    opacity: 1;
    top: 20px;
    transform: rotate(0deg) translate(0px, 0px);
    width: 382px;
}

.view22 p {
    width: 360px;
text-align:left;
left:0;
margin-left:10px;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left:-60px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #394045;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.2;
  filter: alpha(opacity=50);
}
.carousel-control.right{
  right:-60px;	
}
.qsli li{
	width:292px;height:200px;float:left;
	list-style-type:none;margin:20px 10px;
}
.qsli li img{
	width:290px;height:198px;margin-bottom:5px;
}
.input-bm {
    width: 125px;
}
.header_com{
	background-color:#e70;
}
.header_com a{
	color:#fff;
}
ul, li {
    list-style-type: none;
}

.iBrand{padding-top: 10px;background: url(../images/i_brand_bg.png) left top repeat-x;}
	.iBrand li{float: left;width: 102px;height: 52px;margin: 10px 15px 0;text-align: center;font-size: 14px;cursor: pointer;}
	.iBrand li img{width: 100px;height: 50px;border: 1px solid #E5E5E5;}
	.iBrand li p{display: none;}

.FootSer{
	padding: 30px 0;
	/**border-top: 1px solid #EAEAEA;
	background: #F5F5F5;*/
	}
	.FootSer li{float: left;width: 160px;line-height: 15px;cursor: pointer;margin:5px 0px;white-space:nowrap;}
	.FootSer li.f14{width: 120px;}
	.FootSer li span{float: left;width: 30px;height: 30px;margin-right: 10px;background: url(../images/header.png) no-repeat;font-family:Verdana, Geneva, sans-serif;font-size: 24px;color: #CCC;text-align: center;line-height: 30px;}
	.FootSer li span.icon{background-position: 0 -35px;}
	.FootSer li.hover{color: #E70;}
	.FootSer li.hover span.icon{background-position: 0 -70px;color: #E70;}

.Footer{padding: 20px 0;border-top: 1px solid #EAEAEA;background: #F5F5F5;}
	.Footer .fService{margin-top: 10px;}
	

.Column-100 {
    width: 100%;
    height: auto;
}
.hr30 {
    height: 30px;
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
.hr20 {
    height: 20px;
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

.clearfix:after {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    font: 0px/0 sans-serif;
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.iTitle {
    line-height: 50px;
    font-weight: normal;
}
.iTitle span {
    padding-right: 5px;
    font-size: 20px;
    color: #333;
}
.iTitle i {
    font-size: 18px;
    color: #999;
    font-family: Arial,Helvetica,sans-serif;
}
.imga {
    display: block;
}


.design_title{ width:100%; height:auto; border-top:1px solid #c6c6c6; background:#f1f1f1; padding:10px 0;}
.design_title .square{ width:60px; height:60px; display:block; background:#5f90bb; font:41.05px/60px '微软雅黑'; color:#fff; text-align:center; float:left; margin-right:20px;}
.design_title .fl{ font:30px/43px '微软雅黑'; color:#5f90bb;}
.design_title .fl i{ font:11px/12px '微软雅黑'; color:#666; text-transform:uppercase;}
.design_title .fl em{ font:11px/12px '微软雅黑'; color:#666; text-transform:uppercase;}

/*service 服务 begin*/
.service_list li{ width:100%; height:auto; margin-bottom:30px;	}
.service_list li tr{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e3e2e2;

}
.service_list li td{ height:auto; padding:5px 0;font:14px/30px '微软雅黑'; color:#595757;	border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #e3e2e2;}
.service_list li td h2{font:normal 18px/35px '微软雅黑'; margin:0px;padding:0px;}
.service_list li td p{line-height:30px\9; margin:0px;padding:0px;}
.service_comment h3{font:normal 18px/35px '微软雅黑'; color:#5f8eb8;}
.service_comment p{font:14px/35px '微软雅黑'; color:#3e3a39; margin:0px;}
.service_comment .inpTxt{ width:270px; height:23px; border:1px solid #d6d5d5; margin-right:30px; padding:0 5px;font:14px/23px '微软雅黑'; color:#b9b9b9;}
.service_comment textarea{ width:97%; height:160px; padding:0 1%;border:1px solid #d6d5d5;font:14px/25px '微软雅黑'; color:#b9b9b9;}
.service_comment span{ width:120px;; height:auto; margin-right:40px; display:inline-block;}
.service_comment .inp_sb{ width:100%; height:48px; background:#5ea0c9;font:22px/48px '微软雅黑'; color:#fff; text-align:center; cursor:pointer; border:0;}

.service_step_wrap{ overflow:hidden; padding:0px;}
.service_step_wrap h3,.service_step_wrap p{ width:97.25%; margin-left:1.375%;}
.service_step_wrap h3,.service_step_cont h3{font:normal 16px/22px '微软雅黑'; color:#5f91bc; height:20px\9;line-height:20px\9;margin:10px 0px; margin-bottom:-5px\9; }
.service_step_wrap p,.service_step_cont p{font:14px/22px '微软雅黑'; color:#4d4d4d;}
.service_step_cont p{ line-height:22px;}
.step_list{ margin:0px; padding:0px; list-style::none;}
.step_list li{ width:22.2%; height:auto; float:left; margin:0 1.375%;}
.step_list li img{width:274px; height:auto; }
.service_step{ width:100%; height:auto; position:relative;}
.service_step_cont{ width:94%; height:auto; position:absolute; top:10px; left:3%; z-index:2;margin-top:-10px; }
.service_step_cont span{ width:90px; height:26px; display:block; float:left; background:url(../images/span_step_bg.jpg) 0 0 no-repeat; color:#fff; padding-left:5px; padding-top:2px;}
.sservice_step{ width:100%; height:auto; position:relative;margin-top:-13px; margin-left:3px;margin-top:-19px\9;}

/*service 服务 end*/

/*工艺图解*/
.tujieList{}
.tujieList li{float: left;width: 280px;height: auto;margin: 0 10px 10px 0;padding: 10px;background: #F5F5F5;transition:all 0.3s linear 0s;}
.tujieList li h4{width: 30px;height: 160px;padding: 0 10px;background: #3D474A;font-size: 22px;color: #E70;font-weight: normal;line-height: 24px;text-align: center;}
.tujieList li h4 i{display: block;width: 35px;height: 35px;margin: 10px auto 0;background: url(../images/pub_bg.png) -385px -175px no-repeat;}
.tujieList li img{width: 180px;height: 160px;}
.tujieList li p{margin: 15px 0;}
.tujieList li.hover{box-shadow:0 0 10px #666;border-radius:5px;}
.tujieList li.hover h4 i{background-position: -350px -175px;}

.fl{float:left; display:inline;}
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.tran{transition:all 0.3s linear 0s;}

/** 新闻资讯*/
.news-list{ font-size:14px; line-height:22px;}
.news-type{ padding:10px 15px; border-bottom:1px dotted #CCCCCC; font-size:14px; width:190px; }
.news-type a,.news-title a{ color:#000000; display:block }
.news-type a:hover,.news-title a:hover{ color:#FF9900; }
.news-title{ font-size:18px; font-weight:bold}
.news-author{ color:#999999}
.news-more{ height:35px; margin-top:30px; border-bottom:1px solid #CCCCCC; margin-bottom:50px;}
.news-more a{ color:#000000}
.news-more a:hover{ color:#FF9900; }
.news-content{ margin-top:5px;}

/** 分页 */

.page_nav{
	margin:30px auto !important; 
	text-align:center; 
	cursor:default;
	white-space:nowrap;
}
.page_nav *{
	line-height:28px;
}
.page_nav .left{
	float:left;
}
.page_nav .right{
	float:right;
}
.page_nav span{
	padding:3px 5px; 
	height:28px;
	line-height:28px;
	background:#FAFAFA;
	border:1px #C2D5E3 solid;
	margin:0px 3px;
	color:#006699;
	cursor:default;
	white-space:nowrap;
}
.page_nav span.link{
	cursor:pointer !important;
}
.page_nav span.link:hover{
	background:#bbb;
}
.page_nav .green{
	color:green;
}
.page_nav .greenb{
	color:green;
	font-weight:bold;
}

.msgTitle{position: relative;width: 100%;clear: both;padding-bottom: 8px;border-bottom: 1px solid #CCC;line-height: 30px;}
.msgTitle .line{position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #E70;}
.msgTitle h1{font-size: 24px;font-weight: normal;color: #333;}
.msgTitle .jiathis_style{margin-top: 12px;}
.msgTitle .jiathis_style .jiathis_separator{margin:0 5px 0 0;}
	
.msgInfo{
	width: 100%;height: 60px;margin-bottom: 30px;
	/**border-bottom:1px dotted #CCC;*/
	line-height: 60px;overflow: hidden;
}
.msgTitle em{font-size: 12px;font-weight: normal;color: #333;}
.msgPN a{float: left;width: 75px;height: 40px;margin: 10px 5px;background: url(../images/pub_bg.png) 0 -65px no-repeat;text-indent: -999em;}
.msgPN a.next{background-position: -150px -65px;}
.msgPN a.prev:hover{background-position: -75px -65px;}
.msgPN a.next:hover{background-position: -225px -65px;}