@charset 'utf-8';
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {

}
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.main_width {
		width: 96%;
		margin-left: 2%;
	}
	.header .main .main_width .logo {
		width: 140px;
		height: 135px;
	}
	.header .main .main_width .logo2 {
		left: 150px;
		width: 30%;
	}
	.header .main .main_width .phone .hotline {
		font-size: 14px;
	}
	.header .main .main_width .phone .num {
		font-size: 21px;
	}
	.header .main ul li {
		margin-right: 1.5%;
    	margin-left: 1.5%;
	}
	.service .p1 {
		font-size: 30px;
	}
	.service .phone {
		width: 320px;
		font-size: 20px;
	}
	.footer .right .main .left p {
		text-indent: 0px;
	}
	.list_question .main .first .time {
		margin-top: 2vw;
	}
	.list_question .main .txt .cont {
		padding-top: 2vw;
	}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.header .main .main_width .logo {
		width: 100px;
		height: 90px;
	}
	.header .main .main_width .logo2 {
		left: 110px;
		width: 35%;
	}
	.header .main .main_width .phone .hotline {
		font-size: 12px;
	}
	.header .main .main_width .phone .num {
		font-size: 18px;
	}
	.header .main ul li a {
		font-size: 16px;
	}
	.common_title {
		width: 400px;
		height: 110px;
	}
	.common_title .en {
		font-size: 20px;
	}
	.common_title .ch {
		width: 140px;
		height: 40px;
    	line-height: 40px;
		font-size: 24px;
		margin-left: -70px;
		top: 35px;
	}
	.common_title .des {
		font-size: 14px;
	}
	.index_pro .list .box .img_box .txt .tit {
		font-size: 16px;
		margin-top: -10px;
	}
	.list_pro .list .box .img_box .txt .tit {
		font-size: 16px;
		margin-top: -10px;
	}
	.view_more {
		width: 240px;
		height: 50px;
		line-height: 50px;
	}
	.service {
		padding-top: 55px;
	}
	.service .p1 {
		font-size: 26px;
	}
	.service .phone {
		width: 320px;
		font-size: 20px;
	}
	.index_about  .main .txt h1 {
		font-size: 22px;
	}
	.advantages .main .box {
		padding-top: 15%;
		padding-bottom: 15%;
	}
	.advantages .main .box .title {
		font-size: 20px;
	}
	.advantages .main .box .des {
		font-size: 16px;
	}
	.flow .list .box {
		width: 33.33%;
		margin-bottom: 20px;
	}
	.flow .list .box:nth-child(2n) .des {
		text-align: center;
	}
	.index_news .main .left {
		width: 100%;
	}
	.index_news .main .right {
		display: none;
	}
	.about_main .txt h2 {
		font-size: 22px;
	}
	.about_main .txt .cont {
		font-size: 15px;
	}
	.index_contact .left {
		width: 100%;
	}
	.index_contact .left .wetchart {
		max-width: 175px;
	}
	.index_contact .right {
		width: 100%;
	}

}
/*小于767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.header {
		display: none;
	}
	.header_m {
		display: block;
	}
	.banner {
	    margin-top: 55px;
	}
	.common_title {
		width: 300px;
	}
	.common_title .ch {
		width: 120px;
		margin-left: -60px;
		font-size: 22px;
	}
	.index_pro .list .box:hover .txt {
		height: 13%;
	}
	.index_pro .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.index_pro .list .box:nth-child(3n) {
		margin-right: 1%;
	}
	.view_more {
		width: 200px;
		height: 45px;
		line-height: 45px;
	}
	.index_pro .list .box .img_box .txt {
		height: 15%;
	}
	.list_pro .list .box:hover .txt {
		height: 13%;
	}
	.list_pro .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.index_pro .list .box:nth-child(3n) {
		margin-right: 1%;
	}
	.list_pro .list .box .img_box .txt {
		height: 15%;
	}
	.service {
		padding-top: 60px;
	}
	.service .p1 {
		font-size: 20px;
		line-height: 1.8;
	}
	.service .phone {
		width: 260px;
		font-size: 16px;
		height: 45px;
		line-height: 45px;
	}
	.index_about .main .pic {
		width: 100%;
		margin-bottom: 20px;
	}
	.index_about  .main .txt {
		width: 100%;
		float: left;
	}
	.index_about  .main .txt p {
		line-height: 2;
	}
	.index_about  .main .txt h1 {
		text-align: center;
	}
	.index_about  .main .txt .more {
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.advantages .main .mid {
		display: none;
	}
	.advantages .main .left {
		width: 50%;
	}
	.advantages .main .right {
		width: 50%;
		margin-left: 0px;
	}
	.advantages .main .box .title {
		font-size: 16px;
	}
	.advantages .main .box .des {
		font-size: 14px;
		min-height: 50px;
		line-height: 1.5;
	}
	.index_news .main .left .top .nav a {
		font-size: 16px;
	}
	.footer {
		display: none;
	}
	.foot_h {
		display: block;
	}
	.myfooter {
		display: block;
	}
	.sub_nav {
		height: 50px;
	}
	.sub_nav .next1 {
		width: 40px;
		height: 50px;
	}
	.sub_nav ul li a {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	.about_main .pic {
		width: 100%;
		margin-right: 0px;
	}
	.about_main .txt {
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.about_main .txt h2 {
		font-size: 18px;
	}
	.rolling_nav {
		height: 52px;
	}
	.rolling_nav .main_width {
		padding: 0 40px;
	}
	.rolling_nav .left {
		width: 40px;
	}
	.rolling_nav .right {
		width: 40px;
	}
	.rolling_nav ul li a {
		height: 50px;
		line-height: 50px;
	}
	.rolling_nav ul li a {
		font-size: 16px;
	}
	.list_case .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		padding: 10px;
	}
	.list_case .list .box .txt {
		font-size: 16px;
	}
	.list_case .list .box:nth-child(3n) {
		margin-right: 1%;
	}
	.crumbs {
		height: 45px;
		line-height: 45px;
	}
	.list_news .box .txt .more {
		display: none;
	}
	.list_news .box .txt {
		padding-right: 0px;
	}
	.list_news .box .txt .des {
		margin-top: 10px;
	}
	.list_news .box .txt .time {
		margin-top: 10px;
	}
	.list_news .box .pic {
		width: 35%;
	}
	.list_news .box .txt .title {
		font-size: 16px;
	}
	.list_news .box {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.index_service .top {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.list_question .top {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.list_question .main .first .pic {
		width: 100%;
	}
	.list_question .main .first .txt {
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	.list_question .main .first .time {
		width: 70px;
	}
	.list_question .main .other .box {
		width: 100%;
	}
	.index_contact .left .top {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.floatwindow {
		display: none;
	}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.common_title {
		width: 280px;
		height: 90px;
	}
	.common_title .en {
		font-size: 17px;
	}
	.common_title .ch {
		width: 110px;
		margin-left: -55px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		top: 30px;
	}
	.common_title .des {
		font-size: 12px;
	}
	.common_title hr {
		height: 2px;
	}
	.view_more {
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		letter-spacing: 1px;
	}
	.index_pro .list .box .img_box .txt .tit {
		font-size: 14px;
	}
	.list_pro .list .box .img_box .txt .tit {
		font-size: 14px;
	}
	.service {
		padding-top: 40px;
		height: 180px;
	}
	.service .p1 {
		font-size: 15px;
		line-height: 1.8;
	}
	.service .phone {
		width: 200px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	.index_about  .main .txt h1 {
		font-size: 18px;
	}
	.index_about  .main .txt p {
		line-height: 1.8;
	}
	.advantages .main .box .des {
		font-size: 12px;
		min-height: 55px;
	}
	.flow .list .box {
		width: 50%;
	}
	.flow .list .box .txt .title {
		font-size: 16px;
	}
	.flow .list .box .txt .des {
		font-size: 12px;
		margin-top: 5px;
	}
	.index_news .main .left .list .box .txt .title {
		font-size: 15px;
	}
	.index_news .main .left .list .box .txt .des {
		line-height: 1.5;
		font-size: 12px;
	}
	.index_news .main .left .list .box {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.index_news .main .left .list .box .txt .t_m {
		margin-top: 10px;
		font-size: 12px;
	}
	.index_news .main .left .list {
		margin-top: 10px;
	}
	.index_news .main .left .top {
		height: 30px;
		line-height: 30px;
	}
	.index_news .main .left .top .nav a {
		width: 100px;
		height: 30px;
		line-height: 30px;
	}
	.sub_nav ul li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.flow .top {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.list_news .box .txt .des {
		line-height: 1.5;
		margin-top: 0px;
	}
	.list_news .box {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.list_question .main .txt .cont h3 a {
		font-size: 16px;
	}
	.list_question .main .other .box .txt .title {
		font-size: 16px;
	}
	.list_question .main .other .box .time {
		width: 80px;
		height: 80px;
		padding-top: 10px;
	}
	.index_contact .right .tr .td {
		width: 100%;
	}
	.index_contact .right .tr .username {
		margin-bottom: 20px;
	}
}