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

html { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 {font-size: 1.8rem;/*1.8 × 10px =18px*/}
body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
body{color:#666666;  background:#FFF; font-family:"微软雅黑","Helvetica Neue", Helvetica, STHeiTi, sans-serif; line-height:2.2rem; } 


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; } 
* 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:#0e6eb8 }
a:active{color:#0e6eb8}
/* 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;}
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}

/*公共头部*/
.M_head_wrap{position:fixed; top:0px; left:0px; width:100%; height:44px; z-index:1000;}
.sect_navi{width:atuo; height:44px; line-height:44px; text-align:center; z-index:1000; font-size:18px; overflow:hidden; color:#FFF; background:#2e3192; position:relative; padding:0 70px 0 70px;}
.sect_navi .back{display:block; width:44px; height:44px; position:absolute; left:0; top:0; background:url(../images/btn_back.png) center center no-repeat; background-size:30px;}
.sect_navi .back:active{background:url(../images/btn_back.png) center center no-repeat #3438a5; background-size:30px;}



.Data_Album{ position:relative; overflow:hidden;}
.Data_Album .tipsText{position:absolute; right:60px; z-index:2; top:0; height:35px; line-height:35px; color:#000; text-align:center; font-size:1.4rem;}
.Data_Album .picContent{position:absolute; right:0; background:rgba(0,0,0,0.5); padding:0 10px; z-index:2; top:0; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:1.4rem;}
.Data_Album .rep_A{ height:100%; position:relative; text-align:center}
.Data_Album .rep_A img{ max-height:100%; max-width:100%; position:absolute; left:0; right:0; bottom:0; top: 0;margin: auto;}

.Data_Album .swiper-slide{ background:url(../images/load.gif) center center no-repeat; background-size:30px;}


/*** Product List****/
.proListBox{ width:auto; overflow:hidden; margin-top:10px;}
.proListBox li{width:33%; float:left; }
.proListBox li a{display:block; margin:10%; text-align:center;background:url(../images/load.gif) center center no-repeat; background-size:25px;  position:relative}
.proListBox li a img{ max-height:100%; max-width:100%; margin: auto; text-align:center; display:block}




/*** Product List****/
.proList{ width:auto; overflow:hidden; margin-top:15px;}
.proList li{ margin-bottom:10px; background:#ebebeb; height:45px; line-height:45px; overflow:hidden; position:relative; padding-right:10px}
.proList li  a{display:block; font-size:15px; padding-left:60px; padding-right:10px; overflow:hidden; height:45px; background:url(../images/goTo.png) right center no-repeat; background-size:16px;}
.proList li  a span{ display:block; width:50px; height:45px; position:absolute; left:0; top:0; color:#FFF; background:#999999; text-align:center;}
.proList li:active{ background:#eaeaea}



.about_Logo{ background:#eeeeee; padding:15px;}
.about_Logo img{ max-width:70%}

.about_Add{ width:auto; padding:0 15px;}
.about_Add li{ border-bottom:1px dashed #CCCCCC; padding:20px 0; font-size:15px;}

.aboutnr{ padding:15px; line-height:26px;}
.aboutnr img{ max-width:100%;}

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

footer a{ color:#FFFFFF; font-size:0.9em; background:rgba(0,0,0,0.7); display:block; width:100%; height:40px; text-align:center; line-height:40px; -webkit-box-flex:1; }

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


.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}