@charset 'utf-8';

/*媒体查询*/

/*当页面大于1200px时*/

@media (min-width: 1200px) {

	

}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/

@media (max-width: 1200px) {

	.header .hotline .phone {

	    font-size: 18px;

	}	

	.com_top {

		font-size: 28px;

	}

	.bave .cont h3 {

		font-size: 32px;

	}

	.advantages .list .box .txt .msg h3 {

		font-size: 26px;

	}

	.advantages .list .box:nth-child(2) .txt .msg {

		padding-left: 0px;

	}

	.advantages .list .box .txt .date .d {

		font-size: 50px;

	}

	.phone_form .left_msg h2 {

		font-size: 32px;

	}

	.index_news .main .top .typename {

		font-size: 26px;

	}

	.index_news .main .cont .cont_left .item .fl h3 {

		font-size: 18px;

	}

	.footer ul li a {

		font-size: 14px;

	}

	.footer .cont_way .left_msg .link a {

		font-size: 14px;

	}

	.footer .cont_way .left_msg .msg {

		font-size: 14px;

	}

	.footer .cont_way .right_msg .phone_msg .p1 {

		font-size: 14px;

	}

	.index_cont .msg .en {

		font-size: 26px;

	}

	.index_cont .msg .ch {

		font-size: 26px;

	}



}

/*在768和991像素之间的屏幕里,这里的样式才生效*/

@media (max-width: 991px) {

	.header .hotline .phone {

	    font-size: 16px;

	}	

	.header .hotline .msg {

		font-size: 12px;

	}

	.com_top {

		font-size: 24px;

	}

	.com_top .ch img {

		width: 150px;

	}


	.index_products .main .nav_block {

		width: 200px;

	}

	.index_products .main .pro_block {

		width:-webkit-calc(100% - 210px); 

		width:-moz-calc(100% - 210px); 

		width:calc(100% - 210px); 

		float: right;

	}

	.more_btn {

		width: 160px;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

	}

	.bave .cont h3 {

		font-size: 28px;

	}

	.bave .phone .item2 {

		font-size: 20px;

	}

	.bave .qq_btn {

		width: 90px;

		height: 35px;

		line-height: 35px;

		font-size: 14px;

		margin-left: -90px;

	}

	.bave .cont .content {

		margin: 0 150px 0 150px;

	}

	.advantages .list .box .txt .msg h3 {

		font-size: 22px;

	}

	.advantages .list .box .txt .msg .gray {

		font-size: 14px;

	}

	.advantages .list .box .txt .msg .adv p {

		font-size: 14px;

	}

	.advantages .list .box .txt .date .d {

		font-size: 45px;

	}

	.phone_form .left_msg h2 {

		font-size: 28px;

	}

	.index_about .txt .en {

		font-size: 24px;

	}

	.index_about .txt .ch {

		font-size: 24px;

	}

	.index_about .txt .des {

		font-size: 14px;

	}

	.index_news .main .cont .cont_left {

		padding-right: 15px;

		border-right: none;

	}

	.index_news .main .cont .cont_right {

		padding-left: 15px;

	}

	.footer .cont_way .right_msg .phone_msg .p2 {

		font-size: 20px;

	}

	#menu #ensconce {

		display: block;

	}

	#menu #open {

		margin-left: -300px;

	}

	#menu #open .navH span {

		display: block;

	}

	.pro_block {

		width:-webkit-calc(100% - 50px); 

		width:-moz-calc(100% - 50px); 

		width:calc(100% - 50px); 

		float: right;

	}

	#menu #open {

		display: none;

	}

	.article_article .pre_next a {

		font-size: 14px;

	}

	.about_bar .main .left h2 {

		font-size: 24px;

	}

	.about_bar .main .left p {

		font-size: 14px;

	}

	.about_bar .main .cont {

		width: 120px;

		height: 40px;

		line-height: 40px;

		font-size: 14px;

	}

	.index_cont .msg .en {

		font-size: 22px;

	}

	.index_cont .msg .ch {

		font-size: 22px;

	}

	.news_list .box {

		padding: 20px 10px;

	}

	.news_list .pic {

		margin-right: 15px;

	}

	.news_list .pic {

		width: 180px;

	}

	.news_list .txt .title {

		font-size: 18px;

	}

	.news_list .txt .des {

		font-size: 14px;

		margin-top: 10px;

	}

	.news_list .date .m_d {

		font-size: 18px;

	}

	.news_list .date .view_more {

		font-size: 25px;

	}

	.news_list .txt {

		width:-webkit-calc(100% - 340px);

		width:-moz-calc(100% - 340px);

		width: calc(100% - 340px);

		float: left;

	}



}

