@charset "utf-8";
@media(max-width: 1920px){
	body{min-width: 100%;}
	}
@media(max-width: 1460px){
	body{min-width: 100%;}
	.wide{width: 100%;}
	.index_info{text-align: center;}
	.index_info .list.e0,.index_info .list.e1{margin-left: 10px;}
	.index_info .list{float: none;display: inline-block;vertical-align: top;margin: 20px 10px;};
}
@media(max-width: 1440px){
	body{min-width: 100%;}
	#header .nav{margin-left: 10px;}
	#header .func{right: 10px;}
	#header .nav .list{margin-right: 5px;}
	#header .user{margin-right: 5px;}
	.footer .nav{text-align: center;}
	.footer .nav .e1,.footer .nav .e2,.footer .nav .e3,.footer .nav .e4{width: 250px;}
	.footer .nav .list{float: none;display: inline-block;vertical-align: top;text-align: left;margin: 0 5px;}
	.location .bread{margin-left: 30px;}
	.main_left{margin-left: 30px;}
	.goods .photo{margin-left: 30px;}
}
@media(max-width: 1345px){
	body{min-width: 100%;}
	.main_right{width: 850px;}
	.products .products_box{width: 850px;}
	.products .products_box .pro_border{display: none;}
	.products .products_box .list{float: none;display: inline-block;vertical-align: top;width: 250px;}
	.products .products_box .list .photo,.products .products_box .list .img0,.products .products_box .list .img1{width: 250px;height: 215px;}
	.info{width: 830px;margin-left: 20px;}
	.info .list .photo{width: 35%;}
	.info .list .img0{height: auto;}
	.info .list .detail{width: 60%;}
}

@media(max-width: 1280px){
	body{min-width: 100%;}
	.goods .content{width: 557px;}
	.goods .content .attr .list{width: 542px;}
	#lib_inquire_list>form{width: 100%;}
}

