@charset "utf-8";
/* 
 * Project Name: 奥特丝纺织
 * Author:浅浅
 * Date：2017-1-17
 */
@font-face { font-family: 'JAVATEXT'; src: url('../fonts/javatext.eot'); src: url('../fonts/javatext.eot') format('embedded-opentype'), url('../fonts/javatext.woff2') format('woff2'), url('../fonts/javatext.woff') format('woff'), url('../fonts/javatext.ttf') format('truetype'), url('../fonts/javatext.svg#javatext') format('svg'); }
@font-face { font-family: 'OCRA'; src: url('../fonts/ocra.eot'); src: url('../fonts/ocra.eot') format('embedded-opentype'), url('../fonts/ocra.woff2') format('woff2'), url('../fonts/ocra.woff') format('woff'), url('../fonts/ocra.ttf') format('truetype'), url('../fonts/ocra.svg#ocra') format('svg'); }

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0px; outline: none; font-size: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* always display scrollbars */
body { font: 14px/1.8 "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #666666; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #c18e3d; color: #fff; text-shadow: none; }
::selection { background: #735d3a; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1120px; margin: 0px auto; }
.loadBox { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 1020; display: block; }
.loadC { width: 120px; height: 190px; position: absolute; left: 50%; top: 50%; margin: -85px 0px 0px -60px; }
.loadC .img { margin-bottom: 35px; }
.loadC .img img { display: block; margin: 0px auto; }
.loadC .txt { text-align: center; font-size: 18px; }
.top a:link, .top a:visited { color: #b5b5b7; }
.top a:active, .top a:hover { color: #fff; }
.top { padding: 10px 3%; width: 94%; height: 118px; overflow: hidden; color: #666666; border-bottom: 1px solid #c9c9c9; }
.top a:link, .top a:visited { color: #666666; }
.top a:active, .top a:hover { color: #10664b; }
.logo { float: left; display: block; position: relative; height: 100%; height: 109px; }
.logo img { display: block; height: 100%; }
.logo .txt { position: absolute; left: 140%; top: 25%; width: 125px; }
.navSider { float: right; display: block; }
.langerBox { padding: 25px 0px 5px; font-size: 15px; text-align: right; }
.langerBox .line { padding: 0px 5px; }
.langerBox a.act { color: #10664B; }
.nav li { float: left; display: block; margin-left: 50px; }
.nav a { font-size: 16px; position: relative; display: inline-block; }
.nav a .bot { position: absolute; left: 0px; bottom: 0px; width: 0%; height: 1px; background-color: #10664b; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.csstransforms .nav a:before { content: ""; width: 100%; height: 1px; background-color: #10664b; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.csstransforms .nav a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.no-csstransforms .nav a:hover .bot { width: 100%; }
.top .nav a.active { color: #10664b; }
.top .nav a.active .bot { width: 100%; }
.otexBH { overflow: hidden; }
.menu-handler { display: none; width: 32px; height: 32px; cursor: pointer; position: absolute; overflow: hidden; right: 5%; top: 14px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 32px; height: 2px; background-color: #333333; display: block; position: absolute; z-index: 5; top: 5px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 15px; }
.menu-handler .burger-3 { top: 25px; }
.menu-handler.active { moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition-delay: 250ms; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; }
.menu-handler.active .burger-1 { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -10px; }
.menu-handler.active .burger-2 { border-radius: 0px 2px 2px 0px; }
.menu-handler.active .burger-3 { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -10px; }
.trans, .trans:hover { -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; }
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 900; background-color: #333333; color: #898989; text-align: right; }
.menuBox .langerBox { margin-top: 60px; padding: 20px 5%; color: #cccccc; font-size: 18px; border-bottom: 1px solid #1c1c1c; }
.menuBox .langerBox a.act { color: #72d5b6; }
.menuBox a:link, .menuBox a:visited { color: #cccccc; }
.menuBox a:active, .menuBox a:hover { color: #fff; }
.navMobile a:link, .navMobile a:visited { color: #fff; }
.navMobile a:active, .navMobile a:hover { color: #fff; }
.navMobile { margin: 0px auto; padding: 75px 0px 35px; }
.navMobile li { overflow: hidden; }
.navMobile .itemA { display: block; line-height: 70px; overflow: hidden; height: 70px; padding: 0px 5%; font-size: 28px; opacity: 0; position: relative; top: -70px; background-repeat: no-repeat; background-position: left center; }
.navMobile .itemA:before { content: ""; width: 19px; height: 12px; position: absolute; left: 5%; top: 50%; margin-top: -6px; transform: translateX(-200%); -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); opacity: 0; background: url(../images/m_subact.png) center no-repeat; transition: 0.4s; -webkit-transition: 0.4s; }
.navMobile .itemA:hover, .navMobile .itemA.cur { background-color: #10664b; }
.navMobile .itemA:hover:before, .navMobile .itemA.cur:before { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); }
.menuBox.active .itemA { opacity: 1; top: 0; transition: top 600ms ease 50ms; -webkit-transition: top 600ms ease 50ms; }
.menuBox-bot { width: 90%; padding: 0px 0 20px; margin: 0px auto; color: #898989; opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); transition: 600ms ease 150ms; -webkit-transition: 600ms ease 150ms; }
.menuBox-bot .item1 { float: left; display: block; width: 25%; margin-right: 5%; }
.menuBox-bot .flogo { max-width: 100%; display: block; }
.menuBox-bot a:link, .menuBox-bot a:visited { color: #ffa2a5; }
.menuBox-bot a:active, .menuBox-bot a:hover { color: #fff; }
.menuBox-bot .t { padding: 3% 0px 1%; }
.menuBox-bot .sharpbox { float: right; }
.sharpbox a { float: left; display: block; width: 40px; height: 40px; margin-left: 10px; }
.sharpbox a:first-child { margin-left: 0; }
.sharpbox a .i { background: url(../images/share11.png) no-repeat scroll center center; background-size: cover; width: 100%; height: 100%; display: block; }
.sharpbox a.a1 .i { background-image: url(../images/share11.png); }
.sharpbox a.a2 .i { background-image: url(../images/share21.png); }
.sharpbox a.a3 .i { background-image: url(../images/share31.png); }
.sharpbox a.a4 .i { background-image: url(../images/share41.png); }
.sharpbox a.a5 .i { background-image: url(../images/share51.png); }
.sharpbox a.a1:hover .i { background-image: url(../images/share1.png); }
.sharpbox a.a2:hover .i { background-image: url(../images/share2.png); }
.sharpbox a.a3:hover .i { background-image: url(../images/share3.png); }
.sharpbox a.a4:hover .i { background-image: url(../images/share4.png); }
.sharpbox a.a5:hover .i { background-image: url(../images/share5.png); }
.menuBox.active .menuBox-bot { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.foot { font-family: "JAVATEXT","georgia"; }
.footList { position: relative; }
.footI { position: absolute; left: 0px; bottom: 0; background-color: #10664b; color: #fff; }
.footI, .footC { width: 45%; padding: 18px 2.5% 12px; float: left; display: block; }
.F-links { font-family: arial, helvetica, sans-serif; width: 212px; height: 30px; border: 1px solid #fff; position: relative; line-height: 30px; transition: 300ms; -webkit-transition: 300ms; margin-bottom: 8px; background-color: #fff; color: #64aa92; }
.F-links .mb { padding: 0 35px 0 15px; position: relative; cursor: pointer; line-height: 30px; }
.F-links .mb .aw { width: 30px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../images/fl-aw.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.F-links .b { padding-bottom: 3px; position: absolute; left: -1px; right: -1px; bottom: 31px; display: none; }
.F-links ul { background-color: #64aa92; padding: 8px 0; overflow: hidden; }
.F-links a { display: block; padding: 5px 15px; line-height: 1.4; }
.F-links a:hover { background-color: #1ba284; }
.F-links.act { border-color: #fff; }
.F-links.act .mb .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.footI a:link, .footI a:visited { color: #fff; }
.footI a:active, .footI a:hover { color: #fff; }
.footI { padding: 28px 2.5%; }
.footI .con { float: left; display: inline-block; margin-right: 80px; }
.footI .sharpbox2 { float: left; display: inline-block; padding-top: 8px; }
.sharpbox2 a { margin-right: 8px; }
.sharpbox2 a img { opacity: 0.7; filter: alpha(opacity=70); transition: opacity 0.3ms; -webkit-transition: opacity 0.3ms; }
.sharpbox2 a:hover img { opacity: 1; filter: alpha(opacity=100); }
.footC { text-align: right; float: right; background-color: #F9F9F9; }
.footC a:link, .footC a:visited { color: #666; }
.footC a:active, .footC a:hover { color: #10664B; }
.backTop { background: url(../images/backtop-blue.png) no-repeat scroll center center; background: none rgba(92,176,146,1); border-radius: 50%; width: 49px; height: 49px; position: fixed; bottom: 5%; right: -54px; z-index: 1000; text-align: center; cursor: pointer; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.backTop .ico { background: url(../images/jt_5.png) no-repeat scroll center 0; width: 15px; height: 20px; margin: 16px auto 0; display: block; color: #fff; }
.backTop.showme { right: 18px; transform: scale(1) rotate(-360deg) translate(0px); -webkit-transform: scale(1) rotate(-360deg) translate(0px); -moz-transform: scale(1) rotate(-360deg) translate(0px); -o-transform: scale(1) rotate(-360deg) translate(0px); }
.backTop:hover { background: url(../images/backtop-blue2.png) no-repeat scroll center center; background: none rgba(224,244,237,1); }
.backTop:hover .ico { margin-top: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
/*video*/
.transYT { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
.transYT2 { transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
.transXT { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
.transXT2 { transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 60px!important; height: 60px!important; transform: rotate(0deg) !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon { background: none no-repeat!important; }
/*video style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}
/* Slider  end*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.black30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/black30.png) repeat; background: none rgba(0,0,0,0.3); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.banner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.binbox { position: absolute; width: 636px; overflow: hidden; left: 50%; margin-left: -318px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox p { overflow: hidden; }
.binbox .imgt img { margin: 0px auto; display: block; width: 150px; opacity: 0; transform: translate(0px,-30%); -webkit-transform: translate(0px,-30%); }
.binbox .imgl { margin-bottom: 44px; position: relative; }
.binbox .imgl .ico { background: url(../images/flower.png) no-repeat; width: 32px; height: 44px; display: block; margin: 0px auto; background-size: 100% auto; }
.binbox .imgl .line { height: 1px; top: 50%; background-color: #fff; opacity: 0.48; filter: alpha(opacity=48); }
.binbox .imgl .line1 { position: absolute; right: 50%; width: 50%; margin-right: 20px; }
.binbox .imgl .line2 { position: absolute; left: 50%; width: 50%; margin-left: 20px; }
.binbox .by { font-weight: bold; font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
.binbox .t { font-weight: bold; font-size: 34px; line-height: 1.1; }
.binbox .by span, .binbox .t span { display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
.banner .slick-dots { bottom: 3%; z-index: 104; }
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 13px; height: 13px; margin: 0px; cursor: pointer; }
.banner .slick-dots li a { height: 13px; width: 13px; line-height: 13px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 0%; background: url(../images/banner_i2.png) no-repeat scroll center center; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(../images/banner_i1.png); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .binbox .imgl .line { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
.slick-active .binbox .imgt img { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }
.slick-active .binbox .by span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.3s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; }
.slick-active .binbox .t span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .binbox .imgt img, .slick-active .binbox .by span, .slick-active .binbox .t span { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.banner .slick-arrow { width: 20%; height: 100%; top: 0; z-index: 100; }
.banner .slick-arrow span { width: 28px; height: 30px; display: block; border-bottom: 1px solid #fff; position: relative; left: 50%; top: 50%; margin-top: -15px; z-index: 400; color: #fff; font-size: 14px; line-height: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; }
.banner .slick-prev { left: 0%; }
.banner .slick-next { right: 0%; }
.banner .slick-prev span { left: 35%; }
.banner .slick-next span { right: 35%; text-align: right; }
.banner .slick-prev:hover span { opacity: 1; visibility: visible; transform: translateX(-15px); -webkit-transform: translateX(-15px); }
.banner .slick-next:hover span { opacity: 1; visibility: visible; transform: translateX(15px); -webkit-transform: translateX(15px); }

@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes a_slidercurrent { from;
{ width: 0%; }
to { width: 100%; }
}

@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}

.main { overflow: hidden; }
.iboxT { font-weight: bold; font-size: 24px; text-align: center; color: #333333; }
.aboutIbox { text-align: center; color: #333333; background-color: #f9f9f9; }
.about-ibox a:link, .about-ibox a:visited { color: #666; }
.about-ibox a:active, .about-ibox a:hover { color: #10664B; }
.about-ibox { padding: 102px 0px 80px; }
.about-ibox .c { width: 64%; margin: 40px auto 0px; color: #666; font-size: 15px; }
.aboutIlist { position: relative; }
.aboutIlist .img { overflow: hidden; position: relative; }
.aboutIlist .img img { width: 100%; display: block; transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s; }
.aboutIlist .con { -webkit-transition: 0.4s; transition: 0.4s; }
.brandIdea-ibox, .brandStory-ibox { width: 53%; display: block; overflow: hidden; }
.brandIdea-ibox a:link, .brandIdea-ibox a:visited { color: #333333; }
.brandIdea-ibox a:active, .brandIdea-ibox a:hover { color: #333; }
.brandIdea-ibox { position: absolute; left: 0px; top: -10%; background-color: #fff; z-index: 10; }
.brandIdea-ibox a:hover .t { color: #333; }
.brandIdea-ibox .con { padding: 60px 60px 45px; }
.brandIdea-ibox .c { margin: 32px 0px 50px; font-size: 15px; }
.brandIdea-ibox:hover .img img { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 0.9; }
.brandIdea-ibox:hover .con { background-color: #f5f3f3; }
.brandStory-ibox a:link, .brandStory-ibox a:visited { color: #fff; }
.brandStory-ibox a:active, .brandStory-ibox a:hover { color: #fff; }
.brandStory-ibox { background-color: #10664b; color: #fff; float: right; display: block; }
.brandStory-ibox .iboxT { margin-bottom: 20px; color: #fff; }
.brandStory-ibox .con { padding: 60px 90px; }
.brandStory-ibox:hover .img img { transform: scale(1.15); -webkit-transform: scale(1.15); opacity: 0.9; }
.brandIdea-ibox:hover .jt-more, .brandStory-ibox:hover .jt-more { width: 60px; }
.brandIdea-ibox:hover .black30, .brandStory-ibox:hover .black30 { opacity: 1; visibility: visible; }
.jt-more { width: 19px; height: 12px; margin: 0px auto; display: block; background-repeat: no-repeat; background-position: right center; -webkit-transition: 0.4s; transition: 0.4s; }
.jt-more1 { background-image: url(../images/jt_1.png); }
.jt-more2 { background-image: url(../images/jt_2.png); }
.jt-more3 { background-image: url(../images/jt_3.png); }
.jt-more4 { background-image: url(../images/jt_4.png); background-position: left center; }
.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; }
.advantageBox { padding: 170px 0px 210px; text-align: center; color: #fff; }
.advantageBox a:link, .advantageBox a:visited { color: #fff; }
.advantageBox a:active, .advantageBox a:hover { color: #fff; }
.advantageBox .img img { display: block; margin: 0px auto; width: 190px; }
.advantageBox .c { margin: 65px 0px 15px; position: relative; font-weight: bold; font-size: 16px; margin-bottom: 20px; }
.advantageBox .line { position: relative; padding: 0px 20px 15px; }
.advantageBox .line i { position: absolute; left: 0px; bottom: 0; width: 100%; height: 5px; background-color: #fff; opacity: 0.7; filter: alpha(opacity=70); }
.advantageBox .line i:before { content: ""; width: 100%; height: 5px; background-color: #59a98f; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.advantageBox a { display: block; }
.advantage-imore i { background: url(../images/jt_2.png) no-repeat scroll right center; width: 12px; display: inline-block; margin-left: 10px; -webkit-transition: 0.4s; transition: 0.4s; }
.advantageBox .inner:hover .line i:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.advantageBox .inner:hover .advantage-imore i { width: 40px; }
.proIbox { position: relative; padding-bottom: 158px; }
.product-ibox a:link, .product-ibox a:visited { color: #333333; }
.product-ibox a:active, .product-ibox a:hover { color: #000; }
.product-ibox { background-color: #f9f9f9; color: #333333; width: 53%; }
.product-ibox .iboxT { margin-bottom: 20px; }
.product-ibox .img, .product-ibox-img { overflow: hidden; position: relative; }
.product-ibox .img img, .product-ibox-img .img img { width: 100%; display: block; transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s; }
.product-ibox { display: block; position: absolute; left: 0; top: 20%; z-index: 6; }
.product-ibox .con { padding: 60px 90px; text-align: center; }
.product-ibox:hover .black30 { opacity: 1; visibility: visible; }
.product-ibox:hover .img img { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 0.9; }
.product-ibox:hover .jt-more { width: 60px; }
.product-ibox-img { width: 53%; float: right; display: block; }
.product-ibox-img .img { position: relative; overflow: hidden; background-color: #F9F9F9; }
.product-ibox-img .img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); }
.product-ibox-img .img:hover .black30 { opacity: 1; visibility: visible; }
.newIbox { background-color: #F9F9F9; position: relative; padding-bottom: 122px; }
.newIbox-ico { background: url(../images/otex.png) no-repeat; width: 77px; height: 77px; display: block; background-size: 100% auto; position: absolute; top: -38px; left: 50%; margin-left: -38px; z-index: 10; -webkit-animation: 8s linear 0s infinite running Turnico; animation: 8s linear 0s infinite running Turnico; }
.newIT { position: relative; overflow: hidden; height: 70px; }
.newIT .line { height: 1px; top: 0%; background-color: #cccccc; }
.newIT .line1 { position: absolute; right: 50%; width: 50%; margin-right: 42px; }
.newIT .line2 { position: absolute; left: 50%; width: 50%; margin-left: 42px; }
.newIlist a:link, .newIlist a:visited { color: #7f7f7f; }
.newIlist a:active, .newIlist a:hover { color: #10664b; }
.newIlist { margin-top: 68px; }
.newIlist dd { float: left; display: block; width: 33.33%; position: relative; overflow: hidden; background-color: #fff; }
.newIlist .target { background-color: #F9F9F9; }
.newIlist .con { border-left: 1px solid #cccccc; padding: 15px 32px 40px; }
.newIlist dd:last-child .con { border-right: 1px solid #cccccc; }
.newIlist .num { display: block; font-size: 48px; font-family: "JAVATEXT","georgia"; line-height: 1; text-align: center; color: #333; }
.newIlist .month { display: block; text-align: center; color: #333; line-height: 1.1; margin-bottom: 14px; }
.newIlist .c { font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden; }
.newIlist .jt-more { width: 0; }
.newIlist dd:hover .num, .newIlist dd:hover .month, .newIlist dd:hover .c { color: #10664B; }
.newIlist dd:hover .jt-more { width: 19px; }
.iboxLink { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; }
.mapIbox { overflow: hidden; background: url(../images/ibg.jpg) repeat #181818; }
.mapICon { width: 100%; display: block; position: relative; overflow: hidden; height: 562px; background-position: center top; background-repeat: no-repeat; }
.mapBox a { color: #fff; }
.mapBox { position: absolute; left: 50%; color: #fff; width: 278px; margin-left: -146px; top: 174px; padding-left: 14px; height: 106px; padding-bottom: 46px; overflow: hidden; -webkit-animation: 2s linear 0s infinite running micoI; animation: 2s linear 0s infinite running micoI; }
.mapBox .line { position: absolute; left: 0px; bottom: 46px; width: 2px; background-color: #64aa92; height: 100%; }
.mapBox .mico { position: absolute; height: 46px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: url(../images/contact_i1.png) no-repeat scroll left bottom; display: block; }

@-webkit-keyframes micoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px); }
}

@-moz-keyframes micoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px); }
}

@keyframes micoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px); }
}
/*index style end*/
/*about style*/
.pbanner { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #F9F9F9; }
.pbanner .pimg { position: absolute; width: 100%; display: block; }
.picw .pimg { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.trans-1 .pimg { transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.aboutNav { position: absolute; top: 0; right: 0; height: 100%; width: 30%; }
.aboutNav dd { float: left; display: block; overflow: hidden; height: 100%; width: 33.33%; position: relative; }
.aboutNav a { display: block; height: 70%; position: relative; overflow: hidden; color: #fff; background-color: #64aa92; background-color: rgba(100,170,146,0.7); }
.aboutNav dd.item2 a { top: 15%; }
.aboutNav dd.item3 a { top: 30%; }
.aboutNav .black30 { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; }
.aboutNav .line { position: absolute; left: 0px; top: 0; width: 1px; height: 100%; background-color: #999; opacity: 0.3; filter: alpha(opacity=30); z-index: 5; }
.aboutNav .img { background-size: cover; background-repeat: no-repeat; background-position: top center; height: 100%; display: block; -webkit-transition: margin 0.3s,-webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transition: margin 0.3s,transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transform: translate(0%, -100%); -webkit-transform: translate(0%, -100%); }
.aboutNav .item2 .img { transform: translate(0%, 100%); -webkit-transform: translate(0%, 100%); }
.aboutNav .con { position: absolute; left: 0px; bottom: 5%; left: 10%; width: 90%; color: #fff; line-height: 1.5; font-size: 18px; }
.aboutNav .con .num { display: block; font-weight: bold; font-size: 16px; font-family: arial, helvetica, sans-serif; }
.aboutNav a:hover .img { margin-top: -5px; }
.aboutNav a:hover .black30 { opacity: 1; visibility: visible; }
.aboutNav a:before { content: ""; width: 100%; height: 5px; background-color: #10664b; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.aboutNav a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.aboutNav .inview .img { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); }
.c10664b { color: #10664b; }
.aboutPage { padding: 90px 0px 70px; }
.pinner { width: 1058px; margin: 0px auto; }
.pageT { font-size: 36px; text-align: center; line-height: 1.2; margin-bottom: 16px; }
.page-blueT { border-top: 2px solid #10664B; border-bottom: 2px solid #10664B; margin-bottom: 50px; }
.page-whiteT { border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-bottom: 50px; }
.pageI { font-size: 18px; text-align: center; padding: 6px 0px; }
.pageC { font-size: 15px; color: #666666; }
.pageC a:link, .pageC a:visited { color: #333; }
.pageC a:active, .pageC a:hover { color: #10664b; }
.pageC img { max-width: 100%; }
.aboutClist { position: relative; }
.aboutCL, .aboutCR { float: left; display: block; }
.aboutCL { width: 48%; margin-right: 5%; }
.aboutCR { width: 47%; }
.aboutimg { position: absolute; bottom: -160px; right: 0; }
.ideaPage { padding: 70px 0 220px; background-position: center bottom; background-repeat: no-repeat; background-color: #f5f9fb; }
.ideaBox { width: 43%; background-color: #64aa92; background-color: rgba(100,170,146,0.7); overflow: hidden; }
.ideaBox article { padding: 65px 10% 88px; background-color: #fff; }
.storyPage a:link, .storyPage a:visited { color: #fff; }
.storyPage a:active, .storyPage a:hover { color: #fff; }
.storyPage { position: relative; background: url(../images/ibg.jpg) repeat #181818; padding: 336px 0px 194px; color: #fff; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }

@keyframes animatedfoot1 {
    from { background-position: 0 0; }
    to { background-position: -100% 0; }
}

@-webkit-keyframes animatedfoot1 {
    from { background-position: 0 0; }
    to { background-position: -100% 0; }
}

.storyBot { background: url(../images/bot.png) repeat-x #181818; height: 1px; width: 100%; display: block; overflow: hidden; }
.storyBot1 { position: absolute; left: 0px; top: 0; }
.storyBot2 { position: absolute; left: 0px; top: 48px; }
.pageLogo img { margin: 0px auto; display: block; }
.storyTbox { background: url(../images/y.png) no-repeat scroll 0 0 / cover; width: 281px; height: 281px; display: block; position: absolute; left: 50%; top: -126px; margin-left: -140px; transform: translateY(50%); -webkit-transform: translateY(50%); }
.storyTbox .pageLogo { padding: 18px 0px 0px; height: 108px; }
.storyTbox .pageI { height: 36px; line-height: 36px; margin-bottom: 12px; }
.pageLogo .img { width: 104px; }
.storyBox { position: relative; overflow: hidden; }
.stline { position: absolute; left: 0px; top: 50%; margin-top: -1px; width: 100%; height: 2px; background-color: #64aa92; }
.historyDemo { margin: 0px auto; width: 90%; }
.historyDemo .item { width: 100%; height: 380px; position: relative; }
.historyDemo .yg { background: url(../images/yg.png) no-repeat scroll left bottom; width: 40px; height: 60px; position: absolute; left: 0px; }
.historyDemo .xian { background-color: #64aa92; width: 2px; height: 100%; position: absolute; left: 0px; }
.historyDemo .dian { background: url(../images/sot_1.png) no-repeat; width: 28px; height: 28px; position: absolute; left: 36px; }
.historyDemo .year { font-family: "JAVATEXT","georgia"; font-size: 24px; line-height: 1.2; width: 95px; text-align: center; position: absolute; left: 0; }
.historyDemo .con { font-size: 14px; line-height: 1.8; color: #cccccc; height: 100%; overflow: hidden; position: relative; padding-left: 36px; }
.historyDemo .hitem1, .historyDemo .hitem2, .historyDemo .hitem3, .historyDemo .hitem4 { width: 34%; }
.historyDemo .hitem1 .yg, .historyDemo .hitem3 .yg { bottom: -46px; }
.historyDemo .hitem2 .yg, .historyDemo .hitem4 .yg { top: -46px; background: url(../images/yg2.png) no-repeat scroll left top; }
.historyDemo .hitem1 .dian, .historyDemo .hitem3 .dian { bottom: -62px; }
.historyDemo .hitem2 .dian, .historyDemo .hitem4 .dian { top: -62px; }
.historyDemo .hitem1 .xian, .historyDemo .hitem3 .xian { bottom: 0px; }
.historyDemo .hitem2 .xian, .historyDemo .hitem4 .xian { top: 0px; }
.historyDemo .hitem1 .year, .historyDemo .hitem3 .year { bottom: -110px; }
.historyDemo .hitem2 .year, .historyDemo .hitem4 .year { top: -100px; }
.historyDemo .hitem2 .c, .historyDemo .hitem4 .c { position: absolute; left: 36px; bottom: 0px; }
.historyDemo .hitem1 { position: absolute; left: 5%; height: 140px; top: 0px; }
.historyDemo .hitem2 { position: absolute; left: 28%; height: 120px; top: 240px; }
.historyDemo .hitem3 { position: absolute; left: 50%; height: 120px; top: 20px; }
.historyDemo .hitem4 { position: absolute; left: 64%; height: 140px; top: 240px; }
.historyDemo .slick-arrow { width: 58px; height: 58px; display: block; top: 50%; margin-top: -29px; z-index: 100; overflow: hidden; }
.historyDemo .slick-arrow i { width: 28px; height: 100%; display: block; position: relative; z-index: 2; transition: 400ms; -webkit-transition: 400ms; }
.historyDemo .slick-prev { left: -58px; }
.historyDemo .slick-next { right: -58px; }
.historyDemo .slick-prev i { background: url(../images/h_btn_l.png) no-repeat scroll center center; margin: 0px 0px 0px 20px; }
.historyDemo .slick-next i { background: url(../images/h_btn_r.png) no-repeat scroll center center; margin: 0px 0px 0px 10px; }
.historyDemo .slick-arrow:hover i { height: 28px; }
.historyDemo .slick-prev:hover i { margin: 15px 0px 0px 20px; }
.historyDemo .slick-next:hover i { margin: 15px 0px 0px 10px; }
.historyDemo .slick-arrow:hover:before { width: 100%; height: 100%; }
.historyDemo .slick-arrow:before { content: ""; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background-color: #fff; border-radius: 50%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; }
/*about style end*/
/*advantage style*/
.advantage-Box { width: 100%; overflow: hidden; }
.advantage-img { overflow: hidden; position: relative; height: 400px; }
.advantage-img .img { width: 100%; display: none; }
.advantage-con { width: 745px; padding: 80px 0px 90px; position: relative; text-align: justify; }
.advantage-T { position: absolute; left: 0px; top: -52px; height: 42px; line-height: 42px; padding: 5px 18px; background-color: #10664b; color: #fff; font-weight: bold; font-size: 18px; overflow: hidden; }
.advantage-T .num { padding-right: 20px; }
.advantage-dl { position: relative; margin-bottom: 20px; }
.advantage-dl dt { display: block; width: 72px; position: absolute; left: 0px; top: 0; }
.advantage-dl dd { display: block;}
.advantage-top { height: 50px; }
.advantage-nav-box { position: absolute; right: 50%; margin-right: -560px; width: 240px; top: 340px; z-index: 600; }
.advantage-nav-box.fixed { position: fixed; top: 0px; }
.advantage-pibox { background: url(../images/ibg.jpg) repeat; position: relative; text-align: right; font-size: 26px; color: #64aa92; padding: 70px 32px 0px; height: 60px; overflow: hidden; animation: animatedfoot1 10s linear infinite; -webkit-animation: animatedfoot1 10s linear infinite; }
.advantage-pibox .ico { background: url(../images/ad_ico.png) no-repeat; width: 37px; height: 37px; position: absolute; left: 20px; top: 12px; }
.advantage-pibox .qx { background: url(../images/qx.png) no-repeat scroll left top; position: absolute; left: 0; top: 0; width: 100%; height: 106px; }
.advantage-nav a:link, .advantage-nav a:visited { color: #666; }
.advantage-nav a:active, .advantage-nav a:hover { color: #fff; }
.advantage-nav li { background-color: #fff; overflow: hidden; }
.advantage-nav a { padding: 15px 32px 0px; height: 54px; display: block; overflow: auto; background-color: #F9F9F9; color: #666; font-size: 16px; line-height: 1.5; position: relative; }
.advantage-nav a .num { display: block; font-size: 12px; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.advantage-nav a:hover { color: #fff; }
.advantage-nav a.active { background-color: #10664B; color: #fff; }
.advantage-nav a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #1b9e75; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.advantage-nav a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
/*advantage style end*/
/*prodcut style*/
.pro-link-box a:link, .pro-link-box a:visited { color: #fff; }
.pro-link-box a:active, .pro-link-box a:hover { color: #fff; }
.pro-link-box { position: absolute; top: 0; height: 100%; overflow: hidden; width: 185px; }
.pro-actnum { font-size: 16px; font-family: arial, helvetica, sans-serif; font-weight: bold; position: absolute; left: 5%; bottom: 3%; color: #fff; }
.pro-actnum2 { left: 205px; }
.pro-link-box a.pro-link { display: block; position: relative; width: 100%; height: 100%; background-color: #64aa92; background-color: rgba(100,170,146,0.7); }
.pro-link-box .img { background-position: center top; background-repeat: no-repeat; height: 100%; -webkit-transition: margin 0.3s,-webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transition: margin 0.3s,transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transform: translate(0%, 100%); -webkit-transform: translate(0%, 100%); }
.pro-link-box1 { right: 0px; }
.pro-link-box2 { left: 0px; }
.balck80 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black80.png) repeat; background: none rgba(0,0,0,0.8); transition: 300ms; -webkit-atransition: 300ms; }
.pro-link-box .txt { text-align: center; position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -50px; color: #fff; font-size: 18px; }
.pro-link-box .txt .ico { display: block; margin: 0px auto 5px; }
.pro-link-box .bot { position: absolute; left: 10%; width: 90%; bottom: 3%; }
.pro-link-box .bot .num { font-size: 16px; font-family: arial, helvetica, sans-serif; font-weight: bold; float: left; display: block; }
.pro-link-box .bot .jt-more { float: right; display: block; margin-top: 8px; margin-right: 10%; }
.pro-link-box a:hover .jt-more { margin-right: 5%; }
.pro-link-box a:hover .balck80 { background: url(../images/black50.png) repeat; background: none rgba(0,0,0,0.5); }
.pro-link-box a:before { content: ""; width: 100%; height: 5px; background-color: #10664b; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.pro-link-box a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.pro-link-box .inview .img { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); }
.pinner2 { width: 1058px; margin: 0px auto; }
.w812 { width: 812px; }
.productNavBox { position: relative; }
.productNav a:link, .productNav a:visited { color: #666; }
.productNav a:active, .productNav a:hover { color: #fff; }
.productNav { height: 80px; position: absolute; top: -80px; width: 100%; }
.productNav a { float: left; display: block; width: 44%; padding: 21px 3%; height: 38px; line-height: 38px; background-color: #f9f9f9; font-size: 24px; position: relative; }
.productNav a .jt { background: url(../images/jt_nav2.png) no-repeat scroll center bottom; height: 23px; width: 19px; position: absolute; right: 5%; top: 20px; display: block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

.productNav a:hover, .productNav a.active { background-color: #10664b; color: #fff; }
/*.productNav a:hover .jt,.productNav a.active .jt{ height: 23px; top: 30px;}*/
#productBot { display: block; }
.product-obox { padding: 80px 0px; font-size: 15px; }
.product-obox .pageI { text-align: left; }
.pro-top { height: 100px; }
.product-img { margin: 50px auto 0px; border-bottom: 1px solid #64aa92; }
.product-img .action .transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.product-img dl { width: 90%; margin: 0px auto; overflow: hidden; }
.product-img dd { float: left; display: block; width: 16.6%; margin-left: 0.06%; text-align: center;  }
.product-img .imgB { overflow: hidden; }
.product-img .imgBox { width: 100%; display: block; overflow: hidden; }
.product-img .img { width: 100%; display: block; transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -webkit-transition: -webkit-transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }
.product-img .name { height: 58px; line-height: 58px; overflow: hidden; padding: 0px 5%; text-align: center; font-size: 15px; }
.product-zmlist dd { float: left; display: block; width: 30.33%; margin-right: 3%; position: relative; margin-top: 54px; min-height: 134px; }
.product-zmlist .zm { font-size: 98px; line-height: 0.6; font-family: "OCRA"; color: #64aa92; position: absolute; left: 0px; top: 0px; }
.product-zmlist .line { width: 46px; border-top: 1px solid #64aa92; height: 16px; display: block; }
.product-zmlist .con { margin: 0px 64px; }
.product-obox-green { background-color: #10664b; padding: 114px 0px 84px; color: #fff; }
.product-obox-green .pageC { color: #fff; }
.product-obox-green a:link, .product-obox-green a:visited { color: #FFF; }
.product-obox-green a:active, .product-obox-green a:hover { color: #82bda9; }
.product-obox-green .pageC a:link, .product-obox-green .pageC a:visited { color: #FFF; }
.product-obox-green .pageC a:active, .product-obox-green .pageC a:hover { color: #82bda9; }
.product-obox-green .product-zmlist { color: #ace4d1; }
.product-obox-green .product-zmlist .zm { color: #ace4d1; }
.product-obox-green .product-zmlist .line { border-top: 1px solid #ace4d1; }
.product-obox-fs { background-color: #F9F9F9; }
.product-timg { margin-top: 35px; }
.product-timg dd { float: left; display: block; width: 24%; margin-left: 1%; overflow: hidden; }
.product-timg dd:nth-child(1), .product-timg dd:nth-child(2), .product-timg dd:nth-child(4) { padding-top: 80px; }
.product-timg .imgBox { width: 100%; display: block; overflow: hidden; margin-bottom: 10px;  }
.product-timg .img { width: 100%; display: block; transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -webkit-transition: -webkit-transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }
.product-timg.action .transYT2, .product-timg.action .transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.mlogo { float: right; display: block; }
.product-timg2 { margin-top: 45px; }
.product-timg2 dd { float: left; display: block; width: 24%; margin-left: 1%; overflow: hidden; }
.product-timg2 dd:nth-child(odd) { padding-top: 58px; }
.product-timg2 dd:nth-child(even) { padding-bottom: 58px; }
.product-timg2 .imgBox { width: 100%; display: block; overflow: hidden; margin-bottom: 10px; }
.product-timg2 .img { width: 100%; display: block; transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -webkit-transition: -webkit-transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }
.product-timg2.action .transYT2, .product-timg2.action .transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
/*prodcut style end*/
/*news style*/
.newBanner { height: 390px; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }
.newBanner .name { width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 24px; position: absolute; left: 50%; top: 50%; margin: -25px 0px 0px -100px; overflow: hidden; }
.newBanner .name .line1, .newBanner .name .line2 { position: absolute; height: 2px; background-color: #fff; width: 100%; display: block; overflow: hidden; left: 0px; }
.newBanner .name .line1 { top: 0%; }
.newBanner .name .line2 { bottom: 0%; }
.newPage { padding-bottom: 200px; }
.newPnav a:link, .newPnav a:visited { color: #666; }
.newPnav a:active, .newPnav a:hover { color: #fff; }
.newPnav { height: 56px; line-height: 56px; position: relative; top: -56px; background-color: #f9f9f9; }
.newPnav a { display: block; width: 50%; text-indent: 2em; float: left; font-size: 18px; position: relative; }
.newPnav a .jt { background: url(../images/jt_nav.png) no-repeat scroll center bottom; height: 0%; width: 19px; position: absolute; right: 5%; top: 0; display: block; transition: 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
.newPnav a:hover, .newPnav a.active { background-color: #196c52; color: #fff; }
.newPnav a:hover .jt, .newPnav a.active .jt { height: 23px; top: 17px; }
.bgf9 { background-color: #F9F9F9; }
.newDL a:link, .newDL a:visited { color: #333333; }
.newDL a:active, .newDL a:hover { color: #10664B; }
.newDL { padding-bottom: 48px; }
.newDL dd { cursor: pointer; position: relative; padding: 42px 0px; background: url(../images/bot2.png) repeat-x scroll left bottom; }
.newDL .item { position: relative; height: 283px; }
.newDL .time { width: 100px; position: absolute; left: 0px; top: 0; border-top: 1px solid #898989; border-bottom: 1px solid #898989; padding: 20px 0px 16px; text-align: center; color: #333333; line-height: 1; }
.newDL .time .day { display: block; font-size: 48px; font-family: "JAVATEXT","georgia"; }
.newDL .img { position: absolute; left: 132px; top: 0px; width: 367px; overflow: hidden; }
.newDL .img img { width: 100%; display: block; transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s; }
.newDL .con { padding-left: 530px; }
.newDL .t { color: #070707; font-size: 20px; font-weight: bold; line-height: 1.5; height: 60px; overflow: hidden; margin: 12px 0px 32px; }
.newDL .c { height: 81px; font-size: 15px; overflow: hidden; margin-bottom: 50px; }
.newDL .redmore { font-size: 12px; position: relative; }
.newDL .redmore .jt-more { display: inline-block; margin: 0 0 0 12px; height: 100%; position: absolute; left: 100%; top: 0; }
.newDL .bgf9 { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; z-index: -1; display: block; -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.newDL .item .linkA { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.newDL dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.newDL dd:hover .t { color: #10664B; }
.newDL dd:hover .redmore { color: #10664B; }
.newDL dd:hover .redmore .jt-more { background-image: url(../images/jt_3.png); width: 40px; }
.newDL dd:hover .bgf9 { height: 100%; top: 0px; opacity: 1; }
.paging a:link, .paging a:visited { color: #666; }
.paging a:active, .paging a:hover { color: #10664B; }
.paging { text-align: center; height: 58px; line-height: 58px; background-color: #f9f9f9; }
.paging a, .paging span { margin: 0px 8px!important; padding: 0px 2px; font-size: 18px; font-family: "JAVATEXT","georgia"; }
.paging a.act, .paging span { color: #196c52!important; }
.paging a.pprev, .paging a.pnext { display: block; width: 58px; height: 58px; margin: 0; padding: 0; position: relative; }
.paging a.pprev { float: left; }
.paging a.pnext { float: right; }
.paging a.pprev .jt-more, .paging a.pnext .jt-more { position: absolute; top: 50%; margin-top: -6px; }
.paging a.pprev .jt-more { right: 50%; margin-right: -9px; }
.paging a.pnext .jt-more { left: 50%; margin-left: -9px; }
.paging a:hover .jt-more { width: 30px; }
.bg64aa92 { background-color: #64aa92; }
.infoInner { width: 898px; margin: 0px auto; }
.infoT { padding: 32px 0px 16px; color: #fff; position: relative; font-size: 24px; line-height: 1.5; }
.infoT .sj { background: url(../images/sj.png) no-repeat; width: 40px; height: 36px; position: absolute; left: 0px; bottom: -32px; }
.infoI { border-bottom: 1px solid #ccc; }
.infoI .infoInner { position: relative; padding: 65px 0px 28px; }
.infoI .t { font-weight: bold; font-size: 24px; line-height: 1.5; }
.infoI .time { font-size: 16px; color: #999999; font-family: "JAVATEXT","georgia"; padding: 15px 0px 20px; line-height: 1.2; }
.sharpbox3 a, .sharpbox3 span { float: left; display: block; width: 40px; height: 40px; line-height: 40px; margin-left: 5px; }
.sharpbox3 span { margin-left: 0; width: auto; }
.sharpbox3 a .i { background: url(../images/share12.png) no-repeat scroll center center; background-size: cover; width: 100%; height: 100%; display: block; }
.sharpbox3 a.a1 .i { background-image: url(../images/share12.png); }
.sharpbox3 a.a2 .i { background-image: url(../images/share22.png); }
.sharpbox3 a.a3 .i { background-image: url(../images/share32.png); }
.sharpbox3 a.a4 .i { background-image: url(../images/share42.png); }
.sharpbox3 a.a5 .i { background-image: url(../images/share52.png); }
.sharpbox3 a.a1:hover .i { background-image: url(../images/share11.png); }
.sharpbox3 a.a2:hover .i { background-image: url(../images/share21.png); }
.sharpbox3 a.a3:hover .i { background-image: url(../images/share31.png); }
.sharpbox3 a.a4:hover .i { background-image: url(../images/share41.png); }
.sharpbox3 a.a5:hover .i { background-image: url(../images/share51.png); }
.infoI .numBox { position: absolute; right: 0px; bottom: 32px; }
.infoI .numBox a { width: 41px; height: 41px; display: block; float: left; display: block; background-color: #e6e6e6; position: relative; overflow: hidden; border-radius: 50%; }
.infoI .numBox a i { width: 100%; height: 100%; display: block; position: relative; z-index: 2; background: url(../images/prev.png) no-repeat scroll center center; }
.infoI .numBox .next { margin-left: 18px; }
.infoI .numBox .next i { background-image: url(../images/next.png); }
.infoI .numBox a:before { content: ""; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background-color: #64aa92; border-radius: 50%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; }
.infoI .numBox a:hover:before { width: 100%; height: 100%; }
.infoI .numBox a:hover i { background-image: url(../images/prev2.png); }
.infoI .numBox .next:hover i { background-image: url(../images/next2.png); }
.infoC { margin: 35px auto 165px; }
.impressionPage { padding: 24px 0px 80px; }
.knowledgePage { padding: 80px 0px 160px; }
.impressionPage .pageI, .knowledgePage .pageI { text-align: left; width: 812px; }
.page-blueT .name, .page-whiteT .name { font-size: 24px; line-height: 1.4; }
.page-blueT .name { background: url(../images/dian.png) no-repeat scroll left center; padding-left: 36px; }
.page-whiteT .name { background: url(../images/dian2.png) no-repeat scroll left center; padding-left: 36px; color: #fff; }
.impressionBox a:link, .impressionBox a:visited { color: #000; }
.impressionBox a:active, .impressionBox a:hover { color: #000; }
.impressionBox { width: 812px; }
.impressionBox dl { margin-left: -1%; }
.impressionBox dd { float: left; display: block; width: 11.5%; margin-left: 1%; overflow: hidden; height: 143px; }
.impressionBox dd a { position: relative; display: block; }
.impressionBox dd .bg { position: absolute; left: 0px; bottom: 0; width: 100%; height: 0; opacity: 0; background: url(../images/white70.png) repeat; background: none rgba(255,255,255,0.7); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.impressionBox dd.allbox { height: 100%; }
.impressionBox .img { width: 100%; display: block; }
.allBtn { background-color: #5cb092; text-align: center; color: #000000; height: 143px; position: relative; display: block; }
.allBtn .yj { background: url(../images/ease.png) no-repeat; width: 38px; height: 23px; background-size: 100% auto; position: absolute; top: 25%; left: 50%; margin-left: -19px; }
.allBtn .txt { position: absolute; left: 0px; top: 50%; text-align: center; width: 100%; padding-bottom: 30px; background: url(../images/all_i1.png) no-repeat scroll center bottom; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; }
.allBtn:hover { background-color: #9ff5da; }
.allBtn:hover .txt { padding-bottom: 34px; }
.impressionBox dd a:hover .bg { height: 100%; top: 0px; opacity: 1; }
.knowledge-dl { width: 812px; margin-bottom: 3px; transition: color 0.3s; -webkit-transition: color 0.3s; }
.knowledge-dt { padding: 12px 76px 12px 36px; font-size: 18px; line-height: 1.5; color: #333333; position: relative; cursor: pointer; background-color: #F9F9F9; transition: 300ms; -webkit- transition: 300ms; }
.knowledge-dc { padding: 36px 0px 50px; background-color: #fff; margin-top: 3px; overflow: hidden; display: none; }
.knowledge-down a:link, .knowledge-down a:visited { color: #666; }
.knowledge-down a:active, .knowledge-down a:hover { color: #196c52; }
.knowledge-down .item{ padding: 0px 36px; position: relative; margin-top: -1px; z-index: 1;}
.knowledge-down a{ display: block; height: 72px; line-height: 72px; overflow: hidden; background: url(../images/bot2.png) repeat-x scroll left bottom; }
.knowledge-down .btn{ background: url(../images/pdf1.png) no-repeat scroll right center; padding-right: 30px; display: inline-block; float: right;}
.knowledge-down .ico{ background: url(../images/dian4.png) no-repeat scroll left center; width: 14px; height: 100%; display: block; float: left; margin-right: 10px;}
.knowledge-down .item:hover{ z-index: 2;}
.knowledge-down .item:hover a{ background: none repeat-x scroll left bottom; }
.knowledge-down .item:hover .btn{ background-image: url(../images/pdf2.png);}
.knowledge-down .item:hover .ico{ background-image: url(../images/dian3.png);}
.knowledge-down .item:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #f6f6f6; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.knowledge-down .item:hover:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.addoico { width: 12px; height: 12px; position: absolute; right: 40px; top: 20px; transition: 400ms; -webkit- transition: 400ms; }
.addoico .line1 { width: 12px; height: 2px; overflow: hidden; background-color: #999999; position: absolute; left: 0; top: 5px; transition: 400ms; -webkit- transition: 400ms; }
.addoico .line2 { width: 2px; height: 12px; overflow: hidden; background-color: #999999; position: absolute; left: 5px; top: 0; transition: 400ms; -webkit- transition: 400ms; }
.knowledge-dl.active .knowledge-dt { color: #fff; background-color: #196c52; }
.knowledge-dl.active .addoico { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.knowledge-dl.active .addoico .line1 { background-color: #fff; }
.knowledge-dl.active .addoico .line2 { display: none; }
.helpBox .pageDbox-dl { background-color: transparent; border-bottom: 1px solid #cfcfcf; padding-top: 0px; }
.helpBox .pageDbox-dl.active { background-color: #fff; }
.helpBox .pageDbox-dl dt { color: #535353; }
.helpBox .pageDbox-dl .joico .line2, .helpBox .pageDbox-dl .joico .line1 { background-color: #535353; }
/*news style end*/
/*imgList style*/
.otex-ImgBox { position: relative; background: url(../images/ibg.jpg) repeat #181818; padding: 50px 0px 142px; color: #fff; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }
.imgallBtn { width: 98px; margin: 0px auto; }
.otex-ImgBox-t { padding: 40px 1% 5px; border-bottom: 2px solid #666; color: #ffffff; font-size: 24px; text-align: center; }
.otex-img-List { width: 98%; margin: 0px auto; }
.otex-img-List dl { margin-left: -1%; }
.otex-img-List dd { float: left; display: block; width: 11.5%; overflow: hidden; height: 219px; margin: 28px 0px 28px 1%; position: relative; }
.otex-img-List dd .imgbox { position: relative; display: block; cursor: pointer; }
.otex-img-List dd .bg { position: absolute; left: 0px; bottom: 0; width: 100%; height: 0; opacity: 0; background: url(../images/white70.png) repeat; background: none rgba(255,255,255,0.7); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.otex-img-List .img { width: 100%; display: block; }
.otex-img-List dd .imgbox:hover .bg { height: 100%; top: 0px; opacity: 1; }
.pt20 { padding-top: 20px; }
html.openImg { overflow: hidden; }
.overlayClose { width: 80px; height: 80px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #258e6d; }
.imgstools { position: absolute; right: 0px; top: 0px; z-index: 1000; width: 330px; color: #fff; background-color: #10664b; }
.imgstools .imgPrev { background: url(../images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
.imgstools .imgNext { background: url(../images/img_r.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
.imgstools .imgPrev:hover { background-color: #258e6d; }
.imgstools .imgNext:hover { background-color: #258e6d; }
.imgstools li { float: left; display: block; border-left: 1px solid #258e6d; width: 80px; height: 80px; text-align: center; }
.imgstools li.lastitem { padding-left: 8px; border-left-color: #333; }
.imgstools li .snumBox { color: #fff; height: 80px; line-height: 80px; font-size: 18px; font-family: "JAVATEXT","georgia"; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background-color: #333333; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 80px; right: 0px; bottom: 0px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background: #10664b; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; top: 0; padding: 15px 0px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/img_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/img_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #F0BE00; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
/*imgList style end*/
/*contact style*/
.contactPage { padding: 110px 0px 124px; }
.contactList { position: relative; z-index: 4; }
.contact-box a:link, .contact-box a:visited { color: #333; }
.contact-box a:active, .contact-box a:hover { color: #000; }
.contact-box { width: 42%; float: left; display: block; margin-left: 10%; background-color: #fff; position: relative; z-index: 2; }
.bge0f4ed { background-color: #e0f4ed; }
.bgc6e6db { background-color: #c6e6db; }
.bgb3ddce { background-color: #b3ddce; }
.contact-dl dt, .contact-dl dd { overflow: hidden; cursor: pointer; font-size: 15px; }
.contact-dl .vertical-inner { padding: 20px 5%; }
.contact-dl dt .vertical-inner { padding: 40px 5% 20px; }
.contact-dl dt .t { font-size: 36px; font-weight: bold; color: #10664b; padding-right: 20px; }
.contact-dl dt .time { color: #999999; font-family: "JAVATEXT","georgia"; }
.contact-dl .mico { float: left; display: block; margin-right: 10px; }
.contact-dl .mt20 { padding-top: 20px; display: inline-block; }
.contact-dl dd:hover .mico { -webkit-animation: mapIco 1.4s linear infinite; animation: mapIco 1.4s linear infinite; }

@-webkit-keyframes mapIco {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -6px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 6px); }
    100% { -webkit-transform: translate(0px, 0px); }
}

@-moz-keyframes mapIco {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -6px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 6px); }
    100% { -moz-transform: translate(0px, 0px); }
}

@keyframes mapIco {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -6px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 6px); }
    100% { transform: translate(0px, 0px); }
}

.message-box { position: absolute; right: 0px; top: 26%; width: 53%; background-color: #F9F9F9; overflow: hidden; }
.message-demo { background-color: #fff; padding: 76px 10% 62px 20%; border-bottom: 4px solid #B3DDCE; }
.message-demo .mb { margin-bottom: 35px; }
.ctxt { border: 0px none; border-bottom: 1px solid #b5b5b5; color: #333; padding: 8px 0px; height: 20px; line-height: 20px; width: 100%; font-size: 15px; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体"; }
.ctxt2 { height: 100px; resize: none; }
.messageBtn { display: block; width: 172px; height: 34px; line-height: 34px; color: #fff; background-color: #10664b; font-size: 15px; text-align: center; position: relative; }
.messageBtn span { position: relative; z-index: 2; }
.messageBtn:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1b9e75; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.messageBtn:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.message-demo input[type="text"]:focus, .message-demo textarea:focus { border-color: #1b9e75; }
/*contact style end*/
/*case style*/
.caseRedMore { position: relative; margin-top: 25px; display: block; padding: 10px 2%; border-top: 2px solid #10664b; border-bottom: 2px solid #10664b; }
.caseRedMore .txt { background: url(../images/ease2.png) no-repeat scroll left center; padding-left: 36px; }
.caseRedMore .jt-more { display: inline-block; margin: 0 0 0 12px; height: 100%; position: absolute; left: 91%; top: 12px; height: 20px; background-image: url(../images/jt_3.png); }
.caseRedMore { color: #10664b; }
.caseRedMore:hover .jt-more { width: 40px; }
.otex-case-nav a:link, .otex-case-nav a:visited { color: #fff; }
.otex-case-nav a:active, .otex-case-nav a:hover { color: #fff; }
.otex-case-nav { border-bottom: 1px solid #666666; padding: 30px 0px 70px; }
.otex-case-nav ul { font-size: 16px; border: 1px solid #33957f; border-right: 0px none; display: block; width: 888px; margin: 0px auto; overflow: hidden; }
.otex-case-nav li { float: left; display: block; width: 33.3333%; height: 48px; line-height: 48px; }
.otex-case-nav a { border-right: 1px solid #33957f; display: block; text-align: center; position: relative; overflow: hidden; z-index: 1; }
.otex-case-nav a.active { background-color: #33957f; color: #fff; }
.otex-case-nav a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #33957f; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.otex-case-nav a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.otex-img-nav a:link, .otex-img-nav a:visited { color: #fff; }
.otex-img-nav a:active, .otex-img-nav a:hover { color: #fff; }
.otex-img-nav { width: 606px; margin: 0px auto; border: 1px solid #33957f; position: relative; transition: 300ms; -webkit-transition: 300ms; background-color: #1a1a1a; color: #fff; z-index: 100; }
.otex-img-nav .mb { padding: 0 100px 0px 25px; position: relative; cursor: pointer; line-height: 48px; }
.otex-img-nav .mb .aw { width: 74px; border-left: 1px solid #33957f; height: 100%; position: absolute; top: 0; bottom: 0; right: 0px; }
.otex-img-nav .mb .aw i { display: block; width: 48px; height: 100%; overflow: hidden; margin: 0px auto; background: url(../images/select_bot.png) no-repeat scroll center center; transition: 300ms; -webkit-transition: 300ms; }
.otex-img-nav .b { padding-bottom: 3px; position: absolute; left: -1px; right: -1px; top: 48px; display: none; height: 190px; overflow-y: auto; }
.otex-img-nav ul { background-color: #64aa92; overflow: hidden; }
.otex-img-nav a { display: block; padding: 0px 25px; line-height: 38px; height: 38px; overflow: hidden;}
.otex-img-nav a:hover { background-color: #1ba284; }
.otex-img-nav.act .mb .aw i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.smLink { font-family: 'Microsoft YaHei'; }
.pro-img-List{ width: 98%; max-width: 1600px; margin: 0px auto; padding-bottom: 25px;}
.pro-img-List dd{ float: left; display: block; width: 23%; margin: 2% 1% 0;}
.pro-img-List dd .imgbox { position: relative; display: block; cursor: pointer; }
.pro-img-List dd .bg { position: absolute; left: 0px; bottom: 0; width: 100%; height: 0; opacity: 0; background: url(../images/white70.png) repeat; background: none rgba(255,255,255,0.7); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.pro-img-List .img { width: 100%; display: block; }
.pro-img-List .con{ background-color: #10664b ; padding: 10px 5%; color: #fff; font-size: 14px;}
.pro-img-List .con .name{ height: 25px; overflow: hidden; display: block;}
.pro-img-List dd .imgbox:hover .bg { height: 100%; top: 0px; opacity: 1; }
/*case style end*/