﻿/* CSS Document */
/** { touch-action: none; }*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-weight:normal; }
html{ -webkit-text-size-adjust:none;}
body{ /*line-height:24px; */background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333;}
input,textarea,select{ font-family:"Microsoft YaHei"; border-radius:0; background: #fff;border: 0; -webkit-appearance: none;}
img{ border:none;vertical-align:top; -ms-interpolation-mode: bicubic; width:100%;}

.LR_tit img,.LR_yaoqingtit img{ width:auto!important;}
ul,li{ list-style:none;}
/* a{ text-decoration:none; color:#333; outline:none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } */
a{ text-decoration:none; color:#333; outline:none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } 
a:hover{ color:#2ab2f1;}
input:focus,textarea:focus,select:focus{ outline:none; }
.or{ overflow:hidden;}
h1,h3{ font-weight:normal; font-size:28px;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.clearbox{overflow:hidden;}
.clearfix:before,.clearfix:after{content:'';display:block;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.loading{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/loadingbg.jpg) no-repeat center top #760d08; background-size:cover; z-index:10000; transition:all 0.3s 0.3s ease-in; color:#fff; text-align:center;  }
.loading.xiao{ opacity:0; transform:scale(0);}
.loading .loadr-logo{ position:absolute; left:0; width:100%; top:50%; margin-top:-3rem;}
.loading.xiao .loadr-logo{ opacity:0; transition:all 0.3s;}
#counter{ font-size:1.05rem; line-height:1.1rem; margin-top:1.25rem; display:block;} 
 
.swiper-container {width: 100%;height: 100%;}
.swiper-pagination{ display:none;}    

header{ width:100%; background:#fff; text-align:center; font-size:0.7rem; line-height:2.2rem; position:fixed; top:0;  height:2.2rem; background:#f3f3f3; z-index:1000000;}
.logo{ width:3.125rem; position:absolute; left:0.6rem; top:0.5rem;}
.logo img{ width:100%;}
.back{ display:block; width:0.75rem; margin-top:0.2rem;}
header .address{ color:#333;}
header .address i{ background:url(../images/addre.png) no-repeat; display:inline-block; width:0.5rem; height:0.6rem; background-size:contain; vertical-align:-0.05rem; margin-right:0.2rem;}
header .menu{ background:url(../images/menu.png) no-repeat; display:block; width:0.875rem; height:0.75rem; background-size:contain; position:absolute; right:0.6rem; top:0.725rem;}




/*************/
.iphone_screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:url(../images/menu_bg.jpg) top left no-repeat;
  background-size:100% 100%;
  overflow: hidden; 
}
.main_content {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  right:0;
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  
}
/**
* Navigation Defaults
*/
.menu_nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
.nav_active .menu_nav {
  opacity: 1;
}
.nav_list {
  height:80%;
  margin:10% 0;
    
   overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.nav_item {
  list-style-type: none;
  text-align: left;
  margin-bottom:0.5rem;
}


.nav_item ul{ display:none;}
.nav_item ul li{ font-size:0.7rem; line-height:1.4rem; padding-left:1.6rem; }
.nav_item ul li a{ color:#c8c8c8;}
.nav_item ul li a:hover{ color:#db2439;}
 
.nav_ullink ul{ display:block; height:auto;}

.nav_link_icon{background:url(../images/menu_icon.png) left center no-repeat;}
.nav_link_icon1{background:url(../images/menu_icon1.png) left center no-repeat;}
.nav_link_icon2{background:url(../images/menu_icon2.png) left center no-repeat;}
.nav_link_icon3{background:url(../images/menu_icon3.png) left center no-repeat;}
.nav_link_icon4{background:url(../images/menu_icon4.png) left center no-repeat;}
.nav_link_icon5{background:url(../images/menu_icon5.png) left center no-repeat;}
.nav_link_icon6{background:url(../images/menu_icon6.png) left center no-repeat;}
.nav_link_icon7{background:url(../images/menu_icon7.png) left center no-repeat;}

.nav_link {
  font-size: 0.8rem;
  height:2rem;
  line-height:2rem;
  text-transform: uppercase;
  text-decoration: none; 
  padding-left:1.5rem;
  color: #FFFFFF;
  opacity: 1;
  background-size: 0.9rem 0.9rem;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

/* Default navigation icon */
.menu {
  display: block;
  position: absolute;
  
  z-index: 200;
}
.nav_active .menu {
  opacity: 0.5;
}

.menu_box .menu_nav {
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.menu_box .nav_active .menu_nav {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.menu_box .main_content {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.menu_box .iphone_screen {
  background-color: #333;
}
.menu_box .nav_active .main_content {
		  right:90%;
}







#fenye {
  background: #fdfdfd;
  padding: 0.5rem;
  margin: 0.5rem auto 4rem;
  border-radius: 0.2rem;
  counter-reset: pagination;
  text-align: center;
}
#fenye:after {
  clear: both;
  content: "";
  display: table;
}
#fenye ul {
  width: 100%;
  height:auto;
}

.large {
  width: 18rem;
}


.pagination ul li {
  list-style: none;
  width:1.5rem;
  display: inline;
  padding-left: 0px;
  margin-right:0.3rem;
}

.pagination ul.active{ display: inline !important;}
.pagination li {
  counter-increment: pagination;
}
.pagination li:hover a {
  color: #fdfdfd;
  background-color: #e1243a;
  border: solid 1px #e1243a;
}
.pagination li.active a {
  color: #fdfdfd;
  background-color: #e1243a;
  border: solid 1px #e1243a;
}

/*.pagination li:first-child a:after {
  content: "<";
}*/

.pagination li:nth-child(2) {
  counter-reset: pagination;
}

/*.pagination li:last-child a:after {
  content: ">";
}*/
.pagination li a {
  border: solid 1px #d6d6d6;
  border-radius: 5px;
  color: #e1243a;
  font-size:0.7rem;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.5rem;
}
/*.pagination li a:after {
  content: " " counter(pagination) " ";
}
*/
.large li a {
  display: none;
}
.large li:first-child a {
  display: inline-block;
}
/*.large li:first-child a:after {
  content: "<";
}*/
.large li:nth-child(2) a {
  display: inline-block;
}
.large li:nth-child(3) a {
  display: inline-block;
}
.large li:nth-child(4) a {
  display: inline-block;
}
.large li:nth-child(5) a {
  display: inline-block;
}
.large li:nth-child(6) a {
  display: inline-block;
}
.large li:nth-child(7) a {
  display: inline-block;
}
.large li:nth-child(8) a {
  display: inline-block;
}
.large li:last-child a {
  display: inline-block;
}
/*.large li:last-child a:after {
  content: ">";
}*/
/*.large li:nth-last-child(2) a {
  display: inline-block;
}
.large li:nth-last-child(3) {
  display: inline-block;
}*/
.large li:nth-last-child(2):after {
  padding: 0 0.5rem;
  content: "...";
}

.pagination ul li .active{ background: #c12932; color: #fff; border: 1px solid #c12932;}




















