@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1025px)
{

}

@media screen and (max-width:1024px)
{
	#mainav .column2{ display:block;}
	#nav{ display:block;}
	#nav_btn{ display:none;}
	
	#contentbig .leftnewsline{ display:block;}
	#foot{
		overflow: hidden; 
	}
}
@media screen and (max-width:1008px)
{
	.k{ width:98%; padding:0 1%; text-align:center;}
	.threeright{ display:none}
}
@media screen and (max-width:990px)
{
	#xf_share{
		display: none!important
	}
	#threebig .threeone{
		display: block;
		left: 0
	}
	#threebig .threeone.threeone-img{
		display: none
	}
	.column3 form::after{
		content: "";
		display: block;
		clear: both
	}
	.top-index{
		    margin-right: 60px;
		margin-top: 5px;
	}
	#header .headright{
		margin-top: 5px;
	}
	#nav_btn{
		    top: 18px;
	}
	
	.column3{
		margin-right: 60px;
	}
	#header .logo{
		    margin-left: 20px;
	}
	.index-products-time{
		width: 94%;
		margin: 2% 3%
	}
	div#share{
		position: relative!important;
		left: 0!important;
		width: 94%!important;
		margin: 0 3%;
	}
	#header,#mainav,#contentbig,#threebig,#footersq,#footerbig,#footerbott{ width:100%;}
	#threebig{margin-top: 20px; float:left;margin-bottom: 10px}
	#mainav{ display:none; position:absolute; top:80px; z-index:25;left: 0}
	#mainav .column2{  width: 100%;text-align: center;z-index: 35;background: #fff;    position: relative;height: 55px;}
	#nav{ display:none;position: absolute;top: 84px;background-color: #fff;width: 100%;height: auto;}
	#nav .column{ width:100%;text-align: center; border-top:1px solid #dedede;}
	#nav_btn{ display:block;}
	
	/*main*/
	#contentbig{border-left:0;border-right:0; height:auto;}
	#contentbig .leftnews,#contentbig .rightour{  width: 98%;padding: 0 1%; height:auto;}
	#contentbig .leftnews .lenewstitle,#contentbig .leftnews .lenewslisttitle,#contentbig .leftnews .lenewslisttext,#contentbig .leftnews .lenewslistmore,#contentbig .rightour .ourtitle,#contentbig .rightour .ourtext,#contentbig .rightour .ourline,#contentbig .rightour .inprobig,.blk_18{ width:100%;}
	#contentbig .leftnewsline{ display:none;}
	#footerbig{ height:auto;}
	#footerbig .footerlist{ width:50%; float:left;margin-right:0; padding-left: 0;min-height: 200px;}
	#footerbott .bottwhy{ width:98%; }

	#footerbott .bottwhy .whytitle a,#footerbott .bottwhy .whytext a{color:#333333; }
	#footerbott .bottwhy .whytitle,#footerbott .bottwhy .whytext{color:#333333;width:100%;}
	
	#footerbott .bottright{ width:98%;background-color: #8F8F8F;}
	#footerbott .bottright img{ display:inline-block; vertical-align:top;}
	.index-products-time {
		width: 44%;
		margin-top: 10px;
	}
	.index-products{
		width: 94%
	}
	.index-products-time .index-products-img {
    margin-top: 0;
}
	.biaoti{
		text-align: center
	}
	.index-products>h1 {
    margin-top: 22px;
    font-size: 24px;
    color: #ff7519;
    font-family: "Arial";
    font-weight: bold;
    text-align: center;
}
	#footersq{
		background-repeat: no-repeat;
		    background-position: center;
	}
}
@media screen and (max-width:950px)
{
	#mainbody {
    width: 96%;
    margin: 0 2%;
}
	#index_products{ width:100%;}
}

@media screen and (max-width:870px)
{
	#mainbody #left .pro_detail_left{ width:96%}
	#mainbody #left .pro_detail_right{ width:96%}
}
@media screen and (max-width:764px){
	#header .logo{
		margin-left:0px;
    width: 100%;
    text-align: center;
	}
	#header{
		width: 96%;
		padding-bottom: 20px
	}
	#searchbig{
		    width: 90%;
	}
	.search2{
		width:auto
	}
	.top-index{
		float: left
	}
	#header .headright{
		float: left
	}
	.column3 {
    margin-right: 60px;
    width: 100%;
    margin: 0;
    text-align: center;
		margin-top: 20px
}
	.column3 form{
		    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row-reverse;
	}
	#header .headright{
		float: right
	}
	#xf_share {
    display: none;
    background: url(../images/share.png);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 10%;
    cursor: pointer;
    background-size: contain;
}
	#index_products .threeone {
    width: 100%;
    height: 291px;
    display: inline-table;
    margin-right: 1%;
    text-align: left;
    margin-top: 22px;
		    padding: 2% 3%;
}
	
}
@media screen and (max-width:740px)
{
	
	#mainbody #left{ width:98%; padding:0 1%;}
	#mainbody #right{ position:absolute; right:-220px;}
	#r_xf{ display:block;}
	
	.probox{ width:31%;}
	#r_xf {
    position: absolute;
    background: url(../images/xuanfu.png) no-repeat;
    width: 40px;
    height: 40px;
    top: 83px;
    z-index: 8;
    cursor: pointer;
    background-size: cover;
}
	
	
}
@media screen and (max-width:765px){
.k a {
    width: 44%;
    margin: 0% 3%;
	display: block;
	float: left;
}
	.k{
		margin-top: 20px;
	}
	.k a :nth-child(2n){
		margin-right: 0
	}
	.application {
    width: 94%;
    margin: 3%;
}
	#mainbody #left .pro_detail_right{
		overflow: hidden
	}
	.oneconbig img{
		    width: 100%;
    height: auto;
	}
	#index_products .threeone .onetitle{
		width: 100%;
		margin: 0;
		padding: 0
	}
	#index_products .threeone .oneconbig{
		width: 100%;
		margin: 0;
		padding: 0
	}
	#index_products .threeone{
		padding: 0;
		margin: 0	}
	}
