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

html{font-size:625%} 
body{font-size:.22rem;}

/*header*/
header{position:fixed; top:0px; left:0; z-index:9; width:100%; height:.9rem; 
	background:rgba(0, 94, 184,.5);}
header .logo{float:left; display:block; width:60%; height:100%; overflow:hidden;}
header .logo img{display:block; width:auto; height:.66rem; margin-top:.12rem;}
header .Menu{float:right; width:40%; position:relative; z-index:2;}
header .Menu .btn{display:block; float:right; width:40%;}
header .Menu .btn img{display:block; width:auto; height:auto; margin:.2rem auto;}
header .Menu .side_nav{display:none; width:50%; height:100%; position:fixed; top:.9rem; right:0;  z-index:3; background:rgba(0, 94, 184,.5);}
header .Menu .side_nav li{width:100%; height:.4rem; padding:.1rem 0; }
header .Menu .side_nav li a{display:block; width:50%; height:.4rem; line-height:.4rem;   font-size:.24rem; color:#eee; text-align:center; margin:auto;}
header .Menu .side_nav li:hover a,header .Menu .side_nav li.on a{background:#005EB8; border-radius:3px;}

/*Banner*/
.Banner{width:100%;}

/*标题*/
.Title{text-align:center;}
.Title h3{color:#005EB8; font-weight:normal; font-size:.4rem; line-height:.52rem;}
.Title p{color:#080808; font-size:.24rem; line-height:.42rem;}

/*Products*/
.picMarquee-left{overflow:hidden; position:relative;}
.picMarquee-left .bd{margin-top:.2rem;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; width:100%;}
.picMarquee-left .bd ul li{ margin:.1rem 2%; float:left; _display:inline; overflow:hidden; width:45%; height:3.2rem; overflow:hidden; position:relative; border:1px solid #ddd;}
.picMarquee-left .bd ul li>img{display:block; width:100%; height:auto;}
.Products .main .bg-box{position:absolute; top:0; left:0; width:100%; height:100%; 
	background:rgba(0,0,0,.3); z-index:2; transform: translateY(-3.2rem);
	transition: all 0.3s ease 0s;}
.Products .main .bg-box img{display:block; width:.6rem; height:.6rem; margin:.8rem auto;}
.Products .main .bg-box a{display:block; margin:.5rem auto 0; width:40%; 
	height:.46rem; line-height:.46rem; background:#005EB8; text-align:center; color:#fff;}
.Products .main .bg-box a:hover,.brand .contment a:hover{text-decoration:underline;}
.Products .main li:hover .bg-box{transform:translateY(0px);}

/*News*/
.News{width:100%;}
.News .N_cont li{width:90%; margin:0 auto .2rem;}
.N_cont .pic{width:100%; height:2.7rem; overflow:hidden;}
.N_cont .pic img{display:block; width:100%; height:auto;}
.N_cont .words{padding:.1rem 0 .2rem; color:#5a5a5a; background: #eee; padding: .16rem;}
.N_cont .words .a_n{display:block; font-size:.24rem; line-height:.36rem; 
	font-weight:bold;}
.N_cont .words p{width:100%; height:.56rem; line-height:.28rem; overflow:hidden;}



/*品牌介绍*/
.wz_box{width:90%; margin:.3rem auto .5rem;}
.tit_2{text-align:center; font-size:.32rem; color:#333; line-height:.5rem; margin-bottom:.2rem;}
.wz_box .body p{font-size:.24rem; line-height:.32rem; color:#666; }


/*footer*/
footer{width:100%; padding:.3rem 0; background:#232323; color:#ccc; text-align:center;}
footer .company,footer .wx,footer .ban{width:95%; margin:.18rem auto 0; }
footer .wx img{display:block; max-width:100%; margin:auto;}
footer .wx span{display:block; line-height:.42rem; color:#fff;}

/*分页*/
.page-bar{text-align: center;}
.pages {position: relative; margin:.3rem 0 1rem;}
.pages a,.pages span{color: #666; background-color:#fff; background:-webkit-linear-gradient(#fff, #ddd); background: -o-linear-gradient(#fff, #ddd); background: linear-gradient(#fff, #ddd);}
.pages a,.pages span.current2 {position: relative; display: inline-block; vertical-align: middle;
    *display: inline; *zoom: 1; border: 1px solid #ddd; line-height:.32rem; min-width:.36rem;
    padding:.03rem; border-radius: 3px; margin: 0 0 0 .1rem;}
.pages a.current,.pages a:hover {background:#005EB8; border-color:#005EB8; color: #FFF;}
.pages span.current2 {vertical-align: middle;}

/*翻页*/
.Fanye{margin-top:.3rem;}
.Fanye .xu{height:.4rem; color:#666;}
.Fanye .xu span{float:left; display:block; line-height:.4rem; width:18%}
.Fanye .xu a{float:left; display:block; color:#333; line-height:.4rem; height:.4rem; width:82%;}
.Fanye .xu a:hover{color:#005EB8; text-decoration:underline;}




@media (max-width:560px){ html{font-size:500%} }

@media (max-width:460px){ html{font-size:400%} }


@media (max-width:360px){ html{font-size:350%} }

@media (max-width:307px){ 
		
 }