@charset "utf-8";
.phone_state{
    display: none;
}
.pc_state{
	display: block;
}
.float_l{
	float: left;
}
.float_r{
	float: right;
}
.clear{
	clear: both;
}
@media screen and (max-width:1280px) {
	.container {
		width: 1000px;
	}
	
	.head-menu ul li {
		width: 142px;
	}
	.index_pro{
		width: 596px;
	}
	.index_pro_con{
		width: 596px;
	}
	.index_pro_tit,.index_pro_con ul{
		width: 100%;
	}
	.index_pro_con ul li{
		margin-right: 12px;
		width: 190px;
	}
	.index_pro_con ul li:nth-child(3n){
		margin-right: 0;
	}
	.index_pro_con ul li:nth-child(4n){
		margin-right: 12px !important;
	}
	.index_class {
		width: 340px;
	}
	.class_top {
		background: url(../img/index_01.jpg) left center no-repeat;
		background-size: 100% 100%;
	}
	.class_con {
		width: 322px;
	}
	.class_bot {
		background: url(../img/index_02.jpg) left center no-repeat;
		background-size: 100% 100%;
	}
	.ind_contact {
		width: 300px;
	}
	.ind_contact_tit {
		width: 300px;
		background-size: 100% 100%;
	}
	.ind_contact_con {
		width: 238px;
	}	
	.ind_gsjj {
		width: 660px;
	}
	.ind_gsjj_tit {
		width: 100%;
	}
	.ind_gsjj_con {
		width: 100%;
	}
	.mess {
		width: 310px;
	}
	.mess_con {
		width: 262px;
	}	
	.mess_con table{
		width: 100%;
		display: block;
	}
	.mess_con table tbody{
		width: 100%;
		display: block;
	}
	.mess_con table tbody tr{
		width: 100%;
		display: block;
	}
	.mess_con table tbody tr textarea{
		width: 185px !important;
		float: right;
		margin-right: 16px;
	}
	.ind_news {
		width: 355px;
	}
	.ind_news_tit {
		width: 100%;
	}
	.ind_news_tit .zi {
		width: auto;
	}
	.ind_news_con,.ind_news_con ul {
		width: 100%;
	}
	.ind_news_r {
		width: calc(100% - 94px);
	}
	.ind_news_con ul li{
		width: calc(100% - 24px);
	}
	.ind_news_con ul li .ind_news_r div{
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.ind_news_con ul li .ind_news_r div a{
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	.banquan {
		width: 650px;
	}
	.about_con {
		width: 100%;
	}
	.index_pro_tit .webmap {
		width: 300px;
	}
	.index_pro_tit .zi {
		width: 200px;
	}
	ul.news li{
		width: 100%;
	}
	.news_tit,.news_date,.news_con,.news_pre,.news_pre,.news_list,.detailb,.detailb_tit,.detailb_con{
		width: 100%;
	}
	ul.product li {
		width: 220px;
	}
	.gallery .index_pro {
		width: 640px;
	}
	.gallery ul.product li {
		width: 204px;
		height: auto;
		margin-right: 5px;
    	margin-left: 5px;
	}
	.gallery .pro_top {
		width: 100%;
		height: auto;
		border: 1px solid #bfbfbe;
	}
	.gallery .pro_top a{
		display: block;
	}
	.gallery .pro_top a img{
		width: 100%;
		height: auto;
		display: block;
	}
	.gallery .pro_bot {
		width: 100%;
	}
}



@media screen and (max-width:1100px) {
	.banner{
		width: 100%;
		left: 0;
		margin-left: 0;
		height: auto;
		float: unset;
	}
	.phone_state{
        display: block;
    }
	.pc_state{
        display: none;
    }
	html{
		font-size:15.625vw;
		margin: auto;
	}

	body{margin: 0px;
		padding: 0px;
		background-color:#fff;font-family:"微软雅黑"; font-size:14px; padding-bottom:0.9rem;
		background-image: none;

		}
	a{ text-decoration:none; margin:0; padding:0;}
	/**{ font-family:"微软雅黑"; font-size:14px; color:#000;}*/
	*{font-size:14px;}
	h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
	img{ 
		display:block; 
		border:none; 
		/* width: 100%; */
	}
	.clearfix{clear: both;}
	ul,li{ list-style:none; margin:0; padding:0;}
	input,select{ border:none;font-family:"微软雅黑";outline:none }
	.main{ width:100%;margin:0 auto; position:relative;}
	.container{width:100%;margin:0 auto;margin:0 auto;background: #fff;}

	.float_l{float: left;}
	.float_r{float: right;}
	.clear{clear:both;}
	.position_r{position: relative;}
	.position_a{position: absolute;}

	/*导航*/

	.head_top{
		height: 0.91rem;
		background: #f8f8f8;
	}
	.head_top .logo{
		height: 0.9rem;
	}
	.head_top .top_icon img{
		height: 0.9rem;
	}
	#drop_down a{
		display: block;
		width: calc(25% - 1px);
		float: left;
		height: 0.5rem;
		line-height: 0.5rem;
		text-align: center;
		margin-bottom: 1px;
		border-right: 1px solid #c30822;
		box-shadow: 1px 1px 0 #d41a34;
		border-bottom: 1px solid #c30822;
	}
	#drop_down a .float_l{
		width: 100%;
		color: #fff;
		font-size: 0.24rem;
		border-right: 1px solid #c30822;
		box-shadow: 1px 1px 0 #d41a34;
		border-bottom: 1px solid #c30822;
		background: #d1112c;
	}

	/* banner */
	.banner img{
		/* height: 3rem; */
		width: 100%;
	}
	.swiper-container-b2 .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		opacity: 1;
		background: #fff;
	}
	.swiper-container-b2 .swiper-pagination-bullet-active {
		opacity: 1;
		background: #d1112c;
	}

	.index_product{
		background: #f5f5f5;
		padding:0  0.24rem;
	}
	.index_title{
		padding-top: 0.36rem;
	}
	.index_title .float_l h6{
		font-size: 0.3rem;
		color: #111111;
	}
	.index_title .float_l p{
		font-size: 0.16rem;
		color: #999999;
	}
	.index_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../imgs/more.png") no-repeat;
		background-size: 100% 100%;
		text-align: center;
		margin-top: 0.12rem;
	}
	.index_title .float_r p{
		line-height: 0.46rem;
		text-indent: 0.35rem;
		color: #fff;
	}
	.index_title .float_r .classification{
		width: 2.52rem;
		background: #d1112c;
		position: absolute;
		top: 0.5rem;
		right: 0;
		margin-right: -0.24rem;
		display: none;
		z-index: 999;
	}
	.index_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #fff;
		border-top: dashed 1px #fff;
	}
	.index_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.index_title .float_r:hover .classification{
		display: block;
	}
	.index_product .product_text{
		padding-top: 0.3rem;
		padding-bottom: 0.5rem;
	}
	.index_product .product_text .float_l{
		width: calc(50% - 0.1rem);
		/* height: 2.77rem; */
		margin-bottom: 0.24rem;
	}
	.index_product .product_text a:nth-child(odd) .float_l{
		margin-right: 0.2rem;
	}
	.index_product .product_text .float_l .img{
		width: 100%;
	}
	.index_product .product_text .float_l .p{
		height: 0.6rem;
		background: #d1112c;
	}
	.index_product .product_text .float_l .p p{
		float: left;
		width: calc(100% - 0.7rem);
		line-height: 0.6rem;
		font-size: 	0.16rem;
		color: #fff;
		margin-left: 0.18rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.index_product .product_text .float_l .p img{
		width: 0.3rem;
		height: 0.3rem;
		margin-right:0.2rem;
		margin-top: 0.15rem; 
	}
	.index_product .more_button{
		width: 1.8rem;
		height: 0.48rem;
		border-radius: 0.5rem;
		line-height: 0.48rem;
		text-align: center;
		display: block;
		font-size: 0.16rem;
		color: #fff;
		background: #d1112c;
		margin: auto;
		margin-bottom: 0.24rem;
	}
	.index_about{
		background: #f5f5f5;
		padding: 0 0.24rem;
	}
	.guanggao{
		background: #f5f5f5;
	}
	.guanggao img{
		width: 100%;
	}
	.index_about .index_about_text{
		padding-top: 0.24rem;
		padding-bottom: 0.4rem;
	}
	.index_about .index_about_text p{
		font-size: 0.16rem;
		line-height: 0.4rem;
		color: #111111;
		text-align: justify;	
	}
	.index_about .index_about_text img{
		width: 100%;
		margin-top: 0.16rem;
	}
	.index_about .index_title{
		padding-top: 0.22rem;
	}
	.index_news{
		padding: 0 0.24rem;
	}
	.index_news .index_news_each .each{
		border-top: solid 1px #e5e5e5;
		height: 1.3rem;
		padding-top: 0.39rem;
	}
	.index_news .index_news_each .each:nth-child(1){
		border-top: none;
	}
	.index_news .each .li{
		list-style-type: unset;
		color: #111111;
	}
	.index_news .each .li p{
		width: 4.5rem;
		font-size: 0.24rem;
		color: #111111;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
		float: right;
	}
	.index_news .each .riqi{
		font-size: 0.22rem;
		color: #646464;
		font-family: MyNewFont;
		margin-right: 0.06rem;
	}
	@font-face {
		font-family: 'MyNewFont';   /*字体名称*/
		src: url('HelveticaNeueLTPro-ThEx.otf');       /*字体源文件*/
	}
	.index_news .each .p{
		font-size: 0.20rem;
		color: #646464;
		line-height: 0.3rem;
		width: 4.3rem;
		margin-left: 0.35rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
		margin-top: 0.15rem;
	}
	.index_news .each .jiantou{
		margin-top: 0.4rem;
		margin-right: 0.24rem;
	}
	.index_news .each .jiantou img{
		width: 0.5rem;
		height: 0.24rem;
	}
	.index_news{
		background: #fff;
	}
	.index_news .product_text .float_l .p{
		height: 0.7rem;
		background: #f5f5f5;
		margin-top: 0.02rem;
	}
	.index_news .product_text .float_l .p p{
		color: #111111;
		font-size: 0.22rem;
		line-height: 0.4rem;
		width: 2rem;
	}
	.index_news .product_text .float_l .p .p2{
		color: #646464;
		font-size: 0.24rem;
		float: left;
		float: left;
		width: 2rem;
		margin-left: 0.18rem;
		margin-top: -0.1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.index_news .more_button{
		margin-bottom: 0.4rem;
	}
	.swiper-pagination_n .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		background: #292929;
		opacity: 1;
	}
	.swiper-pagination_n .swiper-pagination-bullet-active {
		width: 26px;
		height: 8px;
		display: inline-block;
		border-radius: 26px;
		background: #d1112c;
		opacity: 1;
	}
	.swiper-pagination_n{
		margin-bottom: -0.1rem;
	}
	.index_contact{
		background: #f5f5f5;
		padding: 0 0.24rem;
		
	}
	.index_contact .index_contact_text{
		padding: 0.24rem 0 0.32rem 0;
	}
	.index_contact .index_contact_text p{
		font-size: 0.22rem;
		color: #646464;
		line-height: 0.4rem;
	}
	.banquan{
		height: 0.75rem;
		line-height: 0.75rem;
		text-align: center;
		padding: 0 0.24rem;
		font-size: 0.24rem;
		color: #646464;
		width: calc(100% - 0.48rem);
		/* background:#fff; */
		border-top: solid 1px #d1112c;
		float: unset;
	}
	/* .banquan {
		width: 831px;
		height: auto;
		float: left;
		overflow: hidden;
		color: #fff;
		line-height:25px; 
		padding-bottom:20px;
		
	}  */
	/* 底部 */
	.foot{
		width: 100%;
		height: 0.9rem;
		background: #d1112c;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
	}
	.foot .float_l{
		width: calc(25% - 2px);
		border-left: solid 1px #c50822;
		border-right: solid 1px #e0233d;
		height: 0.9rem;;
	}
	.foot .float_l img{
		width: 0.55rem;
		height: 0.4rem;
		margin: auto;
		margin-bottom: 0.12rem;
		margin-top: 0.06rem;
	}
	.foot .float_l p{
		text-align: center;
		font-size: 0.18rem;
		color: #fff;
		margin-top: -0.05rem;
	}
	.foot_line{
		width: 1px;
		height: 100%;
		background: #362d26;
		/* margin-top: 0.22rem; */
		float: left;
		display: none;
	}
	.lnner_page_title{
		height: 0.8rem;
		background: #d1112c;
		padding: 0 0.24rem;
	}
	.lnner_page_title .fanhui{
		display: block;
		width: 1.14rem;
		height: 0.46rem;
		background: url("../imgs/fanhui.png") no-repeat;
		background-size: 100% 100%;
		margin-top: 0.17rem;
		text-align: center;
		line-height: 0.46rem;
		text-indent: 0.18rem;
		color: #fff;
	}
	.lnner_page_title p{
		text-align: center;
		width: calc(100% - 2.28rem);
		line-height: 0.8rem;
		font-size: 0.28rem;
		color: #fff;
	}
	.lnner_page_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../imgs/feilei.png") no-repeat;
		background-size: 100% 100%;
		margin-top: 0.17rem;
		text-align: center;
		line-height: 0.46rem;
		text-indent: 0.3rem;
		color: #fff;
		z-index: 99;
	}
	.lnner_page_title .float_r .p{
		color: #fff;
	}
	.lnner_page_title .float_r .classification{
		width: 2.52rem;
		background: #d1112c;
		position: absolute;
		top: 0.65rem;
		right: -0.24rem;
		display: none;
	}
	.lnner_page_title .float_r:hover .classification{
		display: block;
	}
	.lnner_page_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #fff;
		border-top: dashed 1px #fff;
	}
	.lnner_page_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.product_html{
		padding-top: 0.1rem;
		background: #f5f5f5;
	}




	.index_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../imgs/more.png") no-repeat;
		background-size: 100% 100%;
		text-align: center;
		margin-top: 0.12rem;
	}
	.index_title .float_r p{
		line-height: 0.46rem;
		text-indent: 0.35rem;
	}
	.index_title .float_r .classification{
		width: 2.52rem;
		background: #d1112c;
		position: absolute;
		top: 0.5rem;
		right: 0;
		margin-right: -0.24rem;
		display: none;
	}
	.index_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #fff;
		border-top: dashed 1px #fff;
	}
	.index_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.index_title .float_r:hover .classification{
		display: block;
	}
	.message_html .banquan{
		position: fixed;
		bottom: 0.9rem;
		width: calc(100% - 0.4rem);
	}
	.message_html .message{
		padding: 0 0.3rem;
		background: #f5f5f5;
		padding-top: 0.4rem;
	}
	.message_html .message input{
		width:calc(100% - 0.4rem);
		height: 0.52rem;
		border: solid 1px #aaaaaa;
		color: #888888;
		font-size: 0.24rem;
		border-radius: 6px;
		margin-bottom: 0.14rem;
		padding: 0 0.24rem;
		background: #f5f5f5;
	}
	.message_html .message textarea{
		width:calc(100% - 0.4rem);
		height: 1.8rem;
		border: solid 1px #aaaaaa;
		color: #888888;
		font-size: 0.24rem;
		border-radius: 6px;
		margin-bottom: 0.19rem;
		padding: 0.15rem 0.24rem;
		line-height: 0.3rem;
		background: #f5f5f5;
	}
	.message_html .message input::-webkit-input-placeholder{
		color:#888888;
	}
	.message_html .message input::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#888888;
	}
	.message_html .message input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#888888;
	}
	.message_html .message input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#888888;
	}
	.message_html .message textarea::-webkit-input-placeholder{
		color:#888888;
	}
	.message_html .message textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#888888;
	}
	.message_html .message textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#888888;
	}
	.message_html .message textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#888888	;
	}
	.message_html .message .chongzhi{
		width: calc(50% - 0.1rem);
		height: 0.53rem;
		background: #242424;
		color: #fff;
		line-height: 0.53rem;
		text-align: center;
		display: block;
	}
	.message_html .message .tijiao{
		width: calc(50% - 0.1rem);
		height: 0.53rem;
		background: #d1112c;
		color: #fff;
		line-height: 0.53rem;
		text-align: center;
		display: block;
	}
	.about_html .about{
		background: #f5f5f5;
		padding: 0 0.24rem;
		padding-top: 0.36rem;
		padding-bottom: 0.3rem;
	}

	.about_html .about h6{
		font-size: 0.34rem;
		color: #111111;
		margin-bottom: 0.3rem;
	}
	.about_html .about p{
		font-size: 0.24rem;
		color: #646464;
		line-height: 0.42rem;
		text-align: justify;
		text-indent: 2em;
	}
	.contact_html .about p{
		text-indent: 0;
	}
	.about_html .about img{
		width: 100%;
		margin: 0.26rem 0;
	}
	.show_html .show{
		background: #f5f5f5;
		padding: 0 0.24rem;
	}
	.show_html .show h6{
		font-size: 0.26rem;
		color: #111111;
		text-align: center;
		line-height: 0.99rem;
	}
	.show_html .show .img{
		position: relative;
	}
	.show_html .show .img .show_img{
		margin: auto;
		width: calc(100% - 1.5rem);
	}
	.show_html .show .img .left{
		position: absolute;
		left: 0;
		top: 50%;
		width: 0.52rem;
		height: 0.5rem;	
		margin-top: -0.25rem;
	}
	.show_html .show .img .right{
		position: absolute;
		right: 0;
		top: 50%;
		width: 0.52rem;
		height: 0.5rem;	
		margin-top: -0.25rem;
	}
	.show_html .show .xiangqing{
		width: calc(100% + 0.4rem);
		margin-left: -0.24rem;
		height: 0.7rem;
		background: #d1112c;
		margin-top: 0.42rem;
		font-size: 0.24rem;
		line-height: 0.7rem;
		text-indent: 0.24rem;
		color: #fff;
	}
	.show_html .show .jieshao{
		padding-top: 0.32rem;
		padding-bottom: 0.4rem;
		width: 100%;
		height: auto;
		line-height: 0;
		color: #fff;
		background: none;
		margin-left: 0;
		margin-top: 0;
	}
	.show_html .show .jieshao p{
		font-size: 0.22rem;
		color: #646464;
		line-height: 0.4rem;
		text-align: justify;
		text-indent: 0.43rem;
	}
	.show_html .show .jieshao .meitiao{
		padding-top: 0.18rem;
	}
	.show_html .show .jieshao .meitiao a{
		width: 100%;
		height: 0.6rem;
		background: #d1112c;
		display: block;
		margin-top: 0.24rem;
	}
	.show_html .show .jieshao .meitiao a p{
		line-height: 0.6rem;
		color: #fff;
		text-indent: 0.14rem;
		font-size: 0.22rem;
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.show_html .show .jieshao .meitiao a img{
		width: 0.12rem;
		height: 0.17rem;
		margin-top: 0.22rem;
		margin-left: 0.3rem;
	}
	.fanhui_liebiao{
		display: block;
		width: 1.8rem;
		height: 0.48rem;
		text-align: center;
		line-height: 0.48rem;
		color: #fff;
		font-size: 0.22rem;
		background: #d1112c;
		margin: auto;
		margin-top: 0.4rem;
		border-radius: 0.5rem;
	}
	.list_show_html .show h3{
		font-size: 0.24rem;
		color: #111111;
		padding-top: 0.32rem;
	}
	.list_show_html .show .shijian{
		font-size: 0.24rem;
		color: #888888;
		border-bottom: solid 1px #cccccc;
		padding: 0.13rem 0 0.17rem 0;
	}
	.list_show_html .show .jieshao {
		padding-top: 0.22rem;
	}
	.list_show_html .show .jieshao p{
		margin-bottom: 0.1rem;
	}
	.list_show_html .show .jieshao .meitiao{
		padding-top: 0.08rem;
	}
	.list_html{
		background: #f5f5f5;
	}
	.list_html .index_news{
		background: none;
		padding-bottom: 1px;
	}
	.list_html .index_news .index_news_each .each{
		border-radius: 0.24rem;
		padding-left: 0.24rem;
		padding-right: 0.24rem;
		background: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		margin-bottom: 0.3rem;
	}
	.list_html .index_news .each .li{
		color: #d1112c;
	}
	.list_html .index_news .each .li p{
		width: 3.3rem;
		color: #d1112c;
		font-size: 0.2rem;
	}
	.list_html .index_news_each{
		padding-top: 0.45rem;
	}
	.list_html .index_news .each .p{
		width: 4.2rem;
		font-size: 0.24rem;
	}
	.list_html .more_button{
		width: 1.8rem;
		height: 0.48rem;
		border-radius: 0.5rem;
		line-height: 0.48rem;
		text-align: center;
		display: block;
		font-size: 0.16rem;
		color: #fff;
		background: #d1112c;
		margin: auto;
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.index_news{
		width: auto;
	}
	#topcontrol{
		right: 0 !important;
	}
	.message_html{
		padding-top:0;
		height: auto;
	}
	.message_html .message{
		min-height: calc(100vh - 3.8rem);
	}
	.index_news{
		height: auto;
	}
}
@media screen and (max-width: 1019px){
	body {
		width: 100%;
	}
}

/* @media screen and  (max-width:960px){
	html{
		font-size:12vw; 
	}
}

@media screen and  (max-width:740px){
	html{
		font-size:15.625vw; 
	}
} */

/* @media (min-width:640px){
	html{
		font-size: 5vw;
	}
	.news_html .information .list .title{
		width: 4.7rem;
		margin-top: 0.24rem;
	}
	.foot{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
	.message_html .banquan{
		position: fixed;
		bottom: 0.9rem;
		width: calc(640px - 0.4rem);
	}
} */