@media screen and (max-width:650px)
{
	#threebig .threeone{ margin-bottom:20px; height:auto;}
	#footerbig .footerlist{ width:98%;text-align: center; display:none}
	#footerbig .footerlist2{ display:block}
	#footerbig .footerlist .footlisttitle,#footerbig .footerlist .footlisttext1,#footerbig .footerlist .footlisttext,.connect,.connect a{ width:100%;text-align: center;}
	.connect a{border-bottom: 1px solid #999; padding:3px 0;}
	#footerbig .footerlist .footlisttext img{ width:80%;}
	#footerbig .footerlist .footlisttext{ background-color:#DCDCDC}
	
	ul.menulist li .menulist_pic{ width:100%;}
	ul.menulist li .menulist_con{ width:100%;padding: 10px 0;}
	
	.probox{ width:47%;}
	
	ul.siteul li{ width:49%;}
	#footerbig .footerlist .footlisttitle, #footerbig .footerlist .footlisttext1, #footerbig .footerlist .footlisttext, .connect, .connect a{
		text-align: left;
		padding-left: 10px;
	}
	#footerbig .footerlist .footlisttitle{
		padding-left: 20px
	}
	ul.menulist li .menulist_con {
    width: 100%;
    padding: 20px 0;
    line-height: 1.75;
}
	.menulist_cons>div span{
		font-size: 14px!important
	}
	#mainbody .move-ul {
		padding: 20px 0; 
		
	}
	#mainbody .move-ul p span{
		font-size: 14px!important
	}
	#left .pro_detail_left img {
		width: 100%;}
	#mainbody #left .pro_detail_right {
    width: 96%;
    padding: 0 2%;
}
	#mainbody .move-ul {
    padding: 0 0;
}
	.pro_banner{
		margin-bottom: 15px
	}
	.footlisttitle{padding-left: 20px}
	#index_products .threeone .oneconbig{
		height: 240px;
	}
}

@media screen and (max-width:550px)
{
	#header .logo,#header .headright{ width:100%; text-align:center;height:auto; padding-bottom:8px;}
	ul.siteul li{ width:99%; text-align:center;}
	#banner{display: none;}
	#banner2{display: block}
	#header .logo, #header .headright a{ display:inline-block; margin-left:10px;  }
	#header .logo{
	display: inline-block;
    margin-left: 10px;
    width: 100%;
    margin-top: 8px;
    margin: auto;
	}
	.top-index{
		margin-top: 10px
	}
	.logo a{
		    display: block;
    width: 100%;
	}
	.logo img{
		width: auto
	}
	#nav_btn {
    background: url(../images/dbg01.png);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 33px;
    right: 0;
    cursor: pointer;
    background-size: cover;
}
	.column3 form{
		width: 100%;
	}
	.column3 form::after{
		content: "";
		display: block;
		clear: both
	}
	.search2 {
    float: right;
    width: 10%;
}
	#searchbig {
    float: left;
    width: 80%;
    height: 29px;
    border: #E2E2E2 solid 1px;
    border-right: 0px;
    background-color: #FFFFFF;
    float: right;
}
	#header .headright br{ display:block}
	.top-index{
		width: 100%;
    float: none;
    text-align: center;
	}
	#mainbody{
		overflow: hidden
	}
	#r_xf {
    position: absolute;
    background: url(../images/xuanfu.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 50px;
    display:block;
    right: 0;
    z-index: 8;
    cursor: pointer;
    background-size: 100%;
}
	
	
	
	.top-index {
    width: 48%;
    float: left;
    text-align: left;
    margin-left: 1%;
    margin-right: 0;
    margin-top: 0;
}
	.nation {
    display: inline-block;
    float: right;
    margin-left: 2%;
}
	.top-index a {
    display: inline-block;
    height: 30px;
    width: 30px;
}
	div#header {
    width: 94%;
}

	#searchbig {
    float: left;
    width: 80%;
    height: 29px;
    border: #E2E2E2 solid 1px;
    border-right: 0px;
    background-color: #FFFFFF;
    float: left;
}
	.column3 form {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    justify-content: center;
}
	.search2 {
    float: right;
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    padding: 1px;
    width: auto;
    height: 31px;
}
	.search2 img{
		    display: block;
    width: 100%;
    height: 100%;
	} 
	#header .headright {
    width: 49%!important;
    float: left;
}
	#header .logo, #header .headright {
    width: 94%;
    text-align: center;
    height: auto;
    padding-bottom: 8px;
    float: right;
    font-size: 14px;
    display: flex;
}
	.column3{
		clear: right;
    margin-right: 0;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
	}
	.top-index {
    width: 100%;
    text-align: center;
}
	#header .headright {
    width: 100%!important;
    text-align: center;
    justify-content: center;
}
	.nation-hide{
		    right: 110px;
	}
	.probox {
    width:100%;
}
	.industry-left#left a {
		width: 100%;
		padding: 0;
		margin: 0;
    margin-bottom: 20px;
	}
	.prolist a{
		width: 100%
	}
	.imageContainer .ne span{
		line-height: 1.5
	}
}

@media screen and (max-width:440px)
{
	.probox{ width:98%;}
	.index-products-time {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
	#index_products .threeone .oneconbig {
    height: 290px;
}
	.k a{
		    width: 98%;
    margin: 0 1%;
    margin-bottom: 20px;
	}
}