/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .wp{padding: 0 10px;}
    .header{padding-top: 20px;background-color: rgba(255,255,255,8);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);-o-box-shadow: 0 0 10px rgba(0,0,0,.2);box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.footer .con{width: auto;padding: 0 10px;}
    .ul-imgtxtq1{margin: 10px -10px 0;}
    .ul-imgtxtq1 li{padding: 0 10px;}
	.header1 .so{display:block;width:26px;height:26px;position:absolute;top:20px;right:10px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/so.png) center center no-repeat;background-size:20px 20px}
	.header1 .hd-form{text-align:right;float:none;display:none;position:absolute;left:0;width:100%;top:42px;z-index:99;background:#fff;padding:10px}
}

/*Common For Max 768*/
@media only screen and (max-width: 860px) {
    .wp{width: auto;}
    .footer{padding: 20px 0;}
    .fd-logo{float: none;margin: 0 auto 10px;}
    .fd-addr{text-align: center;}
	.header1{height: auto;}
	.header1:after{content: " "; display: block;clear: both;}
	.header1 .logo{position: initial;display: inline-block;vertical-align: middle;height: 30px;float: left; margin-right: 10px;}
	.header1 .logo img{height: 30px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .header,.header.fixed{padding: 0;}
    .header .logo{line-height: 50px;height: 50px;}
    .header .logo img{display: inline-block;vertical-align: middle;height: 30px;}
    .header .logo,.header.fixed .logo{margin-left: 0;}
    .ban .txt{width: 48%;}
    .g-titq1 h3{font-size: 18px;line-height: 54px;}
    .g-titq1 h3 i{width: 50px;height: 42px;margin-right: -15px;top: -5px;}
    /*.g-titq1 h3:before, .g-titq1 h3:after{display: none;}*/
    .g-boxq1{padding-bottom: 0;}
    .g-boxq1 .box{margin-top: 20px;}
    .m-mess .top .pic{margin: 0 auto 64px;}
    .m-mess .top .txt{padding-top: 10px;}
    .m-mess .top .txt h3{font-size: 16px;}
    .m-mess .top .info{margin-top: 10px;font-size: 14px;line-height: 20px;}
    .m-mess .top .info i{width: 20px;height: 20px;margin-right: 5px;}
    .m-mess .top .recom{margin: 20px 0;padding: 30px 20px 20px;font-size: 14px;}
    .m-mess .top .recom span{font-size: 14px;width: 60px;height: 62px;line-height: 62px;left: 0;}
    .m-mess .top .follow{font-size: 14px;width: 135px;height: 30px;line-height: 30px;margin: 0 auto;}
    .ul-imgtxtq1{padding-top: 20px;}
    .ul-imgtxtq1 .pic{padding-top: 0;width: 204px;height: auto;margin: 0 auto 11px;}
    .ul-imgtxtq1 .pic img{position: static;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    .ul-imgtxtq1 h3{font-size: 16px;line-height: 1.8em;text-align: center;}
    .fd-addr p br{display: none;}
	.header1 .ht-txt p{display:none}
	.header1 .ht-txt .a-grop{margin-left:0}
	.header1 .hd-form select{width:100%;display:block;margin-left:0;margin-bottom:5px;height:30px;line-height:30px}
	.header1 .hd-form .inp{width:100%;margin-left:0;margin-bottom:5px;height:30px;line-height:30px}
	.header1 .hd-form .sub{width:150px;height:30px;line-height:30px;margin-left:0}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
}