@charset "utf-8";
.h70{display: none;}
/*960-1199*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
.wrap{width: 100%;padding: 0 2%;}

}

/*768-959*/
@media screen and (min-width: 768px) and (max-width: 959px) {
.wrap{width: 100%;padding: 0 2%;}

}


/*480-767*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.wrap{width: 100%;padding: 0 2%;}
}

/*479*/
@media only screen and (max-width: 479px) {
body{min-width: 100%;}
.w1260 {
    width: 100%;
    padding: 0 2%;
}

.htel {
    display: none;
}

.header {
    min-width: 100%;
    position: relative;
    height: 68px;
    z-index: 4;
}
.logo img{
    height: 48px;
}
.nav a.gonav {
    display: inline-block;
    float: right;
    width: 68px;
    height: 68px;
    position: absolute;
    top: -68px;
    right: 0px;
}

.nav a.gonav i {
    width: 68px;
    height: 68px;
    display: inline-block;
    float: right;
    background: url(../images/gonav.png) no-repeat center center / 50% 50%;
}
.nav ul li h3 a{margin: 0;}
.nav ul li.on h3 a{color: #fff;}
.nav ul li h3 a:hover{color: #fff;}
.logo {
    margin-top: 10px;
    width: 48px;
    margin-left: 2%;
}

.nav {
    position: absolute;
    left: 0;
    top: 68px;
    padding-top: 0px;
    height: auto;
    z-index: 999;
    background: #000;
    margin: 0;
}

.nav ul {
    display: none;
    background: #3ab7e7;
}

.nav ul li {
    width: 100%;
    margin: 0;
    border: 0 none;
    border-bottom: 1px solid #A8A8A8;
    height: auto;
    line-height: 40px;
}

.nav ul li h3 {
    width: 100%;
    float: left;
}

.nav ul li h3 a {
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 100%;
    float: left;
    color: #ffffff;
}

.nav {
    width: 100%;
}

.nav dl {
    display: none;
}

.nav ul li dl {
    position: relative;
    padding-top: 0;
    top: 0;
}

.nav ul li dl dd a {
    color: #ffffff;
    font-size: 14px;
}

.nav .list {
    width: 100%;
}
.hsearch{display: none;}
.lang{margin-top: 16px;margin-right: 78px;}
.swiper-pagination{
    z-index: 3;
}
.h2tit {
    margin-top: 4%;
}

.h2tit h2 {
    margin-bottom: 0;font-size: 26px;
}

.h2tit span {
    font-size: 24px;
    line-height: 1.4;
}
.num-figure{
    margin-top: 4%;
    margin-bottom: 4%;
}
.num-figure .OEM-ico{
    width: 100%;
}
.isotope_gas {
    background: url(../images/isotope_gasbg.png) no-repeat center center / auto 100%;

}

.iabout_hdp{
    width: 100%;
    margin-bottom: 8%;

}
.iabout_con{
    width: 100%;
}
.iabout_con h3{margin-top: 4%;margin-bottom: 4%;}

.iabout_con a.more{
    margin-top: 3%;margin-bottom: 3%;
}
.iproqh{margin-bottom: 5%;}

.iproqh .tab-hd ul li{width: 33.33%;
font-size: 16px;
margin: 0;}
.iproqh .tab-hd ul li:after{display: none;
}
.iprohdp{margin-top: 4%;}
    .iprohdp .swiper-button-next,.iprohdp .swiper-button-prev{
        display: none;
    }
.iprohdpitem .info{padding: 0 20px;}
.icolumn{
background: url(../images/panlebg.png) no-repeat center center / auto 100%
}
.panels {
    min-height: 200px;
    flex-direction: column;
}

.panel {
    width: 100%;
    padding: 5% 0;
    margin: 0;
	    min-height: 200px;

}
.panel p {
height: 200px;
}
.panel.active {
    width: 100%;
}

.panel ul li {
    margin: 0;
    width: 50%;
}

.panel i {
    margin-top: 2%;
	width: 89px;
	height: 63px;
}

.panel h3 {
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 18px;
}

.panel a {
    margin-top: 5%;
	width: 90px;
	height: 30px;
	line-height: 28px;
}
.panel.active{
padding: 4% ;}
.panel.active h3{margin-top: 4%;font-size: 26px;}
.panel.active p{line-height: 1.6;}
.inews_ttleft{width: 100%;padding: 4%;}
.inews_ttleft a .date span{margin-bottom: 10px;margin-top: 20px;}
.inews_ttleft a .info{margin-top: 20px;margin-bottom: 20px;}
.inews_ttleft a .info h3{margin-bottom: 15px;}
.inews_list ul li{width: 100%;padding: 4%;}



.inews_list ul li a .date span{margin-bottom: 10px;margin-top: 20px;}

.inews_list ul li a .info{margin-top: 20px;margin-bottom: 20px;}
.inews_list ul li a .info h3{margin-bottom: 15px;}

.inews_list{margin-bottom: 5%;}
.footer{padding-top: 4%;padding-bottom: 4%;}

.ftmsg{width: 100%;}
.ftnav{width: 100%;}

.copyright .w1260{flex-direction: column;}
.copyright p{margin-top: 20px;margin-bottom: 20px;}
.typename{margin-top: 4%;}
.typename h2{margin: 3% 0;font-size: 30px;}
.pleft{width: 100%;padding: 0 15px;}
.pright{width: 100%;margin-bottom: 4%}
.side_tit h2{font-size: 20px;}
.sidebar{margin-top: 4%;}
.sidebar ul li{width: 49%;}
.sidebar ul li:nth-child(2n){float: right;
}
.sidebar ul li a{font-size: 16px;}
.sidebar ul li:last-child{width: 100%;}
.r_tit h2{font-size: 24px;height: 44px;line-height: 44px;margin-bottom: 0;}
.position{width: 100%;margin: 2% 0px;padding: 0 2%;}

.pro_list ul li .info h3{font-size: 16px;line-height: 1.6;}
.tg_pages{margin-bottom: 4%;}
.tg_pages li a {
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    margin-right: 1px;
    margin-left: 1px;
    font-size: 14px;
}

.cpxx{padding: 2%;}
.cpxx .cpxximg{width: 100%;height: auto;
}

.cpxx .cpxxinfo{width: 100%;}
.cpxq h2{font-size: 18px;}
.cpxx .cpxxinfo p{font-size: 16px;}
.cpxq .content,.cpxq .content p{font-size: 16px;}
.cpxx .cpxxinfo h1{font-size: 22px;margin-bottom: 2%;}
.pro_listb ul li .picbox{width: 100%;padding-bottom: 100%;margin-bottom: 3%;}
.pro_listb ul li .info{width: 100%;margin-bottom: 2%;}
.pro_listb ul li .info h3{margin-bottom: 2%;}
.pro_listb ul li .info p{font-size: 16px;line-height: 30px;}
.news_sidebar ul{width: 100%;}
.news_sidebar ul li{margin: 0;width: 33.333%;}
.news_sidebar ul li a{font-size: 20px;line-height: 35px;text-align: center;
}

.news_list ul li{padding: 0 20px;padding-top: 2%;}

.news_list ul li .picbox{width: 100%;margin-bottom: 2%;}
.news_list ul li .info{width: 100%;margin-bottom: 2%;}

.news_list ul li .info p{margin-bottom: 2%;}
.faqs_list{margin-bottom: 4%;}
.faqs_list ul li{padding: 10px 15px;}

.faqs_list ul li .iasktitle{height: auto;
font-size: 18px;}
.faqs_list ul li .iaskcon{margin-top: 10px;}
.faqs_list ul li .iaskcon span{margin-bottom: 10px;}
.lx_tit{margin-top: 5%;margin-bottom: 2%;}
{width: 100%;}
.contact_list ul li{width: 100%;margin-right: 0;}
.contact_list ul li span{line-height: 60px;height: 60px;border-bottom: 0;}
.contact_list ul li{
    border-bottom: 1px solid #3ab7e7;
}
.contact_list ul li p{margin-top: 0;margin-bottom: 10px;}

.map{margin-bottom: 5%;}
.about_sidebar ul{width: 100%;}
.about_sidebar ul li{margin: 0;width: 50%;}
.about_sidebar ul li a{font-size: 16px;padding-bottom: 0;text-align: left;
    width: 100%;height: 36px;line-height: 36px;border-bottom: 1px solid #ccc;}
.aboutcon strong{margin: 2% 0;}
.aboutcon p{font-size: 16px;}
.num-figure2 .num-change li:first-child{
    font-size: 22px;height: auto;
}
.whlist ul li{width: 100%;}

.whlist ul li .info p{margin-bottom: 20px;}
.zzlist{margin-top: 2%;margin-bottom: 4%;}
.zzlist ul li{width: 49%;}
.zzlist ul li:nth-child(3n){margin-right: 2%;}
.zzlist ul li:nth-child(2n){margin-right: 0;}
.zzlist ul li .picbox{margin-top: 10px;margin-bottom: 10px;}

.hzhblist{margin-top: 2%;margin-bottom: 4%;}
.hzhblist ul li{width: 49%;}
.hzhblist ul li:nth-child(3n){margin-right: 2%;}
.hzhblist ul li:nth-child(2n){margin-right: 0;}
.hzhblist ul li .picbox{margin-top: 10px;margin-bottom: 10px;}

.ftnav dl dd a {font-size: 16px;}
.ftnav dl dd{margin-bottom: 0;}
.ftnav dl dt{font-size: 22px;}















































}