@media screen and (max-width: 1230px){
	.container{width: 1024px;}
	.head img.logo{margin: 28px 0 0 4px;}
	.head form{margin: 10px 0 0 24px;}
	.head input[type=text]{height: 28px;text-indent: 8px;}
	.head input[type=submit]{height: 30px;}
	.head h4{margin-top: 22px;font-size: 16px;}
	.navcontainer{width: 1024px;top: 65px;height: 32px;z-index: 999;}
	.nav{left: 364px;font-size: 14px;}
	.nav li{margin: 0 0 0 20px;}
	.case>ul li img{height: 160px;}
	.case>ul li>div.fl{height: 160px;padding-left: 20px;}
	.case>ul li>div.fl h4{color: #0386cb;padding: 6px 0 12px;font-size: 14px}
	.case>ul li>div.fl p{font-size: 13px;line-height: 26px;height: 50px;}
	.case>ul li>div.fl>a{left: 20px;bottom: 10px;font-size: 12px;}
	.news>ul li img{height: 120px;}
	.news>ul li>div.fl{height: 120px;}
	.chairman{padding: 12px 0 40px;}
	.honer>ul li{height: 280px;}
}

@media screen and (max-width: 1054px){
	.container{width: 750px;}
	.head{height: 82px;}
	.head img.logo{margin: 28px 0 0 4px;width: 250px;}
	.head form{margin: 6px 0 0 14px;}
	.head input[type=text]{width: 120px;height: 28px;text-indent: 6px;}
	.head input[type=submit]{width: 40px;height: 30px;background: #178ecb url(../images/search.jpg) no-repeat center;background-size: 16px;}
	.head h4{margin-top: 14px;font-size: 14px;}
	.navcontainer{width: 750px;top: 55px;height: 30px;}
	.nav{left: 282px;font-size: 14px;}
	.nav li{margin: 0 0 0 10px;font-size: 12px;}
	.headline{padding-left: 10px;}
	.nav li.active a:after{left: -6px;right: 10px;bottom: -8px;}
	.inews ul li>.date{width: 25%;}
	.inews ul li>.date h2{font-size: 24px;}
	.inews ul li>.date h4{font-size: 14px;}
	.inews ul li>.fr{width: 70%;}
	.inews ul li>.fr p{font-size: 12px;margin-bottom: 6px;}
	.inews ul li>.fr h4{padding: 2px 0 5px;font-size: 14px;}
	.ihonerbox{height: 200px;}
	.slide{height: 400px;}
	.slide ul li>a>p{font-size: 14px;line-height: 48px;}
	.slide ul li>a>p span{padding-left: 18px;background-size: 14px 11px;}
	.slide ul li.li_3>a>p span{background-size: 14px 11px;}
	.slide ul li.li_4>a>p span{background-size: 14px 11px;}
	.cover{padding: 14px 8px 0 8px;font-size: 13px;text-indent: 26px;}
	.footnav{width: 84%;}
	.footnav ul li:first-child{font-size: 13px;}
	.footer .fr{width: 16%;}
	.footer .fr img{width: 100%;}
	.copyright{height: 100px;line-height: 50px;}
	.copyright .fl{width: 100%;font-size: 12px;height: 50%;text-align: center;padding-right: 0;}
	.copyright .fr{width: 100%;font-size: 12px;height: 50%;text-align: center;padding-left: 0;}
	.aside>ul>li div.dropdown>a{text-indent: 12px;}
	.sonaside{padding-left: 8%;}
	.sonaside li a{text-indent: 14px;}
	.case>ul li img{height: 120px;}
	.case>ul li>div.fl{height: 120px;padding-left: 10px;}
	.case>ul li>div.fl h4{color: #0386cb;padding: 2px 0 8px;font-size: 14px}
	.case>ul li>div.fl p{font-size: 12px;line-height: 24px;height: 45px;}
	.case>ul li>div.fl>a{left: 10px;bottom: 10px;font-size: 12px;}
	.news>ul li img{height: 120px;width: 30%}
	.news>ul li>div.fl{height: 120px;width: 70%;}
	.paging{font-size: 13px;}
	.paging ul li>a{display: block;width: 100%;height: 100%;padding: 8px 14px;}
	.otherdevelop p{font-size: 14px;}
	.chairman{padding: 8px 0 40px;}
	.develop>ul li{font-size: 14px;}
	.honer>ul li{height: 220px;}
	.leavemess{padding-left: 6%;}
}

@media screen and (max-width: 768px){
	.container{width: 100%;}
	.head{height: 103px;}
	.head img.logo{margin: 12px 0 0 4px;width: 250px;}
	.head form{margin: 16px 12px 0 14px;}
	#btn{display: block;width: 100%;}
	.navcontainer{position: absolute;width: 120px;height: 100%;top: 0;right: -120px;margin: 0;left: auto;background: #0083c7;}
	body{transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;}
	.nav{position: static;line-height: 1;font-size: 14px;display: inline-block;width: 100%;}
	.nav li{float: none;margin: 0;position: relative;height: 40px;line-height: 40px;width: 100%;text-align: center;color: white;font-size: 14px;}
	.nav li:last-of-type{margin-right: 0;}
	.nav li.active a:after{position: absolute;left: 0px;right: 0px;bottom: 0px;height: 0px;content: "";background: transparent;}
	.nav li:hover a{color: white;}
	.nav li:hover a:after{position: absolute;left: 0px;right: 0px;bottom: 0px;height: 0px;content: "";background: transparent;}
	.headline{padding-left: 10px;display: none;}
	.head h4{display: none;}
	.inews{width: 90%;float: none;margin-left: auto;margin-right: auto;margin-bottom: 40px;}
	.inews ul li>.date{width: 20%;}
	.inews ul li>.fr{width: 76.1%;}
	.ihoner{width: 90%;float: none;margin-left: auto;margin-right: auto;}
	.ihonerbox{height: 244px;}
	.slide{height: 1000px;}
	.slide ul li{width: 39.7%;height: 24.7%;}
	.slide ul li.li_1{left: 10%;top: 0;}
	.slide ul li.li_2{left: 10%;top: 25%;}
	.slide ul li.li_3{left: 50%;top: 0;}
	.slide ul li.li_4{left: 50%;top: 25%;}
	.slide ul li.li_5{left: 10%;top: 50%;width: 39.7%;height: 49.7%;}
	.slide ul li.li_5>a>img{height: 100%;}
	.slide ul li.li_6{left: 50%;top: 50%;}
	.slide ul li.li_7{left: 50%;top: 75%;}
	.slide ul li>a>p{font-size: 14px;line-height: 60px;}
	.footnav{width: 100%;float: none;}
	.footnav ul{float: left;width: 33.33%;color: #333333;height: 232px;}
	.footnav ul:last-of-type{width: 33.33%;}
	.footnav ul:last-of-type li:first-child{width: 60.6%;}
	.footnav ul li{text-align: center;}
	.footnav ul li:first-child:after{left: 50%;margin-left: -7.5px;}
	.footnav ul li:first-child{font-size: 14px;margin: 0 auto 14px;}
	.footer .fr{width: 100%;float: none;}
	.footer .fr img{width: 20%;margin: 0 auto;}
	.copyright .fr label{padding-right: 10px;}
	.otitle img{display: none;}
	.otitle h4{padding: 0 0 0 10px;line-height: 57px;}
	.aside{width: 300px;float: none;margin-bottom: 20px;padding-left: 5%;}
	.artical{width: 90%;float: none;margin: 0 auto;}
	.paging{font-size: 12px;}
	.paging ul li>a{display: block;width: 100%;height: 100%;padding: 6px 10px;}
	.content{width: 90%;margin: 0 auto;}
	.casename{height: auto;padding-bottom: 30px;}
	.casename img{width: 60%;left: auto;top: auto;margin: 0 auto;position: static;}
	.casename .fr{width: 80%;float: none;margin: 10px auto;}
	.casename .fr h4{text-align: center;font-size: 16px;}
	.otherdevelop p{font-size: 12px;}
	.chairman{padding: 4px 0 40px;}
	.leavemess label{width: 20%;font-size: 12px;}
	
}
@media screen and (max-width: 700px){
	
}
@media screen and (max-width: 616px){
	.leavemess input{width: 54%;}
	.leavemess textarea{width: 75%;}
}
@media screen and (max-width: 532px){
	.copyright .fl{line-height: 25px;}
	.copyright .fl span{display: block;}
	.honer>ul li{height: 180px;}
}
@media screen and (max-width: 455px){
	.head{height: 94px;}
	.head img.logo{margin: 12px 0 0 4px;width: 200px;}
	.head form{margin: 16px 4px 0 0;}
}