

@media (max-width:1366px){

.top .nav a {

    margin-right: 0.5rem;

}

}

@media (max-width:1340px){

.box {

	width:98%

}

}

@media (max-width:1200px){

.pub_advantage.box{

	width:96%

}

.pub_advantage .list:nth-child(odd) .txt,.pub_advantage .list:nth-child(odd) .img{

	width:100%

}

.pub_advantage .list:nth-child(odd) .txt{

	width:50%;

	left: 50%;

}

}

@media (max-width:1175px){

.top .nav a {

    font-size: 18px;

}

.top .logo {

    padding: 0.2rem 0;

}



}



@media (max-width:1025px){

.pub_five .dl dl dd.show-dies img{

	width:30px

}

.pub_five .dl dl dd.show-die,.pub_five .dl dl dd.show-dies em{

	font-size:14px}

.about_nav ul li:nth-of-type(2) a,.about_nav ul li:nth-of-type(1) a{

	margin-bottom:-1px

}

.about_nav ul li+li a {

    border-left: 1px solid #eee;    margin-left: -1px;

}	

.top .nav,.top .language{

	display:none

}



.top .logo {

    padding: 0.2rem 0.5rem;

}



.m_nav img{

	position:relative;

	top:0.5rem;

	right:0.5rem

}

.col-md-6{

	width:100%

}

#about{

	flex-wrap:wrap

}

.video {

    padding:  0;

	margin-bottom:30px

}

.video  img{

	width:100%

}

.about_nav ul li {

    width: 50%;

}

.products .list .one .public img{

	width:25px;

}

.products .list .one .public p,.products .list .one .public h4{

	font-size:16px;

}

.products .list .one .public h4{

	margin:0.35rem auto;

	font-size:14px;

}

.news .col-md-4{

	display:none

}

.news{

	display:block

}

.news .col-md-8{

	width:100%

}

.background{

 padding:0.25rem 0	

}

.news .index_news_r dl{

	margin-bottom:15px

}

.news .index_news_r dl:last-child{

	margin-bottom:0

}

.costom h6{

	width:90%

}

}

@media (max-width:930px){

.footer .f_nav{

	display:none

}

.footer .link{

	border:0;

	padding-bottom:0

}

}

@media (max-width:900px){

#producted .pru-left li i{

	display:none

}

#producted .pru-left li{

	top:0

}

#producted .pru-left{

	border:0

}

#producted .pru-left,#producted .pru-right{

	width:100%; justify-content:space-between ;

}

#producted .pru-right dl{

	width:48.5%;

	margin:0;

	margin-bottom:3%

}

#producted{

	display:block

}

#producted .pru-left h1{

	display:none

}

#producted .pru-left ul {

    display: -webkit-box;

    overflow-x: scroll;

	padding-bottom:15px

}

#news .list .txt h2 {

    font-size: 18px;

	    margin: 8px 0

}

#news .list .txt p {

    font-size: 15px;    line-height: 20px;

}

#news .list .txt h5 {

    color: #1e64bc;

    font-size:15px;

}

.pub_advantage .list .txt{

	position:inherit

}

.pub_advantage .list:nth-child(odd) .txt {

    width: 100%;

    left: 0;

}

.pub_advantage .list .txt{

	height:auto;

	padding:0.5rem

}

.pub_advantage .list:nth-child(odd) .img,.pub_advantage .list:nth-child(odd) .img img,.pub_advantage .list:nth-child(even) .txt,.pub_advantage .list:nth-child(even) .img,.pub_advantage .list:nth-child(even) .img img{

	width:100%

}

.h_pub a {

    width: 23%;



    padding: 9px 0;

}

#img{

	float:none;

	margin-right:0

}

#img img,.about_tow .box .txt,.about_tow .box .img,#p_cont .one .img,#p_cont .one .txt,#p_cont .one .img img{

	width:100%

}

#p_cont .one .img{

	margin-bottom:25px

}

.about_tow .box,#p_cont .one{

	display: block

}

.about_tow .box .img{

	margin-top:25px

}

#text{

	margin-top:15px

}

.contact .w50{

	width:100%

}

.contact .box{

	display:block;

	width:90%

}

.contact{

	background-repeat:repeat-y;

	padding-bottom:1rem

}

#img img,.c_list_fl,.c_list_fr{

	width:100%

}

.c_list_fl{

	height:auto

}

.c_list_fl p{

	line-height:32px

}

}

