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


@media (min-width:0px) and (max-width: 1024px){
	body{max-width: 640px;margin:0px auto;-webkit-font-smoothing: antialiased;}
	
	.top{width:100%; height:70px; background:url(../images/top_bg.jpg) repeat-x top center; margin:0 auto;}
	.top_center{width:100%; height:70px; margin:0 auto;}
	.top_logo{width:245px; float:left;}
	.top_logo img{width: auto;height: 72px;margin-top: 0px;margin-left: 2.5%;}
	.top_right{display: none;}.menus{display: none;}
    
	.top_rr{display: block;width: 28px;height: 28px;float: right;top:20px;position: absolute;right:3%;}
	.nav{position: absolute;right:0%;top:70px;width: 50%;height: auto;overflow: hidden;padding-top: 15px;padding-bottom: 15px;background:#088afa;z-index: 111;margin-left: 0px;float: none;margin-right: 0px;display: none;}
	.nav ul{width: 100%;overflow: hidden;}
	.nav ul li{width: 100%;margin-left: 0%;position: unset;margin-top: 0px;line-height: 50px;text-align: center;font-size: 14px;}
	.nav ul li .nav1{font-size: 16px;}
	.nav ul li a{display:block; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;}
	.nav ul li a:hover{height:52px; background:#077ce1;}
    .nav ul li a.hover{height:52px; background:#077ce1;}
	.nav ul li:hover .nav2{display: none;}
	
	.i_banner{display:none;}
	.top_banner{width:100%;height:auto;position: relative;display:block;}
    /*banner*/
	.banner_de img{width: 100%;height: auto;vertical-align: middle;}
	.p_banner_de{display: none;}
	.s_banner_de{display: block;}
	
	.p_slideBox{display: none;}
	.s_slideBox{display: block;position: unset;}
	.box_swipe{width: 100%; overflow:hidden;position:relative;display: block;animation-fill-mode:none;}
	.box_swipe ul li{width: 100%;height: auto;}
	.box_swipe ul li a{display: block;}
	.box_swipe ul li img{width: 100%;height: auto;vertical-align: middle;}
	.box_swipe>ol{height:30px;position: relative;z-index:10;margin-top:-20px;text-align:center;}
	.box_swipe>ol>li{display:inline-block;width: 30px;height:7px;margin-left:3px;margin-right:3px;cursor: pointer;border-radius: 15px;opacity: 0.6;background: #fff;}
	.box_swipe>ol>li.on{opacity: 1;}
	
	
	/*i_products*/
	.i_products{width:100%; height:auto; margin:0 auto; margin-bottom:22px;}
	.i_products_title{width:100%; text-align:center; padding-top:20px;}
	.i_products_title h3{font-size:20px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.i_products_title p{margin-top:5px; line-height:20px; font-size:12px; color:#c3c3c3; font-family:Arial, Helvetica, sans-serif; background:url(../images/iproducts_line.jpg) no-repeat bottom center; height:auto;padding-bottom: 10px;}
	.i_products_tup{width:100%; height:auto;}
	.i_products_tup ul li{width: 47.5%;margin-left: 1%;margin-right: 1%;margin-top:11px; float:left; height:300px; overflow:hidden;}
	/*.i_products_tup ul li img{width:386px; height:320px;}*/
	.i_products_tup ul li img{width:100%; height:auto;}
	.i_products_tup ul li h3{margin-top:17px; font-size:14px; height:40px; overflow:hidden; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:0px;}
	.i_products_tup ul li a{margin-top:17px; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	.i_products_tup ul li a:hover{color:#088afa;}
	.i_products_tup ul li p{width:100%; font-size:12px; color:#7a7a7a; font-family:Arial, Helvetica, sans-serif; margin-top:18px; height:66px; overflow:hidden; line-height:20px;}
	.i_products_more{text-align:center; padding-top:35px; clear:both;}
	
	
	/*i_aboutus*/
.i_aboutus{width:100%; height:600px; background:#40a7dd;}
.i_aboutus_title{width:100%; text-align:center; padding-top:20px;}
.i_aboutus_title h3{font-size:20px; color:#ffffff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.i_aboutus_title p{display:none}

.i_aboutus_main{width:100%; height:auto;}
.i_aboutus_main_left{display:none;}
.i_aboutus_main_left1{ width:95%; height:200px; margin-top:12px; display:block; overflow:hidden;}
.i_aboutus_main_left1 img{ width:100%; height:210px; }
.i_aboutus_main_right{width:96%; text-align:left; font-size:12px; color:#d9ebf7; font-family:Arial, Helvetica, sans-serif; margin-top:8px; line-height:17px; padding:0 10px;}

/*i_news*/
.i_news{width:100%; height:auto; margin-bottom:60px; overflow:hidden;}
.i_news_main{float:inherit; width:100%;}
.i_news_top{width:92%; height:auto;}
.i_news_tup{margin-top:28px;}
.i_news_tup img{width:100%;}
.i_news_text h3{height:auto; font-size:14px; color:#616161; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
.i_news_text a{font-size:14px; color:#616161; font-family:Arial, Helvetica, sans-serif;}
.i_news_text a:hover{color:#088afa;}
.i_news_text p{width:100%; margin-top:21px; line-height:20px; font-size:12px; color:#c3c3c3; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dashed #c3c3c3; height:78px;} 
.i_news_bottom{width:92%; height:auto;}
.i_news_bottom ul li{height:47px; line-height:47px; border-bottom:1px dashed #c3c3c3; background:none;}
.i_news_bottom ul li a{font-size:13px; color:#878787;height:47px; line-height:47px; font-family:Arial, Helvetica, sans-serif; float:left; margin-left:0px; display:block; width:70%; overflow:hidden;}

/*分类*/
.list{display:block;max-width: 100%;padding:10px 0px;height: auto;}
.list ul{width: 100%;}
.list ul li{height: 40px;line-height: 40px;font-size: 14px;padding-left: 0%;padding-right:0%;margin-left: 3%;border:none;}
.list ul li{float: left;width: auto;color: #454545;cursor: pointer;margin-right: 15px;}
.list ul li a{font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
.list ul li:hover{border:none;}
.list ul li.hover{border: none;}
.list ul li:hover a{color: #c5a56a;}
.list ul li.hover a{color: #c5a56a;}
#lright{display: none;}.aboutus_left{display:none;}
/*aboutus*/
.aboutus_banner{width:100%; height:200px; margin:0 auto;}
.aboutus_con{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:83px;}
.aboutus_right{width:100%; float:left; margin-bottom:62px;}
.aboutus_right_title{width:100%; height:73px; border-bottom:1px solid #f2f2f2; margin-left:1px;}
.aboutus_right_title h3{padding-left:5px;}
.aboutus_tup{width:100%; height:auto; margin-top:6px; margin-left:5px; clear:both;margin-right:5px;}
.aboutus_tup img{width:98%; height:auto;}
.aboutus_tup h3{width:100%; height:auto;}

/*products*/
.products_banner{width:100%; height:200px; margin:0 auto;background-size:50% 100%;}
.products_tup{margin-top:20px; margin-left:3px;}
.products_tup ul li{float:left; margin-right:1%; margin-left:1%; width:46.5%;}
.products_tup ul li img{width:100%;height:auto;}
.products_tup ul li p{text-align:center; height:40px; font-size:14px; margin-top:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.products_tup ul li a{font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.products_tup ul li a:hover{color:#077ce1;}
.news_ce_wv{clear:both; padding-top:30px;}
.products_detail_tup p img{width:100%; height:auto;}
.products_detail_text{margin-left:11px;}.products_detail_text img{width:98%; height:auto;}
.products_detail_text div{width:98%; height:auto;}
.products_detail_text table{width:98%; height:auto;}

/*news*/
.news_text{margin-left:2px; margin-top:14px;margin-right:3px;}
.news_text ul li{width:100%; display:block;height:47px; line-height:47px;}
.news_text ul li a{float:left; font-size:13px; color:#959494; font-family:Arial, Helvetica, sans-serif; margin-left:17px; display:block;height:47px; line-height:47px;width:70%; overflow:hidden;}
.news_detail_text p{margin-left:15px;}
.news_detail_text p img{width:98%;height:auto;}

/*contactus*/
.contactus_title{margin-top:32px; margin-left:11px;}

.contactus_map{margin-left:3px; padding-top:30px; clear:both;}
.contactus_map iframe{margin-left:3px; padding-top:30px; clear:both;width:100%;height:304px;}

/*message*/
.message_main{width:100%; height:450px; background:url(../images/massage_bg.jpg) no-repeat top center; margin-left:0px;}
.message_title{font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; padding-top:45px; padding-left:10px;}
.left_table_form{width:90%; height:auto; overflow:hidden; margin:0 auto; float:left; margin-left:15px; margin-top:22px;}
.left_table_form .input1{ width:90%; height:31px; line-height:31px; border:1px solid #f3f3f2; margin-top:12px; background:#fff url(../images/massage_lian.jpg) 7px no-repeat; padding-left:35px; color:#cccccc; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.left_table_form .input2{ width:90%; height:31px; line-height:31px; border:1px solid #f3f3f2; margin-top:12px; background:#fff url(../images/massage_xin.jpg) 7px no-repeat; padding-left:35px; color:#cccccc; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.left_table_form .input3{ width:90%; height:31px; line-height:31px; border:1px solid #f3f3f2; margin-top:12px; background:#fff url(../images/massage_dian.jpg) 7px no-repeat; padding-left:35px; color:#cccccc; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.left_table_form textarea{width:90%;  padding-left:35px;margin-top:16px; padding-top:10px;  font-size:12px; color:#cccccc; font-family:Arial, Helvetica, sans-serif; border:1px solid #f3f3f2;}
.left_table_form .input4{width:90%; height:31px; line-height:31px; border:1px solid #f3f3f2; margin-top:12px; padding-left:38px; color:#cccccc; font-size:12px; font-family:3Arial, Helvetica, sans-serif;}

.left_table_form1{width:100%; height:auto; margin:0 auto; margin-left:15px; padding-top:17px; clear:both;}
.left_table_form1 .input4{width:60%; height:31px; border:1px solid #f3f3f2; padding-left:35px; color:#cccccc; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/*bottom*/
.bottom{width:100%; height:207px; background:#2b2c30; margin:0 auto;}
.bottom_center{width:100%; height:207px; margin:0 auto;}
.bottom_left{width:100%; height:auto; float:none; margin-bottom:20px;}
.bottom_left ul li{float:left; margin-top:10px; margin-left:6px; margin-right:6px;}
.bottom_left ul li div{width:18px; height:19px; float:left;}
.bottom_left ul li span{font-size:13px; color:#bababa; font-family:"微软雅黑"; margin-left:5px;}
.bottom_title{display:none;}
.bottom_right{margin-left:6px; padding-top:10px;}
.bottom_right_text{float:none;}
.bottom_right_text div{float:left;}
.bottom_right_text span{width:100%; height:auto; margin-left:12px; text-align:left; font-size:13px; color:#bababa; font-family:Arial, Helvetica, sans-serif; line-height:22px;word-wrap: break-word;}
.bottom_link{width:160x; height:36px; float:left; margin-bottom:10px; margin-top:10px; clear:both;}
.bottom_link ul li{float:left;}

.bottom_bottom{width:100%; height:45px; background:#202022; margin:0 auto;}
.bottom_bottom_center{width:100%; height:45px; margin:0 auto; clear:both;background:#202022;}
.bottom_bottom_left{float:left;background:#202022; height:45px; line-height:45px; font-size:13px; color:#bababa; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px;}
.bottom_bottom_right{width:100%;background:#202022; height:12px; float:left; padding-top:2px; margin:0 auto; text-align:center;padding-bottom:2px;}



.products_detail_text p{line-height: 26px;}
}