@media all and (max-width:479px)
{
.wrap {
	width: 90%;
}
header {
	opacity: 1;
}
.logo {
	left: 10px;
}
.h_r {
	display: none;
}
header .navBtn {
	display: block;
	width: 30px!important;

}
.header nav ul.nav {
	background: rgb(255, 255, 255); top: 85px; width: 100px; height: auto; right: 0px; line-height: normal; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: none; position: fixed; z-index: 9999;
}
.header nav ul li {
	margin: 0px; width: 100%; height: 50px; text-align: center; line-height: 50px; float: none;
}
.header nav ul li a {
	width: 100%; height: 50px; color: rgb(67, 67, 67); line-height: 50px; overflow: hidden; font-size: 16px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.header nav ul li a:hover {
	background: none; border-radius: 0px; width: 100%; color: rgb(229, 0, 18); border-bottom-color: rgb(229, 0, 18); border-bottom-width: 1px; border-bottom-style: solid;
}
nav ul li a.hover {
	background: none; border-radius: 0px; width: 100%; color: rgb(229, 0, 18); border-bottom-color: rgb(229, 0, 18); border-bottom-width: 1px; border-bottom-style: solid;
}
.flipmenu_box {
	width: 100%; height: 50px;
}
.flipmenu_link {
	
}
.flipmenu_link_over {
	
}
.flipmenu_link_active {
	
}
.h_phone {
	display: none;
}
.banner {
	height: 450px;
}
.banner .bannerBtn {
	margin-top: -100px;
}
.banner .contentInfo {
	margin-top: -190px;
}
.banner .content {
	background-size: auto 450px;
}
.banner .content .title1 {
	font-size: 28px;
}
.banner .content .title2 {
	font-size: 18px;
}
.banner .content .title3 {
	width: 140px; height: 38px; line-height: 38px; font-size: 16px;
}
.video {
	height: 450px; display: none;
}
.c1a {
	width: 90%;
}
.c1b ul li {
	margin: 15px 0px 10px; width: 50%;
}
.c1b ul li h1 {
	width: 130px; height: 130px; line-height: 130px;
}
.c1b ul li p {
	margin: auto; width: 85%;
}
.c1b ul li span {
	margin: auto; width: 85%;
}
.c3a {
	width: 90%; font-size: 16px;
}
.c4a ul li {
	margin: auto; padding: 15px 0px; width: 90%; height: auto; clear: both; float: none;
}
.c4b ul li {
	margin: auto; width: 90%; clear: both; float: none;
}
.c4a ul li.mr_no {
	margin: auto;
}
.c4b ul li.mr_no {
	margin: auto;
}
.c4a {
	padding: 0px;
}
.c4b {
	padding: 0px;
}
.ccontent .wrap {
	width: 95%;
}
.cshow {
	width: 95%;
}
.ab1 ul li {
	margin: 10px auto; width: 100%; clear: both;
}
.ab3 ul li {
	width: 100%; margin-top: 20px;
}
.cont1 {
	padding: 30px 0px;
}
.cont1 ul li {
	margin: 20px auto; width: 95%; clear: both; float: none;
}
.cont1 ul li img {
	width: 50%;
}
.cont1 ul li h1 {
	padding: 10px 0px; font-size: 18px;
}
.cont1 ul li p {
	margin: auto; width: 90%; font-size: 14px;
}
.cont2a {
	margin: auto; width: 90%; clear: both; float: none;
}
.cont2b {
	margin: auto; width: 90%; clear: both; float: none;
}
.cont2a input {
	width: 99%; clear: both;
}
.cont2b input {
	width: 99%; clear: both;
}
.cont2b textarea {
	width: 99%; clear: both;
}
.cont3a {
	padding: 20px 0px; width: 100%; clear: both; float: none;
}
.cont3b {
	padding: 20px 0px; width: 100%; clear: both; float: none;
}
.news dl {
	width: 100%;
}
.news1 {
	width: 95%;
}
.news2 {
	width: 95%;
}
.news2 img {
	width: 100%!important;
	height: auto!important;
}
.cshow img {
	width: 100%;
}
.page a {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.page a.a1 {
	padding: 0px; width: 100%; text-align: center;
}
.page span {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.ui-tabs-aa ul {
	border: currentColor; border-image: none;
}
.ui-tabs-aa ul li {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.ui-tabs-aa a.on {
	background: none; color: rgb(102, 102, 102);
}
.ui-tabs-aa a {
	width: 62px; font-size: 12px;
}
.ht35 {
	height: 15px;
}
.ht40 {
	height: 0px;
}
.ab2 video {
	height: 100%;
}
.cbanner .btn {
	display: none;
}
#top {
	display: none;
}
.c5 p {
	font-size: 16px;
}
.c5 h1 {
	font-size: 30px;
}
.c5 span {
	font-size: 14px;
}
.con1 {
	padding: 30px 0px;
}
.con2 {
	padding: 30px 0px;
}
.con3 {
	padding: 30px 0px;
}
footer span {
	margin: auto; text-align: center; display: block;
}
footer i {
	display: none;
}
.casetop a {
	margin: 0px 8px; font-size: 12px;
}
.cbanner {
	height: 340px; background-size: auto 340px;
}
.ctit h1 {
	padding-top: 120px;
}
.fla {
	height: 290px;
}
.fla p {
	margin: auto; width: 90%;
}
.fla h1 {
	margin: auto; width: 90%; padding-top: 130px;
}
.ab2 {
	height: 360px; background-size: auto 360px;
}
.ab2a h1 {
	font-size: 30px; margin-top: 80px;
}
.ab2a p {
	font-size: 16px;
}
.join dl dt p {
	padding: 0px 0px 0px 10px; font-size: 16px;
}
.join dl dd {
	padding: 10px;
}
.news1a {
	font-size: 24px;
}
main {
	padding: 0px 0px 10px;
}
.seo {
	display: none;
}
.cnzz {
	display: none;
}
}
@media all and (max-width:350px)
{
.c1b ul li {
	margin: 15px 0px 0px; width: 100%;
}
}
@media all and (max-width:820px) and (min-width:480px)
{
.content {
	width: 95%;
}
.wrap {
	width: 95%;
}
header {
	opacity: 1;
}
.logo {
	left: 10px;
}
.h_r {
	display: none;
}
header .navBtn {
	display: block;
	width: 30px!important;
}
.header nav ul.nav {
	background: rgb(255, 255, 255); top: 85px; width: 100px; height: auto; right: 0px; line-height: normal; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: none; position: fixed;
}
.header nav ul li {
	margin: 0px; width: 100%; height: 50px; text-align: center; line-height: 50px; float: none;
}
.header nav ul li a {
	width: 100%; height: 50px; color: rgb(67, 67, 67); line-height: 50px; overflow: hidden; font-size: 16px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.header nav ul li a:hover {
	background: none; border-radius: 0px; width: 100%; color: rgb(229, 0, 18); border-bottom-color: rgb(229, 0, 18); border-bottom-width: 1px; border-bottom-style: solid;
}
nav ul li a.hover {
	background: none; border-radius: 0px; width: 100%; color: rgb(229, 0, 18); border-bottom-color: rgb(229, 0, 18); border-bottom-width: 1px; border-bottom-style: solid;
}
.flipmenu_box {
	width: 100%; height: 50px;
}
.flipmenu_link {
	
}
.flipmenu_link_over {
	
}
.flipmenu_link_active {
	
}
.h_phone {
	display: none;
}
.banner {
	height: 450px;
}
.banner .bannerBtn {
	margin-top: -100px;
}
.banner .contentInfo {
	margin-top: -180px;
}
.banner .content {
	background-size: auto 450px;
}
.video {
	height: 450px; display: none;
}
.c1a {
	width: 90%;
}
.c1b ul li {
	margin: 15px 0px 10px; width: 50%;
}
.c3a {
	width: 90%; font-size: 16px;
}
.c4a ul li {
	margin: 0px 2%; padding: 15px 0px; width: 46%; height: auto; text-align: center; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.c4b ul li {
	margin: 0px 2%; width: 46%;
}
.c4a ul li.mr_no {
	margin: 0px;
}
.c4b ul li.mr_no {
	margin: 0px;
}
.ccontent .wrap {
	width: 95%;
}
.cshow {
	width: 95%;
}
.ab3 ul li {
	width: 50%; margin-top: 20px;
}
.cont1 {
	padding: 30px 0px;
}
.cont1 ul li {
	margin: 20px auto; width: 95%; clear: both; float: none;
}
.cont1 ul li img {
	width: 50%;
}
.cont1 ul li h1 {
	padding: 10px 0px; font-size: 18px;
}
.cont1 ul li p {
	margin: auto; width: 90%; font-size: 14px;
}
.cont2a {
	margin: auto; width: 90%; clear: both; float: none;
}
.cont2b {
	margin: auto; width: 90%; clear: both; float: none;
}
.cont2a input {
	width: 99%; clear: both;
}
.cont2b input {
	width: 99%; clear: both;
}
.cont2b textarea {
	width: 99%; clear: both;
}
.cont3a {
	padding: 20px 0px; width: 100%; clear: both; float: none;
}
.cont3b {
	padding: 20px 0px; width: 100%; clear: both; float: none;
}
.news dl {
	width: 50%;
}
.news1 {
	width: 95%;
}
.news2 {
	width: 95%;
}
.news2 img {
	width: 100%!important;
	height: auto!important;
}
.cshow img {
	width: 100%;
}
.page a {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.page a.a1 {
	padding: 0px; width: 100%; text-align: center;
}
.page span {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.ui-tabs-aa ul {
	border: currentColor; border-image: none;
}
.ui-tabs-aa ul li {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.ht35 {
	height: 15px;
}
.ht40 {
	height: 15px;
}
.ui-tabs-aa a.on {
	background: none; color: rgb(102, 102, 102);
}
.ui-tabs-aa a {
	width: 80px; font-size: 16px;
}
.ab2 video {
	height: 100%;
}
#top {
	display: none;
}
footer span {
	float: left; display: block;
}
footer i {
	display: none;
}
.con1 {
	padding: 40px 0px;
}
.con2 {
	padding: 40px 0px;
}
.con3 {
	padding: 40px 0px;
}
.cbanner {
	height: 400px; background-size: auto 400px;
}
.ctit h1 {
	padding-top: 140px;
}
.fla p {
	margin: auto; width: 90%;
}
.fla h1 {
	margin: auto; width: 90%;
}
.news1a {
	font-size: 26px;
}
.ab2 {
	height: 360px; background-size: auto 360px;
}
.ab2a h1 {
	font-size: 30px; margin-top: 80px;
}
main {
	padding: 0px 0px 10px;
}
.seo {
	display: none;
}
.cnzz {
	display: none;
}
}
@media all and (max-width:1024px) and (min-width:821px)
{
.seo {
	display: none;
}
.news2 img {
	width: 100%; max-width: 1000px;
}
.cshow img {
	width: 100%; max-width: 1000px;
}
}
@media all and (max-width:1227px) and (min-width:821px)
{
.content {
	width: 95%;
}
.wrap {
	width: 95%;
}
header {
	opacity: 1;
}
.logo {
	left: 20px;
}
.h_r {
	display: none;
}
nav {
	margin: 30px 45px 0px 0px; width: 420px; float: right;
}
.h_phone {
	display: none;
}
.banner {
	height: 450px;
}
.banner .bannerBtn {
	margin-top: -100px;
}
.banner .contentInfo {
	margin-top: -180px;
}
.banner .content {
	background-size: auto 450px;
}
.video {
	height: 450px;
}
.c1a {
	width: 90%;
}
.c3a {
	width: 90%; font-size: 16px;
}
.c4a ul li {
	margin: 0px 2%; width: 46%; text-align: center; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.c4b ul li {
	margin: 0px 2%; width: 46%; text-align: center; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.c4a ul li.mr_no {
	margin: 0px;
}
.c4b ul li.mr_no {
	margin: 0px;
}
.ccontent .wrap {
	width: 95%;
}
.cshow {
	width: 95%;
}
.ab3 ul li {
	width: 33%; margin-top: 20px;
}
.news dl {
	width: 33%;
}
.news1 {
	width: 95%;
}
.news2 {
	width: 95%;
}
.page a {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.page a.a1 {
	padding: 0px; width: 100%; text-align: center;
}
.page span {
	margin: 0px auto 10px; padding: 0px; width: 30px; clear: both; display: block;
}
.ab2 video {
	height: 100%;
}
.fla p {
	margin: auto; width: 90%;
}
.fla h1 {
	margin: auto; width: 90%;
}
.cbanner {
	height: 450px; background-size: auto 450px;
}
.ctit h1 {
	padding-top: 160px;
}
}
@media all and (max-width:1440px) and (min-width:1228px)
{
.ab2 video {
	height: 100%;
}
}
@media all and (max-width:1920px) and (min-width:1441px)
{
.ab2 video {
	width: 100%;
}
}
@media all and (max-width:1227px) and (min-width:1100px)
{
.c4a ul li {
	margin: 0px 2%; width: 29%; text-align: center;
}
.c4b ul li {
	margin: 0px 2%; width: 29%; text-align: center;
}
.c4a ul li {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
}
@media all and (max-width:800px)
{
.isotope .item {
	width: 50%;
}
}
@media all and (max-width:479px)
{
.isotope .item {
	width: 100%;
}
}
@media screen and (orientation:landscape) and (max-width:767px)
{
.fix #works-menu {
	top: 0px;
}
}
@media all and (max-width:1920px) and (min-width:1620px)
{
.news dl {
	height: 540px;
}
}