/*小于767像素之间的屏幕里,这里的样式才生效*/

@media (max-width: 767px) {

	.navbar-default {

	    background-color: #f8f8f8;

	    border-color: #e7e7e7;

	}

	.navbar-default .navbar-nav>li>a {

	    color: #333;

	}

	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

		background: #3d80e9;

		color: #fff;

	}

	.navbar-brand {

		display: block;

	}

	.header {

		display: none;

	}

	.search_area .hot_word {

		font-size: 14px;

	}

	.com_top {

		font-size: 20px;

	}

	.com_top .ch img {

		width: 30%;

	}

	.com_top {

		padding-top: 25px;

	}

	.index_products .main .nav_block {

		width: 100%;

	}

	.index_products .main .nav_block .box {

		width: 50%;

		padding-left: 10px;

		padding-right: 10px;

		float: left;

	}

	.index_products .main .pro_block {

		width: 100%;

	}

	.index_products .main .nav_block a p {

		bottom: 10px;

		font-size: 16px;

	}

	.product_box {

		margin-bottom: 70px;

	}

	.product_box .txt {

		font-size: 16px;

		min-height: 50px;

		bottom: -50px;

	}

	.product_box:hover .txt {

		font-size: 16px;

	}

	.more_btn {

		width: 140px;

		height: 45px;

		line-height: 45px;

		font-size: 14px;

	}

	.index_join .list ul li {

		width: 200px;

	}

	.index_join .list ul li a {

		height: 200px;

	}

	.index_join .list ul li a .txt {

		height: 50px;

		line-height: 50px;

		font-size: 14px;

		bottom: 10px;

	}

	.bave .cont .content {

		margin: 0px;

	}

	.bave .phone {

		width: 50%;

		margin-left: 0px;

	}

	.bave .qq_btn {

		float: right;

	}

	.bave .cont h3 {

		font-size: 24px;

	}

	.bave .cont .ch {

		font-size: 14px;

	}

	.advantages .list .box .txt .msg h3 {

		font-size: 20px;

	}

	.advantages .list .box .pic {

		width: 100%;

		max-width: 470px;

		margin: 0 auto;

		float: none;

	}

	.advantages .list .box .txt {

		width: 100%;

		padding-bottom: 30px;

	}

	.advantages .list .box .txt .date {

		float: left;

	}

	.advantages .list .box .pic {

		margin-top: 30px;

		margin-bottom: 30px;

	}

	.advantages .list .box:nth-child(2) .pic {

		width: 100%;

		max-width: 470px;

		margin: 0 auto;

		float: none;

	}

	.advantages .list .box:nth-child(2) .pic {

		margin-top: 30px;

		margin-bottom: 30px;

	}

	.advantages .list .box:nth-child(2) .txt {

		width: 100%;

	}

	.advantages .list .box .txt .date .d {

		font-size: 35px;

	}

	.advantages .list .box .txt .date .m {

		font-size: 12px;

	}

	.advantages .list .box .txt .date {

		width: 85px;

	}

	.advantages .list .box .txt .msg {

		margin-top: 80px;

	}

	.phone_form .left_msg h2 {

		font-size: 24px;

	}

	.phone_form .left_msg .intro {

		font-size: 14px;

	}

	.phone_form .left_msg .phone .num {

		font-size: 20px;

	}

	.phone_form .left_msg .phone {

		font-size: 14px;

	}

	.phone_form .left_msg .phone {

		width: 300px;

		height: 45px;

		line-height: 45px;

		padding-left: 20px;

	}

	.phone_form {

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.phone_form .right_msg .input_box input {

		height: 40px;

	}

	.phone_form .right_msg .btn {

	    padding: 8px 15px;

	    font-size: 14px;

	}

	.index_about .txt {

		margin-top: 30px;

	}

	.index_about {

		margin-top: 30px;

	}

	.index_about .txt .ch {

		font-size: 20px;

	}

	.index_about .txt .en {

		font-size: 20px;

	}

	.index_about .txt .des {

		line-height: 1.7;

	}

	.com_qua_top .ch {

		font-size: 20px;

	}

	.com_qua_top .en {

		font-size: 14px;

	}

	.com_qua_top .line {

		width:-webkit-calc(100% - 280px); 

		width:-moz-calc(100% - 280px); 

		width:calc(100% - 280px); 

	}

	.index_news .main .top .typename {

		font-size: 22px;

	}

	.index_news .main .top .nav {

		margin-top: 45px;

	}

	.index_news .main .top .nav a {

		font-size: 14px;

	}

	.index_news .main .cont .cont_left .item .fl .des {

		font-size: 14px;

	}

	.index_news {

		padding-top: 0px;

		padding-bottom: 0px;

	}

	.index_news .main .cont .cont_right a {

		font-size: 14px;

		padding-top: 10px;

		padding-bottom: 10px;

	}

	.index_news .main .cont .cont_left .item .fl h3 {

		font-size: 16px;

	}

	.index_news .main .cont .cont_left .item .date {

		font-size: 14px;

	}

	.footer .cont_way .right_msg .phone_msg a {

		margin-top: 10px;

	}

	.footer ul {

		display: none;

	}

	.footer .line {

		display: none;

	}

	.footer .cont_way .left_msg {

		margin-top: 20px;

	}

	.footer .cont_way .right_msg {

		margin-top: 20px;

	}

	.flink {

		display: none;

	}

	.search_area .position {

		font-size: 14px;

	}

	.bot {

		padding: 10px;

	}

	.article_article .top h1 {

		font-size: 22px;

	}

	.article_article .top p {

		font-size: 14px;

	}

	.about_area .main .pic {

		padding-right: 20px;

	}

	.about_area .main .txt p {

		font-size: 14px;

	}

	.about_bar .main .left h2 {

		font-size: 20px;

	}

	.about_bar {

		margin-top: 30px;

	}

	.job_area_cont .top {

		padding-left: 10px;

	}

	.job_area_cont .cont {

		padding: 20px 10px;

	}

	.job_area_cont .item_top .right .time {

		font-size: 13px;

	}

	.job_area_cont .item_top .right .apply {

		margin-left: 15px;

		margin-right: 15px;

		padding: 7px 10px;

		font-size: 13px;

	}

	.job_area {

		height: 210px;

	}

	.index_cont .msg {

		width: 100%;

	}

	.index_cont form {

		width: 100%;

		margin-top: 20px;

	}

	#dituContent {

		width: 100%;

		height: 400px;

	}

	.news_nav a {

	    width: 120px;

	    height: 50px;

	    line-height: 50px;

	    font-size: 16px;

	}

	.news_list .date {

		display: none;

	}

	.news_list .pic {

		width: 28%;

		margin-right: 2%;

	}

	.news_list .txt {

		width: 70%;

		float: left;

	}

	.news_nav {

		margin-top: 30px;

	}

	.news_list {

		margin-top: 30px;

	}

	.news_list .txt .title {

		font-size: 16px;

	}

	.news_list .txt .des {

		font-size: 12px;

	}

	.article_detail .top h1 {

		font-size: 20px;

	}

	.article_detail .top .msg {

		font-size: 14px;

	}
	.banner {
		display: none;
	}
	.banner_m {
		display: block;
	}
	

}

