/*banner*/
#banner { position: relative; overflow: hidden; max-width: 100%; height: 100%; left: 50%; margin-left: -50%; }
.focus { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; left: 50%; top: 0; margin-left: -50%; }
.f426x240 li { position: absolute; left: 0; top: 0; }
.rslides { width: 100%; position: relative; list-style: none; padding: 0; height: 100%; }
.rslides li { width: 100% !important; height: 100%; background-size: 100% 100% !important; }
.rslides_nav { height: 35px; width: 35px; position: absolute; text-indent: -9999px; overflow: hidden; left: 8%; top: 50%; z-index: 9999; display: block; background: url(../image/lft3.png) no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.rslides_nav:hover { background: url(../image/lft3.png) no-repeat; }
/*.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}*/
.rslides_nav.next { left: 90%; background: url(../image/lft4.png) no-repeat; }
/*.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}*/
.rslides_nav.next:hover { background: url(../image/lft4.png) no-repeat; }
.rslides_tabs { clear: both; text-align: center; position: absolute; bottom: 8%; left: 0px; z-index: 999; width: 100%; height: 14px; text-align: center; display: none; }
.rslides_tabs li { display: inline-block; margin: 0 5px; }
.rslides_tabs a { text-indent: -9999px; overflow: hidden; width: 8px; height: 8px; border-radius: 5px; display: inline-block; background-color: #fff; background-color: rgba(255,255,255,0.5); }
.rslides_tabs .rslides_here a { background-color: #2BB0E0; background-color: rgba(255,255,255,1); }
.rslides li article { width: 978px; height: 212px; position: absolute; left: 70%; margin-left: -489px; top: 30%; margin-top: -106px; }
.rslides li article p { font-size: 15px; color: #fff; text-transform: uppercase; position: relative; }
.rslides li article p:before { width: 100%; position: absolute; left: 0; top: 0; content: ''; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.5); }
.rslides li:nth-of-type(1) div img { transform: scale(0.5) translateY(-300px); -webkit-transform: scale(0.5) translateY(-300px); -moz-transform: scale(0.5) translateY(-300px); -o-transform: scale(0.5) translateY(-300px); transition: all .85s ease-in-out 0s; -webkit-transition: all .85s ease-in-out 0s; -moz-transition: all .85s ease-in-out 0s; -o-transition: all .85s ease-in-out 0s; opacity: 0; }
.rslides li:nth-of-type(1) article { top: 35%; left: 80%; width: 1100px; }
.rslides li:nth-of-type(1) p { margin-top: 20px; padding-top: 100px; transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transition: all 1s ease-in-out .8s; -webkit-transition: all 1s ease-in-out .8s; -moz-transition: all 1s ease-in-out .8s; -o-transition: all 1s ease-in-out .8s; opacity: 0; }
.rslides li:nth-of-type(1) span { display: block; width: 47px; height: 46px; overflow: hidden; }
.rslides li:nth-of-type(1) span.sp1 { position: absolute; left: -30px; top: -30px; /*background: url(../images/tp1.png) no-repeat center center; */transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); transition: all .85s ease 1.5s; -webkit-transition: all .85s ease 1.5s; -moz-transition: all .85s ease 1.5s; -o-transition: all .85s ease 1.5s; opacity: 0; }
.rslides li:nth-of-type(1) span.sp2 { position: absolute; right: -30px; bottom: 30px; background: url(../image/tp2.png) no-repeat center center; transform: translateX(150px); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); transition: all .85s ease 1.5s; -webkit-transition: all .85s ease 1.5s; -moz-transition: all .85s ease 1.5s; -o-transition: all .85s ease 1.5s; opacity: 0; }
.rslides li:nth-of-type(1).rslides1_on div img { transform: scale(1.0) translateY(0px); -webkit-transform: scale(1.0) translateY(0px); -moz-transform: scale(1.0) translateY(0px); -o-transform: scale(1.0) translateY(0px); opacity: 1 }
.rslides li:nth-of-type(1).rslides1_on p { padding-top: 20px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
.rslides li:nth-of-type(1).rslides1_on span.sp1, .rslides li:nth-of-type(2).rslides1_on span.sp2 { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
.rslides li:nth-of-type(3) div { margin-top: 23px; transform: translateX(-300px); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; opacity: 0; }
.rslides li:nth-of-type(3) p { width: 608px; margin-left: 184px; font-size: 20px; line-height: 1.5; margin-top: 20px; padding-top: 13px; transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; opacity: 0; }
.rslides li:nth-of-type(3) span { display: block; width: 157px; height: 262px; background: url(../image/ban4.png) no-repeat center center; position: absolute; left: 0; top: 0; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); opacity: 0; transition: all .8s ease-out 1s; -webkit-transition: all .8s ease-out 1s; -moz-transition: all .8s ease-out 1s; -o-transition: all .8s ease-out 1s; }
.rslides li:nth-of-type(3).rslides1_on div { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
.rslides li:nth-of-type(3).rslides1_on p { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
.rslides li:nth-of-type(3).rslides1_on span { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
.rslides li:nth-of-type(2) article { top: 45%; left: 80%; width: 1100px; }
.rslides li:nth-of-type(2) div { transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; opacity: 0; }
.rslides li:nth-of-type(2) p { width: 480px; position: absolute; right: 210px; top: 0; transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; opacity: 0; }
.rslides li:nth-of-type(2) p:before { bottom: -28px; top: auto; padding-bottom: 20px; }
.rslides li:nth-of-type(2).rslides1_on div { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
.rslides li:nth-of-type(2).rslides1_on p { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
div.Ntsx { position: absolute; width: 100%; bottom: 4%; text-align: center; }
div.Ntsx a { font-size: 30px; color: #fff; display: inline-block; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; position: relative; }
div.Ntsx a:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #fff; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); opacity: 0; transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; }
div.Ntsx a:hover:before { opacity: 1; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); background-color: rgba(255,255,255,0.2); }
@font-face { font-family: "微软雅黑";  /* IE9+ */ }
article.waperTit { width: 100%; text-align: center; }
article.waperTit h3 { font-family: "微软雅黑"!important; font-size: 37px; color: #0B701D;text-transform: uppercase; font-family: arial; /*text-shadow: 1px 1px 2px #0B701D;*/ }
article.waperTit h4 { font-size: 16px; color: #000; text-transform: uppercase }
article.waperTit h4 i { display: inline-block; width: 100px; border-top: 1px solid #fff; border-top: 1px solid rgba(0,0,0,0.6); margin: 0 20px; vertical-align: middle; vertical-align: super; }
article.waperTit2 h3 { color: #363636; }
article.waperTit2 h4 { color: #10492D; text-transform: uppercase }
article.waperTit2 h4 i { border-color: #363636; border-color: rgba(153,153,153,0.8); }
.section2 .index_title { margin-bottom: 110px; }
div.more { width: 100%; text-align: center; margin-top: 78px; }
div.more a { display: inline-block; width: 136px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; background-color: #fff; border-radius: 15px; color: #165738; vertical-align: middle; }
div.more a span { font-size: 17px; display: inline-block; ; margin-left: 20px; vertical-align: middle; }
div.more a:hover { background-color: #165738; color: #fff; }
div.more2 { margin-top: 0; text-align: left; }
div.more2 a { background-color: #165738 !important; color: #fff; }
div.more2 a:hover { background-color: #17B261 !important; }
section.page2 { width: 1204px; height: 558px; position: absolute; left: 50%; margin-left: -602px; top: 50%; margin-top: -279px; }
/**** AboutUs--style ****/
section.page2 .main { position: relative; margin-top: 50px; }
section.page2 .left { float: left; width: 55%; padding-bottom: 120px; }
section.page2 .right { float: right; width: 42%; }
section.page2 .Intro { }
section.page2 .Intro p { font-size: 14px; color: #0B701D; font-weight:bold;    line-height: 26px; margin-bottom: 30px; }
section.page2 .Intro .More { margin-bottom: 20px; display: inline-block; padding: 0 20px; line-height: 30px; font-size: 12px; color: #fff; background: #0B701D; border-radius: 20px; }
section.page2 .Intro .More .icon-more { position: relative; top: 2px; margin-left: 10px; }
section.page2 .Alist { position: absolute; left: 0; bottom: 0; width: 570px; }
section.page2 .Alist li { float: left; margin-right: 20px; }
section.page2 .Alist a { background: #fff; padding: 10px; display: block; text-align: center; border: 1px solid #e5e5e5; width: 100px; transition: all 0.3s linear; }
section.page2 .Alist .iconfont { font-size: 40px; color: #afb3b1; line-height: 60px; display: block; text-align: center; font-weight: 500; }
section.page2 .Alist h3 { font-size: 14px; color: #333; line-height: 30px; text-align: center; }
section.page2 .Alist .icon-zscq { font-size: 50px; }
section.page2 .Alist li:hover a { background: #0B701D; color: #fff; }
section.page2 .Alist li:hover .iconfont { color: #fff; }
section.page2 .Alist li:hover h3 { color: #fff; }
section.page2 .video { position: relative; }
section.page2 .video .fancybox { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; margin-top: -60px; transition: all 0.3s linear;z-index:98 }
section.page2 .video .iconfont { font-size: 60px; line-height: 80px; display: block; font-weight: 100;z-index:99 }
section.page2 .video h3 { font-size: 18px; line-height: 40px; }
section.page2 .video .fancybox:hover { color: #0B701D; }
section.page2 .video .pic img{max-width:100%}
section.page2 .left { opacity: 0; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page2 .left.active { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); }
section.page2 .right { transform: translate3d(70px, 70px, 0); -webkit-transform: translate3d(70px, 70px, 0); -moz-transform: translate3d(70px, 70px, 0); -o-transform: translate3d(70px, 70px, 0); transition: all .9s ease 0s; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; opacity: 0; }
section.page2 .right:before { transform: translate3d(-70px, -70px, 0); -webkit-transform: translate3d(-70px, -70px, 0); -moz-transform: translate3d(-70px, -70px, 0); -o-transform: translate3d(-70px, -70px, 0); transition: all .9s ease 0s; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; opacity: 0; }
section.page2 .right.active, section.page2 .right.active:before { transform: translate3d(0px, 0px, 0); -webkit-transform: translate3d(0px, 0px, 0); -moz-transform: translate3d(0px, 0px, 0); -o-transform: translate3d(0px, 0px, 0); opacity: 1; }
/*video*/
#PuPVideo { background: rgb(0, 0, 0, 0.7);background: #000\9; filter: alpha(opacity=70);width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; display: none }
.video_cont { max-width: 900px; max-height: 506px; padding: 15px; background: #fff; border-radius: 5px; position: absolute; }
.video_close { position: absolute; right: -28px; top: -28px; font-size: 30px; width: 30px; height: 30px; cursor: pointer; z-index: 9999; color: #fff; text-align: center }
section.page3 { width: 1204px; height: 558px; position: absolute; left: 50%; top: 50%; }
section.page3 article.waperTit h4 i { border-top: 1px solid rgba(0,0,0,0.6); }
.js_secnews { position: relative; margin-bottom: 30px; }
.js_secnews li { float: left; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews a { display: block; }
.js_secnews a:hover .txt h4 { color: #000; }
.js_secnews .img { width: 100%; position: relative; padding-bottom: 60.53%; overflow: hidden; }
.js_secnews .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews .txt { padding: 29px 7.63% 24px; }
.js_secnews .txt h4 { line-height: 34px; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #444444; transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews .txt h5 { line-height: 26px; margin-bottom: 11px; font-size: 12px; color: #555555; }
.js_secnews .txt .detail { font-size: 14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.js_secnews .prev, .js_secnews .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../image/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; /*transition: all 0.1s ease 0s;*/ z-index: 999; }
.js_secnews .prev { left: -61px; }
.js_secnews .prev:hover { background-position: left top; }
.js_secnews .next { right: -61px; background-position: left bottom; }
.js_secnews .next:hover { background-position: right bottom; }
.js_secnews .next.swiper-button-disabled:hover { background-position: left bottom; }
.js_secnews .prev.swiper-button-disabled:hover { background-position: right top; }
.js_secnews .swiper-pagination { display: none; }
/*scroll*/

.js_secnews li a:hover .img em { transform: scale(1.05); }
.js_secnews li:hover { transform: translate3d(0, -2px, 0); }
.js_secnews li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.active .js_secnews li::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.active .js_secnews li:nth-child(2n)::before { transform-origin: center top; }
.js_secnews li a { display: block; background-color: #fff; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.js_secnews li:nth-child(2n) a { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.active .js_secnews li a { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; }
/*page4*/
section.page4 { width: 1204px; height: 558px; position: absolute; left: 50%; margin-left: -602px; top: 50%; margin-top: -279px; }
section.page4 .greenCause { width: 100%; margin-top: 70px; }
section.page4 .greenCause ul { width: 110%; }
section.page4 .greenCause ul li { float: left; width: 254px; height: 270px; margin-right: 40px; background:#f4f4f4;border-bottom: 3px solid #0B701D; text-align: center; transform: rotateZ(-60deg) translateX(-200px); -webkit-transform: rotateZ(-60deg) translateX(-200px); -moz-transform: rotateZ(-60deg) translateX(-200px) -o-transform: rotateZ(-60deg) translateX(-200px) transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; opacity: 0; }
section.page4 .greenCause ul li:after{content: "";   
 display: block;   
width: 0px;   
 height: 0px;  
border-bottom: 17px solid #0B701D;
    border-right: 17px solid transparent;position: absolute; left:0; bottom:-1px;}
section.page4 .greenCause ul li h5 { position: relative; font-size: 16px; color: #333; font-weight:200;padding:10px 0; /*font-weight: bold; padding: 5px 25px; border-radius: 4px; background-color: #165738; display: table; margin: -15px auto 0;*/ z-index: 9; transition: all .1s ease 0s; -webkit-transition: all .1s ease 0s; -moz-transition: all .1s ease 0s; -o-transition: all .1s ease 0s; }

section.page4 .greenCause ul li div.img { width: 254px; height: 200px;  overflow:hidden; border-radius: 0%; /*border: 1px solid #fff;*/ }
section.page4 .greenCause ul li div.img img { width: 100%; height: 100%; transform-origin: center center; -webkit-transform-origin: center center; -moz-animation: transform-origin: center center;
-o-transform-origin: center center; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; }
section.page4 .greenCause ul li:hover div.img img { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); }
section.page4 .greenCause ul li:hover{background:#0B701D;}
section.page4 .greenCause ul li:hover h5{color:#fff;}
/*section.page4 .greenCause ul li:hover h5 { background-color: #17B261; }*/
section.page4 .greenCause ul li.gd1 { transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.75s; -webkit-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.75s; -moz-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.75s; -o-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.75s; }
section.page4 .greenCause ul li.gd2 { transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.50s; - webkit-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.50s;
-moz-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.50s; -o-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.50s; }
section.page4 .greenCause ul li.gd3 { transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.25s; -webkit-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.25s; -moz-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.25s; -o-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0.25s; }
section.page4 .greenCause ul li.gd4 { transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0s; -webkit-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0s; -moz-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0s; -o-transition: all .7s cubic-bezier(0.605, 0.55, 0.55, 1) 0s; }
section.page4 .greenCause ul li.active { transform: rotateZ(0deg) translateX(0px); -webkit-transform: rotateZ(0deg) translateX(0px); -moz-transform: rotateZ(0deg) translateX(0px); -o-transform: rotateZ(0deg) translateX(0px); opacity: 1; }

/*page5*/
section.page5 .wrap { padding-top: 33px; padding-bottom: 40px; position: relative; }
section.page5 .wrap .left { float: left; width: 50%; }
section.page5 .wrap .left h4 { font-size: 18px; font-weight: bold; color: #333333; line-height: 32px; }
section.page5 .wrap .left p { font-size: 14px; color: #888888; line-height: 25px; }
section.page5 .search { float: right; margin-top: 10px; width: 30%; border: 1px solid #dedede; height: 42px; position: relative; box-sizing: border-box; }
section.page5 .search .search_c{ display:inline-block;height: 20px; line-height: 20px; padding: 10px; width: 70%;}
section.page5 .search .text {float: left; background: #fff; font-size: 14px; color: #222; height: 20px; line-height: 20px;}
section.page5 .search .btn { float: right; margin-top: -1px; background: #0B701D url(../image/search_icon.png) no-repeat center center; width: 48px; height: 42px; }
section.page5 .idea .title { height: 46px; overflow: hidden; }

/*page5 end*/

.mobban { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.mobban img { width: 100%; height: 100%; position: absolute; left: 0%; top: 0; }
.waper-slide { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; bottom: 5%; z-index: 99; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; transition: all .4s linear 0s; }
.waper-slide:hover { transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
.gun-slide { position: absolute; height: 48px; left: 40px; bottom: 40px; z-index: 9; animation: ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; -webkit-animation: ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; }
.gun-slide font { display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; margin-left: 10px; }
 @keyframes ante { from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 50% {
 transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
}
to { transform: translateY(0px); -webkit-transform: translateY(0px); }
}
 @-webkit-keyframes ante { from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 50% {
 transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
}
to { transform: translateY(0px); -webkit-transform: translateY(0px); }
}