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

.header{ min-width: 100%; height: auto; }

.center{ width: 100%; padding: 0 1%; box-sizing: border-box;}

.logo{ width: 60%; height: auto;}

.logo img{ width: 100%!important; height: auto!important; }

.tright{ width: 36%; height: auto; margin-right: 10px;}

.nav{ margin-top: 10px; width: 100%; height: 30px; background: linear-gradient(#cdcdcd 10%, #c4c4c4 50%, #b5b4b4 100%);}

.nav ul li{ width: auto; height: 30px; line-height: 30px;}

.nav ul li a{ width: auto; height: auto; padding: 0 25px;}

.nav ul li a:hover{ width: auto; height: auto; line-height: 30px; background: linear-gradient(#fceb00 10%, #ffc603 50%, #eaa404 100%); margin-top: -5px;}

.nav ul span{ width: 0.08%; height: auto; background: none; height: 30px; line-height: 30px;}

.nav ul li .lev_menu li{ display: none;}

.nav ul li .lev_menu,.nav ul li .lev_menu2{ display: none!important;}


.lanuage a{ width: 0; height: 0;}

.main_l{ display: none;}

.main_c{ width: 73%; padding-left: 0;}

.main_r{ width: 25%; float: right;}

.focus,.focus ul li{ width: 100%; height: auto; overflow: hidden;}

.focus ul li a{ width: 100%; height: auto; display: inline-block; overflow: hidden;}

.focus ul li img{ width: 100%; height: auto; display: block;}

.product_t,.news_t,.cata_t{ width: 100%; background: url(https://www.bescatray.com/style/images/ly_tbg2.jpg) no-repeat;}

.product_c{ height: auto;}

.cata_c li{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.lycn_box .lycn_t{ width: 100%!important; padding: 0 1% 0 2%!important; box-sizing: border-box; margin:10px 0 0 0!important;}

.lycn_box .lycn_c{ width: 100%!important; height: auto; padding: 0 1% 0 2%!important; box-sizing: border-box;}

.lycn_c p img{ width: 94%; height: auto; margin: 0 auto; display: block;}

.catl_ltin{ width: 42%; margin-right: 1%; margin-bottom: 2%; border-right: 0;}

.contact_l{ width: 96%; margin: 0 auto;}
.product_box{ overflow: hidden;}
.footer{ min-width: 100%; max-width: 100%; width: 100%; height: auto; overflow: hidden;}

.footer_l{ width: 65%;}

.footer_r{ width: 27%; margin-right: 2%;}

.solutions{ width: 96%; height: auto; padding: 0 2%;}

.solutions img{ width: 98%!important; height: auto!important; margin: 0 auto; display: block;}

.lycn_box{ width: 100%; float: none; padding: 0;}

.application_l2,.application_l{ width: 96%; padding: 0 2%; float: none;}

.hk_cbox2 .con{ width: 100%;}

.lycn_c table{ width: 100%!important;}
.cert_list li span{ width: 100%; display: block;}
.main_right .lycn_t,.main_right .lycn_c{ width: 100%!important; margin: 0 auto!important; box-sizing: border-box; padding: 0 1%!important;}
.main_right .lycn_t{ margin: 2% auto 0!important;}

}
@media screen and (max-width: 826px){
	#wjdownload{ overflow: hidden; margin-right: -2%;}
    #wjdownload li{ width: 30%; height: auto; float: none; display: inline-block; margin: 0 2% 3% 0; overflow: hidden;}
    #wjdownload li img{ width: 100%!important; height: auto!important;}
    #wjdownload li .tit{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; line-height: 30px;}
    .cert_list li{ width: 30%; margin: 0 2% 3% 0; float: none; display: inline-block; vertical-align: top;}
    .cert_list li img{ width: 100%; height: auto; box-sizing: border-box;}
    .cert_list ul,#productphoto{ margin-right: -2%; overflow: hidden;}
    .application_l2 #productphoto li{ width: 30%; height: auto; margin: 20px 2% 3% 0; float: none; display: inline-block; vertical-align: top;}
    .application_l2 #productphoto li img{ width: 100%!important; height: auto!important;}
}

@media screen and (max-width: 790px) {
   .nav ul li a{ padding: 0 14px;}
   .main_c{ width: 70%;}
   .main_r{ width: 26%;}
}


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

.nav{display:none}

.nav-btn{display:block;background:#666;width:40px;height:40px;line-height:40px;position:absolute;right:10px;top:20px;text-align:center; border-radius:5px;cursor:pointer;}

.nav-btn:hover{background:#f00;}

.nav-btn i:before{content:"≡"; font-size:30px; color:#fff;}

.nav-btn i{width:40px; height:40px;display:block;}

.nav-narrow{width:100%; display: none;}

.nav-narrow li{background: -moz-linear-gradient(center top , #ECECEC, #ECECEC) repeat; background:#333; text-align:center; border-bottom:1px solid #666; transition: all 0.1s ease 0.01s;}

.nav-narrow li:hover{ background:#555;}

.nav-narrow li:hover a{ color:#fff;}

.nav-narrow li>a{ display:block; line-height:28px; color:#fff; font-size:14px; font-weight:bold;}

.nav-narrow li>a:hover{ text-decoration:underline;}

.catl_ltin h2,.catl_lt22 h2 a{ font-size: 14px;}

.main_c,.main_r{ width: 100%; height: auto; float: none; padding: 0;}

.main_right{ float: none!important;}

.focus ul li a,.focus ul li img{ width: 100%; margin: 0 auto; height: auto; overflow: hidden;}

.logo{ width: 93%;}

.tright{ display: none;}

.cata_t{ width: 100%; height: 30px; background: url(https://www.bescatray.com/style/images/ly_tbg2.jpg) no-repeat;}

.product_c li img{ width: 100%; height: auto;}

.product_c{ width: 100%; height: auto; box-sizing: border-box;}

.product_c li{ width: 28%; height: 268px;}

.news_t{ width: 100%; background: url(https://www.bescatray.com/style/images/ly_tbg2.jpg) no-repeat;}

.fx_box a{ margin-right: 5px;}

.footer_r{ width: 33%;}

.footer_l{ width: 62%; padding: 5px 0 0px 5px;}

.contact_r .fmbd{ width: 92%;}

.contact_r{ width: 98%; height: auto;}

.lycn_c table tr td{ width: 100%; float: left; text-align: left;}

.inputtxt1,.textarea1,.inputtxt2{ width: 90%;}

#wjdownload li{ width: 47%;}

.proindex{ width: 100%; display: block; margin: 0 0 3% 0;}
.cert_list li{ width: 47%; background: none;}

}


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

	.product_c li{ height: 230px;}
    .nav-btn{ top: 10px;}
}


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

	.product_c li{ height: 180px;}
	.footer_l,.footer_r{ width: 100%; float: none; box-sizing: border-box;}
	.application_l2 #productphoto li{ width: 47%; float: none;
	 display: inline-block; margin: 0 2% 3% 0;}
	 #productphoto{ text-align: center; margin-right: -2%; overflow: hidden;}
	 .product_c li{ width: 47%; height: auto; padding: 0; margin: 0 2% 0 0; float: none; display: inline-block; vertical-align: top;}
	 .product_c ul{ margin-right: -2%;}

}

@media screen and (max-width: 320px) {
    
   .nav-btn{ top: 2px;}
}