/* basic */
body {background: url(../images/bg.png);}
.head, .foot, .light, .menu {width: 100%;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.main {width: 100%;max-width: 640px;margin: 0 auto;}


/* title */
.title {width: 100%;height: 55px;line-height: 55px;text-align: center;font-size: 18px;font-weight: bold;color: #ffe692;background: url(../images/title-bg.png) repeat-x;background-size: contain;}

/* light */
.light {width: 100%;overflow: hidden;border-top: 3px #00751c solid;border-bottom: 3px #cc3333 solid;}
.block_home_slider {position: relative;text-align: center;}  
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background:url(../images/sprite_arrow_2.png) no-repeat; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {position: absolute;bottom: 10px;left: 50%;margin: 0 0 0 -18px;}
.block_home_slider .flex-control-paging li {margin: 0px;padding: 0px;float: left;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:20px; height:20px; display:block; background:url(../images/light-ico.png) no-repeat; text-indent:-9000px; cursor:pointer;opacity: .7;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {	display: none;-webkit-backface-visibility: hidden;list-style-type: none;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* home-btn */
.home-btn {padding: 0 2%;overflow: hidden;margin: 20px 0;}
.home-btn a {width: 33.3%;overflow: hidden;display: block;float: left;margin:0 0 10px;}
.home-btn a img {width: 100%;}
.home-btn a span {width: 100%;line-height: 200%;font-size: 14px;color: #333;text-align: center;display: block;}

/* bar */
.bar {width: 100%;height: 60px;background: #000;position:fixed;left: 0;bottom: 0;}
.bar a {border-right: 1px #464646 solid;text-align: center;width: calc(25% - 1px);background-repeat: no-repeat;background-size:25px;background-position: center 5px;display: block;float: left;height: 55px;line-height: 85px;font-size: 14px;color: #f9f3e4;border-top: 5px #333 solid;}
.bar a:hover, .bar a.active {background-color: #00751c;border-color: #339149;}
.bar a.ba1 {background-image: url(../images/bar-1.png);}
.bar a.ba2 {background-image: url(../images/bar-2.png);}
.bar a.ba3 {background-image: url(../images/bar-3.png);}
.bar a.ba4 {background-image: url(../images/bar-4.png);}
.bar-height {width: 100%;height: 70px;display: block;}

/* caption */
.caption {width: 100%;font-size: 18px;color: #333;text-align: center;line-height: 300%;font-weight: bold;}

/* product */
.product {padding: 10px 2%;overflow: hidden;}
.product a {border: 5px #fff solid;box-shadow: 0 2px 5px #999;margin: 2%; width: calc(46% - 10px);display: block;float: left;position: relative;}
.product a img {width: 100%;}
.product a span {width: 100%;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 14px; background: url(../images/img-span.png) repeat-x; position: absolute;left: 0;bottom: 0;}

/* page */
.page {width: 100%;padding: 10px 0;text-align: center;}
.page a {width: 45px;height: 45px;line-height: 45px; text-align: center; background-color: #a21414;border-radius: 100%;display: inline-block;background-repeat: no-repeat;background-position: center;font-size: 14px;vertical-align: middle;background-size:10px;}
.page a.pa1 {background-image: url(../images/page-pre.png);}
.page a.pa2 {background-image: url(../images/page-nex.png);}
.page a.pa3 {background:none;}

/* banner */
.banner {position: relative;}
.banner span {width: 100%;height: 38px;line-height: 38px;color: #fff;font-size: 18px;text-indent: 1em;position: absolute;bottom: 0;left: 0;display: block;background: rgba(0,0,0,.7);}
.banner img {width: 100%;}
/* list */
.list {margin: 25px 0;overflow: hidden;box-shadow: 0 0 5px #999;}
.list a {width: 100%;height: 65px;line-height: 65px;font-size: 16px; border-bottom: 1px #eee solid;background: #fff;display: block;overflow: hidden;}
.list a span {width: 55px;height: 55px;margin: 5px;border-radius: 100%;display: block;float:left;overflow: hidden;}
.list a span img {width: 100%;vertical-align: inherit;}
.list a i {width:10%;height: 65px;background: url(../images/more.png) center center no-repeat;background-size: 10px;display: block;float: right;}

/* article */
.article {padding: 0 2%;margin: 15px 0;overflow:hidden;}
.article img {border: 5px #fff solid;box-shadow: 0 2px 5px #999;margin: 0 0 10px;width:calc(100% - 10px);}
.article p {line-height: 200%;font-size: 14px;}
.article h3 {width: 84px;height: 27px;line-height: 27px;display: block;text-indent: 1em;color: #ffe692;font-size: 14px;margin: 15px 0;background: url(../images/h3-bg.png) no-repeat;background-size: cover;}
.article-list {width: 100%;}
.article-list li {width: 100%;height: 27px;line-height: 27px;text-align: center;font-size: 14px;background: #fff;display: block;margin: 0 0 10px;}
.article-list li span {padding: 0 15px;color: #cd6633;background: #ffc000;float: left;}
.article-video {background: #000;padding: 5px;overflow: hidden;}
.article-video video {width: 100%;}





@media (max-width:460px) {
  .product a {width: calc(96% - 10px);}
}