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

.sub_page{width:100%; min-width:1300px; height:599px; float:left;  margin-top:98px;  }

.sub_body{ width:1200px; margin:0 auto;  line-height:30px;text-align:justify; text-justify:inter-ideograph; padding-bottom:100px;}


.sub_menu{float:left;width:100%;  }
.sub_menu ul{ float:left; margin-top:15px;}
.sub_menu li{ float:left;width:225px; text-align:center; height:35px; line-height:35px; background:url(../images/sub_05.gif) right center no-repeat; font-size:16px;  }







.designer{ float:left; padding-bottom:50px; margin-top: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; }


.design_detail{ float:left; width:100%; }
.design_detail h1{ float:left; font-size:50px; line-height:50px; color:#737373;font-weight:normal;}
.design_detail h2{ float:left; margin-left:20px; margin-top:25px; font-size:24px; line-height:24px; font-weight:normal;color:#909090;}

.design_detail h3{ float:left; font-size:70px; line-height:70px; color:#dadada;font-weight:normal;font-family:basefont; }

.s_design{ float:left; margin-top:35px;  width:500px; height:57px; line-height:57px; background-color:#e7e7e7; color:#909090; font-size:22px; text-align:center;}
.s_design:hover{  
background-color: #1e69af; color:#FFF; 
 
 }
.case{ width:96%; margin:0 auto; margin-top:30px; min-height:670px;  }
.case ul{ margin:0px; padding:0px;}
@media screen and (min-width: 1600px) and (max-width:1920px){

.case li{ float:left;margin-top:17px; margin-left:20px;    width:23.6%; display:inline;background-color: #fff; overflow:hidden; }

}

@media screen and (min-width: 1280px) and (max-width:1599px){

.case li{ float:left;margin-top:17px; margin-right:20px;   width:31%; display:inline;background-color: #fff; overflow:hidden; }

}

@media screen and (max-width: 640px) {

.case li{ float:left;margin-top:17px; margin-right:5px;   width:48%; display:inline;background-color: #fff; overflow:hidden; }

}

.case li h1{ float:left; width:100%; height:50px; line-height:50px; text-align:center;  font-size:15px;  display:inline;}
.case li span{ float:left; width:100%; height: auto;overflow:hidden; max-height:280px;}
.case li img{ float:left; width:100%; height: auto;}
.case 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;  
 }  
.case li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}
 .tabmenu{ margin: 0 auto; width: 100%; margin-top:10px;}

.tabmenu ul{ width:100%; text-align:center;}
.tabmenu li{ display: inline-block;width:150px; margin:1px; height:50px; line-height:40px;text-align:center; }


.tabmenu  li:hover{height:50px;  background:url(../images/tabmenu_bg_on.png) top center no-repeat; color:#FFF;}

.tabmenu_off {background:url(../images/tabmenu_bg_off.png) top center no-repeat;color:#666;}
.tabmenu_on { height:50px; background:url(../images/tabmenu_bg_on.png) top center no-repeat; color:#FFF;}


.news{ margin:0 auto; width:96%; margin-top:30px;}
@media screen and (min-width: 1600px) and (max-width:2400px){
.news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:19%; height: auto; display:inline; background-color:#ededee;   }
}
@media screen and (min-width: 1280px) and (max-width:1599px){
.news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:24%; height: auto; display:inline; background-color:#ededee;   }
}

@media screen and (min-width: 640px) and (max-width:1279px){
.news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:32%; height: auto; display:inline; background-color:#ededee;   }
}
@media screen and (max-width:640px){
.news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:49%; height: auto; display:inline; background-color:#ededee;   }
}

.news   li h1{ float:left;  font-size:18px; margin-top:10px;  display:block;  width:100%; height:40px; text-align:center;border-bottom:1px solid #dcdcdc;color:#008072; }
.news   li span {overflow:hidden; }
.news  li p{ float:left; margin-left:20px;  width:92%; line-height:25px; display:inline; height:100px;  text-align:justify;text-justify:inter-ideograph;}
.news  li img{ float:left; width:100%; height: auto;}

.news 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;  
 }   
 .news li:hover h1{  
 color:#FFF;
 
 }  
.news  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}



.diary { margin:0 auto; width:96%; margin-top:30px;}
@media screen and (min-width: 1600px) and (max-width:1920px){
.diary   li{ float:left;margin-top:20px;text-align:center; padding:2%; margin-left:1%;width:20%; height: auto; display:inline; -webkit-box-shadow:0 0 10px #d1d1d1;  
  -moz-box-shadow:0 0 10px #d1d1d1;  
  box-shadow:0 0 10px #d1d1d1;     }
}
@media screen and (min-width: 1280px) and (max-width:1599px){
.diary   li{ float:left;margin-top:20px;text-align:center; padding:2%; margin-left:1%;width:28%; height: auto; display:inline; -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;     }
}

@media screen and (min-width: 640px) and (max-width:1279px){
.diary   li{ float:left;margin-top:20px; padding:2%; margin-left:1%;width:42%; height: auto; display:inline; background-color:#ededee;   }
}

@media screen and (max-width:639px) {
.diary   li{ float:left;margin-top:20px;text-align:center; padding:30px; margin-left:1%;width:49%; height: auto; display:inline; -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;     }
}

.diary  li h1{ float:left;  font-size:14px; margin-top:10px;  display:block;  width:100%; height:40px; line-height:40px; text-align:center;border-bottom:1px solid #dcdcdc;color:#008072; }
.diary  li span {float:left;  width:100%; height:auto;overflow:hidden; text-align:center; font-size:12px; }
.diary li img{ float:left; width:100%; height: auto;}

.diary 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;  
 }   
 .diary li:hover h1{  
 color:#FFF;
 
 }  
.diary  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}
.diary_title {  margin:0 auto; margin-top:40px;width:1040px; text-align:left; }
.diary_title h1{ float:left; width:700px; font-size:25px; font-weight: bold; color:#000000; height:50px;}
.diary_title p { float:left;width:700px; text-align:left; color:#5f5f5f; }




.index_fb{ width:96%; margin:0 auto; padding-bottom:50px;overflow:hidden; zoom:1;}
@media screen and (min-width: 1600px) and (max-width:1920px){
.index_fb li {
	display: block;
	float: left; margin-top:20px; 
	padding: 0px;
	width:24.7%; height: auto;  display:inline;background-color:#ffffff; color:#767676;border-right: #f3f3f3 1px double;
}
}

@media screen and (min-width: 1280px) and (max-width:1599px){
	
	.index_fb li {
	display: block;
	float: left; margin-top:20px; 
	padding: 0px;
	width:33.2%; height: auto;  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; overflow:hidden;}
.index_fb li img{ float:left; width:100%; height: auto; }
.index_fb ul li:hover  {
	background-color:#008071; color:#fff;
}
.index_fb ul li h1:hover  {
	 color:#fff;
}

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



.input4 {BORDER: #cfcfcf 1px double;  float:left; width:102%; height:35px; color:#999; line-height:35px; padding-left:10px;TEXT-DECORATION: blink; background-color:#fff;}



.button { float:left;  cursor:pointer ; width:100%; color:#fff; font-size:18px; line-height:32px; TEXT-DECORATION: none; background-color:#464646;border:none;
}
.button:hover {cursor:pointer ; 
background-color: #d90000; 
}




.pagecount  { margin: 0 auto; width: 100%;  margin-top:50px; margin-bottom:50px; }
.pagecount ul {width:100%; text-align:center;}

.pagecount li { display: inline-block;  background-color:#e3e3e3; text-align:center; width:40px; height:40px; line-height:40px; margin-right:5px; margin-top:5px; font-size:14px;color:#FFF; font-weight:bold;}
.pagecount li span{   text-align:center; color:#949494;}
.pagecount li:hover {  background-color:#008071;color:#FFF; }
.pagecount li:hover span { color:#fff;}

.gongdi_detail{ margin:0 auto; width:1040px;}
.case_content{ margin:0 auto; display:block;width:1040px;margin-top:15px; color:#686868; min-height:800px;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }	

.case_title {  margin:0 auto; margin-top:40px;width:1040px; text-align:center;border-bottom:1px solid #e7e7e7; }
.case_title h1{ font-size:25px; font-weight: bold; color:#000000; height:50px;}
.case_title span { text-align:center; color:#5f5f5f; display:block;}

.more{ margin:0 auto; margin-top:30px;  width:300px; color:#F00; height:40px; font-size:16px; line-height:40px; background-color:#f1f1f1;  text-align:center;}
.more:hover{  
background-color: #fdd041; color:#FFF; 
 
 } 
 
 .back{ margin:0 auto; margin-top:30px;  width:200px; color:#FFF; height:40px; font-size:16px; line-height:40px; background-color:#33526c;  text-align:center;}
.back:hover{  
background-color: #c30000; color:#FFF; 
 
 }   
.wrap{float:left;position:relative;left:50%;}
.inner{position: relative;left: -50%; }
 
.body_content{ float:left; width:800px; padding:35px; margin:0 auto;color:#686868; display:inline; font-size:13px;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }

.body_content p{ float:left; margin-top:10px; width:100%; line-height:24px;}

.body_content img{ max-width:800px;}