
/*bottom*/


/*clearfix*/
.clear{clear:both}
.clearfix {*zoom: 1}
.clearfix:before,
.clearfix:after {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}
.clear{clear:both}
.container .alpha {margin-left: 0px}
.container .omega {margin-right: 0px}

/*PC width*/
.grid_12 {width: 1170px}
.grid_11 {width: 1070px}
.grid_10 {width: 970px}
.grid_9 {width: 870px}
.grid_8 {width: 770px}
.grid_7 {width: 670px}
.grid_6 {width: 570px}
.grid_5 {width: 470px}
.grid_4 {width: 370px}
.grid_3 {width: 270px}
.grid_2 {width: 170px}
.grid_1 {width: 70px}
@media (min-width: 1199px) and (max-width: 1300px) {
#logo{width:15%; background-size:150px;}	
#nav{width:70%;}
	}


@media (min-width: 980px) and (max-width: 1199px) {

.row:before,
.row:after {display: table;content: "";line-height: 0}
.row:after {clear: both}
 [class*="grid_"] {float: left;min-height: 1px;margin-left: 20px;}
.container {width: 100%}
.w1000{width: 100%;}
.content{width:100%;padding-left:15px; text-align:center;padding-right:15px;line-height:25px;padding-top:10px;}
.fot span{line-height:25px; float:none;}
.dllist dt{ text-indent:0px;}
.dllist dd{ text-indent:0px;}
.dllist{width:130px;}
.i-fob li{width:33.333%;}
.i-fob li.odd{margin-right:0px;}
#logo{width:15%; background-size:120px;}	
#nav{width:75%;}
#head-search{margin-right:20px;}
#nav .nLi{padding:15px 1.6% 0}
.w960{width:980px;}
.media-div ul{
	margin-right:0px;
}


}
@media (min-width: 768px) and (max-width: 979px) {
[class*="grid_"] {float: left;min-height: 1px;margin-left: 20px}
.container {width: 100%}
.grid_3{float:left; width:45%; margin-left:20px}
.ewm{display:none;}
.content{width:100%;padding-left:15px; text-align:center;padding-right:15px;line-height:25px;padding-top:10px;}
.fot span{line-height:25px;}
.dllist dt{ text-indent:0px;}
.dllist dd{ text-indent:0px;}
.dllist{width:25%;}
.i-fob li{width:33.3333%;}
.i-fob li.odd{margin-right:0px;}
#logo{width:15%; background-size:120px;}	
#nav{width:76%;}
#head-search{margin-right:5px;}
#nav .nLi{padding:15px 1% 0}

#nav{display:none;}
#logo{width:27%; background-size:200px;}
#head-search{margin-right:105px; position:absolute;right:0px;z-index:999999;}
#m-hd{display:block;}
.w960{width:600px;}
.media-div ul{
	margin-right:0px;
}
.policy-box{WIDTH:100%;}
.pl40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
.pr40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
}
@media (max-width: 767px) {
[class*="grid_"] {float: none;display: block;width: 100%;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid_3{float:left; width:45%; margin-left:20px}
.f32{font-size:22px}
.container {width: 100%}
.ewm{display:none;}
.content{width:100%;padding-left:15px; text-align:center;padding-right:15px;line-height:25px;padding-top:10px;}
.fot span{line-height:25px;}
.dllist dt{ text-indent:0px;}
.dllist dd{ text-indent:0px;}
.dllist{width:25%;}
.i-fob li .txt{width:100%; font-size:12px;height:auto;line-height:22px;}
#nav{display:none;}
#logo{/*width:42%;*/ background-size:130px;}
#head-search{margin-right:105px; position:absolute;right:0px;z-index:999999;}
#m-hd{display:block;}
.w960{width:100%;}
.media-div li{width:33.333%;margin-right:0px;}
.media-div ul{
	margin-right:0px;
}
.media-div li, .media-div li img{text-align:center;}

.policy-box{WIDTH:100%;}
.pl40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
.pr40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
#kop{display:none;}
#kop_b{width:100%;}
}
@media (max-width: 479px) {
.first .row,.page_4 .row,.w_third .row {margin-left:0px}
.grid_3{float:none; width:100%; margin-left:0}
.p_20{padding:10px}
.f14{font-size:13px}
.f16{font-size:14px}
.f18{font-size:16px}
.content{width:100%;padding-left:15px; text-align:center;padding-right:15px;line-height:25px;padding-top:10px;}
.fot span{line-height:25px;}
.dllist dt{ text-indent:0px;}
.dllist dd{ text-indent:0px;}
.footer{display:none;}
.i-fob li{width:100%;margin-bottom:20px;}
.i-fob li.odd{margin-right:0px;}
#logo{width:35%; background-size:120px;}
.w960{width:100%;}
.media-div ul{
	margin-right:0px;
}
.policy-box{WIDTH:100%;}
.pl40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
.pr40{PADDING-LEFT:15PX;PADDING-RIGHT:15PX;}
#kop{display:none;}
#kop_b{width:100%;}
}