/* CSS Document */
@import url(ym_global.css);

.ym_body { float:left;width:100%; left:0;  margin-top:763px; z-index:1000; position:relative; min-width:1300px;}

.service { float:left; width:262px; height:262px; color: #4b4b4b;
   filter: grayscale(100%);


    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);  background:url(../images/index_k.gif) left top no-repeat;}
.service span { float:left; width:262px; text-align:center; font-size:18px; font-weight:bold;  display:inline;  }

.service h1 { float:left; width:262px; margin-top:30px; font-size:12px; text-align:center; font-weight:normal;  display:inline; line-height:21px; height:80px;  }


.service:hover{filter: grayscale(0%);


    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    color:#008071;  margin-top:-20px; background:url(../images/index_k1.gif) left top no-repeat;} 
	
	
.promise{ float:left; width:100%;}


.button_link { float:left; width:200px; height:35px;background-color:#ffffff; margin-top:20px;border: #dddddd 1px double; }
.button_link span { float:left; margin-left:20px; font-size:16px; line-height:35px;}
.button_link p { float:right; margin-right:20px;font-size:15px; line-height:35px;}
.button_link:hover  { float:left; width:200px; height:35px;background-color:#008071; color:#FFF;}


.index_fb{float:left; padding-bottom:50px;overflow:hidden; zoom:1;}
.index_fb li {
	display: block;
	float: left; margin-top:20px; 
	padding: 0px;
	width:398px; height:380px;  display:inline;background-color:#ffffff; color:#767676;border-right: #f3f3f3 1px double;
}
.index_fb li h1{float:left; padding-left:30px; margin-top:20px;  text-align:center; clear:both; height:30px; line-height:40px; font-size:18px; }
.index_fb li p{float:left; padding-left:30px;text-align:center; clear:both; height:30px; line-height:40px; font-size:16px;}
.index_fb li span{float:left; text-align:center; clear:both; line-height:40px; font-size:12px;}
.index_fb ul li:hover  {
	background-color:#008071; color:#fff;
}
.index_fb ul li h1:hover  {
	 color:#fff;
}
.designer{ float:left; padding-bottom:50px;overflow:hidden; zoom:1; }
.designer ul li {
	display: block;
	float: left; margin-top:20px; margin-right:10px;
	padding: 0px;
	width:385px; height:480px;  display:inline;background-color:#dddddd; color:#767676;
}

.designer ul li p { float:left;width:385px; height:385px; overflow:hidden;}

.designer ul li:hover  {
	background-color:#008071; color:#fff;
}
.designer  li:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;
}

.designer ul li h1 { float:left; padding-left:20px; text-align:center; clear:both; height:30px; line-height:30px; font-size:20px;}
.designer ul li span { float:left; padding-left:20px; 	height:40px; line-height:40px; font-size:13px;clear:both; }


.more{ margin:0 auto;  width:200px; height:40px; line-height:40px; background-color:#008071; color:#fff; text-align:center;border-radius:5px;}
.more:hover{  
background-color: #474747; color:#FFF; 
 
 }  


.left_apply_form { float:left; width:100%;  margin-top:20px; }
.left_apply_form li  { float:left; width:100%;}
.left_apply_form li p { float:left; width:275px; height:45px; line-height:45px; margin-left:20px;}

.left_apply_form b { float:left; width:100%; height:45px; line-height:45px;}
.input1 {BORDER: #cfcfcf 1px double;  float:left; width:97%; height:35px; color:#999; line-height:35px; padding-left:10px;TEXT-DECORATION: blink; background-color:#fff;}

.button { float:left;width:100%; height:45px; color:#fff; font-size:20px; font-family:微软雅黑,Verdana,Arial, Helvetica,sans-serif; font-weight:bold; line-height:45px; TEXT-DECORATION: none; background-color:#272636;border:none;
}
.button:hover {cursor:pointer ; 
background-color: #008071; 
}



.c1-slide .bd{
	width:1210px;
	overflow:hidden;
	margin:0 auto;
	float:left;
}
.c1-slide{
	padding-top:50px;
	position:relative;
}


.bd   li{ float:left;margin-bottom:10px; margin-right:20px;width:285px; height:377px; display:inline; background-color:#ededee;  }

.bd   li h1{ float:left;  font-size:18px; margin-top:10px;  display:block; margin-left:10px; width:265px; height:40px; text-align:center;border-bottom:1px solid #dcdcdc; }
.bd   li span{  display:block; overflow:hidden; }
.bd   li p{ float:left; margin:15px 0px 0px 15px; padding:0px; line-height:25px; display:inline;width:255px; height:100px;  text-align:justify;text-justify:inter-ideograph;}


.bd li:hover{  
background-color:#008071; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;  
 }   
 
.bd  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}




.c1-slide .prev{
	background:url(../images/left2.png) no-repeat;
	width:30px;
	height:59px;
	display:block;
	position:absolute;
	top:185px;
	left:-60px;
}
.c1-slide .next{
	background:url(../images/right2.png) no-repeat;
	width:30px;
	height:59px;
	display:block;
	position:absolute;
	top:185px;
	right:-60px;
}
.c1-slide .prev:hover{
	background:url(../images/left2-hover.png) no-repeat;
}
.c1-slide .next:hover{
	background:url(../images/right2-hover.png) no-repeat;
}
.c2{
	background:#F5F5F5;
	padding-top:60px;
	padding-bottom:60px;
}
.c2-left{
	width:1020px;
	position:relative;
}
.c2l-right{
	width:605px;
	position:relative;
	padding:33px;
}
.c2t-img{
	position:absolute;
	left:-349px;
	top:0px;
}
.c2t-img em{
	display:block;
	background:url(../images/ico1.png) no-repeat;
	width:9px;
	height:15px;
	position:absolute;
	right:0px;
	top:290px;
	z-index:99;
}
.c2main{
	height:340px;
	background:#ffffff;
}
.c2t-left span{
	display:block;
	font-weight: 100;
	font-family: "微软雅黑";
	font-size: 25px;
	color: #444444;
}
.c2t-left font{
	display:block;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #B1B1B1;
}
.c2-top a{
	font-weight: 100;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #444444;
	position: relative;
	left: 0px;
	top: 13px;
}
.c2-top a:hover{
	color:#F0281E;
}
.c2l-t{
	padding-top:25px;
	height:109px;
	border-bottom:1px dotted #d8d8d8;
}