
@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 (max-width:640px){
.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;
}
.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
}
}