/*-------------------------------------------------------------------*/
/*--------------------------/\---------------------------------------*/
/*-------------------------/--\--------------------------------------*/
/*------------------------/|--|\-------------------------------------*/
/*-----------------------/-|--|-\------------------------------------*/
/*-------------------------|--|--------------------------------------*/
/*-------------------------|--|--------------------------------------*/
/*-------------------------|--|--------------------------------------*/
/*-----------------css write by user---------------------------------*/
/*-------------------------------------------------------------------*/
.white-wrapper{
  background-color:#fff;opacity:0.6
}
.arrow-arrow{
  font-size:80px;text-align:center;display:block;color:#0A71AE
}
/* reset & help class */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
html {
  min-height: 100%;
  position: relative;
  /*
  background-image: url(../images/bg/bg.jpg);
  */
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  /* position: relative; */
  min-height: 100%;
  background-color: transparent;
  color: #7A7669;
}
a, a:hover, a:active {
  color: #7A7669;
}

/* animation class */
.animate-left {
  transition: -webkit-transform 1s, opacity 1s;
  transform: translate(-120%,0);
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  -webkit-transform: translate(-120%,0);
  -ms-transition: -webkit-transform 1s, opacity 1s;
  -ms-transform: translate(-120%,0);
  opacity: 0;
}
.animate-right {
  transition: -webkit-transform 1s, opacity 1s;
  transform: translate(120%,0);
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  -webkit-transform: translate(120%,0);
  -ms-transition: -webkit-transform 1s, opacity 1s;
  -ms-transform: translate(120%,0);
  opacity: 0;
}
.animate-top {
  transition: -webkit-transform 1s, opacity 1s;
  transform: translate(0,-120%);
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  -webkit-transform: translate(0,-120%);
  -ms-transition: -webkit-transform 1s, opacity 1s;
  -ms-transform: translate(0,-120%);
  opacity: 0;
}
.animate-bottom {
  transition: -webkit-transform 1s, opacity 1s;
  transform: translate(0,120%);
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  -webkit-transform: translate(0,120%);
  -ms-transition: -webkit-transform 1s, opacity 1s;
  -ms-transform: translate(0,120%);
  opacity: 0;
}
.animate-show {
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -ms-transition: opacity 1s;
  opacity: 0;
}

/* 向下查看图标 */
@keyframes nextEase{	
  0%,30%{opacity:0;transform:translate(0,-18px)}	
  60%{opacity:1;transform:translate(0,0)}	
  100%{opacity:0;transform:translate(0,20px)}
}
@-webkit-keyframes nextEase{	
  0%,30%{opacity:0;-webkit-transform:translate(0,-18px)}	
  60%{opacity:1;-webkit-transform:translate(0,0)}	
  100%{opacity:0;-webkit-transform:translate(0,20px)}
}
@-moz-keyframes nextEase{	
  0%,30%{opacity:0;-moz-transform:translate(0,-18px)}	
  60%{opacity:1;-moz-transform:translate(0,0)}	
  100%{opacity:0;-moz-transform:translate(0,20px)}
}
@-ms-keyframes nextEase{	
  0%,30%{opacity:0;-ms-transform:translate(0,-18px)}	
  60%{opacity:1.3;-ms-transform:translate(0,0)}	
  100%{opacity:0;-ms-transform:translate(0,20px)}
}
@-o-keyframes nextEase{	
  0%,30%{opacity:0;-o-transform:translate(0,-18px)}	
  60%{opacity:1;-o-transform:translate(0,0)}
  100%{opacity:0;-o-transform:translate(0,20px)}
}

.onshow .animate-left, .onshow .animate-right, .onshow .animate-top, .onshow .animate-bottom, .onshow .animate-show {
  opacity: 1;
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transition: all 1s linear 0.5s;
  -webkit-transition: all 1s linear 0.5s;
  -ms-transition: all 1s linear 0.5s;
}

/* bg class */
.bg-blue { background-color: #00a0e9; }
.bg-yellow { background-color: #f8b62d; }
.bg-white { background-color: #ffffff; }
.bg-green { background-color: #66cc66; }

/* text color class */
.text-white { color: #ffffff; }
.text-yellow { color: #f8b62d; }

/* border class */
.border-yellow { border: 1px solid #f8b62d; }
.border-top-yellow { border-top: 1px solid #f8b62d; }
.border-top-blue { border-top: 1px solid #00a0e9; }

/* help class */
.pm-none { margin: 0; padding: 0; }
.div-center { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.img-circle { border-radius: 50%; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.pos.left { left: 0; }
.pos.right { right: 0; }
.pos.top { top: 0; }
.pos.bottom { bottom: 0; }
.width-full { width: 100%; }
.max-width-640 { max-width: 640px; }
.height-full { height: 100%; }
.overflow-hidden { overflow: hidden; }
.pull-right { float: right; }
.pull-left { float: left; }
.full-bg-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.full-bg-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

/* common mod */
.arrow { bottom: 10px; opacity: 0; }
.onshow .arrow {
  animation: nextEase 1.2s infinite ease-in-out;
  -webkit-animation: nextEase 1.2s infinite ease-in-out;
  -moz-animation: nextEase 1.2s infinite ease-in-out;
  -ms-animation: nextEase 1.2s infinite ease-in-out;
  -o-animation: nextEase 1.2s infinite ease-in-out;
}
#mainContainer {
  padding-bottom: 10%;
}


/* index */
.swiper-nav {
  height: 20px;
  line-height: 20px;
  margin-top: -30px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-nav .swiper-wrapper {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-nav .swiper-slide {
  height: 100%;
  opacity: 0.4;
  width: 50px;
  text-align: center;
  display: block;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-nav .swiper-slide-active {
  opacity: 1;
}
.swiper-nav .swiper-slide * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
}
.swiper-nav-name{
  border-left: 1px solid #fff;
}
.swiper-nav .swiper-slide:first-child .swiper-nav-name {
  border-left: none;
}
#homeFooter {
  background-image: url(../images/bg/home/bg.jpg);
  background-position: bottom;
  background-size: 100% auto;
}
#homeFooter img {
  width: 25%;
  /* padding-top: 5%; */
}

/* newslist */
html.pg-newslist, html.pg-newslist body, html.pg-newslist #homeFooter, html.pg-news, html.pg-news body, html.pg-news #homeFooter {
  background: none;
  background-color: #fff;
}
html.pg-newslist #homeFooter, html.pg-news #homeFooter {
  border-top: 1px solid #CFD0D0;
  padding: 5px 0;
}
html.pg-newslist .news-item, html.pg-news .news-item {
  border-top: 1px solid #CFD0D0;
  border-bottom: 1px solid #CFD0D0;
  background-color: #f6f6f6;
}
html.pg-newslist .news-title {
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  color: #555;
}
html.pg-news .news-title {
  font-size: 14px;
  line-height: 22px;
  color: #555;
}
html.pg-newslist .news-brief {
  font-size: 12px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
  color: #555;
}
html.pg-news .news-content {
  
  
}