﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width:98%;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
#hd{height: 160px;}
.head{background-size:600px auto;}
.logo img{width: 200px;height: auto;}
#nav{padding-top: 30px;}
/*banner*/
#banner .items-pic .txt h5, .items-pic .txt p{padding: 0 15px;}
#banner .items-pic .txt h5{font-size: 16px;}
/*index*/
.g-btn1{font-size: 12px;}


}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
#hd{height: 140px;position: relative;}
.head{background-size: 500px auto;}
.logo{padding: 20px 0 0 10px!important;}
.logo img{width: 180px;height: auto;}
#nav{display: none;padding: 0;position: absolute;right: 0;top: 60px;z-index: 9999;}
#nav ul{background: rgba(0,45,110,0.6);}
#nav ul li{line-height: 35px;width: 200px;}
.logo{padding-top: 10px;}
.logo img{width: 150px;height: auto;}
#nav-more{display: block;}
#banner {margin:20px 0; }
/*banner*/
.items-pic .txt {display: none;}
/*index*/
.m-Info .col-l, .m-Info .col-r, .m-Info .col-c{float: none;width: auto;height: auto;padding: 20px;font-size: 14px;}
.m-Info .col-l{text-align: center;}
.m-Info p{height: auto;}
.g-tit1{font-size: 20px;line-height: 25px;}
.g-tit2 span{font-size: 18px;line-height: 25px;}
.g-tit2{font-size: 14px;line-height: 20px;}
.m-about .txt{font-size: 14px; line-height: 18px;}
.m-picshow ul li{width: 50%;margin-bottom: 20px;}
/*inner*/
.m-article .txt1{padding: 20px 10px;}



}


/*Common For Max 480*/
@media only screen and (max-width: 660px) {
    .txt-l,.txt-r{float: none;width: auto;}
    .txt-l ul li{float: left;width: 25%;}
    .txt-l ul li img{padding: 5px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
#hd{height: 110px;}
.head{background-size: 400px auto;}
.logo img{width: 150px;height: auto;}
.logo p{display: none;}
#nav{width: 100%;}
#nav ul {width: 100%;padding: 0;}
#nav ul li{width: 100%;text-align: center;background: none;padding: 0;}
#nav ul li:hover{background: #0e4aad;}
#ft p{text-align: center;}
/*inner*/
.txt-l ul li{width:50%;}
.g-tit3{font-size: 16px;}
.m-article{padding-top: 15px;}
.m-article .txt2{padding: 15px;}
.td-width{width: 150px;}

}
