.box {width: 100%; height: 100%;line-height: 5;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align:middle; }
.slider {position: relative;width: 100%;height:auto;overflow: hidden;}
.slides {height: 100%;/* Simple clear fix */overflow: hidden;/**	* Prevent blinking issue* Not tested. Experimental.*/-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;/*** Here is CSS transitions * responsible for slider animation in modern broswers*/-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {height: 100%;float: left;clear: none; background-size:100% 100%;}
.slider-arrows {}.slider-arrow {position: absolute;display: block;margin-bottom: -20px;	width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right { bottom: 50%; right: 30px; background:url(../images/arrowr.png);}
.slider-arrow--left { bottom: 50%; left: 30px; background: url(../images/arrowl.png);}
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width:50px;height:5px;float: left;clear: none;display: block;margin: 0 5px;background:rgba(255,255,255,0.5);}
.slider-nav__item:hover { background: #008742; }
.slider-nav__item--current { background: #008742; }
@media only screen and (max-width:1024px) {
.slider {position: relative;width: 100%;height:auto;overflow: hidden;}	
.box {width:95%; padding:0 2.5%; bottom:0; display:none; background-color:rgba(0,0,0,0.5); height:40px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; position:absolute; z-index:9999999;line-height:40px;font-size:14px;color: #fff;text-transform: capitalize;vertical-align:middle; }
.slide {height: 100%;float: left;clear: none; background-size:100% 100%;}

.slider-arrow--right { bottom: 50%; right: 30px; background:url(../images/arrowr.png);}
.slider-arrow--left { bottom: 50%; left: 30px; background: url(../images/arrowl.png);}
.slider-nav {position: absolute;bottom: 10px;}
.slider-nav__item {width:20px;height:5px;float: left;clear: none;display: block;margin: 0 5px;background:rgba(255,255,255,0.5);}
.slider-nav__item:hover { background: #008742; }
.slider-nav__item--current { background: #008742; }
}
@media only screen and (max-width:767px) {
.slider {position: relative;width: 100%;max-height:auto;overflow: hidden;}	
.box {width:95%; padding:0 2.5%; bottom:0; display:none; background-color:rgba(0,0,0,0.5); height:30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; position:absolute; z-index:9999999;line-height:30px;font-size:12px;color: #fff;text-transform: capitalize;vertical-align:middle; }
.slider-arrow--right { bottom: 50%; right:10px; background: url(../images/arrowr.png) }
.slider-arrow--left { bottom: 50%; left:10px; background:url(../images/arrowl.png) }
.slide {height: 100%;float: left;clear: none; background-size:100% 100%;}
.slider-arrow--right { bottom: 50%; right: 30px; width:30px; height:30px; display:none; background-size:100% 100%; background:url(../images/arrowr.png);}
.slider-arrow--left { bottom: 50%; left: 30px; width:30px;height:30px;display:none; background-size:100% 100%; background: url(../images/arrowl.png);}
.slider-nav {position: absolute;bottom: 10px;}
.slider-nav__item {width:20px;height:5px;float: left;clear: none;display: block;margin: 0 5px;background:rgba(255,255,255,0.5);}
.slider-nav__item:hover { background: #008742; }
.slider-nav__item--current { background: #008742; }
}

.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:10px}.hiSlider-btn-next{right:10px;background-position:-30px 0}.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}.hiSlider-pages{bottom:10px;right:10px;text-align:right}.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}.hiSlider-pages a.active{background:#5472BF}

.heading-primary {font-size: 2em;padding: 2em;text-align: center;}
.accordion dl,.accordion-list {}
.accordion dd,.accordion__panel {border-bottom: 1px solid #CCC;font-size: 1em;line-height: 1.5em;}
.accordion p { padding:15px 2em; line-height:30px;}
.accordion {position: relative; padding:50px 0;}
.container {max-width:100%;margin: 0 auto;padding: 2em 0 2em 0;}
.accordionTitle,.accordion__Heading {padding:0em 1em; line-height:50px;display:block; font-size:16px;text-decoration: none;color: #2b3666;-webkit-transition: background-color 0.5s ease-in-out;transition: background-color 0.5s ease-in-out;}
.accordionTitle:before,.accordion__Heading:before {content: "+"; margin-right:10px; color:#2b3666;font-size:24px;line-height:50px;float: left;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}.accordionTitle:hover,.accordion__Heading:hover {background-color: #f0f0f1;}
.accordionTitleActive,.accordionTitle.is-expanded {background-color:#f0f0f1;}
.accordionTitleActive:before,.accordionTitle.is-expanded:before {-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.accordionItem {height: auto;overflow: hidden;max-height: 50em;-webkit-transition: max-height 1s;transition: max-height 1s;}
@media screen and (min-width: 48em) {.accordionItem {max-height: 15em;-webkit-transition: max-height 0.5s;transition: max-height 0.5s;}}
.accordionItem.is-collapsed {max-height: 0;}
.no-js .accordionItem.is-collapsed {max-height: auto;}
.animateIn {-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;animation: accordionIn 0.45s normal ease-in-out both 1;}
.animateOut {-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;animation: accordionOut 0.45s alternate ease-in-out both 1;}
@-webkit-keyframes accordionIn {0% {opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);transform: scale(0.9) rotateX(-60deg);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes accordionIn {0% {opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);transform: scale(0.9) rotateX(-60deg);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes accordionOut {0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
100% {opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);transform: scale(0.9) rotateX(-60deg);}
}
@keyframes accordionOut {
0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
100% {opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);transform: scale(0.9) rotateX(-60deg);}
}
.cd-top { display: inline-block; height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background:#fe7c3a url(../images/cd-top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: .5;}
.no-touch .cd-top:hover {background-color: #fe7c3a;opacity: 1;}