@charset "utf-8";





@media screen and (max-width:1280px) {

	.center {

		width: 1000px;

	}

	.nav ul li {

		margin: 0 10px;

	}

	.index_html .left {

		width: 240px;

	}

	.search{

		overflow: hidden;

	}

	.search .resou{

		width: 50%;

		background: url(../img/resou.png) top left no-repeat;

	}

	.index_html .left .biaoti {

		width: 100%;

	}

	.index_html .right {

		width: 740px;

	}

	.index_html .right .top .text {

		width: 270px;

	}

	.index_html .right .top .text .ckxq{

		margin:auto;

		margin-top: 44px;

	}

	.index_html .right .top .img {

		width: 470px;

		height: 444px;

		position: relative;

	}

	.index_html .right .top .img img{

		position: absolute;

		left: 50%;

		top: 0;

		margin-left: -296px;

	}

	.marqueeleft_product {

		width: 740px;

	}

	.foot_neirong .p {

		padding-left: 86px;

		width: 380px;

	}

	.index_about .about_top .img {

		width: 50%;

		position: relative;

	}

	.index_about .about_top .img img{

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -264px;

	}

	.index_about .about_top .about_text{

		width: 50% !important;

	}

	.index_about .label_page {

		width: 100%;

	}

	.index_about .label_page h3 {

		width: calc(100% - 40px);

	}	

	.index_about .label_page p {

		width: calc(100% - 40px);

	}

	.index_about .about_bottom .float_l {

		width: calc(25% - 53px);

		padding: 0 26px 0 26px;

	}

	.index_case .marqueeleft {

		width: 1000px !important;

	}

	.index_news .center {

		width: 1000px;

	}

	.index_news .meikuai {

		width: calc(33.333% - 16px);

		height: 437px;

	}

	.index_news .meikuai .img {

		width: 100%;

		height: auto;

	}

	.index_news .meikuai .img .hover {

		width: 100%;

	}

	.index_news .meikuai .biaoti {

		width: 100%;

	}

	.index_news .meikuai .text p {

		width: calc(100% - 30px);

	}

	.gallery_html .marqueeleft_product {

		width: calc(100% + 20px);

		/* margin-left: 0px; */

	}

	.gallery_html .marqueeleft_product li {

		width: calc(33.333% - 20px);

		height: auto;

	}

	.gallery_html .marqueeleft_product li .img {

		width: 100%;

		height: auto;

	}

	.gallery_html .marqueeleft_product li .img img{

		width: 100%;

		height: auto;

	}

	.message_html .input input {

		width: calc(100% - 300px);

	}

	.message_html .input p {

		width: 92px;

		margin-left: 32px;

	}	

	.message_html .input textarea {

		width: calc(100% - 300px);

	}

	.message_html .tijiao {

		margin-left: 262px;

	}

	.message_feedback_p {

		width: 430px;

	}

	.meiye_html .right .show_html .chanpin .zuo {

		left: 24px;

	}

	.meiye_html .right .show_html .chanpin .you {

		right: 24px;

	}

	.list_html .list a {

		display: block;

		width: 100%;

	}

	.list_html .list a .text {

		width: 420px;

	}

	.list_html .list a .img {

		width: 235px;

		position: relative;

	}

	.list_html .list a .img img{

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -157px;

	}

	.list_show_html .fanye{

		background:none;

	}

	.list_show_html .fanye a{

		width: 100%;

		background: #f5f5f5;

		margin-bottom: 1px;

	}

}



