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

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/* IE5.xIE6bug */ 
* html body{overflow: visible; max-width: 500px; margin: 0 auto} 
* html iframe, * html frame{overflow: auto; } 
* html frameset{overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}

/* body */ 
body{color:#333; font-size:14px; font-family:"微软雅黑"; line-height:22px;} 
i, em, cite { font-style: normal; }
/* a */ 
a{color:#333; text-decoration:none; }
a:hover{text-decoration:none; color:#2f374e }
a:active{color:#2f374e}
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
img{border:0; vertical-align:middle;} 
/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}
embed { width:98% !important;}
#dituContent{ width:100% !important; height:300px !important;}
 html body{ max-width: 500px; margin: 0 auto} 
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}
iframe{
	width:100% !important;
}

.waptop{width:100%; height:53px; position:relative;  background:url(../images/head.jpg) center center no-repeat; background-size:auto 100%; margin:0 auto;}

.logo{width:auto; height:53px;  margin-right:5px; margin-left:5px;}
.logo img{ width:180px; margin-top:2px; }
.logotxt{ width:30px; position:absolute; top:3px; background:url(../Images/menu.png) center center no-repeat; background-size:30px; right:10px; height:50px; color:#FFF; overflow:hidden;}
.logotxt img{ width:27px; height:27px;}
.logotxt a{ display:block; width:100%; height:100%; }

.logo-r{ width:24px; float:right; text-align:right; padding-right:5px; height:14px; border:#F00}
.logo-r a{ color:#FFF}

.Language{ position:absolute; right:50px; top:0; display:block; height:53px; line-height:53px;}


.navli{width:100%; padding:20px 0 10px; background:#f7f7f7; display: -webkit-box; -webkit-box-orient: horizontal; }
.navli li{-webkit-box-flex:1; width:100%; margin:0 auto; text-align:center}
.navli li img{ max-width:50px;}

.home_nav{ width:100%;  display: -webkit-box; -webkit-box-orient: horizontal; background:#FFF}
.home_nav li{-webkit-box-flex:1; text-align:center; font-size:0.9em; padding:10px 0}
.home_nav li img{width:50px}
.home_nav li:nth-child(2) img{width:50px}

.Filter_top{
		display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.Filter_top .F_L{
	width: 100%;
	margin: 0 1px;
	background: #333333;
	padding: 17px 0;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	cursor: pointer
}
.Filter_top .F_L.cur,.Filter_top .F_L:hover{
	background: #2f374e;
}
.Filter_top .F_L:nth-child(1){
	margin-left:0
}
.Filter_top .F_L:nth-child(3){
	margin-right:0
}
.Filter{
	width:auto;
	 overflow:hidden; 
	color:#333333;
	margin-bottom: 20px
	
}
.f_tab{
	display:none
}
.Filter .Filter_L{
	background: #f5f5f5;
	
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content:flex-start;
	 flex-wrap: wrap;
}
.Filter p{ width: 50%; border-bottom: 1px solid #e6e6e6}
.Filter a{color:#666666; overflow: hidden;height:50px;
	background: url("../images/yaa.png") left center no-repeat ;
	
	line-height: 50px;   padding:0 10px 0 26px;font-size: 16px;
	 color: #666666; display: block}
.Filter a:hover{color:#2f374e;  }


.Filter .f_tab:nth-child(1) .Filter_L p:nth-last-child(1),.Filter .f_tab:nth-child(1) .Filter_L p:nth-last-child(2){
	border-bottom:0
}

.Filter .f_tab:nth-child(3) .Filter_L p:nth-last-child(1),.Filter .f_tab:nth-child(3) .Filter_L p:nth-last-child(2){
	border-bottom:0
}
.Filter .f_tab:nth-child(2) .Filter_L p:nth-last-child(1){
	border-bottom:0
}


.video_nav_line{
	
	margin-top:30px ;
	margin-bottom: 10px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content:center;
}

.video_nav_line li{
	width: 45px;
	height: 10px;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	margin: 0 7px;
	border: 1px solid #2f374e
}

.video_nav_line li:hover,.video_nav_line li.cur{
	background: #096d9e;
	border: 1px solid #096d9e
}


/*视频*/
.VideoWrap{
	padding: 0px 0 20px;
	margin-bottom: 10px;
	position: relative;
	 background: #f5f5f5
	
}
.VideoWrap .VideoBox{
	width:auto;
	margin: 0 auto;
}

.VideoWrap .VideoBox .videoCon{
	width:auto;
	padding-top: 20PX;
	position: relative;
}
.VideoWrap .VideoBox .videoCon .text {
	line-height:24px;
	text-align: center;
	font-size: 15px;
	color: #666666;
	padding: 0 20px;
	position: relative;
	display: none;
	margin-bottom: 30px;
}
.VideoWrap .VideoBox .videoCon .text strong{
	font-size:24px;
	display: block;
	color: #000;
	margin-bottom: 10px;
	line-height:36px;
	position: relative;
	z-index: 10;
}

.VideoWrap .VideoBox .videoCon .text span::after{
	content:'';
	width: 100%;
	height: 90%;
	background: #FFF;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}
.VideoWrap .VideoBox .videoCon .text p{
	position: relative;
	z-index: 10
}
.VideoWrap .VideoBox .videoCon .video_nav{
	position:relative;
	padding: 0 20px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.VideoWrap .VideoBox .videoCon .video_nav li{
	width: 25%;
	text-align: center;
	font-size: 14px;
	color: #666666;
	line-height:20px;
	cursor: pointer;
	position: relative;
}


.VideoWrap .VideoBox .videoCon .video_nav li span{
	display: block;
	width:70px; height: 50px;
	margin: 0 auto 5px;
	border-radius: 10px
}

.VideoWrap .VideoBox .videoCon .video_nav li:hover,.VideoWrap .VideoBox .videoCon .video_nav li.cur{
	color:#2f374e;
}

.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(1) span{
	background: url("../images/ys01a.png") center center no-repeat #2f374e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(2) span{
	background: url("../images/ys02a.png") center center no-repeat #2f374e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(3) span{
	background: url("../images/ys03a.png") center center no-repeat #2f374e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(4) span{
	background: url("../images/ys04a.png") center center no-repeat #2f374e;
	background-size:auto 70% 
}

.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(1):hover span,.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(1).cur span{
	background: url("../images/ys01a.png") center center no-repeat #096d9e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(2):hover span,.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(2).cur span{
	background: url("../images/ys02a.png") center center no-repeat #096d9e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(3):hover span,.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(3).cur span{
	background: url("../images/ys03a.png") center center no-repeat #096d9e;
	background-size:auto 70% 
}
.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(4):hover span,.VideoWrap .VideoBox .videoCon .video_nav li:nth-child(4).cur span{
	background: url("../images/ys04a.png") center center no-repeat #096d9e;
	background-size:auto 70% 
}



.in-about{ width:100%; height:auto; padding-top:5px;padding-bottom:15px;  background:#2f374e;  display: -webkit-box; -webkit-box-orient: horizontal;}
.in-about .left{ -webkit-box-flex:1;padding-top:5px;  padding-left:15px;width:30%}
.in-about .left img{ width:90%; height:auto}
.in-about .right{ -webkit-box-flex:4; width:60%; overflow:hidden; padding-right:10px; color:#FFF;}
.in-about .right h6{ font-size:12px; border-bottom:1px solid #117ed3;  height:32px; line-height:32px;}
.in-about .right .txt{  font-size:12px; }
.in-about .right .txt a{ color:#FFF}

.inpro{ width:100%; height:30px; line-height:30px; background:#2f374e}
.inpro h6{ margin-left:10px; height:30px; background:#38415c; color:#FFF; font-weight:normal; text-align:center; width:80px;}


.aboutWrap{
	background:url(../images/aboutbj.jpg) center center no-repeat;
	background-size:100% 100%;
	padding: 30px 20px
}

.aboutWrap .about_bt {
	    text-align: center;
    color: #666666;
    font-size: 15px;
	margin-bottom: 20px
}
.aboutWrap .about_bt strong{
	font-weight: bold;
	font-size: 24px;
	display: block;
	color: #000;
	margin-bottom: 10px
}

.aboutWrap .about_text{
	display: block;
	background: #FFF;
	    color: #666666;
    font-size: 15px;
    line-height: 30px;
    display: block;
	padding: 15px;
}
.aboutWrap .about_text img{
	display: block;
	margin: 0 auto 10px;
	width: 100%
}


.aboutWrap .brand_ul{
	width: 100%;
	margin:20px auto 0;
	
		display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	    flex-wrap: wrap;
	
}
.aboutWrap .brand_ul li {
	width:31%;
	margin-bottom: 10px
}
.aboutWrap .brand_ul li .pic{
	position: relative;
	width:100%;
	background: #000;
	display: block
}
.aboutWrap .brand_ul li .pic img{
	max-width:100%; 
	
}


/*服务*/
.serverwrap{width:100%; overflow:hidden;padding:0 0 20px;  background:url(../Images/hzbj.jpg) center center no-repeat; background-size:auto 100%  }


.serverwrap .serverbt{ 
	padding:30px 0 30px;
	text-align:center;  
	color:#FFF; 
	width: auto;
	font-size:15px;
} 
.serverwrap .serverbt strong{ display:block; font-size:24px; color:#FFF; line-height: 32px; margin-bottom:5px;}




.serverwrap .server{width:auto;  margin:0 auto; overflow:hidden; position:relative;}
.serverwrap .server .Ability_nr {
		display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	
	    flex-wrap: wrap;
}
.serverwrap .server .Ability_nr li{ 
	font-size:14px; 
	width: 25%; 
	margin-bottom: 15px;
text-align: center;
	color: #FFF; font-weight: bold;}

.serverwrap .server .Ability_nr li span{
display: block;
	margin: 0 auto 5px;
	width:38px;
	height: 38px;
}

.serverwrap .server .Ability_nr li:nth-child(1) span{
	background:url("../Images/icon01.png") center center no-repeat;
	background-size: 100%
}
.serverwrap .server .Ability_nr li:nth-child(2) span{
	background:url("../Images/icon02.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(3) span{
	background:url("../Images/icon03.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(4) span{
	background:url("../Images/icon04.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(5) span{
	background:url("../Images/icon05.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(6) span{
	background:url("../Images/icon06.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(7) span{
	background:url("../Images/icon07.png") center center no-repeat;
	background-size: 100%
}

.serverwrap .server .Ability_nr li:nth-child(8) span{
	background:url("../Images/icon08.png") center center no-repeat;
	background-size: 100%
}


/*新闻中心*/
.NEWSwRAP{
}


.NEWSwRAP .NEWbt{ 
	padding:30px 0 10px;
	text-align:center;  
	color:#333333; 
	width: auto;
	font-size:15px;
} 
.NEWSwRAP .NEWbt strong{ display:block; font-size:24px; color:#000; line-height: 32px; margin-bottom:5px;}



.news{width:auto; margin:0 auto ; overflow:hidden}
.news .news_L{ width:auto;
padding: 15px;}

.news .news_L .text_top a{ 
	overflow:hidden;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	padding-bottom:15px;
	margin-bottom: 15px
}
.news .news_L .text_top a .pic{
	width:100%; height:170px;
	background: #f5f5f5;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.news .news_L .text_top a .pic img{
	
	height: 100%;
	width: 100%;
object-fit: cover;
}

.news .news_L .text_top a .title{
	position: relative;
	font-size: 15px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-weight: bold;
	margin: 10px 0 0
}
.news .news_L .text_top a .title span{
	position: absolute;
	margin: auto;
	right: 0;
	top: 0;
	color: #999999;
	font-weight: normal;
	bottom: 0;
display:none
}


.news .news_L .text_top a .con{
	position: relative;
	font-size: 14px;
	color: #666666;
	line-height:22px;
	overflow: hidden;
}

.news .news_foot_ul li{
	position: relative;
	
	overflow: hidden;
}
.news .news_foot_ul li a{
	display: block;
	font-size: 15px;
	color: #333333;
	height: 36px;
	padding-right: 80px;
	line-height: 36px;
	background:url("../Images/yuan.png") left center no-repeat; 
	padding-left:20px;
}
.news .news_foot_ul li span{
	position: absolute;
	margin: auto;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #999999;
	bottom: 0;
}
.news .news_foot_ul li a:hover{
	color: #034ca9
}


.footerwrap{width:100%;  background:url(../Images/footbj.jpg) center center no-repeat; background-size:auto 100%; overflow: hidden;line-height:24px;}

.footerwrap .footer{ 
	width:auto; 
	margin:0 auto; 
	padding: 20px 20px 0;
	color:#cccccc;  
	position:relative; 
}
.footerwrap .footer > div{
	width: auto;
	font-size: 14px;
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative
}

.footerwrap .footer > div span{
	display: block;
	width: 30px;
	height: 30px;
	
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.footerwrap .footer > div.footerA span{

	background:url(../Images/i_tal.png) center center no-repeat; 
	 background-size: 100%;
}
.footerwrap .footer > div.footerB span{
	
	background:url(../Images/i_email.png) center center no-repeat; 
 background-size: 100%;
}
.footerwrap .footer > div.footerC span{
	
	background:url(../Images/i_add.png) center center no-repeat; 
	 background-size: 100%;
}



/*产品分类*/
.ul_list{width:100%;}
.ul_list li{width:auto;  height:35px; line-height:35px; border-bottom:1px solid #efefef;}
.ul_list li a{ display:block; padding-left:25px; background:url(../images/jt.jpg) 15px center no-repeat; background-size:4px; color:#333; overflow:hidden; height:32px;}


.in-youshi{ width:100%;}
.in-youshi .bt{ width:95%; position:relative; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;  margin:0 auto; height:33px; background: #0b354d;}
.in-youshi .bt span{ display:block; font-size:14px; margin-left:10px;  line-height:33px; padding-left:16px; width:80px; text-align:center; height:33px; background:url(../images/xx.png) 10px center no-repeat #0f4260; background-size:15px; color:#FFF}
.in-youshi .bt a{ position:absolute; right:5px; top:5px; font-size:12px; color:#FFF}


.inprolist{ width:auto; margin:0 8px }
.inprolist li{text-align:center; margin-bottom:15px; width:50%; float:left; }
.inprolist li a{ display:block; width:95%;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; margin:0 auto; font-size:0.8em; border:1px solid #CCC}
.inprolist li img{ width:100%; height:auto ;}
.inprolist li span{ display:block; height:24px; line-height:24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 

.inprolist li .text{ height:26px; line-height:26px; overflow:hidden}

.innews span{ float:right; color:#bcbcbc}	

.honor { padding:10px; text-align:center;}
.honor img{ max-width:100%; margin-bottom:15px}

.innews { width:98%; margin:0 auto}
.inabout a{ color:#000}
.inabout a:hover{color:#000}
.inabout{ padding:10px; width:auto}
.inabout img{ width:100%;}

.innews{ font-size:0.9em;}
.innews a{ background:url(../images/ny-menu-a.jpg) left center no-repeat; padding-left:8px; background-size:3px 3px;}


.aboutnr-bt{ width:100%; height:32px; font-size:14px; font-weight:bold; line-height:32px; background:#2f374e; color:#FFF}
.aboutnr-bt span{ margin-left:10px;}
.aboutnr{margin:0 auto; padding:10px 10px 30px; min-height:100px; background:#FFF;}
.aboutnr img{ width:98%; text-align:center; margin:0px !important; height:auto}


.news_ul{ width:100%; display: -webkit-box; -webkit-box-orient: vertical;}
.news_ul li{-webkit-box-flex:1; border-bottom:1px dashed #CCC; background:url(ico_block.gif) 5px center no-repeat; height:32px; overflow:hidden; line-height:32px;}
.news_ul li a{ display:block; width:auto; height:auto; background:url(../images/ny-menu-a.jpg) left center no-repeat; padding-left:8px;height:32px; overflow:hidden; line-height:32px; background-size:3px 3px;}

.news_ul01{ width:100%; display: -webkit-box; -webkit-box-orient: vertical;}
.news_ul01 li{-webkit-box-flex:1; border-bottom:1px dashed #CCC; background:url(ico_block.gif) 5px center no-repeat; height:32px; line-height:32px;}
.news_ul01 li a{ float:left; height:auto}


.news-bt{ width:100%;  margin:0 auto; line-height:32px; text-align:center; font-size:1.2em; font-weight:bold; color:#333}
.news-zl{ font-size:1em; margin-bottom:10px; font-weight:normal; border-bottom:1px #CCC dashed}
.newx-txt img{ max-width:300px; text-align:center; margin:0 auto; height:auto}
.newx-txt{ width:100%; ;}


.pronyshow{width:98%; padding-top:10px; margin:0px auto; text-align:center; font-size:18px; overflow:hidden; }
.pronyshow img{ width:90%; text-align:center;}
.pro-xq{ width:98%; height:32px; padding-left:10px; background:#EBEBEB; line-height:32px; font-size:14px;}
.pro-xq-nr{ width:98%; margin-bottom:20px; padding-left:10px;word-wrap:break-word;  padding-top:10px;}
.pro-xq-nr img{ max-width:98% !important; height:auto;}
.pro-xq-nr video{ width:100% !important; max-width:98% !important; height:auto !important; max-height: 300px;}

.proin_bt{ 
	text-align:center;  
	color:#666666; 
	
	padding: 15px 15px 20px;
	font-size:15px;
} 
.proin_bt strong{ display:block; font-size:24px; color:#333333; line-height: 24px; margin-bottom:8px;}


/*** Product List****/
.proListBox{ width:auto; overflow:hidden; margin:0 5px;}
.proListBox li{width:50%; float:left; margin-bottom:10px;}
.proListBox li .LiBox{ width:95%; margin:0 auto;  overflow:hidden; background:#FFF; text-align:center }
.proListBox li .LiBox .pic{width:auto;overflow:hidden; height:160px; border-radius:8px 8px 0 0 ; border:1px solid #e8e8e8; text-align:center; position:relative}
.proListBox li .LiBox .pic a{display:block; height:100%;}
.proListBox li .LiBox .pic img{    object-fit: cover; height:100%; width:100%;  margin: auto; text-align:center;  left:0; top:0; bottom:0; right:0; display:block}
.proListBox li .LiBox .text{ background: #2f374e; border-radius: 0 0 8px 8px; padding:0 10px; height:40px; width:auto; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#FFF}

.pronr{ width:100%; margin-top:20px;}
.pronr li{ width:47%; float:left;}
.pro-nr{display: -webkit-box; -webkit-box-orient: vertical; width:47%;  margin-left:2%;-webkit-box-flex:1; margin-bottom:20px;}
.pro-nr01{-webkit-box-flex:1; display:block; width:100%; margin:0 auto; border:1px solid #CCC; text-align:center}
.pro-nr01 img{ width:90%; height:auto;}
.pro-nr02{-webkit-box-flex:1; display:block;  text-align:center; font-size:0.8em}


footer{display: -webkit-box; -webkit-box-orient: horizontal; width:100%;  height:45px; bottom:0px; left:0px; z-index:1; position:fixed }

footer a{ color:#FFFFFF; font-size:0.9em; background:#2f374e; display:block; width:100%; height:45px; text-align:center; line-height:45px; -webkit-box-flex:1; }

footer a:nth-child(1),footer a:nth-child(2),footer a:nth-child(3){ border-right:1px solid #38415c; }
footer a:hover{background:#38415c;color: #FFF}
footer a:visited {color:#FFF}
footer  img{width:20px; margin-top:-4px;}


.pro-xq-nr iframe { width:100%; height:400px;}

.tempmo{opacity:0.3;filter:alpha(opacity=30);height:auto;border:1px dashed green;margin:3px;background:#FFF;}
.dashmo{position:absolute;border:1px dashed #f00;filter:alpha(opacity=80);margin:3px;background:#FFF;height:auto;opacity:0.8;}

.roll_img_mb_01{overflow:hidden;position:relative;z-index:1}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#c00;}


.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}