@media (max-width:800px){

.mr_frUl ul li {

	width: 35%;

}

.mr_frBtnR,.mr_frBtnL{

	top:35%

}



.href {

 

    margin: 10px auto 0 auto;

}

.top_tel,.nav {

	display:none

}

.m_nav{

	display: block

}

.top .logo img{

	width:3.5rem

}

.top .logo {

    padding: 0.2rem 0;

}

.m_nav img {

    position: relative;

    top: 0.35rem;

    right: 0.15rem;

}

#industry .box {

	justify-content:space-between ;

}

#industry .box dl{

	width:48.5%;

	margin:0;

	margin-bottom:3%

}

.faq_read_left,.faq_read_right{

	width:100%

}

.faq_tab_box .faq_read_li,.faq_read_box{

	flex-wrap: wrap;

}

.faq_read_left img,.faq_read_box p{

	width:100%

}

#product .faq_read_box p {

    margin-bottom: 10px;

}

}
@media (min-width:641px){
.video_m{display:none!important;}
.index_tel_box{ margin: 0 auto;}
.index_tel_box:hover{box-shadow:0px 3px 10px #333; }
.index_tel_box_m{display:none!important;}
}
@media (max-width:640px){
.video{display:none!important;}
.video_m{display:block!important;}
.index_tel_box{display:none!important;}
.index_tel_box_m img{ width: 100%;}
.copyright_m{ display: block; line-height: 28px;}
.pe_news .box dl{

	width:48%

}

.pe_news .box{

	flex-wrap:wrap;   justify-content:space-between ;

			  

}

.pe_news .box h3{

	font-size:16px;

	margin-bottom:8px;

}

#marquee1-ps li{

	width:48%;

}

#marquee1-ps ul{

	justify-content:space-between ;

}

.h_pub.about_pub{

	display: -webkit-box;

    overflow-x: scroll;

}

.workshop{

	display:flex;

	justify-content:space-between ;

	flex-wrap:wrap

	

}

.workshop dl:nth-child(1), .workshop dl:nth-child(3), .workshop dl:nth-child(4), .workshop dl:nth-child(5),.workshop dl:nth-child(2), .workshop dl:nth-child(6), .workshop dl:nth-child(7){

	float:none;

	width:49%;

	margin-bottom:2%;

	height:auto

}

.workshop dl:nth-child(1) img, .workshop dl:nth-child(3) img, .workshop dl:nth-child(4) img, .workshop dl:nth-child(5) img,.workshop dl:nth-child(2) img, .workshop dl:nth-child(6) img, .workshop dl:nth-child(7) img{

	height:auto

}

.workshop dl:nth-child(4){

	margin-right:0

}

.workshop dl:nth-child(7){

	margin-left:0

}

.fenpage{

	margin:0

}

.h_pub a{

	display:grid;

	    margin: 0 10px;

}

.pub_about .one .img{

	display:none

}

.pub_about .one .txt{

	width:100%

}

#img{

	padding:0

}

.pub_about{

	padding:0.235rem

}

.pub_about .one .txt h3{

	margin:0.25rem auto

}

.footer .link{

	padding:0.35rem;

	padding-bottom:0

}



.footer .link a{

	font-size:13px

}

	#newed{

		padding:0.25rem 0

	}

	#newed .tit{

		font-size:18px}

#news .list .img,#news .list .txt{

	width:100%

}

#news .list .img{

	margin-bottom:0.345rem

}

.fenpage li{

	line-height:32px;

}

.fenpage h5 a{

	position:inherit

}

#news .list {

    background: #fff;

    padding: 0.25rem;

}

#p_cont .tow .ck em{

	width:100px;

}

#news .list .img,#news .list .txt{

	float:none

}

#p_cont .tow{

	clear:both

}

#p_cont .tow .show_show p em {

    width: 15%;

}

#about_pub.h_pub a {

    width: 20%;

    padding: 9px 0;

	margin:0 5px

}

.product .list:nth-child(odd) .txt, .product .list:nth-child(even) .img,.product .list:nth-child(odd) .img, .product .list:nth-child(even) .txt, .product .list .img img, .product .list .img ,#p_cont .one .txt li {



    float: none;

    width: 100%;

}

.product .list .img{

	margin-top:25px

}

.product .list .txt{

	padding:0

}

.about_about{

	padding: 0.45rem

}

.contact .w50 .tit img{

	width:6rem

}

