.navMenubox { background: #fffff;margin-top:20px;text-align: right;}
.navMenu-top {padding-top:40px; padding-bottom:15px; color: #333333; border-bottom: 0px solid rgba(255,255,255,.1) ;font-size: 24px; }
.navMenu> li { display: block; margin: 0; padding: 0; border: 0px; text-align: right;font-size: 16px;color: #005bac; }
.navMenu> li a.on  { display: block; text-align: right;color: #005bac; font-size: 16px;  }

.navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height:35px; color: #333; transition: all .3s; position: relative; text-decoration: none; font-size: 16px; border-top:0px solid #f2f2f2; border-bottom: 0px solid #f2f2f2; text-align: right;}
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-left: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 14px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover { color: #005bac; background: #fff; line-height:35px;}



.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 5px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 12px; line-height:35px;height: 35px; padding-left: 20px; color: #666; clear: both;border-bottom: 0px solid #f2f2f2; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { line-height:35px; height: 35px;color: #666; background: #fff;border-bottom: 0px solid #f2f2f2; }
.icon_1:before { content: "\f036"; }
.icon_2:before { content: "\f00a"; }
.icon_3:before { content: "\f00a"; }

.left20{  padding-left: 15px;font-size: 16px;}








/*01*/
.productlist{

	 width: 1200px;
    margin: 0 auto;  background-color: #fff;
}

.productlist_left{
	float: left;
	width:20%; 


}


.productlist_x{
	
	width: 3%;float: left;border-right: 1px solid #E6E6E6; height:500px;


}

.productlist_right{
	float: right;
	width: 75%;
	text-align: center;	
}

#prolist{margin:50px auto auto auto; width:900px;}
#prolist>li{width:260px; height:305px; float:left; margin-right:40px; margin-bottom:0px;}
#prolist>li>a{display:block; width:100%; height:100%; box-sizing:border-box; border-:1px solid #e6e6e6; transition:all .45s;}
#prolist>li>a>.img{width:250px; height:250px; margin:10px auto; background:#eee; position:relative; overflow:hidden;}
#prolist>li>a>.img>img{width:100%; height:100%; position:absolute; left:0; top:0; transition:all .45s;}
#prolist>li>a>.tit{font-size:13px; padding:0 10px; text-align:center; height:50px; line-height:150%;color:#333}
#prolist>li>a:hover{box-shadow:5px 5px 12px rgba(0,0,0,.05); border:1px solid #ddd;}
#prolist>li>a:hover>.img>img{width:280px; height:280px; left:-15px; top:-15px;}