@charset "utf-8";


/*responsive pc 1200*/
.whs-bodybg { background:#f8f8f8; }
.whs-banner { overflow:hidden; }
.whs-banner img { display:block; width:100%; }
.whs-banner dd { display:none }

.whs-sch { width:690px; height:36px; border:2px #ff095a solid; overflow:hidden; margin-top:21px; background: left top no-repeat; }
.whs-sch-inp { width:540px; margin-left:40px; height:36px; line-height:36px; color:#bababa; font-size:14px; background:none; font-family:helvetica,"微软雅黑"; border:0; }
.whs-sch-but { width:80px; height:36px; background:#ff095a; color:#fff; border:0; text-align:center; line-height:36px; font-size:16px; font-family:helvetica,"微软雅黑"; cursor:pointer; }
.whs-sch1 { overflow:hidden; width:690px; font-size:12px; color:#4c4c4c; height:34px; }
.whs-sch1 b,.whs-sch1 i { font-weight:normal; font-style:normal; margin-right:30px; line-height:34px; cursor:pointer }
.whs-sch1 i { color:#ff095a;  }

.whs-pic { overflow:hidden; }
.whs-pic-bg { background:#f9f6e5; }
.whs-piclist-pc { overflow:hidden; }
.whs-piclist-pc li { display:inline; width:33%; float:left; }
.whs-piclist-pc li a { margin:20px 11px; background:#fff; border:1px #e6e6e6 solid; padding:16px; font-size:16px; color:#333; line-height:18px; text-decoration:none; display:block; }
.whs-piclist-pc li a:hover { background:#f8d907; border:1px #b39706 solid; color:#b25252; box-shadow: 0 0 15px #b3b3b3;   }
.whs-piclist-pc li a img { display:block; width:100%; max-height:230px; margin-bottom:14px; }

.whs-pic-m { display:none; overflow:hidden; }

.whs-more { overflow:hidden; padding:20px 0px 40px 0px }
.whs-more li { text-align:center; height:52px; line-height:52px; font-size:16px; color:#fff; background:#f3e284; margin:0 15px; cursor:pointer;  }
.whs-more li:hover { background:#ecd34b }
.whs-more li span { color:#d8b808; font-size:16px; margin-right:8px; }

.whs-footer { background:#eecc11; border-bottom:5px #ac9205 solid; text-align:center; color:#fff; font-size:14px; line-height:32px; padding:10px 0px; overflow:hidden; margin-bottom:0px; }
.whs-footer a { color:#fff; }
.whs-footer a:hover { text-decoration:underline; }
.whs-footer span { margin:0 9px; }



/*responsive pad horizontal screen*/
@media (max-device-width:1024px) and (orientation : landscape){ 

}

/*responsive mobile*/
@media screen and (max-width:640px){
	#flow-box .tag-box { 
	     display: block;
	     width: 100%; 
	    float: none; 
	}
/*.whs-banner dt { display:none }
.whs-banner dd { display:block }

.whs-sch { display:none }
.whs-sch1 { display:none; }

.whs-pic { display:none; }

.whs-pic-m { display:block; }
.whs-pic-mt { margin-top:8px; }
.whs-pic-m a { background:#fff; border:1px #e6e6e6 solid; font-size:14px; color:#333; line-height:18px; text-decoration:none; display:block; overflow:hidden; padding-bottom:12px;  }
.whs-pic-m a:hover { background:#f8d907; border:1px #b39706 solid; color:#b25252; box-shadow: 0 0 15px #b3b3b3;   }
.whs-pic-m a img { display:block; width:100%; margin-bottom:14px; }
.whs-pic-m a p { margin:0px 10px;}
.whs-pic-m1 { margin:4px; }
.whs-pic-m1 li { width:50%; float:left; display:inline;  }
.whs-pic-m1 a { margin:4px; }
.whs-pic-m1 a img { margin-bottom:8px; }
.whs-pic-m1 a p { font-size:13px;  height:36px; }

.whs-more { padding:10px 0px 20px 0px }
.whs-more li { height:42px; line-height:42px; margin:0 10px; }
.whs-more li span { color:#d8b808; font-size:16px; margin-right:8px; }*/
}

@media screen and (max-width:992px) and (min-width:641px){ 
	#flow-box .tag-box {
	     display: block;
	     width: 50%; 
	    float: left; 
	}
}
/*responsive pad vertical screen*/
@media only screen and (min-width:767px) and (max-width:992px){ 
.whs-pic-m a { font-size:20px; line-height:28px; }
.whs-pic-m1 a p { font-size:17px;  height:26px; }
}

/*responsive other*/
@media only screen and (min-width:480px) and (max-width:766px){ 

}