.marqueeleft li{

	width:8%

}

.marqueeleft li .txt{

	font-size:15px

}

#marquee1_1{

	margin-top:25px

}

.top .logo img{

	width:5rem

}

.m_nav img {

    position: relative;

    top: 0.5rem;

    right: 0.5rem;

    width: 0.51rem;

}

.news .index_news_r dl{

	display:block

}

.news .index_news_r dt,.news .index_news_r dd{

	width:100%

}

.news .index_news_r dd h2{

	height:auto

}

.footer .f_nav{

	display:none

}

.copny{

	margin-top:0;

	height:auto;

	line-height:inherit;

	padding:0.35rem

}

.home_contact .postion h3{

	font-size:18px

}

.home_contact .postion p{

	margin:12px   auto;

	font-size:14px;

	line-height:26px

}

.home_contact {

    height: 5rem;

}

.home_contact .postion a {

    width: 160px;

    padding: 9px 0;

}

.footer{

	padding-top:0

}

.products .list .one {

    width: 48%;

	

}

.products .list .one:nth-child(1),.products .list .one:nth-child(2){

	margin-bottom:2%

}

.products .list{

	flex-wrap:wrap

}

.products .list .one .hide{

	display:block

}

.products .list .one .show,.products .list .one .public h4{

	display:none

}

.products .list .one .public a{

	margin-top:0.4rem

}

.products .list .one .public a {

    width: 100px;

    height: 30px;

    line-height: 30px;

}

.about, .video {

    padding: 0.25rem 0.35rem;

}

.about p{

	width:100%;
	font-size:15px;
margin-bottom: 20px;

}

.about h2 span {

    font-size: 0.61rem;

}

.about_nav ul li:nth-of-type(1) a {

    background: url(../img/inx_1.png) no-repeat 15% center;

}

.about_nav ul li:nth-of-type(2) a {

    background: url(../img/inx_2.png) no-repeat 15% center;

}

.about_nav ul li:nth-of-type(3) a {

    background: url(../img/inx_3.png) no-repeat 15% center;

}

.about_nav ul li:nth-of-type(4) a {

    background: url(../img/inx_4.png) no-repeat 15% center;

}

.about_nav ul li:nth-of-type(1) a,.about_nav ul li:nth-of-type(2) a,.about_nav ul li:nth-of-type(3) a,.about_nav ul li:nth-of-type(4) a {

      padding: 16px 0;

	  background-size: 25%;

}

.about_nav ul li a span {

    font-size: 18px;

}

.about_nav ul li:nth-of-type(1):hover a {

	background: url(../img/inx_on1.png) no-repeat 15% center; background-size: 20%;

}



.about_nav ul li:nth-of-type(2):hover a {

	background: url(../img/inx_on2.png) no-repeat 15% center; background-size: 20%;

}



.about_nav ul li:nth-of-type(3):hover a {

	background: url(../img/inx_on3.png) no-repeat 15% center; background-size: 20%;

}



.about_nav ul li:nth-of-type(4):hover a {

	background: url(../img/inx_on4.png) no-repeat 15% center; background-size: 20%;

}

.video {

    margin-bottom: 0;

}

.abouts{

	padding:0.25rem 0.35rem

	

}

.about_nav ul li a i {

    font-size: 12px;

    text-align: right;

    padding-right: 5%;

}

.about_nav ul li a  span {

	text-align: right;

    padding-right: 5%;

}

#message form .input,.lisr-list dl{

	width:100%;

	margin:0;

	margin-bottom:2.5%

}

.lisr-list{

	flex-wrap:wrap

}

.lisr-list dd{

	padding-bottom:0.345rem

	

}

.lisr-list dt{

	font-size:18px;

}

a.more{

	width:160px;

	height:36px;

	line-height:36px;

	font-size:16px;

	margin-bottom:0

}

.service .list dl {

    width: 48.5%;

    float: left;

    margin: 0;

    margin-bottom: 3%;

}

.service .list dl:nth-child(even) {

    float: right;

}

.service .list {

	padding:0 0.25rem

}

.pub_five .dl dl{

	width:48%;

	margin-bottom:3%

}

.pub_five .dl {

	flex-wrap:wrap; justify-content:space-between ;

	

}

.pub_five .dl dl dt img{

	width:100%

}

.pub_five .dl dl:nth-child(5){

	width:100%

}

.pub_five .dl dl:nth-child(5) dt img{

	height:5rem

}

}