@media screen and (max-width:1024px) {


video{ width:100%; height:100% !important;}
	.phone_state{

        display: block;

    }

	.pc_state{

        display: none;

    }



	html{

		font-size:9vw;

		margin: auto;

	}



	body{margin: 0px;

		padding: 0px;

		background-color:#fff;

		font-family:"微软雅黑"; 

		font-size:14px; 

		padding-bottom:0.9rem;

		/* max-width: 640px; */

		}

	a{ text-decoration:none; margin:0; padding:0;}

	*{font-size:14px;}

	h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}

	img{ display:block; border:none;}

	.clearfix{clear: both;}

	ul,li{ list-style:none; margin:0; padding:0;}

	input,select{ border:none;font-family:"微软雅黑";outline:none }

	.main{ 

		width:100%; 

		/* max-width:750px;  */

		margin:0 auto; 

		position:relative;

	}

	.container{

		width:100%;

		margin:0 auto;

		/* max-width:750px; */

		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 {

		width: 100%;

		height: 0.9rem;

		background: #ffffff;

		position: relative;

	}

	.head img{

		height: 100%;

	}

	.head .nav_icon2{

		display: none;

	}

	.nav{

		display: none;

	}

	.nav a{

		display: block;

		float: left;

		width: calc(25% - 2px);

		text-align: center;

		height: 0.5rem;

		line-height: 0.5rem;

		background: #4e70c3;

		font-size: 0.24rem;

		color: #fff;

	}

	.nav a:nth-child(1),

	.nav a:nth-child(2),

	.nav a:nth-child(3),

	.nav a:nth-child(4){

		border-bottom: solid 1px #1e409e;

	}

	.nav a:nth-child(5),

	.nav a:nth-child(6),

	.nav a:nth-child(7),

	.nav a:nth-child(8){

		border-top: solid 1px #7198f6;

	}

	.nav a:nth-child(2),

	.nav a:nth-child(3),

	.nav a:nth-child(6),

	.nav a:nth-child(7){

		border-left: solid 1px #1e409e;

		border-right: solid 1px #7198f6;

	}

	.nav a:nth-child(1),

	.nav a:nth-child(5){

		border-right: solid 1px #7198f6;

		width: calc(25% - 1px);

	}

	.nav a:nth-child(4),

	.nav a:nth-child(8){

		width: calc(25% - 1px);

		border-left: solid 1px #1e409e;

	}

	/* banner */

	.banner img{

		width: 100%;

	}

	.banner .swiper-pagination-bullet{

		width: 0.16rem;

		height: 0.16rem;

		display: inline-block;

		border-radius: 100%;

		background:url("../images/banner_dian2.png") center center no-repeat;

		background-size: 100% 100%;

		opacity: 1;

	}

	.banner .swiper-pagination-bullet-active {

		opacity: 1;

		background:url("../images/banner_dian1.png") center center no-repeat;

		background-size: 100% 100%;

	}

	.search{

		height: 1rem;

		background: #212121;

		padding: 0 0.2rem;

		padding-top: 1px;

		/* display: flex;

		align-items: center; */

	}

	.search .input{

		border-radius: 0.54rem;

		height: 0.54rem;

		background: #ffffff;

		overflow: hidden;

		width: 100%;

		margin-top: 0.2rem;

	}

	.search .input input{

		width: calc(100% - 1rem);

		height: 0.54rem;

		padding: 0;

		font-size: 0.24rem;

		color: #888888;

		text-indent: 0.21rem;

	}

	.search .input input::-webkit-input-placeholder{

		color:#888888;

	}

	.search .input input::-moz-placeholder{   

		color:#888888;

	}

	.search .input input:-moz-placeholder{    

		color:#888888;

	}

	.search .input input:-ms-input-placeholder{

		color:#888888;

	}

	.search a{

		width:0.8rem;

		height: 0.54rem;

		background: url("../images/search.png") right 0.2rem center no-repeat;

		background-size: 0.37rem 0.54rem;

	}

	.title .h6{

		font-size: 0.38rem;

		text-align: center;

		color: #111111;

		line-height:0.5rem;

		padding-top: 0.34rem;

	}

	.title p{

		font-size: 0.26rem;

		line-height: 0.3rem;

		margin-bottom: 0.22rem;

		color: #555555;

		text-align: center;

		text-transform:uppercase; 

	}

	.product .img{

		width: calc(100% - 0.4rem);

		margin: auto;

		display: block;

		margin-bottom: 0.3rem;

	}

	.product .img img{

		width: 100%;

	}

	.product .img p{

		height: 0.8rem;

		text-align: center;

		background: #4e70c3;

		font-size: 0.3rem;

		color: #ffffff;

		line-height: 0.8rem;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:1;

	}

	.product .product_img{

		padding: 0 0.1rem;

	}

	.product .product_img a{

		display: block;

		width: calc(50% - 0.2rem);

		margin: 0 0.1rem;

		margin-bottom: 0.2rem;

	}

	.product .product_img a img{

		width: 100%;

	}

	.product .product_img a p{

		height: 0.66rem;

		line-height: 0.66rem;

		text-align: center;

		background: #4e70c3;

		font-size: 0.24rem;

		color: #ffffff;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:1;

	}

	.more{

		width: 1.9rem;

		height: 0.54rem;

		border-radius: 3px;

		background: #4e70c3;

		display: block;

		margin: auto;

		line-height: 0.54rem;

		font-size: 0.23rem;

		color: #ffffff;

		text-align: center;

		margin-top: 0.1rem;

		margin-bottom: 0.4rem;

	}

	.guanggao{

		width: 100%;

	}

	.index_about{

		padding: 0 0.2rem;

		background: #f5f5f5;

		padding-bottom: 1px;

		margin-top: 0px;

		height: auto;

	}

	.index_about .text p{

		font-size: 0.23rem;

		color: #4d4d4d;

		text-align: center;

		line-height: 0.5rem;

	}

	.index_about .text{

		padding-bottom: 0.2rem

	}

	.index_about .about_img img{

		width: 100%;

		border-radius: 10px;

		margin-bottom: 0.5rem

	}

	.index_about .swiper-pagination{

		bottom: 2px !important;

	}

	.index_about .swiper-pagination-bullet-active {

		opacity: 1;

		background: #4e70c3;

	}

	.news{

		background: #f5f5f5;

		padding-bottom: 1px;

	}

	.news .img{

		width: calc(100% - 0.4rem);

		margin: auto;

		display: block;

		margin-bottom: 0.3rem;

	}

	.news .img img{

		width: 100%;

	}

	.news .img .jia{

		height: 0.5rem;

		text-align: center;

		background: #4e70c3;

		display: flex;

		align-items: center;

		border-bottom: solid 1px #949494;

	}

	.news .img .jia img{

		width: auto;

		height: 0.2rem;

		margin: auto;

	}

	.news .img .text{

		height: 2.36rem;

		background: #fff;

	}

	.news .img .text .h6{

		font-size: 0.26rem;

		color: #4e70c3;

		line-height: 0.8rem;

		padding-top: 0.12rem;

		text-align: center;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:1;

	}

	.news .img .text .xian{

		width: 50px;

		height: 1px;

		background: #111111;

		margin: auto;

		text-align: center;

		margin-bottom: 0.2rem;

	}

	.news .img .text p{

		font-size: 0.23rem;

		color: #646464;

		width:90%;

		line-height: 0.36rem;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:2;

		margin: auto;

		text-align: center;

	}

	.news .news_list{

		padding: 0 0.2rem;

	}

	.news .news_list a{

		display: block;

		background: #fff;

		margin-bottom: 0.2rem;

		height: 0.8rem;

	}

	.news .news_list .time{

		width: 25%;

		background: #4e70c3;

		height: 0.8rem;

	}

	.news .news_list .time .p1{

		font-size: 0.32rem;

		color: #fff;

		text-align: center;

	}

	.news .news_list .time .p2{

		font-size: 0.24rem;

		color: #fff;

		text-align: center;

	}

	.news .news_list .text{

		width: 50%;

		text-indent: 1em;

		font-size: 0.24rem;

		color: #646464;

		height: 0.8rem;

		line-height: 0.8rem;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:1;

	}

	.news .news_list .float_r{

		width: 20%;

		font-size: 0.2rem;

		color: #646464;

		line-height: 0.8rem;

		text-align: center;

	}

	.news .more{

		margin-top: 0.3rem

	}



	/* 底部 */

	.foot{

		width: 100%;

		height: 0.9rem;

		background: #4e70c3;

		position: fixed;

		bottom: 0;

		left: 0;

		z-index: 99;

	}

	.foot .float_l{

		width: calc(25% - 2px);

		border-left: solid 1px #7198f6;

		border-right: solid 1px #3156a3;

		height: 0.9rem;

	}

	.foot a:nth-child(1) .float_l{

		width: calc(25% - 1px);

		border-left: none;

	}

	.foot a:nth-child(41) .float_l{

		width: calc(25% - 1px);

		border-right: none;

	}

	.foot .float_l img{

		width: 0.55rem;

		height: 0.38rem;

		margin: auto;

		margin-bottom: 0.05rem;

		margin-top: 0.1rem;

	}

	.foot .float_l p{

		text-align: center;

		font-size: 0.2rem;

		color: #fff;

		/* margin-top: -0.05rem; */

	}

	.foot_line{

		width: 1px;

		height: 100%;

		background: #362d26;

		/* margin-top: 0.22rem; */

		float: left;

		display: none;

	}

	.bottom{

		height: 0.7rem;

		line-height: 0.7rem;

		font-size: 0.24rem;

		color: #646464;

		text-align: center;

		/*border-top: solid 1px #cccccc;*/

	}

	.ny_top{

		height: 0.9rem;

		background: #4e70c3;

		position: relative;

	}

	.ny_top p{

		font-size: 0.38rem;

		color: #ffffff;

		line-height: 0.9rem;

		text-align: center;

	}

	.ny_top .fanhui{

		display: block;

		width: 1.1rem;

		height: 0.5rem;

		font-size: 0.26rem;

		color: #fff;

		background: #1e409e;

		position: absolute;

		top: 0.26rem;

		left: 0.2rem;

		border-radius: 0.45rem;

		line-height: 0.5rem;

		display: flex;

		align-items: center;

	}

	.ny_top .fanhui img{

		width: 8px;

		float: left;

		margin-left: 0.14rem;

		/* margin-top: 8px; */

		margin-right: 0.1rem;

	}

	.ny_top .shousuo{

		width: 0.9rem;

		height: 0.9rem;

		background: url("../images/shousuo.png") center center no-repeat;

		background-size: 100% 100%;

		position: absolute;

		top: 0;

		right: 0;

	}

	.ny_sousuo{

		display: none;

	}



	.message_html{

		padding: 0 0.2rem;

		padding-top: 0.4rem;

		height: calc(100vh - 3rem);

	}

	.message_html input{

		height: 0.6rem;

		border: solid 1px #aaaaaa;

		width: calc(100% - 0.4rem);

		border-radius: 4px;

		margin-bottom: 0.2rem;

		padding: 0 0.2rem;

		font-size: 0.24rem;

		color: #888888;

	}

	.message_html input::-webkit-input-placeholder{

		color:#888888;

	}

	.message_html input::-moz-placeholder{   

		color:#888888;

	}

	.message_html input:-moz-placeholder{    

		color:#888888;

	}

	.message_html input:-ms-input-placeholder{

		color:#888888;

	}

	.message_html textarea{

		height: 1.7rem;

		border: solid 1px #aaaaaa;

		width: calc(100% - 0.4rem);

		border-radius: 4px;

		padding: 0.15rem 0.2rem;

		font-size: 0.24rem;

		color: #888888;

	}

	.message_html textarea::-webkit-input-placeholder{

		color:#888888;

	}

	.message_html textarea::-moz-placeholder{ 

		color:#888888;

	}

	.message_html textarea:-moz-placeholder{ 

		color:#888888;

	}

	.message_html textarea:-ms-input-placeholder{ 

		color:#888888;

	}

	.message_html .button .float_l{

		display: block;

		width: calc(50% - 0.1rem);

		background: #242424;

		height: 0.6rem;

		line-height: 0.6rem;

		text-align: center;

		font-size: 	0.26rem;

		color: #fff;

	}

	.message_html .button .float_r{

		display: block;

		width: calc(50% - 0.1rem);

		background: #4e70c3;

		height: 0.6rem;

		line-height: 0.6rem;

		text-align: center;

		font-size: 	0.26rem;

		color: #fff;

	}

	.message_html .button{

		padding: 0.2rem 0 1.5rem 0;

	}

	.news_html{

		background: #fff;

		padding-top: 0.4rem;

	}

	.news_html .img .text {

		background: #f5f5f5;

	}

	.news_html .news_list a{

		background: #f5f5f5;

	}

	.ny_top .fenlei{

		display: block;

		width: 1.1rem;

		height: 0.5rem;

		font-size: 0.26rem;

		color: #fff;

		background: #1e409e;

		position: absolute;

		top: 0.26rem;

		right: 0.2rem;

		border-radius: 0.45rem;

		line-height: 0.5rem;

		display: flex;

		align-items: center;

	}

	.ny_top .fenlei img{

		width: 14px;

		float: left;

		margin-left: 0.14rem;

		/* margin-top: 8px; */

		margin-right: 0.1rem;

	}

	.ny_product{

		padding-top: 0.4rem;

	}

	.classification{

		position: absolute;

		right: 0.2rem;

		top: 0.9rem;

		background: rgba(30, 64, 158,0.95);

		width: 40%;

		margin-top: 1px;

		display: none;

		z-index: 99;

	}

	.classification a{

		display: block;

		font-size: 0.24rem;

		height: 0.8rem;

		line-height: 0.8rem;

		color: #ffffff;

		text-align: center;

		border-top: dashed 1px #587cd3;

	}

	.classification a:nth-child(1){

		border-top: none;

	}

	.ny_about{

		padding: 0 0.2rem;

		padding-bottom: 0.6rem;

		min-height: calc(100vh - 3.2rem);

	}

	.ny_about .text{

		padding: 0.3rem 0;

	}

	.ny_about .text h3{ font-size:22px; line-height:50px;  color:#4e70c3; margin-top:5px;}

	.ny_about p{

		font-size: 0.23rem;

		color: #4d4d4d;

		text-align: justify;

		line-height: 0.4rem;

	}

	.ny_about img{

		width: 100%;

	}

	.list_show{

		padding: 0 0.2rem;

	}

	.list_show .biaoti{

		height: 1.3rem;

		border-bottom: solid 1px #cccccc; 

	}

	.list_show .biaoti .h6{

		font-size: 0.3rem;

		color: #111111;

		text-align: center;

		line-height: 0.52rem;

		padding-top: 0.2rem;



	}

	.list_show .biaoti .p{

		font-size: 0.22rem;

		color: #888888;

		text-align: center;

		line-height: 0.4rem;

	}

	.list_show .biaoti .p span{

		font-size: 0.22rem;

		color: #888888;

		margin: 6px;

	}

	.list_show .text{

		padding-top: 0.25rem;

		margin-bottom: 0.4rem;

	}

	.list_show .text p{

		font-size: 0.23rem;

		color: #646464;

		line-height: 0.4rem;

		

		margin: 0.08rem 0;

		text-align: justify;

	}

	.list_show .text img{

		width: 100%;

		margin: 0.2rem 0;
		height: auto;

	}

	.list_show .qiehuan{

		display: block;

		height: 0.75rem;

		line-height: 0.75rem;

		background: #4e70c3;

		margin-bottom: 0.2rem;

	}

	.list_show .qiehuan p{

		height: 0.75rem;

		line-height: 0.75rem;

		padding: 0 0.56rem;

		font-size: 0.24rem;

		color: #ffffff;

		overflow:hidden; 

		text-overflow:ellipsis;

		display:-webkit-box; 

		-webkit-box-orient:vertical;

		-webkit-line-clamp:1;

		background: url("../images/xiayitiao.png") left 0.3rem center no-repeat;

		background-size: 0.12rem 0.17rem;

	}

	.list_show .fh_list{

		display: block;

		width: 1.8rem;

		height: 0.6rem;

		margin: 0.4rem auto;

		line-height: 0.6rem;

		border-radius: 0.6rem;

		background: #4e70c3;

		font-size: 0.24rem;

		color: #ffffff;

		text-align: center;

	}

	.show_html{

		padding: 0;

	}

	.show_html .show .name{

		font-size: 0.3rem;

		color: #111111;

		text-align: center;

		line-height: 1.2rem;

	}

	.show_html .show .img{

		width: 70%;

		margin: auto;

		position: relative;

	}

	.show_html .show .img img{

		width: 100%;

	}

	.show_html .show .img .left{

		display: block;

		width: 0.52rem;

		height: 0.5rem;

		background:url("../images/left.png") center center no-repeat;

		background-size: 100% 100%;

		position: absolute;

		left: -0.76rem;

		top: 50%;

		margin-top: -0.25rem;

	}

	.show_html .show .img .right{

		display: block;

		width: 0.52rem;

		height: 0.5rem;

		background:url("../images/right.png") center center no-repeat;

		background-size: 100% 100%;

		position: absolute;

		right: -0.76rem;

		top: 50%;

		margin-top: -0.25rem;

	}

	.show_html .xiangqing{

		height: 0.72rem;

		line-height: 0.72rem;

		background: #4e70c3;

		padding: 0 0.2rem;

		margin-top: 0.38rem;

		font-size: 0.28rem;

		color: #ffffff;

	} 

	.show_html .text{

		padding: 0.25rem 0.2rem 0 0.2rem;

	}

	.show_html .qiehuan{

		width: calc(100% - 0.4rem);

		margin: auto;

		margin-bottom: 0.2rem;

	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets, 

	.banner .swiper-pagination-custom, 

	.banner .swiper-pagination-fraction{

		bottom: 10px;

	}

	.index_about .swiper-container {

		height: auto;

	}

	.nav {

		height: auto;

	}

}



@media screen and  (max-width:960px){

	html{

		font-size:12vw; 

	}

}



@media screen and  (max-width:740px){

	html{

		font-size:15.625vw; 

	}

}







/* transition:all 0.3s ease-in-out;

transform: scale(1.1);



overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:1;



input::-webkit-input-placeholder{

    color:#cccccc;

}

input::-moz-placeholder{   

    color:#cccccc;

}

input:-moz-placeholder{    

    color:#cccccc;

}

input:-ms-input-placeholder{

    color:#cccccc;

}



textarea::-webkit-input-placeholder{

    color:#cccccc;

}

textarea::-moz-placeholder{ 

    color:#cccccc;

}

textarea:-moz-placeholder{ 

    color:#cccccc;

}

textarea:-ms-input-placeholder{ 

    color:#cccccc;

} */