/*在小于480像素的屏幕,这里的样式才生效*/

@media (max-width: 575px) {

	.index_products .main .nav_block a p {

		bottom: 0px;

	}

	.index_products .main .nav_block .box {

		padding-left: 5px;

		padding-right: 5px;

	}

	.product_box {

		padding-left: 5px;

		padding-right: 5px;

	}

	.bave .cont h3 {

		font-size: 20px;

	}

	.bave .cont .ch {

		font-size: 13px;

	}

	.advantages .list .box .txt .msg h3 {

		font-size: 17px;

	}

	.index_news .main .cont .cont_left .item .fl {

		width: 100%;

		padding-right: 0px;

		border-right: none;

	}

	.index_news .main .cont .cont_left .item .date {

		height: auto;

	}

	.index_news .main .top .typename {

		font-size: 20px;

	}

	.index_news .main .top .nav a {

		padding: 5px;

	}

	.footer .cont_way .right_msg .wetchart {

		width: 100px;

	}

	.about_area .main .pic {

		width: 100%;

		padding-right: 0px;

	}

	.about_area .main .txt {

		width: 100%;

		float: left;

		margin-top: 30px;

	}

	.about_area .main .txt .line {

		margin-top: 15px;

		margin-bottom: 15px;

	}

	.about_bar .main .left h2 {

		font-size: 18px;

	}

	.news_nav a {

	    width: 100px;

	    height: 40px;

	    line-height: 40px;

	    font-size: 14px;

	}

	.article_detail .top h1 {

		font-size: 17px;

	}

}