@charset "utf-8";
/****************开始首页头部********************/
.top{ height:80px; width:100%; float:left; border-bottom:#001b51 solid 3px;}
.logo{ float:left; text-align:center; }
.nav{ float:right; padding-top:26px; margin-right:-19px;}
.nav a{ padding:0px 19px; font-size:14px; height:54px; line-height:54px;}
.nav a:hover{ background:url(../images/nav_bg.png) no-repeat center bottom; height:54px; line-height:54px; transition:none;}
/****************结束首页头部********************/

/*************开始首页banner**************/
.banner{clear:both;}
.swipe{width:100%;/*height:420px;*/overflow:hidden;position:relative;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;height:100%;}
.swipe ul li { height:100%; position:relative; background-position: center top ; background-repeat:no-repeat; background-size:cover;}
.swipe ul li > a{}
.swipe ul li img { display:block;}
.swipe a[title=LRBtn] {width:53px; height:53px;top:50%; margin-top:-53px; position:absolute;color:rgba(0 ,0 , 0 , 0); opacity:0.6;}
.swipe #pagenavi {bottom:10px;box-sizing: border-box;/*height: 45px;*/left: 0;padding-right: 20px;/*padding-top: 16px;*/position: absolute;text-align: center;width: 100%;padding-top:3px;}
.swipe #pagenavi a{width:11px;height:11px;line-height:99em;background:#1e4371;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#001b51; }
/*************结束首页banner**************/

/****************开始首页丽辰电子********************/
.i_about{ width:350px; height:468px; float:left;}
.i_about dl{ width:100%; float:left; height:100%; position:relative;}
.i_about dl dt{ width:100%; float:left; text-align:center; height:100%;}
.i_about dl dt img{ max-width:100%; max-height:100%;}
.i_about dl dd{ position:absolute; width:100%; overflow:hidden; height:94px; left:0px; bottom:0px; background:#1d2f53; color:#fff;}
.i_about dl dd a{ color:#fff;}
/****************结束首页丽辰电子********************/

/****************开始首页防伪查询 新闻中心********************/
.content_mid{ width:376px; float:left; margin-left:18px;}
.search{width:374px; height:166px; border:#e2e2e2 solid 1px; background:#fff; overflow:hidden;}
.search_text{ width:85.8%; height:46px; line-height:36px; font-size:13px; border:none; background:url(../images/search.jpg) no-repeat left center; font-family:"微软雅黑"; text-indent:12px; float:left; overflow:hidden;}
.search_button{height:46px; line-height:46px; width:46px; background-image:url(../images/search_btn.jpg); background-position:center center; background-repeat:no-repeat; cursor:pointer; border:none; margin-top:1px; float:left;}

.i_newslist{width:338px; padding:0px 18px; height:279px; border:#e2e2e2 solid 1px; background:#fff;}
.i_newslist dl{ width:100%; float:left; padding-top:5px; border-bottom:#e0e0e0 solid 1px; line-height:42px;height:40px;}
.i_newslist dl dt{ float:left; color:#001744; font-size:20px; }
.i_newslist dl dd{ float:right;}
.i_newslist dl dd a{ color:#aaa;}
.i_newslist dl dd a:hover{ color:#001744; font-weight:bold;}
.i_newslist ul{ width:100%; float:left;}
.i_newslist ul li{ border-bottom:#e0e0e0 dashed 1px; width:100%; float:left;padding: 3px 0px;margin-top: 10px;}
.i_newslist ul li a{ display:block; color:#24120e; font-size:14px; width:94%; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/line-height:22px;}
.i_newslist ul li a:hover{ color:#001744; text-decoration:underline;}
.i_newslist ul li span{ color:#999999; font-size:13px; line-height:14px;}
.i_newslist ul li:nth-child(4){ border-bottom:none;}
/****************结束首页防伪查询 新闻中心********************/

/****************开始首页产品中心********************/
.content_right{ float:right; width:306px;}
.i_product{ width:100%; float:left; background:#fff;}
.i_product dl{ width:100%; float:left; position:relative; height:266px; overflow:hidden;}
.i_product dl dt{ width:100%; float:left; text-align:center;}
.i_product dl dd{width:100%; height:42px; line-height:42px; background:#001744; opacity:0.8; position:absolute; left:0px; text-align:center; bottom:0px; font-size:20px; color:#fff; transition:opacity 1s,height 1s,line-height 1s,font-size 1s; -moz-transition:opacity 1s,height 1s,line-height 1s,font-size 1s; -webkit-transition:opacity 1s,height 1s,line-height 1s,font-size 1s; -o-transition:opacity 1s,height 1s,line-height 1s,font-size 1s; filter:alpha(opacity=80); z-index:99;}
.i_product dl dd a{color:#fff;}
.i_product dl:hover dd{ opacity:1; height:50px; line-height:50px;font-size:20px;}
.two_code{ width:100%; float:left; line-height:30px; text-align:center; color:#333; font-size:16px;}
.two_code img{ display:block; max-width:114px; max-height:114px; margin:0 auto;}
.two_code .fl{ width:144px; padding:18px 0px; background:#fff;}
.two_code .fr{ width:144px; padding:18px 0px; background:#fff;}
/****************结束首页产品中心********************/

@media screen and (min-width: 1021px){
.menu{ display:none;}
.top_search{ display:none;}
.i_newslist02{ display:none;}
}
@media screen and (max-width: 1020px){
.top_search{ display:block;}
.search{ display:none;}
.logo{ width:100%;}
.nav{ display:none;}
.menu{ display:block; float:left; width:100%;}
.menu a{ width:100%;text-align:center; height:80px; background:#444; border-bottom:#fff solid 1px; font-size:14px; color:#fff; display:none; line-height:80px;}
.menu a:hover,.menu a.active{ background:#00256d;}
.menu a.first{ display:block; background:#191918; font-size:20px;}
}
@media screen and (min-width: 1021px) and (max-width:1080px){
.i_about{ width:300px;}
	}
@media screen and (min-width: 760px) and (max-width:1020px){
.i_about{ width:49%;}
.content_right{ width:49%;}
	}
@media screen and (max-width: 1020px){
.content_mid{ display:none;}
.i_newslist{ width:98%; padding:0px; margin-left:0.5%;}
.i_newslist02{ display:block;}
	}
@media screen and (min-width: 760px){
.two_code02{ display:none;}
	}
@media screen and (max-width: 759px){
.content_right{ float:left; width:100%;}
.i_about{ float:right; width:100%;}
.two_code{ display:none;}
.two_code02{ display:block;}
	}