@media(max-width: 1240px){
	body{min-width: 100%;}
	.wide_1212{width: 100%;}
	#header{position: relative;text-align: center;}
	#header .user{position: absolute;top: 95px;left: 5px;}
	#header .nav{width: 100%;margin-left: 0;}
	#header .nav .list{float: none;display: inline-block;vertical-align: middle;margin-right: 0;}
	.small_banner{margin-top: 5%;text-align: center;}
	.small_banner .list{float: none;display:inline-block;vertical-align: top;width: 45%;margin: 0.5% 1%;}
	.small_banner .e3{width: 45%;}
	.small_banner .e4{width: 45%;}
	.index_title{padding-top: 30px;}
	.who_we .content{width: 100%;margin-top: 20px;text-align: center;}
	.who_we .content .left .name,.who_we .content .brief{text-align: left;}
	.who_we .content .left{float: none;display: inline-block;vertical-align: top;margin: 10px 0;}
	.who_we .content .right{float: none;display: inline-block;vertical-align: top;margin: 10px 0;}
	.what_we .content{width: 100%;text-align: center;}
	.what_we .list.e0{margin-right: 0;}
	.what_we .list{float: none;display:inline-block;width: 450px;vertical-align: top;margin: 30px 15px;text-align: left;}
	.what_we .list .photo{width: 100%;height: 250px;}
	.what_we .list .img0,.what_we .list .img1{width: auto;height: auto;}
	.newsletter .title{margin-right: 50px;}
	.newsletter .content{width: 100%;}
	.article .content{width: 100%;}
	.wide_1233,.goods .recommend .title,.recommend .bx-wrapper{width: 100%;}
	.goods .photo.fl{float: none;margin: 15px auto 0 auto;}
	.goods .content{width: 94%;margin: 10px 3%;}
	.goods .content .attr{margin: 10px 0;text-align: left;}
	.goods .content .attr .list{display: inline-block;vertical-align: middle;width: 45%;margin: 10px 1%;}
	.sitemap_box dl{width: 30%;}
	.featured_products .box{width: 800px;}
	.featured_products .btn .left_btn{left: 50px;}
	.featured_products .btn .right_btn{right: 50px;}
}
@media(max-width: 1212px){
	.partners .box{width: 100%;}
}
@media(max-width: 1180px){
	.main_left{width: 100%;margin: 0;}
	.main_left .cate_nav{margin-top: 20px;text-align: center;}
	.main_left .cate_nav .list{width: 249px;display: inline-block;vertical-align: top;margin: 10px 20px;}
	.main_right,.products .products_box{width: 100%;margin: 0;}
	.products .products_box{text-align: center;}
	.products .products_box .list{width: 300px;}
	.products .products_box .list .photo,.products .products_box .list .img0,.products .products_box .list .img1{width: 284px;height: 284px;}
	.info{width: 90%;margin: 0 auto;}
	.left_banner{display: none;}
}
@media(max-width: 1110px){
	#header .nav .list{margin: 0 5px;}
	#header .nav .list .title{padding: 0 5px;}
	#newsletter_form input[name='Email']{width: 400px;}
	.footer .nav .e1,.footer .nav .e2,.footer .nav .e3,.footer .nav .e4{width: auto;margin: 0 50px;}
	#lib_user_main{margin-top: 0;}
	.featured_products .top_tab .list{margin: 10px 15px 10px 20px;}
	.featured_products .box{width: 400px;}
}
@media(max-width: 1000px){
	#customer{width: 96%;margin: 0 2%;}
	#signup .register{width: 60%;}
	/*#signup .info .box{width: 20%;}*/
}
@media(max-width: 955px){
	#header .nav{display: none;}
	#m_nav{position: relative;display: block;width: 100%;height: 58px;background: rgba(0,181,222,1);text-align: center;line-height: 56px;z-index: 100;}
	#m_nav .item{display: inline-block;width: 100%;}
	#m_nav .menu_btn{display: inline-block;font-size: 18px;color: white;}
	#m_nav .menu_item{height: 56px;}
	#m_nav .menu_btn .symbol{display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../images/header_navi_menu_symbol.png); vertical-align: middle; }
	#m_nav .nav_item{display: none;min-height: 35px;line-height: 35px;background: rgba(0,181,222,0.9);}
	#m_nav .nav_item a{font-size: 16px;color: white;}
	#m_nav.on .nav_item{display: block;}
	#m_nav .nav_item .sec_nav a{font-size: 14px;}
	#m_nav .third{display: none;}
	#m_nav .nav_item .third a{font-size: 12px;}
	#m_nav .third,#m_nav .sec_nav{display: none;}
	#m_nav .nav_item.on .sec_nav{display: block;}
	#m_nav .sub_name.on .third{display: block;}
}
@media(max-width: 915px){
	#newsletter_form{margin-top: 0;/*line-height: 249px;*/}
	.newsletter{text-align: center;}
	.newsletter .title{display: none;}
	#newsletter_form{float: none;display: inline-block;margin-top: 80px;}
	#newsletter_form .button{margin: 20px auto;}
	#lib_user_main{width: 90%;}
}
@media(max-width: 768px){
	#header .func{position: static;margin: 10px 0;text-align: center;}
	#header .user{top: 180px;width: 35px;height: 35px;}
	#header .search{z-index: 101;left: 0;}
	.index_title{font-size: 30px;padding: 20px 0;}
	.who_we .content .left{width: 100%;padding-bottom: 10px;background:url(../images/index_about_bg.jpg) repeat-y center center;visibility: visible;}
	.who_we .content .left .name{width: 90%;margin: 41px auto 0 auto;}
	.who_we .content .who_me_border{display: none;}
	.who_we .content .brief{width: 90%;margin: 10px auto 0 auto;}
	.who_we .content .more{margin-top: 10px;}
	.who_we .content .right{width: 100%;}
	.partners .title{font-size: 30px;}
	.footer .copyright{line-height: 25px;}
	.sitemap_box dl{width: 45%;}
	.main_left .cate_nav .first_cate{margin-bottom: 0;}
	#lib_user_main{float: none;width: 90%;margin: 0 auto;}
	.goods .photo{height: auto;max-height: 660px;}
	.goods .big_img{height: auto;max-height: 507px;}
	.recommend .des .list{width: 318px !important;margin: 0 auto 40px auto;}
	.info .list .photo{width: 100%;}
	.info .list .detail{width: 100%;margin-left: 0;}
}
@media(max-width: 668px){
	#header .header_top{font-size: 20px;}
	.products .products_box .list{width: 250px;min-height:350px;}
	.products .products_box .list .photo, .products .products_box .list .img0, .products .products_box .list .img1{width: 250px;height: 250px;}
	.pc_main_left{display: none;}
	.mb_main_left{display: block;}
	.main_left.mb_main_left{display: block;}
	.mb_main_left .menu_item{width: 90%;height: 50px;margin: 20px auto;line-height: 50px;background: #00b5de;text-align: center;}
	.mb_main_left .menu_btn{display: inline-block;font-size: 18px;color: white;}
	.mb_main_left .menu_btn .symbol{display: inline-block; width: 30px; height: 29px; margin: 0 10px 0 0; background: url(../images/header_navi_menu_symbol.png); vertical-align: middle; }
	.mask{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #eceff1;z-index: 999;opacity: 1;overflow-y:scroll;}
	.mb_cate_content{display:none;position: absolute;top: 0;left: 0;width: 90%;height: 100%;z-index: 999;opacity: 1;overflow-y:scroll;}
	.mb_cate_content .close{position: fixed;right: 5%;width: 100%;height: 40px;font-size: 30px;color: black;text-align: right;z-index: 1;cursor: pointer;}
	.mb_cate_content .category{position: fixed;top: 50px; height: 90%; width: 90%;padding-left: 10px;padding-bottom: 50px; overflow-y: scroll;z-index: 0;} 
	.mb_cate_content .category dd{margin: 10px 0;font-size: 25px;}
	.mb_cate_content .category dt{margin: 5px 0;font-size: 20px;}
	.mb_cate_content .category dd a,.mb_cate_content .category dt a{color: #00b5de;}
	.mb_cate_content .category .son{padding-left: 15px;}
	.goods .content .attr .list{width: 90%;padding: 0 2%;}
	#signup .register.fl{float: right;width: 100%;}
	#signup .info.fr{float: left;}
	#signup .register .lib_txt{width: 90%;}
}
@media(max-width: 610px){
	.index_info .list,.index_info .list:hover{width: 90%;}
	.index_info .list .photo{width: 100%;}
	.index_info .list .img0{width: 100%;height: auto;}
	.index_info .list:hover .photo{width: 100%;}
	.index_info .list .img1{width: 100%;top: 0;left: 0;height: auto;}
	.index_info .list .photo{height: 370px;}
	.index_info .list:hover .name{margin: 25px auto 21px auto;padding: 0;}
	.index_info .list:hover .name, .index_info .list:hover .brief, .index_info .list:hover .time{padding: 0;}
	#newsletter_form{margin-top: 0;}
	#newsletter_form input[name='Email']{margin: 40px auto;}
}
@media(max-width: 615px){
	.goods .photo{width: 98%;}
	.goods .big_img{width: 100%;}
	.goods .photo .bx-controls{display: none;}
	.goods .small_img .scroll,.goods .small_img{width: 100%;overflow: hidden;}
	.goods .up .bx-viewport{margin-left: 0;}
}
@media(max-width: 550px){
	#header .header_top{font-size: 14px;}
	.what_we .content{margin-top: 10px;}
	.what_we .list{width: 300px;margin: 15px auto;}
	.what_we .list .photo{height: 169px;}
	.index_info .list{margin: 1%;}
	.index_info .list .photo{height: 330px;}
	.sitemap_box dl{width: 90%;}
}
@media(max-width: 520px){
	.goods .goods_btn .inquiry{float: none;display: inline-block;vertical-align: middle;margin: 10px;}
	.prod_info_pdf{float: none;display: inline-block;vertical-align: middle;margin: 10px;}
	.goods .share{float: none;display: inline-block;vertical-align: middle;margin: 10px;}
	#lib_inquire_list>form .rows{width: 90%;margin: 10px auto;}
	#lib_inquire_list>form .rows label{width: 90%;text-align: left;text-indent: 5px;}
	#lib_inquire_list>form .rows span{width: 90%;}
}
@media(max-width: 450px){
	#header .header_top{font-size: 12px;}
	#signin_module .box_bg{width: 90%;}
	#signin_module #lb-wrapper{width: 90%;padding:2%;}
	#signin_module #lb-wrapper .lib_txt{width: 90% !important;}
	#signin_module{width: 100%;left: 10px !important;}
	#signin_module .noCtrTrack{top: 0;right: 5px;}
	.footer .nav .e1, .footer .nav .e2, .footer .nav .e3, .footer .nav .e4{width: 280px;margin: 10px;}
	#newsletter_form input[name='Email']{width: 95%;}
	.goods .small_img ul li{height: 80px;}
	#lib_user .message .name{width: 90px;margin-right: 10px;}
	#lib_user_setting{width: 96%;padding: 1%;}
	#lib_user_setting tr{width: 100%;}
	#lib_user_setting th,#lib_user_setting td{width: 100%;display: inline-block;margin: 5px auto;}
	.footer .nav .e1, .footer .nav .e2, .footer .nav .e3, .footer .nav .e4{margin-left: 10px;margin-right: 0;}
	.featured_products .box{width: 310px;overflow: hidden;}
	.featured_products .des .list{margin: 0;margin-right: 100px;}
	.featured_products .btn .left_btn{left: 0;}
	.featured_products .btn .right_btn{right: 0;}
	#lib_feedback_form .rows{margin: 5px 0;}
	#lib_feedback_form .rows label{float: none;display: inline-block;vertical-align: middle;width: 90%;text-align: left;padding: 5px;}
	#lib_feedback_form .rows span{float: none;display: inline-block;vertical-align: middle;width: 90%;}
}
@media(max-width: 430px){
	.index_info .list .photo{
		height: 270px;
	}
	#lib_feedback_form .rows span .input{width: 95%;}
	.goods .recommend{width: 320px;margin: 0 auto;}
	.recommend .des .list{width: 320px !important;}
	.recommend .des .list .img0{left: 15px;}
	.recommend .des .list .img1{left: 15px;}
}