@charset "utf-8";

@font-face { font-family: 'futuramedium'; src: url('futurabt-medium-webfont.eot'); src: url('futurabt-medium-webfont.eot?#iefix') format('embedded-opentype'), url('futurabt-medium-webfont.woff2') format('woff2'), url('futurabt-medium-webfont.woff') format('woff'), url('futurabt-medium-webfont.ttf') format('truetype'), url('futurabt-medium-webfont.svg#futuramedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'futura_lightregular'; src: url('futurabt-light-webfont.eot'); src: url('futurabt-light-webfont.eot?#iefix') format('embedded-opentype'), url('futurabt-light-webfont.woff2') format('woff2'), url('futurabt-light-webfont.woff') format('woff'), url('futurabt-light-webfont.ttf') format('truetype'), url('futurabt-light-webfont.svg#futura_lightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCondensed'; src: url('HelveticaNeueCondensed.eot'); src: url('HelveticaNeueCondensed.eot') format('embedded-opentype'), url('HelveticaNeueCondensed.woff2') format('woff2'), url('HelveticaNeueCondensed.woff') format('woff'), url('HelveticaNeueCondensed.ttf') format('truetype'), url('HelveticaNeueCondensed.svg#HelveticaNeueCondensed') format('svg'); }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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,  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; }
/* always display scrollbars */
body { color: #666; background-color: #fff; }
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;padding:0; margin:0; list-style:none; border:none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
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; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -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: 1100px; margin: 0px auto; }

/*.filler { position: fixed; display: block; -webkit-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -moz-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; z-index: 1100; }
.filler { background-color: #009572; }
.filler-left { width: 2px; height: 0%; left: 20px; bottom: 20px; }
.filler-right { width: 2px; height: 0%; right: 20px; top: 20px; }
.filler-top { width: 0%; height: 2px; left: 20px; top: 20px; }
.filler-bottom { width: 0%; height: 2px; right: 20px; bottom: 20px; }
*/

.logo { background: url(../images/logo.png) no-repeat; width: 360px; height:67px; position: fixed; left: 56px; top: 52px; z-index: 1100; color: #fff; display:none; }
.logoz { background: url(../images/logo.png) no-repeat; width: 360px; height:67px; position: fixed; left: 56px; top: 52px; z-index:99999; color: #fff; display:none; }

.pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo { background-image: url(../images/logo.png); }
.open .logo { background-image: url(../images/logo.png); }
.menu { width: 120px; height: 120px; position: fixed; right: 0px; top:0px; color: #009572; font-size: 16px; line-height: 48px; z-index: 99999; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menu-handler { width: 120px; height:120px; cursor: pointer; position: relative; float: right; 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); background-color: #E00909; }
.menu-handler .burger { width: 29px; height:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 45px; left: 53%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 53px; }
.menu-handler .burger-3 { top: 61px; }
.menu-handler.active .burger-1 { top: 56px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 56px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox { position: fixed; z-index: 1090; background-color: #FFFCFD; left: 0px; top: 0px; width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; height: 0px; overflow: hidden; box-sizing: border-box; z-index:9999; }
.open .menuBox { height: 100%; padding: 10% 0px 0px; }
.open .logoz { display:block;}
.nav { width:1200px; margin: 0px auto 5%; }
.nav dd { float: left; display: block; width: 14%; font-size: 16px; }
.nav dd.lin4 { width: 16%; }
.nav a:link, .nav a:visited { color: #333; font-size:15px; }
.nav a:active, .nav a:hover { color: #E60B12; }
.nav dd .t a { color: #555555; font-size:20px; }
.nav dd .t a:hover { color: #E00909; }
.nav dd .t { font-size: 20px; margin-bottom: 20px; color:#333333; }
.nav dd .subnav li { margin-bottom: 5px; }
.nav dd .subnav a:hover { margin-left: 5px; }
.menubot a:link, .menubot a:visited { color: #009572; }
.menubot a:active, .menubot a:hover { color: #555; }
.menubot { width: 1200px; margin: 0px auto;}
.no-csstransforms .nav { margin-bottom: 20px; }
.no-csstransforms .nav dd { font-size: 14px; }
.no-csstransforms .nav dd .t { font-size: 16px; margin-bottom: 15px; }
.menulink { float:left; width:100%; font-size:18px; padding-top:10px;}
.menulink span { font-size:24px; color:#E00909; font-family: Arial, Helvetica, sans-serif; }
.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 9px; top: 9px; cursor: pointer; }
.menuclose:hover { background-color: #E60D14; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.mobileLogo { padding: 24px 0px 0px; text-align: center; width: 250px; margin: 0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
.mobileLogo img { width: 100%; display: block; }
.navMobile { padding: 40px 0px 40px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 22px; position: relative; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd a { display: block; font-size: 16px; padding: 5px 0px; color: #7f7f7f; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #E60E16; color: #fff; }
.navMobile dd a:active { background-color: #84c598; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: transparent; }
.msharpT { font-size: 14px; text-align: center; margin-bottom: 16px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.msharpT span { color: #000; }
.menuMobileBox .sharpBox { float: none; display: block; width: 165px; padding-left: 20px; margin: 0px auto; height: 35px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.menuMobilelink { padding: 35px 0px; text-align: center; font-size: 16px; opacity: 0; transition: 600ms ease 450ms; -webkit-transition: 600ms ease 450ms; }
.menuMobilelink a { margin: 0px 15px; }
.menuMobilelink a:link, .menuMobilelink a:visited { color: #009572; }
.menuMobilelink a:active, .menuMobilelink a:hover { color: #555; }
.content { position:absolute; left:0; top:0;}
.ibox { position: relative; width: 100%; height: 100%; }
.page { width: 100%; height: 100%;  overflow: hidden; opacity:0; }
.open .page { opacity:1;}
.bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; }
.bg2 { background-image: url(../images/banner2.jpg); /*background-attachment: fixed;*/ }
.bg31 { background-image: url(../images/pimg1.jpg); /*background-attachment: fixed;*/ }
.bg32 { background-image: url(../images/pimg2.jpg); /*background-attachment: fixed;*/ }
.bg4 { background-image: url(../images/banner4.jpg); /*background-attachment: fixed;*/ }
.bg5 { background-image: url(../images/banner5.jpg); /*background-attachment: fixed;*/ }
.bg61 { background-image: url(../images/banner6.jpg); /*background-size: 951px 447px;*/ }
.bg62 { background-image: url(../images/banner7.jpg); /*background-size: 951px 890px;*/ }
.bg63 { background-image: url(../images/banner8.jpg); /*background-size: 951px 890px;*/ }
.linBox { float: left; display: block; width: 50%; *width: 49.99%; height: 100%; display: block; }
.footBox a:link, .footBox a:visited { color: #646464; }
.footBox a:active, .footBox a:hover { color: #222; }
.footBox { background-color: #f3f3f3; padding: 38px 5% 0px; color: #959595; width: 90%; position: relative; z-index: 2; }
.linkDL { padding-bottom: 30px; }
.linkDL dd { float: right; display: block; font-size: 14px; width: 36%; }
.linkDL dd.lin2 { width: 18%; }
.linkDL dd.lin2 .t { color: #646464; margin-bottom: 25px; text-transform: uppercase; font: 25px/1 "futura_lightregular","times new roman","microsoft yahei";; }
.linkDL dd.lin1 { color: #787878; }
.linkDL dd.lin1 .pk { margin-bottom: 25px; }
.linkDL dd.lin1 .br { display: block; }
.linkDL dd.lin0 { width: 46%; display: block; }
.footnav { text-align: right; padding-top: 80px; }
.footnav span { padding: 0px 10px; color: #b4b4b4; }
.sharpBox { float: left; width:100%; }
.sharpBox a { width: 35px; height: 35px; background: url(../images/sharp.png) no-repeat; display: block; float: left; margin-left: 20px; position: relative; top: 0; }
.sharpBox a.i1 { background-position: 0px 0px; }
.sharpBox a.i2 { background-position: -54px 0px; }
.sharpBox a.i3 { background-position: -110px 0px; }
.sharpBox a.i4 { background-position: -162px 0px; }
.sharpBox a.i5 { background-position: -218px 0px; }
.sharpBox a.i6 { background-position: -267px 0px; }
.sharpBox a:hover { top: -10px; }
.sharpBox .lt { font-size: 14px; color: #7f7f7f; float: left; line-height:35px; }
.top { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; height: 142px; }
.topfix { height: 76px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9); }
.topfix .logo { background-image: url(../images/logo1.png); top: 16px; }
.topLogo .logo { background-image: url(../images/logo1.png); }
.topLogo2 .menu { color: #fff; }
.topfix .menu { top: 14px; color: #009572; }
.pagenavBox { height: 38px; }
.pagenav { background-color: #009572; width: 100%; }
.pagenav a { display: block; float: left; width: 25%; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; height: 38px; line-height: 38px; }
.pagenav2 a { width: 20%; border-right: 0px none; }
.pagenav a:hover, .pagenav a.act { background-color: #0db78f; }
.cpnav { display: none; width: 100%; color: #FFF; line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size: 14px; background: #009572; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pagenav.fixed { top: 76px; }
/* 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; }
/* 
 * 	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); }
}

.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; }
.flex-control-paging li a.flex-active { background: #000; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/*video*/
.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: 36px; height: 36px; background-color: #009470; cursor: pointer; position: absolute; top: -36px; right: 0px; }
.vwrap .close i { display: block; width: 36px; height: 36px; 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); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico2.png) no-repeat!important; width: 51px!important; height: 51px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/
/*base style end*/
/*index style*/
#banner { position: relative; overflow: hidden; }
#banner .bg .bimg { position: relative; left: 0px; top: 0px; width: 100%; display: block; }
#banner .slick-dots { position: absolute; left: 114px; bottom: 8%; z-index: 100; width: auto; }
#banner .slick-dots li { margin: 0px 8px 0px 0px; position: relative; width: 5px; height: 24px; border-radius: 3px; background-color: transparent; display: block; float: left; transition: 300ms; -webkit-transition: 300ms; }
#banner .slick-dots a { width: 5px; height: 15px; overflow: hidden; display: block; background-color: #fff; border-radius: 3px; text-indent: -2em; position: absolute; left: 0px; bottom: 0px; }
#banner .slick-dots li.slick-active { background-color: #fff; }
#banner .slick-dots li.slick-active a { background-color: #009572; border-radius: 0px 0px 5px 5px; }
.box2inner { position: absolute; width: 986px; height: 484px; left: 50%; top: 50%; margin: -242px 0px 0px -540px; z-index: 10; perspective: 1500px; transform-style: preserve-3d; }
.box2T { width: 217px; height: 184px; position: absolute; left: 0px; top: 130px; color: #009572; }
.box2T .t { font: bold 40px/1 arial, helvetica, sans-serif; text-transform: uppercase; margin-bottom: 12px; }
.box2T .c { line-height: 1.5; text-align: justify; height: 90px; color: #fff; text-indent: 2em; }
.disappear .box2inner .item { opacity: 0; }
.box2inner .item { position: absolute; top: 0px; width: 121px; height: 121px; perspective: 1000px; transform-style: preserve-3d; cursor: pointer; }
.box2inner .item div { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.box2inner .item .bg { padding-top: 60%; height: 40%; text-align: center; color: #fff; font-size: 14px; background-size: cover; background-repeat: no-repeat; z-index: 4; }
.box2inner .item .black { background: url(../images/black_bg3.png) repeat; background: none rgba(0,0,0,0.3); }
.box2inner .item2 .black { background: url(../images/black_bg6.png) repeat; background: none rgba(0,0,0,0.6); }
.box2inner .item4 .black, .box2inner .item6 .black { background: url(../images/black_bg2.png) repeat; background: none rgba(0,0,0,0.2); }
.box2inner .item11 { background: url(../images/black_bg1.png) repeat; background: none rgba(0,0,0,0.1); }
.box2inner .item5 .black, .box2inner .item7 .black, .box2inner .item10 .black { background: url(../images/black_bg4.png) repeat; background: none rgba(0,0,0,0.4); }
.box2inner .item8 .black { background: url(../images/black_bg7.png) repeat; background: none rgba(0,0,0,0.7); }
.box2inner .item .gree { background-color: #009572; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
.no-csstransitions .box2inner .item .gree { visibility: hidden; }
.box2inner .item:hover .black { -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
.box2inner .item:hover .gree { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
.no-csstransitions .box2inner .item:hover .gree { visibility: visible; }
.box2inner .item1 { right: 363px; }
.box2inner .item2 { right: 605px; top: 121px; }
.box2inner .item3 { right: 484px; top: 121px; }
.box2inner .item4 { right: 242px; top: 121px; }
.box2inner .item5 { right: 0px; top: 121px; }
.box2inner .item6 { right: 605px; top: 242px; }
.box2inner .item7 { right: 363px; top: 242px; }
.box2inner .item8 { right: 242px; top: 242px; }
.box2inner .item9 { right: 121px; top: 242px; }
.box2inner .item10 { right: 242px; top: 363px; }
.box2inner .item11 { right: 121px; top: 121px; }
.box2inner .item1 .bg { background-image: url(../images/ip1.png); }
.box2inner .item2 .bg { background-image: url(../images/ip2.png); }
.box2inner .item3 .bg { background-image: url(../images/ip3.png); }
.box2inner .item4 .bg { background-image: url(../images/ip4.png); }
.box2inner .item5 .bg { background-image: url(../images/ip5.png); }
.box2inner .item6 .bg { background-image: url(../images/ip6.png); }
.box2inner .item7 .bg { background-image: url(../images/ip7.png); }
.box2inner .item8 .bg { background-image: url(../images/ip8.png); }
.box2inner .item9 .bg { background-image: url(../images/ip9.png); }
.box2inner .item10 .bg { background-image: url(../images/ip10.png); }
#s3 .linBox { position: relative; overflow: hidden; color: #009572; }
#s3 .linBox .txt { position: absolute; width: 100%; top: 45%; left: 0px; width: 100%; text-align: center; line-height: 1.2; z-index: 5; font-family: arial, helvetica, sans-serif; opacity: 0; transform: translate(80px,0px); -webkit-transform: translate(80px,0px); }
#s3 .linBox .txt .t { font-size: 40px; text-transform: uppercase; transition: 300ms; -webkit-transition: 300ms; }
#s3 .linBox .txt .t b { font-weight: normal; display: inline-block; }
#s3 .linBox .txt .bot { width: 364px; height: 3px; margin: 0px auto 4px; overflow: hidden; }
#s3 .linBox .txt .bot i { width: 364px; height: 3px; display: block; background-color: #fff; transform: translate3d(-364px, 0px, 0px); -webkit-transform: translate3d(364px, 0px, 0px); transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; -webkit-transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; }
.no-csstransitions #s3 .linBox .txt .bot i { visibility: hidden; }
#s3 .linBox .txt .i { font-size: 18px; transition: 300ms; -webkit-transition: 300ms; }
#s3 .linBox .blue { width: 100%; height: 100%; background-color: rgba(0,149,114,0.5); position: absolute; left: 0px; top: 0px; z-index: 4; opacity: 0; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); }
#s3 .black { background-color: rgb(34,34,34); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 6; }
#s3 .bg31 .black { -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .3s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; }
#s3 .bg32 .black { -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; }
#s3.active .black, #s3.m-active .black { width: 0; }
#s3.active .linBox .txt, #s3.m-active .linBox .txt { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transition: all .5s ease .8s; -o-transition: all .5s ease .8s; -ms-transition: all .5s ease .8s; transition: all .5s ease .8s; }
#s3 .linBox.hoves:hover .blue { opacity: 1; }
#s3 .linBox.hoves:hover .txt .t, #s3 .linBox.hoves:hover .txt .i { color: #fff; }
#s3 .linBox.hoves:hover .txt .bot i { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#s3 .linBox.hoves:hover .txt .t b { transform: translate(0px,-10px); -webkit-transform: translate(0px,-10px); }
#s3 .linBox.hoves:hover .txt .i { transform: translate(0px,10px); -webkit-transform: translate(0px,10px); }
.tra1 { transition: 300ms ease 50ms; -webkit-transition: 300ms ease 50ms; }
.tra2 { transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.tra3 { transition: 300ms ease 150ms; -webkit-transition: 300ms ease 150ms; }
.tra4 { transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.tra5 { transition: 300ms ease 250ms; -webkit-transition: 300ms ease 250ms; }
.tra6 { transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms; }
.tra7 { transition: 300ms ease 350ms; -webkit-transition: 300ms ease 350ms; }
.tra8 { transition: 300ms ease 400ms; -webkit-transition: 300ms ease 400ms; }
.tra9 { transition: 300ms ease 450ms; -webkit-transition: 300ms ease 450ms; }
.tra10 { transition: 300ms ease 500ms; -webkit-transition: 300ms ease 500ms; }
.tra11 { transition: 300ms ease 550ms; -webkit-transition: 300ms ease 550ms; }
.tra12 { transition: 300ms ease 650ms; -webkit-transition: 300ms ease 650ms; }
.tra13 { transition: 300ms ease 700ms; -webkit-transition: 300ms ease 700ms; }
.tra14 { transition: 300ms ease 750ms; -webkit-transition: 300ms ease 750ms; }
.tra15 { transition: 300ms ease 800ms; -webkit-transition: 300ms ease 800ms; }
.tra16 { transition: 300ms ease 850ms; -webkit-transition: 300ms ease 850ms; }
#s4 .ibox { -webkit-transform: perspective(300px) rotateX(-50deg); transform: perspective(300px) rotateX(-50deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); }
#s4.active .ibox, #s4.m-active .ibox { -webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
.box4Ttx { visibility: hidden; opacity: 0; background-color: #fff; position: absolute; right: 10%; top: 25%; width: 254px; padding: 40px 32px 50px; color: #a2a2a2; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms; }
.box4Ttx p, .box4Ttx .more { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); *overflow: hidden; }
.box4Ttx .zh { color: #009572; font-size: 18px; transition: 300ms ease 850ms; -webkit-transition: 300ms ease 850ms; }
.box4Ttx .en { color: #009572; font-size: 30px; font-family: arial; text-transform: uppercase; line-height: 1.2; margin-bottom: 28px; transition: 300ms ease 1000ms; -webkit-transition: 300ms ease 1000ms; }
.box4Ttx .c { text-indent: 2em; color: #a2a2a2; font-size: 13px; height: 138px; margin-bottom: 50px; overflow: hidden; transition: 400ms ease 1250ms; -webkit-transition: 400ms ease 1250ms; }
.box4Ttx .more { width: 128px; height: 40px; transition: 500ms ease 1450ms; -webkit-transition: 500ms ease 1450ms; }
.no-csstransitions .box4Ttx .more { overflow: hidden; }
.active .box4Ttx, .m-active .box4Ttx { visibility: visible; opacity: 1; }
.active .box4Ttx p, .active .box4Ttx .more, .m-active .box4Ttx p, .m-active .box4Ttx .more { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.active .ibox, .m-active .ibox { transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }
.cube { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; font-size: 14px; }
/* Position the faces */
.front { position: relative; height: 100%; -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px); border: 1px solid #009572; color: #009572; width: 126px; height: 38px; text-align: center; line-height: 38px; }
.flop { opacity: 0; position: relative; height: 100%; -webkit-transform: rotateX(-90deg) translateZ(-20px); -moz-transform: rotateX(-90deg) translateZ(-20px); -o-transform: rotateX(-90deg) translateZ(-20px); -ms-transform: rotateX(-90deg) translateZ(-20px); transform: rotateX(-90deg) translateZ(-20px); background-color: #009572; color: #fff; width: 128px; height: 40px; text-align: center; line-height: 40px; }
/* Rotate the cube */

.half:hover .cube { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
.half:hover .flop { opacity: 1; }
.trans, .cube { -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); }
.ibox5c { width: 522px; height: 522px; position: absolute; left: 50%; top: 50%; margin: -261px 0px 0px -261px; perspective: 1500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.ibox5c .item { width: 261px; height: 261px; display: block; float: left; -webkit-transform-origin: 0 50% 0px; opacity: 0; font-size: 14px; }
.ibox5c .item .warpp { width: 100%; height: 100%; perspective: 1000px; transform-style: preserve-3d; color: #fff; }
.ibox5c .item .info { width: 201px; height: 261px; padding: 0px 30px; background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,118,0.8); opacity: 1; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; }
.ibox5c .item .info .num { font: 60px/1 arial, helvetica, sans-serif; padding: 44px 0px 0px; }
.ibox5c .item .info .i { font-size: 24px; }
.ibox5c .item .info .t { font-family: arial, helvetica, sans-serif; position: absolute; left: 30px; bottom: 20px; }
.ibox5c .item .txt { overflow: hidden; background: url(../images/black_bg.png) repeat; background: none rgba(72,70,76,0.8); width: 201px; height: 261px; padding: 0px 30px; transform: rotateY(-180deg); opacity: 0; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; transform-origin: center center 0; }
.ibox5c .item .txt .c { padding: 35px 0px 0px; height: 176px; overflow: hidden; }
.ibox5c .item1 .info { background: url(../images/k1.png) no-repeat; }
.ibox5c .item1 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 100% 0px; }
.ibox5c .item2 { transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 0 50% 0; }
.ibox5c .item3 { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: 100% 50% 0; }
.ibox5c .item4 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 0 0; }
.active .ibox5c .item1, .m-active .ibox5c .item1 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; }
.active .ibox5c .item2, .m-active .ibox5c .item2 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; }
.active .ibox5c .item3, .m-active .ibox5c .item3 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; }
.active .ibox5c .item4, .m-active .ibox5c .item4 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; }
.active .ibox5c .item, .m-active .ibox5c .item { opacity: 1; }
.active .ibox5c .item1, .active .ibox5c .item4, .m-active .ibox5c .item1, .m-active .ibox5c .item4 { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.active .ibox5c .item2, .active .ibox5c .item3, .m-active .ibox5c .item2, .m-active .ibox5c .item3 { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.ibox5c .item .warpp:hover .info { transform: rotateY(180deg); opacity: 0; }
.ibox5c .item .warpp:hover .txt { transform: rotateY(0deg); opacity: 1; }
#s6 .linBox { background-color: #fff; }
#s6 .bg61, #s6 .bg63 { height: 50%; width: 100%; }
#s6 .ibox { opacity: 1; transform: translate3d(0px, 0, 0px) scale(1); -webkit-transform: translate3d(0px, 0, 0px) scale(1); }
#s6.disappear .ibox { opacity: 0.7; transform: translate3d(0px, 0, 0px) scale(1); -webkit-transform: translate3d(0px, 0, 0px) scale(1); }
#s6.m-active .ibox { opacity: 1; }
.box6Con { margin: 0px auto; padding-top: 8%; }
select.selbox { width: 300px; height: 44px; line-height: 44px; padding: 0px 0px 0px 20px; vertical-align: middle; border: 2px solid #bababa; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #bababa; cursor: pointer; display: block; font-size: 14px; margin: 0px auto 20px; background: url(../images/sico.png) no-repeat scroll 90% center; }
.no-csstransitions select.selbox { padding-left: 0; }
select.selbox option { padding: 2px 20px; }
select.selbox:hover { color: #101010; border: 2px solid #009572; }
.loginbtn { width: 80px; height: 80px; display: block; margin: 5% auto 0px; border: 1px solid #009572; line-height: 80px; border-radius: 50%; font-size: 14px; position: relative; text-align: center; color: #fff; }
.loginbtn span { color: #009572; position: relative; z-index: 2; }
.loginbtn .i2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #009572; border-radius: 50%; opacity: 0; transform: scale(0.4); -webkit-transform: scale(0.4); visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.loginbtn:hover span { color: #FFFFFF; }
.loginbtn:hover .i2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.nearbybtn { display: block; margin: 4% auto 0px; width: 156px; height: 42px; overflow: hidden; border: 1px solid #009572; line-height: 42px; color: #009572; position: relative; font-size: 14px; }
.nearbybtn .i2 { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; display: block; background-color: #009572; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.nearbybtn span { position: relative; z-index: 2; }
.nearbybtn:hover span { color: #FFFFFF; }
.nearbybtn:hover .i2 { width: 100%; }
.bg61 .txt { display: none; }
.bg62 { position: relative; overflow: hidden; }
.bg62 .txt { position: absolute; left: 0px; top: 45%; text-align: center; color: #009572; width: 100%; line-height: 1.5; -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transform: translate(0px,-200px); -webkit-transform: translate(0px,-200px); }
.bg62 .txt .t { font-size: 40px; }
.bg62 .txt .c { font-size: 20px; }
.active .bg62 .txt, .m-active .bg62 .txt { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
/*index style end*/

/*-------头部-------*/
.logo0 { background: url(../images/logo.png) no-repeat; width: 360px; height:67px; position: fixed; left:69px; top: 18px; display: block; z-index: 99; color: #fff; }
.logo0 a { display:block; width:100%; height:100%;}

.mtop { background: url(../images/headbg.png) repeat; height:120px; position:fixed; top:0; left:0; width:100%; z-index:99;}
.mnav { float:right; padding-top:50px; padding-right:120px; width:55%; text-align:center;}
.mnav a { color:#333333; font-size:16px; display:inline-block; line-height:25px; margin-left:2.5%; margin-right:2.5%;}
.mnav a:hover { color:#e00909;}
.mnav a.on { color:#e00909;}
.open .mnav{ display:none;}
.foot { width:100%; background: url(../images/footbg.png) repeat; padding-bottom:10px; position:fixed; left:0; bottom:0; z-index:999999;}
.footl { float:left; padding-top:22px; width:54%; padding-left:69px; color:#FFF; line-height:25px;}
.footl a{ color:#FFF; font-size:12px;}
.footr { width:35%; padding-top:22px; text-align:right; float:right; padding-right:69px; line-height:25px; color:#FFF;}
.footr a{ color:#FFF; font-size:12px;}
.footsj { display:none; width:100%; background: url(../images/footbg.png) repeat; padding-bottom:4px; position: absolute; left:0; bottom:0; z-index:99;}

.styled-select { float:right; color:#FFF;}
.styled-select select {
   background: transparent;
   width: 181px;
   font-size: 12px;
   border-style: solid;
  border-width: 1px;
  border-color:rgba(255,255,255,0.5);
   height: 26px;
   outline:0;
   background: url(../images/new_arrow.png) no-repeat 160px;
   -webkit-appearance: none; /*for chrome*/
}
.styled-select option { color:#333; line-height:24px;}
.backTop { background: url(../images/top.png) no-repeat; cursor:pointer; width: 40px; height: 40px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; margin-bottom:0; }

/*微信弹出*/
.popUpblack { background: url(../images/black_bg4.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/*微信弹出 end*/

}
/*--首页左侧导航--*/
.fnav { position:absolute; left:2%; top:40%; z-index:9999;}
.fnav ul li { background:url(../images/meyd.png) no-repeat left; padding-left:25px; margin-bottom:9px;}
.fnav ul li a { font-size:12px; display:block; text-align:center; background: url(../images/med.png) no-repeat; width:68px; height:21px; color:#FFF;}

.H0_next { position:absolute; width:100%; text-align:center; left:0; bottom:5%; z-index:9999;}

/*--------产品展示-----*/
.prokz { width:100%; position:absolute; left:0; top:15%;}
.prok { width:100%; margin:0 auto;}
.probt { text-align:center; padding-top:4%;}
.probt h3 { font-size:36px; color:#FFF; font-weight:bold;}
.probt p { text-align:center; font-size:14px;color:#FFF; padding-top:10px;}
.w1200 { max-width:1200px;margin:0 auto;}
.prolie { width:100%; margin:0 auto; padding-top:3.5%;}
.prolie ul li { width:32.334%; float:left; position:relative; line-height:0px; margin-right:1.5%; margin-bottom:1.5%;}
.prolie ul li a { display:block; width:100%; height:100%;}
.prolie ul li img { width:100%;}
.prolie ul li.mr0 { margin-right:0;}
.prolie ul li .cplei{ position:absolute; right:6%; line-height:20px; background:url(../images/xiang.png) no-repeat; width:17%; height:24%; top:0; color:#FFF; font-size:12px; text-align:center;padding-top: 4%;background-size: 100%;transition:0.5s; -webkit-transform:0.5s;}
.prolie ul li .cpybt{ position:absolute;left:0%; background:url(../images/hui1.png) repeat; width:93%; height:45px; line-height:45px; bottom:0; color:#FFF; font-size:15px;padding-left:7%;}
.prolie ul li a:hover .cplei,.prolie ul li a:hover .cpybt { display:none;}
.cpxbt { position:absolute; width:100%; bottom:0;  left:0; transition:0.5s; -webkit-transform:0.5s; opacity:0;}
.cpmiao {margin:0 auto; width:93%;padding-left:7%; line-height:18px; padding-top:3%; padding-bottom:3%;font-size:12px; color:#FFF;background:url(../images/hui1.png) repeat;transition:0.8s; -webkit-transform:0.8s; opacity:0;}
.prolie ul li a:hover .cpmiao { top:40%;opacity:1;}
.cpxnr {background:#E00909; width:90%; margin:0 auto; padding:5% 5%; overflow:hidden;}
.prolie ul li a:hover .cpxbt {opacity:1;}
.cpxnr h3 { color:#FFF; font-size:16px; font-weight:500;line-height:24px; background:url(../images/bxain.jpg) no-repeat left bottom; padding-bottom:8px;}
.cpxnr p { float:left; width:88%;line-height:22px; color:#FFF; font-size:13px; padding-top:2%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.cpxnr .morec { float:right; padding-top:1.8%;}

/*-------首页右侧漂浮-----*/
.sidebar{ position: fixed; right: 10px; bottom: 10%; margin-top: -80px;width:40px;z-index:999999;}
.sidebar li{  width: 40px; margin-bottom:4px; position:relative;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sidebar li span {display:inline-block; width:40px; height:40px;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.qqtb { background:url(../images/yc1.png) no-repeat;}
.weitb {  background:url(../images/yc2.png) no-repeat;}
.dhtb { background:url(../images/yc3.png) no-repeat;}
.qie {  background:url(../images/720.png) no-repeat;}
.taobao {  background:url(../images/yc6.png) no-repeat;}

.sidebar li img{ display: block;}
.sidebar li .weixin { display:none;right:46px; width:0; top:-50px;position:absolute;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.sidebar li .wdian { display:none;height:40px; color:#FFF; width:120px; line-height:40px; font-size:14px; text-align:center; right:45px;border-radius:8px;background: rgba(0,0,0,0.6); top:0px; position:absolute;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.sidebar li a:hover .weixin{ display:block; width:186px;}
.sidebar li a:hover .wdian{ display:block; }

.sidebar li:hover .weitb { background:url(../images/ych2.png) no-repeat;}
.sidebar li:hover .qqtb { background:url(../images/ych1.png) no-repeat;}
.sidebar li:hover .dhtb { background:url(../images/ych3.png) no-repeat;}
.sidebar li:hover .qie {  background:url(../images/720h.png) no-repeat;}


.weitb2 {  background:url(../images/yc5.png) no-repeat;}
.sidebar li:hover .weitb2 { background:url(../images/ych5.png) no-repeat;}


/*--------首页流程-------*/
.wrapper{
	max-width: 1200px; margin: 0 auto; position: relative; 
}
.lczkk { position:relative; width:100%; padding-top:120px; height:80.4%;}
.page2 {  background: url(../images/lcbg.jpg) no-repeat;  background-size: cover;}
.page2 .wrapper{
	height: 100%;
}
.page2 ul{
	height: 100%;
	width:100%;
}
.page2 li{
	width: 25%; float: left; display: inline; text-align: center; color: #fff; height: 100%; position: relative;
	/*css3*/
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
.page2 li .bg{
	position: absolute; left: 0; right: 0; bottom: 0; background: #acd146; height: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.page2 li.selected .bg{
	height: 100%;
}
.page2 li.l2 .bg{
	background-color: #29D0C7;
}
.page2 li.l3 .bg{
	background-color: #F8C200;
}
.page2 li.l4 .bg{
	background-color: #E53939;
}
.page2 li .wrap{
	position: absolute; left: 30px; right: 30px; top: 30%; margin-top: -110px;
}
.page2 li .ico{
 	width: 121px; height: 121px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; overflow: hidden;
 	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
}
.page2 li.l1 .ico{
	background-image: url(../images/img5.png);
}
.page2 li.l2 .ico{
	background-image: url(../images/img6_1.png);
}
.page2 li.l3 .ico{
	background-image: url(../images/img7.png);
}
.page2 li.l4 .ico{
	background-image: url(../images/img8.png);
}
.page2 li.selected .ico{
	background-position: center bottom;
}
.page2 li .link{
	text-align: center; margin-top: 35px;
}
.page2 li .link a{
	background: url(../images/img41.png) no-repeat; width: 48px; height: 48px; display: inline-block;
}
.page2 li .img{
	position: absolute; left: 0; right: 0; bottom: -200px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}
.page2 li.selected .img{
	bottom: 0;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.page2 li .img img{
	display: block; width: 100%;
}
.page2 li a{
	color: #fff; text-decoration: none;
}

.page2 li.l1{
	-webkit-transform:translate3d(-600px, 0, 0);
	-ms-transform:translate3d(-600px, 0, 0);
	transform:translate3d(-600px, 0, 0);
}
.page2 li.l2{
	-webkit-transform:translate3d(-300px, 0, 0);
	-ms-transform:translate3d(-300px, 0, 0);
	transform:translate3d(-300px, 0, 0);
}
.page2 li.l3{
	-webkit-transform:translate3d(300px, 0, 0);
	-ms-transform:translate3d(300px, 0, 0);
	transform:translate3d(300px, 0, 0);
}
.page2 li.l4{
	-webkit-transform:translate3d(600px, 0, 0);
	-ms-transform:translate3d(600px, 0, 0);
	transform:translate3d(600px, 0, 0);
}
.page2.active li{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.page2 li h2{
	margin-top: 33px; font-size: 18px; font-weight: bold; line-height: 1;
}
.page2 li h2 span { border-radius:22px; width:136px; height:36px; line-height:36px; display:inline-block; margin:0 auto;font-size: 18px; font-weight: bold; color:#333333;}
.page2 li.l1 h2 span { border:1px solid #A8D233;}
.page2 li.l2 h2 span { border:1px solid #29D0C7;}
.page2 li.l3 h2 span { border:1px solid #f8c200;}
.page2 li.l4 h2 span { border:1px solid #e53939; }
.page2 li dl{
	margin-top: 30px;
}
.page2 li dl div{ color:#666; display:block; width:124px; height:26px; line-height:26px; margin:0 auto; text-align:center;}

.page2 li dd{
	display: inline;
}
.page2 li dd span{
	width: 1px; height: 15px; display: inline-block; background: #fff; margin: 0 15px;
	
}
.page2 li p{
	margin-top: 30px; line-height: 24px;
	color:#666666;
	max-height:95px;
	overflow:hidden;
}
.page2 li.selected p{ color:#FFF;}
.page2 li.selected h2 span {  border:1px solid #fff; color:#FFF;}
.page2 li.selected dl div{ background:#FFFFFF; }
.page2 li.selected dl a.yse1 { color:#A8D233}
.page2 li.selected dl a.yse2 { color:#29D0C7}
.page2 li.selected dl a.yse3 { color:#A8D233}
.page2 li.selected dl a.yse4 { color:#A8D233}
.page2 li.l1 { background: url(../images/lcbg1.jpg) no-repeat center;background-size: cover;}
.page2 li.l2 { background: url(../images/lcbg2.jpg) no-repeat center;background-size: cover;}
.page2 li.l3 { background: url(../images/lcbg3.jpg) no-repeat center;background-size: cover;}
.page2 li.l4 { background: url(../images/lcbg4.jpg) no-repeat center;background-size: cover;}

.xwbg {background: url(../images/xwbg.jpg) no-repeat center;background-size: cover;}

/*------新闻首页-------*/
.xwsyk { background:rgba(255,255,255,0.8); width:100%; margin:0 auto; margin-top:3.5%;}


/* scrollpic */
.scrollpic{max-width:374px;max-height:457px;position:relative; float:left;}
#myscroll{display:block; width:374px; position:relative; height:457px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0; width:374px;}
#myscroll ul li a{display:block; float:left; width:100%; position:relative;color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background: url(../images/xwhui.png) repeat; width:100%;}
#myscroll a .intro h5{padding:0; margin:0 auto; width:80%; text-align:center; font-size:14px; color:#FFF; font-weight:500; height:40px;line-height:40px;}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:0px;}

#mybtns{ position: relative; height:0;width:100%; display:block;}
#mybtns a{width:10px; height:18px; display:block;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/xwzuo.png); position:absolute;  left:31px; top:-30px;z-index:999;}
#mybtns #right{background-image:url(../images/xwzuo1.png);position:absolute; right:31px; top:-30px;z-index:999;}
#mybtns #left:hover {background-image:url(../images/xwyou1.png); }
#mybtns #right:hover {background-image:url(../images/xwyou.png);}
.syxwyou { width:726px; float:left; padding-left:53px;}
.sysbt { width:100%;}
.sysbtz { float:left; width:80%; border-bottom:1px solid #EBEBEB; padding-top:42px; padding-bottom:5px;}
.sysbtz h3 { font-size:18px; color:#333333; font-weight:500; padding-bottom:8px;}
.sysbtz p { padding-bottom:2px;}
.sysbty { float:right; width:8%; background:url(../images/xwgd.png) no-repeat right top; height:85px;}
.sysbty a { text-align:center; font-size:12px; color:#FFF; display:block; padding-top:22%; line-height:20px;}
.synewl { float:left; width:100%; padding-top:10px;}
.synewl ul li { float:left; width:30%; height:343px; margin-right:5%;}
.synewl ul li.mr0 { margin-right:0;}
.synewl .xwan { display:block; background:url(../images/xwtb1.png) no-repeat left; font-size:14px;padding-left:18px; color:#000000; line-height:28px; margin-bottom:10px;}
.synewl ul li:hover .xwan { background:url(../images/xwtb3.png) no-repeat left;}
.xwxia span { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; padding-top:24px; padding-bottom:5px;}
.xwxia .pic { width:100%; overflow:hidden;}
.pic img { width:100%;transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;}
.synewl ul li:hover .pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.xwxia .p { font-size:16px; color:#333333; background:url(../images/xwbg2.jpg) repeat-x bottom; padding-bottom:8px; position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.xwxian { position:absolute; left:0; background:url(../images/xwxian.jpg) repeat-x; width:20px; height:1px; bottom:0;-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.synewl ul li:hover .xwxian { width:100%;}

.synewl ul li a:hover.xwxia .p { color:#e00909;}
.synewl ul li:hover { border-bottom:3px solid #E22020;}
.xwxia b.more2 {  padding-right:10px; font-weight:500; display:inline-block;}
.synewl ul li a:hover.xwxia b.more2 {background:url(../images/xwjian.png) no-repeat right 8px;}
.xwmiao { padding-top:10px; line-height:22px; padding-bottom:20px;}

/*-------首页投资公司-----*/

.tzgszuo { width:50%; height:100%; float:left; position:relative; background:url(../images/tzgs01.jpg) no-repeat center;background-size:cover;}
.tzgsyuo { width:50%;height:100%; float:left; position:relative;background:url(../images/tzgs02.jpg) no-repeat center;background-size:cover;}
.tzmeng { position:absolute; left:0; top:0; background:rgba(255,255,255,0.8); width:100%; height:100%; filter: alpha(opacity=0);opacity:0;-webkit-transition: all .5s; transition: all .5s;}
.tzgszuo:hover .tzmeng { filter: alpha(opacity=100);opacity: 1;}
.tzgsyuo:hover .tzmeng { filter: alpha(opacity=100);opacity: 1;}
.tzyceng { position:absolute; right:0; top:0; width:70%; height:70%;-webkit-transition: all .5s; transition: all .5s;}
.tzycengy { position:absolute; left:0; top:0; width:70%; height:70%;-webkit-transition: all .5s; transition: all .5s;}
.tznr { width:100%; text-align:center; }
.pt30 {padding-top:50%;}
.pt25 {padding-top:40%;}

.tzmeng2 { width:70%; float:right;}
.tzmeng3 { width:70%; float:left;}

.tzlogo { width:100%; margin:0 auto; }
.tzlian { text-align:center; color:#FFF; font-size:15px; width:100%; padding-top:2%;}
.tzlian a {  padding-left:30px; display:inline-block; height:21px; font-size:15px;}
.bai {color:#FFF;background:url(../images/wail_03.png) no-repeat left;}
.hong { color:#E00909;background:url(../images/wailh_03.png) no-repeat left;}
.tzgszuo:hover .tzyceng {filter: alpha(opacity=0);opacity:0;}
.tzgsyuo:hover .tzycengy {filter: alpha(opacity=0);opacity:0;}
.tzgszuo:hover .tzlogo {
position:relative;
animation:mymove 1s;
animation-iteration-count:1;

/* Safari and Chrome */
-webkit-animation:mymove 1s;
-webkit-animation-iteration-count:1;
}
.tzgsyuo:hover .tzlogo {
position:relative;
animation:mymove 1s;
animation-iteration-count:1;

/* Safari and Chrome */
-webkit-animation:mymove 1s;
-webkit-animation-iteration-count:1;
}


@keyframes mymove
{
from {top:20px;}
to {top:0px;}
}
		  
.tznr p {width:90%; margin:0 auto; color:#333333; font-size:15px; padding-top:5%; line-height:25px;}
.tzxiang { width:90%; margin:0 auto; padding-top:5%;}
.tzxiang a { display:inline-block; width:171px; height:37px; text-align:center; line-height:37px; color:#FFF; background:#E00909; border-radius:22px; border:1px solid #BDBDBD; }

/*-----------内页公司---------*/
.newdh { max-width:1200px; margin:0 auto;}
.nycont { background:#F0F0F0;}
.nyxdh { background:#F2F2F2; width:100%; height:43px; line-height:43px; margin-top:120px;}
.mnnav { color:#aaaaaa;font-size:12px; background:url(../images/fangzi.png) no-repeat left; padding-left:17px;}
.mnnav a{ font-size:12px; color:#aaaaaa;}
.nycont a:hover { color:#E00909;}
.nynav { width:100%; margin:0 auto;height:42px;line-height:42px; background:#E60B12;}
.nynav a { display:inline-block; font-size:14px; color:#FFF; text-align:center; width:12.15%;}
.nynav a:hover { color:#FFF; background:rgba(255,255,255,0.2)}
.nynav a.on { color:#FFF; background:rgba(255,255,255,0.2)}
.gsjjnr { max-width:1200px; width:100%; margin:0 auto;}
.gsjjnr h3 { text-align:center; color:#e60b12; font-size:24px; font-weight:500; line-height:25px; padding-top:70px; background:url(../images/hxian2.jpg) no-repeat center bottom; padding-bottom:18px;}
.gsjjnr h3 p { text-align:center; color:#e60b12; font-size:24px; line-height:28px;}
.gsjjnr h3 span { padding-top:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:25px;color:rgba(230,11,18,0.4); display:block; }
.gswen { width:100%; text-align:center; padding-top:35px;}
.gswen p { font-size:15px; line-height:27px; padding-bottom:37px;}
.slide span{ background:url(../images/gshui.png) repeat; position:absolute; left:0; bottom:0; width:100%; text-align:center; height:53px; line-height:53px; font-size:16px; color:#fff;}
.ygmz { padding-top:56px; width:100%; margin-bottom:39px;}
.ygmz h4 { font-size:24px; text-align:center; color:#333333; padding-bottom:56px; }
.ygmz h4 span { font-weight:bold; font-size:24px; color:#333333;line-height:60px; display:inline-block; border-top:1px solid #E60B12;border-bottom:1px solid #E60B12;}
.zymlie { width:100%;}
.zymlie ul li { float:left; width:33.333%; position:relative;}
.ygyuan { position:absolute; width:100%; text-align:center; left:0; top:42%; font-size:20px; color:#FFF;}
.ygyuan span { background:url(../images/douh_03.png) no-repeat center;font-size:20px; color:#FFF; display:inline-block; width:274px; height:54px; background-size:100%;}
.ygmeng { background:url(../images/gsbg1.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
.zymlie ul li .ygmeng { opacity:0;-webkit-transition: all .5s; transition: all .5s;}
.zymlie ul li:hover .ygmeng { opacity:100;}
.zymlie ul li a:hover .ygyuan{ display:none;}
.ygmeng .ding { padding-top:15%;}
.ygmeng p { font-size:14px; color:rgba(255,255,255,0.6); text-align:center; width:95%; margin:0 auto; padding-top:5%;}
.ygmeng span { background:url(../images/douh_03.png) no-repeat center;font-size:20px; color:#FFF; display:inline-block; width:274px; height:54px; background-size:100%;}

/*====================================================
case====================================================*/
.case {
padding:0;
background:none;
}
.case_banner {
padding:4% 0;
background:url(../images/gsbanner.jpg) center top no-repeat;
-moz-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.case_item {
font-weight:normal;
text-align:center;
color:#fff;
margin-bottom:0%;    font-family: "微软雅黑";
}
.case_item span {
display:block;
font-size:36px;
color:#FFF;
font-weight:bold;
margin-bottom:15px;
}
.case_item span i {
display:inline-block;
width:62px;
height:2px;
background:#fff;
vertical-align:middle;
margin:0 8px;
}
.case_item em {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:18px;    font-family: "微软雅黑";
}
.zkong {
text-align:center;
margin:0 auto;
max-width:1200px;
overflow:hidden;
padding-top:55px;
}
.num_area {
display:inline-block;
text-align:center;
color:#fff;
border-right-color:rgba(255,255,255,0.2); border-right-width:1px; border-right-style:solid;
text-transform:uppercase;
position:relative;
width:24.93%;
float:left;
}
.num_box {
width:100%;
margin:0 auto;
height:130px;
position:relative;
}
.num_box span.timer {
display:block;
width:85%;
height:110px;
float:left;
line-height:110px;
font-family: ImpaCt;
font-size: 80px;
}
.num_box span.timer2 {
display:block;
width:85%;
height:110px;
float:left;
line-height:110px;
font-family: ImpaCt;
    font-size: 80px;
}


.lvse { color:#A8D233;}
.lvse1 { color:#29D0C7;}
.lvse2 { color:#F8C200;}
.lvse3 { color:#E53939;}

.num_line {
display:block;
position:absolute;
bottom:33%;
z-index:100;
font-style:normal;
margin-top:-22px;
padding:7px;
font-family:思源黑体 CN;
font-size:14px;
color:#FFF;
border-radius:50%;
}
.numa1 {left:64%; background:#A8D233; }
.numa2 {left:81%; background:#29D0C7;}
.numa3 {left:70%; background:#F8C200;}
.numa4 {left:70%; background:#E53939;}

.num_box .sup1 {
position:absolute;
top:12%;
left:57%;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/jia1.png) no-repeat;
text-indent:-9999px;
}

.num_box .sup2 {
position:absolute;
top:12%;
left:72%;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/jia2.png) no-repeat;
text-indent:-9999px;
}
.num_box .sup3 {
position:absolute;
top:12%;
left:60%;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/jia3.png) no-repeat;
text-indent:-9999px;
}
.num_box .sup4 {
position:absolute;
top:12%;
left:60%;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/jia4.png) no-repeat;
text-indent:-9999px;
}
.num_des {
font-size:15px;
color:#FFF;
text-align:center;
float:left;
width:100%;
}

/*-----投资公司----*/
.tzgsyi { width:100%; margin:0 auto; background:#FFF;}
.tzgsyi h3 { font-size:28px; color:#333; text-align:center; padding-top:56px; padding-bottom:11px; margin-bottom:11px; background:url(../images/hxian3.jpg) no-repeat center bottom;}
.tzgsyi p { text-align:center; font-size:14px; color:#333;}

#conh { margin:0 auto;WIDTH:100%; margin-top:33px;}
#conh .change{ width:100%;  margin:0 auto; position:relative;}
#tagh {margin: 0 auto;padding: 0; max-width:1200px; text-align:center; padding-bottom:33px;}
#tagh LI { display:inline-block; width:206px; height:44px; line-height:44px; padding-left:14px; padding-right:14px;}
#tagh LI A {color: #666666; background:#E5E5E5; text-align:center;font-size:18px; display:block; border-radius:20px;}

#tagh LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tagh LI.selectTagh {  color:#fff;}
#tagh LI.selectTagh A {color: #fff; background:#E60B12;}
#tagContenth {width:100%;overflow: hidden; margin:0 auto; background:#F4F4F4; padding-top:44px; padding-bottom:58px;}
.tagContenth {DISPLAY: none;}
#tagContenth DIV.selectTagh {DISPLAY: block}
#tagh LI.selectTagh span.tb1 { display:inline-block; background:url(../images/jian.png) no-repeat top; width:10px; height:7px; margin-left:11px;}
.tzjss { max-width:1200px; margin:0 auto; text-align:center;}
.tzbt01 { text-align:center; width:95%; font-size:28px; color:#e60b12; font-weight:bold; margin:0 auto;}
.tzbt01 p { font-size:14px; color:rgba(102,102,102,0.5); font-weight:500;}
.tznr01 { text-align:center; width:95%; margin:0 auto; padding-top:27px; font-size:15px; color:#666666; line-height:25px;}
.tzjss span { display:inline-block; font-size:16px; color:#fff; background:#FFCC00; border-radius:22px; margin-top:38px; height:38px; width:238px; line-height:38px;}
.cylie { max-width:808px; margin:0 auto; padding-top:42px;}
.cylie ul li { float:left; width:180px; margin-left:11px; margin-right:11px; margin-bottom:11px;}
.cylie ul li p { font-size:14px; color:#adadad; padding-top:15px;}
.cylie ul li .spinner { width:100%; height:100%; position:relative;}

.cylie ul li .spinner img {  position:absolute; left:10px; top:10px;}
.cylie ul li .spinner i{
    width: 180px;
    height: 180px;
	display:inline-block;
    border: 1px solid #DDDDDD;
    border-right-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.cylie ul li:hover .spinner i{
	 border: 1px solid #DDDDDD;
	     border-right-color: #E6020A;
    border-bottom-color: #E6020A;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cylie ul li.w50 { width:76px;}



.cylie2 { max-width:606px; margin:0 auto; padding-top:42px;}
.cylie2 ul li { float:left; width:180px; margin-left:11px; margin-right:11px; margin-bottom:11px;}
.cylie2 ul li p { font-size:14px; color:#adadad; padding-top:15px;}
.cylie2 ul li .spinner { width:100%; height:100%; position:relative;}

.cylie2 ul li .spinner img {  position:absolute; left:10px; top:10px;}
.cylie2 ul li .spinner i{
    width: 180px;
    height: 180px;
	display:inline-block;
    border: 1px solid #DDDDDD;
    border-right-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.cylie2 ul li:hover .spinner i{
	 border: 1px solid #DDDDDD;
	     border-right-color: #E6020A;
    border-bottom-color: #E6020A;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}



.cytu { position:relative; width:100%; margin:0 auto; margin-top:62px;}
.cytu .nei { position:absolute; left:0; top:35%; width:100%;}
.cytu .nei p { font-size:14px; color:#FFF; line-height:26px;}
.cytu .nei p span{ font-size:14px; color:#FFF; line-height:26px;}

.cytu .nei p a {font-size:14px; color:#FFF;}
.lian {background:url(../images/wailh_03.png) no-repeat left; padding-left:30px;}
.cytu a.cypiao { width:283px; margin:0 auto; background:url(../images/cytb.png) no-repeat left; padding-left:40px; display:block;}
.cypiao span { font-size:18px; color:#FFF;}
.cypiao em { font-size:14px; font-style:normal; color:#FFF;}




/*----------领导致辞----------*/
.ldzcz { width:100%; margin:0 auto; margin-top:50px;}
.ldtuz { width:50%; float:left;}
.ldtuz img { width:100%;}
.ldtuy { position:relative; width:50%; float:left;}
.ldzcnr { position: absolute; left:10%; top:14.5%; width:441px; text-align:left; }
.ldzcnr p { font-size:15px; color:#FFF; padding-bottom:22px;text-align:left; line-height:25px;}
.ldwu { color:#e60b12; font-size:20px; border-left:3px solid #E60B12; padding-left:2%; margin-left:1%;}
.qian { width:100%; padding-top:5%;}
.ldzcyin { display:none;}

/*-------经营理念-------*/
.jylnbg { width:100%; margin:0 auto; background:url(../images/jybanner.jpg) no-repeat center; max-height:580px; padding-bottom:65px;}
.jylnbg h3 { font-size:28px; color:#333; text-align:center; padding-top:63px; padding-bottom:11px; margin-bottom:11px; background:url(../images/hxian3.jpg) no-repeat center bottom;}
.jylnbg p { font-size:36px; color:#e60b12; text-align:center; width:100%;}
.jylnbg span { display:block; font-size:12px; color:#e60b12; text-transform:uppercase;}
.lnbg1 { background: url(../images/lnbg1.png) no-repeat center; width:1120px; height:251px; margin:0 auto; margin-top:50px;padding-top:15px;} 
.lnnbg { background:url(../images/lnbbg.png) repeat; width:1089px; height:237px; margin:0 auto; }
.w12001 { max-width:1200px; margin:0 auto;}
.lnnbg .left { width:43.75%; padding-right:6%; float:left; border-right:1px solid #DCDEE2; margin-top:2.5%; text-align:right;}
.lnnbg .right { width:43%; float:left; padding-left:6%;margin-top:2.5%; text-align:left;}
.lnnbg span { display:block;} 

.lntb1 { background:url(../images/lntb2.png) no-repeat; width:60px; height:60px; float:right;}
.hongzi { font-size:20px; color:#e60b12; float:right; display:block; width:100%; padding-top:3.5%; padding-bottom:5%;}
.heizi { font-size:15px; color:#333333; float:right; width:100%; line-height:25px;}
.lntb2 { background:url(../images/lntb1.png) no-repeat; width:60px; height:60px; float:left;}
.jylie { max-width:1206px; margin:0 auto; padding-top:40px;}
.jylie ul li { border-right:1px dashed #D9D9D9;border-bottom:1px dashed #D9D9D9; float:left; width:24.9%; text-align:center;padding-bottom:24px;}
.jylie ul li.bornone { border-right:none;}
.jylie ul li.bortone { border-bottom:none; padding-top:3.5%; padding-bottom:0;}

.jypic { width:240px; position:relative; margin:0 auto;}
.jylie ul li p { font-size:16px; color:#666; padding-top:26px; line-height:24px; height:44px; }
.jylie ul li span {  position:absolute; left:0; top:0; text-align:center; width:100%; height:100%;opacity:1;    -webkit-transition: all 0.8s ease-in-out;    -moz-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;
}
.jylie ul li span em { padding-top:37%; display:block;}
.jylie ul li span em img { width:30.2%;}
.jylie ul li:hover span { opacity:0;}
.jylie ul li:hover p { color:#e60b12;}
.lnse1 { background:rgba(204,123,130,0.5); border-radius:50%}
.lnse2 { background:rgba(195,51,56,0.6); border-radius:50%}
.lnse3 { background:rgba(84,107,145,0.6); border-radius:50%}
.lnse4 { background:rgba(82,228,99,0.6); border-radius:50%}
.lnse5 { background:rgba(238,218,46,0.6); border-radius:50%}
.lnse6 { background:rgba(69,152,164,0.6); border-radius:50%}
.lnse7 { background:rgba(198,82,180,0.6); border-radius:50%}
.lnse8 { background:rgba(164,116,69,0.6); border-radius:50%}

.jyxbg { background:url(../images/jybanner2.jpg) no-repeat center top; width:100%; min-height:501px; margin-top:77px; }
.jyxlie { max-width:1200px; margin:0 auto;}
.jyxlie ul { padding-top:6%;}
.jyxlie ul li { background:url(../images/jyxbg.png) no-repeat; width:352px; height:261px; text-align:center; float:left; margin-right:6%}
.jyxlie ul li.mr0 { margin-right:0;}
.jyxlie ul li span { color:#e60b12; font-size:21px; padding-top:18%; display:block;}
.jyxlie ul li p { font-size:16px; color:#333333; padding-top:6%; line-height:25px; min-height:95px; padding-bottom:14%; width:90%; margin:0 auto;}

/*---------日冷品牌--------*/
.rlbt { max-width:1200px; margin:0 auto; padding-top:68px;}
.rlbt h4 { color:#e60b12; font-size:18px; font-weight:500; text-align:center;}
.rlpic { text-align:center; padding-top:8px;}
.rlbt h5 { color:#414141; font-size:30px; font-weight:500; text-align:center; padding-top:44px;}
.rlbt font { font-size:18px; color:#656565; font-weight:500; display:block; text-align:center; padding-top:13px; background:url(../images/xyin.png) no-repeat center bottom; padding-bottom:75px;}
.rlbt p { font-size:16px; padding-top:37px; line-height:24px;}
.rlppbg { background:url(../images/ppbg.jpg) no-repeat center top; width:100%; margin:0 auto; min-height:638px; margin-top:72px;}
.rppxbt { width:90%; margin:0 auto; padding-top:4%; text-align:center;}
.rppxbt h4 { font-size:28px; color:#FFF; background:url(../images/bxian.jpg) no-repeat center bottom; padding-bottom:10px;}
.rppxbt span { font-size:14px; color:#FFF; text-transform:uppercase; display:block; padding-top:16px;}
.ppse1 {}
.ppse1 img { width:100%;}
.rlpplie { width:100%; margin:0 auto; padding-top:54px;}
.rlpplie ul li { position:relative; float:left; margin-right:2.95%; margin-left:2.95%; width:14.09%;}
.rlpplie ul li p { font-size:15px; color:#FFF; line-height:25px; padding-top:7%; width:85%; margin:0 auto;}
.pppic { position: absolute; left:0; top:19.4%; width:100%; text-align:center;}
.pppic img { width:25%;}


/*------荣誉资质-------*/
.rywen { text-align:center;}
.mami { width:1200px; margin:0 auto; position:relative; border-bottom:1px solid #C8C8C8;}
.inner { width: 1029px; margin: 0px auto; }
.honorBox .inner { overflow: hidden; }
.pbanner .pbmenuBox { position: absolute; width: 100%; top: 35%; padding: 0px; }
.pbanner .pbmenuBox .menu { border-bottom: 0px none; }
.pbanner .pbmenuBox .menuBox { background: transparent none; }
.pbanner .pbmenuBox .zh { color: #fff; }
.pbanner .menu a { background-color: #0065b7; }
.pbanner .menu a:hover, .pbanner .menu a.act { background-color: #003b97; color: #fff; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.proBox .bx-viewport { overflow: hidden; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 31px; height: 31px; text-indent: -9999px; z-index: 9; }
.proDemo .bx-controls-direction { padding-top: 90px; }
.honorBox { padding-top: 62px;}
.honorBox .bx-controls-direction { padding-top:28px;clear: both; }
.honorBox .bx-wrapper .bx-controls-direction a { position: relative; width: 175px; float: left; display: block; margin: 0px;width:50px; height:50px; background-repeat: no-repeat; }
.honorBox .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(../images/zuode.png);  position: absolute;left: 0px;top: 296px;}
.honorBox .bx-wrapper .bx-controls-direction a.bx-prev:hover { background-image: url(../images/zuode.png);  position: absolute;left:0px;top: 296px; }
.honorBox .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(../images/youde.png); position: absolute;right:0px;top: 296px;}
.honorBox .bx-wrapper .bx-controls-direction a.bx-next:hover {background-image: url(../images/youde.png);position: absolute;right:0px;top: 296px;}
/*honor style*/

.p-padding { padding-top:20px; padding-bottom:60px;}
.innera { max-width: 1200px; margin: 0 auto; }
.honorList li { float: left; display: block; position:relative; width:25%; overflow: hidden;margin-right:12.5%; margin-bottom:20px; margin-top:30px; }
.honorList li.mr0 { margin-right:0;}
.honorList li .img {  overflow: hidden; width:100%;position: relative;}
.honorList li .img img { width:100%; display: block;}
.honorList li .name { font-size: 16px; color: #333333; padding-top:17px; overflow:hidden;white-space: nowrap; text-align:center;text-overflow: ellipsis;width: 100%; }
.honorList li.initLi { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
.honorList li a:hover .name { color:#e60b12;}
.honorList li .img span { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/rybg.png) no-repeat; background-size:100%; opacity:0; -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
.honorList li a:hover .img span { opacity:1;}

/*honor style end*/




.fanye{ width:100%; text-align:center; margin:0 auto; margin-bottom:10px; }
div.digg {padding-right: 3px; padding-left: 3px; padding-bottom: 6px;text-align: center;
 height:35px; clear:both;padding-top: 30px; line-height:40px;}
div.digg a {
border: #DDDDDD 1px solid; background-color:#FFFFFF; padding-right: 12px;
padding-left: 12px;padding-bottom: 6px;margin: 2px; color: #444444; padding-top: 6px;  text-decoration: none;
}
div.digg a:hover {
background-color: #AE111A;color: #fff; 
}
div.digg a:active {
border: #df0018 1px solid; color: #000;
}
div.digg span {
border: #df0018 1px solid;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 6px;
margin: 2px;
color: #fff;
padding-top: 6px;
background-color: #AE111A;
}
div.digg span.disabled {
border: #eee 1px solid; padding-right: 12px;
padding-left: 12px;padding-bottom: 6px; margin: 7px; color: #fff; padding-top: 6px;background: #AE111A; 
}

/*------社会责任---------*/


/*--------发展历程--------*/
.container{ position: relative; width: 100%; overflow: hidden; transition: all 0.3s ease-in-out 0s;}


/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #9c9c9c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 8px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c61210;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:0%;background: url(../images/a_l3.png) no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background: url(../images/a_r3.png) no-repeat right bottom;}
.bx-wrapper .bx-prev:hover {background-position: 0 top;}
.bx-wrapper .bx-next:hover {background-position: right top;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height:30px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background: url(../images/controls.png) -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;
outline: 0;/*background: url(../images/controls.png) -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 100%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/*base style*/

/*about style*/
.pbanner{ position: relative; overflow: hidden; border-bottom: 5px solid #80abde; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pbanner .vt{ width: 100%; display: block;}
.pbanner .pbtxt {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 5%;width: 902px; font: bold 118px/1 "MyriadProRegular"; letter-spacing: -0.05em;}
.bgededed{ background-color: #ededed;}
.pageTBox{ padding:90px 0px;}
.pBT{ font: 30px/1.5 "microsoft yahei"; color: #174f90; padding-bottom: 46px;}
.pageCBox{ font-size: 13px;}

#historyPage{ position: relative; overflow:hidden; margin-top:45px;}
#historyPage .pimg{ display: block; width: 100%;}
.historyBox{ position: absolute; left: 50%; margin-left: -451px; width: 745px; padding: 30px 75px; top: 70px; background:rgba(255,255,255,0.8); }
.historyBox .pBT{ text-align: center;}
.historypic{ position: relative; width: 100%; margin: 0px auto; border-bottom: 1px solid #dcdcdc;}
.historyDemo{ position: static; }
.historyDemo .owl-stage-outer{ height: 42px;}
.historyDemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;}
.historyDemo a:link,.historyDemo a:visited { color: #666;}
.historyDemo a:active,.historyDemo a:hover,.historyDemo a.act{ color: #e60b12; text-decoration:underline;}
.historyDemo a{ font-size:18px;}
.historypic .bx-wrapper .bx-controls-direction a{ top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden;}
.historypic .bx-wrapper .bx-prev { left: 0px; background: url(../images/h_l.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(../images/h_r.png) no-repeat scroll right center;}
.historypic .bx-wrapper:hover .bx-prev { background: url(../images/h_lh.png) no-repeat scroll left center;}
.historypic .bx-wrapper:hover .bx-next { background: url(../images/h_rh.png) no-repeat scroll right center;}
.historyCon{ font-size: 16px; padding: 20px 0px 50px; line-height:25px;}
.fzlcbg { background:url(../images/fzlcbg2.jpg) no-repeat center; width:100%; margin:0 auto; min-height:519px;}
.fzlcbg p { width:90%; margin:0 auto; text-align:center; font-size:15px; line-height:25px; padding-top:4.2%;}
.fzlcbg h4 { width:90%; margin:0 auto; background:url(../images/xjtou.png) no-repeat center bottom; padding-bottom:13px; text-align:center; padding-top:30px; margin-bottom:14px;}
.fzlcbg h4 span { font-size:15px; color:#FFF; background-color:#E60B12; height:38px; line-height:38px; display:inline-block; padding:0 6%; font-weight:500; border-radius:20px;}

.bulie { max-width:1050px; margin:0 auto;}
.bulie ul li { width:8.5%; height:100%;float:left; margin-left:2%; margin-right:2%; margin-top:13px; margin-bottom:13px; position:relative; }
.bulie ul li:hover span{ color:#fff; }
.buyuan { opacity:1;}
.buyuan img { width:100%;}
.hongh {opacity:0; display:none;-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;}
.hongh img { width:100%;}
	
.bulie ul li:hover .hongh {animation-delay:2s; display:block;opacity:1; -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.bulie ul li:hover .buyuan { display:none;}
.bulie ul li span { font-size:15px; color:#666; font-weight:bold; text-align:center; position:absolute; left:0; top:40%; width:100%;}

/*-----社会责任-------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.conWidth { max-width: 1200px; margin: auto; margin-bottom:125px; }

.project { margin-top: 46px; }
.exhibite { width: 100%; float: left; position: relative; }
.project-info li { float: left; width: 100%; }
.project-list { position: relative; overflow: hidden; }
.projects { float: left; width:16.65%; transition: 460ms ease-in-out; position: relative; overflow: hidden; }
.projects .shpan { display: block; width: 101%; height: 60%; color:#FFF; position: absolute; left: 0; top:14%; z-index: 5;opacity:1; }
.hengx { width:20px; margin:0 auto; background:url(../images/hengx.png) no-repeat bottom center; text-align:center; font-size:20px; padding-top:30px; padding-bottom:8px;}
.shpan p { width:20px; margin:0 auto; text-align:center; font-size:16px; color:#FFF; padding-top:8px;}
.shse1 { background:rgba(74,164,92,0.9);}
.shse2 { background:rgba(201,71,76,0.9);}
.shse3 { background:rgba(101,122,156,0.9);}
.shse4 { background:rgba(240,222,66,0.9);}
.shse5 { background:rgba(87,162,173,0.9);}
.shse6 { background:rgba(213,131,66,0.9);}

.projects figure { display: block; overflow: hidden; position: relative; line-height: normal; }
.projects figure img { display: block; line-height: 0; position: relative; left: 0%; margin-left:0px; }
.projects .figca { display: block; width: 50%; height: 60%;z-index: 10; position: absolute; right: -1px; opacity: 0; visibility: hidden;transition: 430ms 0ms; }
.xuhao { width:90%; margin:0 auto; color:#FFF; font-size:30px; padding-top:30px; padding-bottom:22px;}
.figca h4 { width:90%; text-align:left; margin:0 auto; color:#FFF; font-size:20px; background:url(../images/hengx2.png) no-repeat bottom left; padding-bottom:15px;}
.figca p { width:90%; margin:0 auto;text-align:left;font-size:15px; color:#FFF; padding-top:10px; line-height:25px;}
.projects:hover .figca { top:14%; opacity: 1; visibility: visible; transition: 430ms 200ms; }

.projects:hover .shpan { opacity:0;  }
.projects.show { width: 73.3333%; }
.projects.hiden { width:5.333%; }
.project-list .flex-prev, .project-list .flex-next { display: none; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-mbile { position: relative; display: none !important; }
.project-inf { position: relative; overflow: hidden; }
.project-inf img { width: 100%; height: auto; display: block; }
.project-mbile .flex-prev, .project-mbile .flex-next { display: block; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-mbile .flex-prev { left: 0; background: rgba(255,255,255,0.5) url(../images/arrow3.png) center no-repeat; background: #fff url(../images/arrow3.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-next { right: 0; background: rgba(255,255,255,0.5) url(../images/arrow4.png) center no-repeat; background: #fff url(../images/arrow4.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-prev:hover { background: #E00909 url(../images/arrow3.png) center no-repeat; }
.project-mbile .flex-next:hover { background: #E00909 url(../images/arrow4.png) center no-repeat; }
.project-inf .figca { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-size: 14px; text-indent: 32px; filter: alpha(opacity=50); z-index: 10; position: absolute; left: 0; opacity: 0; visibility: hidden; bottom: -42px; transition: 430ms 0ms; z-index: 20; }
.project-inf.on .figca { opacity: 1; visibility: visible; bottom: 0; }

/*-----新闻------*/
.newbg { width:100%; margin:0 auto; position:relative;}
.newbg img { width:100%;}
.pcimg { display:block;}
.sjimg { display:none;}
.newwenk { position:absolute;width:100%; left:0; top:49.5%;}
.newwen { margin:0 auto;max-width:1200px; width:98%; text-align:right;}
.newwen h4 { color:#e00909; font-size:30px; font-weight:500; background:url(../images/hxian4.jpg) no-repeat right bottom; padding-bottom:12px;}
.newwen p { font-size:14px; color:rgba(224,9,9,0.8); line-height:25px; padding-top:12px;}
.nyxdh2 { background:#fff; width:100%; padding-top:29px;}

/*-------------工厂-------------*/

.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }


/* winxin end */
/* Slider */
.slick-slider { position: relative; display: block; margin:0 auto; margin-top:45px; margin-bottom:41px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -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: white 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: translate3
d(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; position:relative; }
.xwmeng { background:url(../images/xwmeng.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:99;}
.slick-center .xwmeng { display:none;}
.img { overflow:hidden;}
.img a img { transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;}
.img a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}


.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; }
.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;}
#terminaPage1 .item .img{ width:63%; float:left;}
#terminaPage1 .item .img img{ width:100%; display: block;}
#terminaPage1 .item .con{ float:left;width:37%; color: #897870; background:#E60B12; position:relative;}
#terminaPage1 .item .con img { width:100%;}
#terminaPage1 .item .t{ font-size: 20px; color:#333333;}
#terminaPage1 .item .c{ color:#fff; position: absolute; width:100%; height:100%; left:0; top:0;}
.newnei { width:80%; margin:0 auto; padding-top:15%;}
.newnei span { font-size:12px; color:#FFF; font-family:Arial; background: url(../images/xian2.jpg) no-repeat left bottom; padding-bottom:18px; margin-bottom:18px; display:block;}
.newnei h4 { font-size:18px; color:#FFF; width:100%; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newmiao {width:100%; overflow:hidden;height:74px; color:#FFF;line-height:24px; padding-top:16px;}
.fenxiang { padding-top:18%;}
#terminaPage1 .item .con .fenxiang font{ float:left; display:block; }
#terminaPage1 .item .con .fenxiang a img {position: relative; top: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
#terminaPage1 .item .con .fenxiang a:hover img {top:-5px;} 


#terminaPage1 .slick-center .img{ filter: alpha(opacity=100);  opacity:1; }
#terminaPage1 .slick-center .con{ display: block;}
#terminaPage1 .slick-prev,#terminaPage1 .slick-next{  width: 50px; height: 50px; position: absolute; top: 40%; margin-top: 0px; z-index: 999; }
#terminaPage1 .slick-prev{ background: url(../images/zlet.png) no-repeat scroll center center; left: 17%;}
#terminaPage1 .slick-next{ background: url(../images/ylet.png) no-repeat scroll center center; right:17%;}
#terminaPage1 .slick-prev:hover { background: url(../images/zleth.png) no-repeat scroll center center;}
#terminaPage1 .slick-next:hover { background: url(../images/yleth.png) no-repeat scroll center center;}



/*-----------pro----------------*/
.cpbg { background:#F6F6F6;}


.newlie { max-width:1221px; width:90%; margin:0 auto; margin-bottom:100px;}
.newlie ul li { float:left; width:31.7%; background:#ECECEC; margin-left:0.8%; margin-right:0.8%; margin-bottom:2%;}
.newlie ul li span { display:block; width:90%; font-size:12px; color:#9e9e9e; font-family:Arial, Helvetica, sans-serif; padding-top:35px; margin:0 auto;}
.newlie ul li font { font-size:16px; color:#333333; display:block;width:90%; margin:0 auto; padding-top:12px;white-space: nowrap;
text-overflow: ellipsis; overflow:hidden;}
.newlie ul li p { width:90%; margin:0 auto; padding-top:12px; text-align:left; line-height:24px; padding-bottom:32px; height:60px; overflow:hidden;}
.moren { width:100%; height:43px; position:relative; overflow:hidden;}
.moren1 { background:url(../images/newbg1.jpg) no-repeat right; height:43px; width:100%; position:absolute; right:0;}
.moren2 { width:95%; height:43px; background:url(../images/newbg2.jpg) no-repeat right; color:#FFF; font-size:12px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:43px; padding-left:5%; right:-100%; position:absolute;}
.newlie ul li a .moren2{-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.newlie ul li a:hover font { color:#e60b12;}

/*--------安全 放心-------*/
.anlie { max-width:1200px; margin:0 auto; margin-top:38px; margin-bottom:100px;}
.anlie ul li { background:#F0EFEF; width:100%; height:100%; overflow:hidden; margin-bottom:33px; }
.hnr { width:100%; margin:0 auto; height:1px;border-bottom:1px dashed #D9D9D9;}
.anpic { width:58.3%; overflow:hidden;}
.annr { width:41.7%; height:100%;}
.left { float:left;}
.right { float:right;}
.anpic img { transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;}
.anpic:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.annr1 { width:84%; margin:0 auto; padding-top:18px;}
.annr1 h4 { width:100%; font-size:24px; font-weight:500; padding-bottom:21px; height:40px; line-height:40px;}
.annr1 h4 span{font-size:24px; font-weight:500;display:inline-block;}
.anse1 { border-bottom:4px solid #21bb08;}
.anse2 { border-bottom:4px solid #29d0c7;}
.anse3 { border-bottom:4px solid #f8c200;}
.anse4 { border-bottom:4px solid #e53939;}

.anbg1 { color:#21bb08; background:url(../images/an1.png) no-repeat right; padding-right:40px; }
.anbg2 { color:#29d0c7;background:url(../images/an2.png) no-repeat right; padding-right:50px;}
.anbg3 { color:#f8c200;background:url(../images/an3.png) no-repeat right; padding-right:50px;}
.anbg4 { color:#e53939;background:url(../images/an4.png) no-repeat right; padding-right:50px;}

.annr1 p{ text-align:left; font-size:15px; line-height:25px; padding-top:25px;}
.annr1 p span{ text-align:left; font-size:15px;}
.anbt1 { color:#21bb08;}
.anbt2 { color:#29d0c7;}
.anbt3 { color:#f8c200;}
.anbt4 { color:#e53939;}

.anlie ul li a {padding:5px 20px; font-size:15px; display:inline-block; margin-top:15px; border-radius:20px;}
.anlie ul li a:hover {color:#FFF;}
.anlie ul li a.anniu1 {border:1px solid #21bb08; }
.anlie ul li a:hover.anniu1 {border:1px solid #21bb08; background:#21bb08;}

.anlie ul li a.anniu2 {border:1px solid #29d0c7; }
.anlie ul li a:hover.anniu2 {border:1px solid #29d0c7; background:#29d0c7;}

.anlie ul li a.anniu3 {border:1px solid #f8c200; }
.anlie ul li a:hover.anniu3 {border:1px solid #f8c200; background:#f8c200;}

.anlie ul li a.anniu4 {border:1px solid #e53939; }
.anlie ul li a:hover.anniu4 {border:1px solid #e53939; background:#e53939;}

/*-----产品列表------*/
.probg { width:100%; margin:0 auto; position:relative;}
.probg img { width:100%;}
.proxbg { background:url(../images/probg.jpg) no-repeat left top; width:100%; margin:0 auto;}
.cpdh { max-width:1200px; margin:0 auto; padding-top:40px;}
.cpdh ul li { float:left; width:16%; margin-right:0.8%;}
.cpdh ul li.mr0 { margin-right:0;}
.cpdh ul li a { display:block; width:100%; padding-top:7%; padding-bottom:10%; text-align:center; }
.cpdh ul li a font{ font-size:18px; color:#FFF; font-weight:bold;}
.cpdh ul li a.cpdh1 { background:url(../images/cpdh1.png) no-repeat;background-size:100%;}
.cpdh ul li a.cpdh2 { background:url(../images/cpdh2.png) no-repeat;background-size:100%;}
.cpdh ul li a.cpdh3 { background:url(../images/cpdh3.png) no-repeat;background-size:100%;}
.cpdh ul li a.cpdh4 { background:url(../images/cpdh4.png) no-repeat;background-size:100%;}
.cpdh ul li a.cpdh5 { background:url(../images/cpdh5.png) no-repeat;background-size:100%;}
.cpdh ul li a.cpdh6 { background:url(../images/cpdh6.png) no-repeat;background-size:100%;}

.cpdh ul li a:hover.cpdh1 { background:url(../images/cpdhh1.png) no-repeat;background-size:100%;}
.cpdh ul li a:hover.cpdh2 { background:url(../images/cpdhh2.png) no-repeat;background-size:100%;}
.cpdh ul li a:hover.cpdh3 { background:url(../images/cpdhh3.png) no-repeat;background-size:100%;}
.cpdh ul li a:hover.cpdh4 { background:url(../images/cpdhh4.png) no-repeat;background-size:100%;}
.cpdh ul li a:hover.cpdh5 { background:url(../images/cpdhh5.png) no-repeat;background-size:100%;}
.cpdh ul li a:hover.cpdh6 { background:url(../images/cpdhh6.png) no-repeat;background-size:100%;}

.cpdh ul li.cp1 a.on { background:url(../images/cpdhh1.png) no-repeat;background-size:100%;}
.cpdh ul li.cp2 a.on { background:url(../images/cpdhh2.png) no-repeat;background-size:100%;}
.cpdh ul li.cp3 a.on { background:url(../images/cpdhh3.png) no-repeat;background-size:100%;}
.cpdh ul li.cp4 a.on { background:url(../images/cpdhh4.png) no-repeat;background-size:100%;}
.cpdh ul li.cp5 a.on { background:url(../images/cpdhh5.png) no-repeat;background-size:100%;}
.cpdh ul li.cp6 a.on { background:url(../images/cpdhh6.png) no-repeat;background-size:100%;}

.cplie { max-width:1274px; width:95%; margin:0 auto; padding-top:24px; padding-bottom:80px;}
.cplie ul li { float:left; width:44%;border-top:solid 4px #E00909; padding-top:7px; margin-bottom:39px; margin-left:3%; margin-right:3%;}
.cppic { width:49%; float:left; position:relative;}
.cpycnr { width:45%; float:right;}
.cpmeng { background: url(../images/promeng.png) repeat; width:100%; height:100%; background-size:100%; position:absolute; left:0; top:0;}
.cplie ul li a .cpmeng  { opacity:0;transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;}
.cplie ul li a:hover .cpmeng  { opacity:1;}
.cpbt1 { font-size:16px; color:#292b2a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; width:100%;}
.cplie ul li a:hover .cpbt1 { color:#e00909;}
.cpbt2 { font-size:16px; color:#292b2a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; width:100%;}
.cpbt3 { font-size:13px; color:#666;padding-top:4px; border-bottom:1px solid #9F9B93; padding-bottom:3px; width:100%; }
.cpbt3 span { font-size:20px; font-weight:bold; color:#31302D; padding-right:3px;}
.cpbt4 { width:100%;}
.cpbt4 p { font-size:13px; color:#292b2a; text-align:left; padding-top:13px;}
.cpbt4 p.guige span { background:#BD2E35; display:inline-block; padding:2px 15px 2px 10px; font-size:12px; color:#FFF; border-radius:5px;}
.cpbt4 p.baozhi span { background:#D29844; display:inline-block; padding:2px 10px; font-size:12px; color:#FFF; border-radius:5px;}



/*-----产品详情------*/
.proxqbg { background:url(../images/proxqbg.jpg) no-repeat left top; width:100%; margin:0 auto;}
.cpxqbt1 { background:url(../images/cpxqbg1.jpg) no-repeat left; max-width:1200px; margin:0 auto; height:108px; margin-top:36px;}
.zuobian { float:left; height:100%; background:#262022; margin-left:2.4%; width:283px;}
.zuobian h3 { font-size:20px; color:#FFF; width:80%; margin:0 auto; font-weight:500; padding-top:30px;}
.zuobian span { font-size:16px; color:#FFF; width:80%; margin:0 auto; font-weight:500; padding-top:5px; display:block;}
.youbian { float:right; margin-right:2.4%; width:50%;}
.youbian p { text-align:right; padding-top:35px; width:100%;font-size:13px; color:#FFF; float:right;}
.youbian .shang {padding-top:35px; width:121px; float:right;}
.cpxqzk { max-width:1200px; margin:0 auto;}
.cpxqxai { width:100%; padding-top:50px;}
.cpxyi { width:100%; padding-bottom:40px;}
.cpxyzuo { width:56.8%; float:left;}
.cpxpic { width:100%; overflow:hidden;}
.cpxyzuo p { color:#6e6e6e; margin-top:14px; background:url(../images/tan.png) no-repeat left; padding-left:18px;}
.cpxyyou { float:right; width:35.4%;}
.cpxyyi { width:100%; border-bottom:4px solid #E00909; padding-bottom:18px;}
.cpxyyi h4 { font-size:20px; color:#333333; padding-bottom:10px;}
.cpxyyi span { display:block; font-size:16px; color:#333333;}
.cpxyer { border-bottom:1px solid #B8B5B0; padding-top:18px;padding-bottom:18px;}
.cpxyer span { display:block; color:#333333; font-size:13px; font-weight:bold; background:url(../images/qdian.png) no-repeat left; padding-left:8px;}
.cpxyer .bao { width:100%; padding-top:10px; }
.cpxyer .bao a { display:block; float:left; width:31%; margin-right:1%; margin-bottom:6px;}
.pt21 { padding-top:14px;}
.cpbt4 p.baozha span { background:#6B3932; display:inline-block; padding:2px 10px 2px 10px; font-size:12px; color:#FFF; border-radius:5px;}
.cpbore { border-bottom:1px solid #B8B5B0; padding-top:14px;padding-bottom:20px;}

.cpxydi { padding-top:18px;}
.cpxydi span { display:block; color:#333333; font-size:13px; font-weight:bold; background:url(../images/qdian.png) no-repeat left; padding-left:8px;}
.cpxydi p { padding-left:12px; line-height:25px; padding-bottom:3px;}

.cpxer { width:100%; padding-bottom:100px;}
.cpxqbt2 { background:url(../images/cpxqbg2.jpg) no-repeat left; max-width:1200px; margin:0 auto; height:40px; line-height:40px; margin-top:36px;}
.btzuo { float:left; height:100%; margin-left:2.4%; width:60%;}
.btzuo h3 { font-size:18px; background:#262022; color:#FFF; width:21.5%; text-align:center; float:left;font-weight:500; line-height:40px;}
.btzuo span { float:left; font-size:12px; color:#FFF; width:73%; padding-left:2%; line-height:40px;display:block;}
.cped { float:right; display:inline-block; background:url(../images/jiag.png) no-repeat right; margin-right:2.4%; padding-right:24px; color:#FFF; font-size:12px;}
.cpxqbt2 a:hover { color:#FFF;}


.cplien { width:100%;margin:0 auto; padding-top:20px;}
.cplien ul li { float:left; width:22.8%;border-top:solid 4px #E00909; padding-top:7px; margin-bottom:15px;margin-right:2.9%;}
.cplien ul li.mr0 { margin-right:0;} 
.cppicn { width:100%; float:left; position:relative;}
.cpycnrn { width:100%; float:left; padding-top:12px;}
.cpmengn { background: url(../images/promeng.png) repeat; width:100%; height:100%; background-size:100%; position:absolute; left:0; top:0;}
.cplien ul li a .cpmeng  { opacity:0;transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;}
.cplien ul li a:hover .cpmeng  { opacity:1;}
.cpbtn1 { font-size:16px; color:#292b2a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; width:100%;}
.cplien ul li a:hover .cpbtn1 { color:#e00909;}
.cpbtn2 { font-size:16px; color:#292b2a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; width:100%;border-bottom:1px solid #9F9B93; padding-bottom:5px;}
.cpbtn3 { font-size:13px; color:#666;padding-top:4px;  padding-bottom:3px; width:100%; }
.cpbtn3 span { font-size:20px; font-weight:bold; color:#31302D; padding-right:3px;}

/*-------人力资源---*/
.rcpywen { width:100%; padding-top:50px;}
.rcpywen p { padding-bottom:25px; line-height:25px;s font-size:14px; color:#666;}

.jopb { max-width:1200px; margin:0 auto;padding-top:35px;}
.wushiqi{height:45px;width:100%;color:#333333;background-color:#F2F2F2; font-size:14px; line-height:45px; text-align:center; margin-bottom:1px;}
.wushiqi .zpkd1 { width:17%; float:left;} 
.wushiqi .zpkd2 { width:17%; float:left;} 
.wushiqi .zpkd3 { width:17%; float:left;} 
.wushiqi .zpkd4 { width:17%; float:left;} 
.wushiqi .zpkd5 { width:17%; float:left;} 

.sishiliu{height:45px;width:100%;color:#666666;background-color:#F2F2F2; margin-bottom:1px; font-size:13px; line-height:45px; text-align:center; position:relative;}
/*.sishiliu:hover { background:#ED1B24; color:#FFF;}
*/.sishiliu .zpkd1 { width:17%; float:left;} 
.sishiliu .zpkd2 { width:17%; float:left;} 
.sishiliu .zpkd3 { width:17%; float:left;} 
.sishiliu .zpkd4 { width:17%; float:left;} 
.sishiliu .zpkd5 { width:17%; float:left;} 
.person3 { color:#FFF;background:#ED1B24; }
.person4 {background-color:#F2F2F2;}
.amenuTitle  .aaa{width:48px;height:45px; position:absolute; background:url(../images/jiahao.png) no-repeat center; top:0px;right:3%; cursor:pointer;}

.aactiveTitle .aaa{width:48px;height:45px; position:absolute; background:url(../images/jianh.png) no-repeat center; top:0px;right:3%; cursor:pointer;}
/*.sishiliu:hover .aaa{width:48px;height:45px; position:absolute; background:url(../images/jianh.png) no-repeat center; top:0px;right:3%; cursor:pointer;}
*/
.aactiveTitle{background:#ED1B24; color:#FFF;}

.golf1{height:auto;width:100%;margin:0 auto;display:none; overflow:hidden;}
.figure-1{color:#666;font-size:13px; float:left;}
.figure-1 button{ border:0;}
.figure-2{color:#666666;font-size:13px;float:left; line-height:30px;}
.currentDd{color:#666666;}
.currentDt{color:#006dbf;}
.huixian{width:88%; margin:0 auto;padding-top:20px; font-size:13px; line-height:25px;}
.huixian p { text-align:left; padding-bottom:20px; font-size:13px; color:#666666;}
.huixian p span { display:block; font-size:13px; color:#ed1b24;}
.shenqing { width:88%; text-align:left; padding-bottom:26px; overflow:hidden; margin:0 auto;}
.shenqing a { font-size:14px; color:#FFF; background-color:#CCCCCC; border-radius:5px; display:block; float:left; text-align: center; width:140px; height:40px; line-height:40px;}
.shenqing a:hover { background-color:#ED1B24; color:#FFF;}

#cons {	float:left; WIDTH:100%; padding-top:25px;}
#tags {margin: 0 auto;padding: 0; max-width:1200px;}
#tags LI { float: left; position:relative;height:99px;width:33.333%; line-height:99px;text-align: center;}
#tags LI A { position:absolute; left:0; top:0;color: #e60b12; height:110px; font-size:16px; background:url(../images/rlbg.png) no-repeat top; width:100%;}
#tags LI A span { color: #e60b12; font-size:16px;display:inline-block; height:100%;}
.rltb1 { background:url(../images/rltb1.png) no-repeat 0 41%; padding-left:12%;}
.rltb2 { background:url(../images/rltb2.png) no-repeat 0 41%; padding-left:14%;}
.rltb3 { background:url(../images/rltb3.png) no-repeat 0 41%; padding-left:12%;}

#tags LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag { display: block; }
#tags LI.selectTag A {color: #fff;background:url(../images/rlhbg.png) no-repeat center top;}
#tags LI.selectTag A span{color: #fff;}
#tags LI.selectTag A .rltb1 { background:url(../images/rltbh1.png) no-repeat 0 41%; }
#tags LI.selectTag A .rltb2 { background:url(../images/rltbh2.png) no-repeat 0 41%;}
#tags LI.selectTag A .rltb3 { background:url(../images/rltbh3.png) no-repeat 0 41%;}


#tagContents {width:100%;height: auto; overflow: hidden;}
.tagContents {DISPLAY: none;}
#tagContents DIV.selectTag {DISPLAY: block; }

/*----------lxwm-------*/
.reda { color:#E60B12; font-family: Myriad Pro; font-weight:500; font-size:22px;}
.lyzkj { max-width:1200px; margin:0 auto; padding-top:37px; padding-bottom:46px;}
.w100 { width:100%; float:left; padding-bottom:11px;}
.lykuan1 { border:1px solid #F2F2F2; width:26.6%; height:44px; line-height:44px; float:left; background:#F2F2F2 url(../images/lytb1.png) no-repeat 5%; padding-left:5%; font-size:12px; color:#3c3d40; margin-right:2%;}
.lykuan1:hover { border:1px solid #E82329;background:#fff url(../images/lytb1.png) no-repeat 5%;}

.lykuan2 { border:1px solid #F2F2F2; width:26.6%; height:44px; line-height:44px; float:left; background:#F2F2F2 url(../images/lytb2.png) no-repeat 5%; padding-left:5%; font-size:12px; color:#3c3d40;margin-right:2%;}
.lykuan2:hover { border:1px solid #E82329;background:#fff url(../images/lytb2.png) no-repeat 5%;}

.lykuan3 { border:1px solid #F2F2F2; width:26.6%; height:44px; line-height:44px; float:left; background:#F2F2F2 url(../images/lytb3.png) no-repeat 5%; padding-left:5%; font-size:12px; color:#3c3d40}
.lykuan3:hover { border:1px solid #E82329;background:#fff url(../images/lytb3.png) no-repeat 5%;}

.lykuan4 { border:1px solid #F2F2F2; width:94%; height:130px; line-height:25px; float:left; background:#F2F2F2 url(../images/lytb4.png) no-repeat 2% 12%; padding-left:5%; font-size:12px; padding-top:10px; color:#3c3d40; outline:0;}
.lykuan4:hover { border:1px solid #E82329;background:#fff url(../images/lytb4.png) no-repeat 2% 12%;}

.lytijao { width:198px; height:46px; background:#E60B12; margin:0 auto; border:0; outline:0; text-align:center; font-size:14px; color:#FFF; font-family:"微软雅黑"; line-height:46px; margin-top:32px; display:block;}

.w100 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #3c3d40; font-family:"微软雅黑";
}

.w100 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #3c3d40; font-family:"微软雅黑";
}

.w100 input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #3c3d40; font-family:"微软雅黑";
}

.w100 input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #3c3d40; font-family:"微软雅黑";
}
.zszbg { background:url(../images/lybg1.jpg) no-repeat; width:100%; height:505px; margin:0 auto; margin-top:80px; }
.zsbt { width:100%; text-align:center; padding-top:110px; }
.zsbt h4{ width:100%; text-align:center; font-size:28px; background:url(../images/lyxian.jpg) no-repeat bottom center; padding-bottom:22px; color:#FFF;}
.zsbt p { font-size:15px; line-height:26px;color:#FFF; padding-top:36px;}
.zsbt span.rexian { display:block; text-align:center; width:100%; padding-top:38px;}
.map { width:100%; padding-top:46px;}

.lxwmxnr { background:#F2F2F2; padding-top:50px; padding-bottom:50px;}
.lxwmxnr ul li { width:21%; padding-left:3%; float:left; background:url(../images/lxxian.jpg) no-repeat right;}
.lxwmxnr ul li:first-child { width:31%; padding-right:3%; padding-left:0;}
.lxwmxnr ul li.bdn { background:none;width:13%;}
.w90 { width:75%; margin:0 auto;}
.w90 strong{ font-size:18px; color:#555555; background:url(../images/lyhxian.jpg) no-repeat left bottom;padding-bottom:11px; display:block;}
.w90 p{ font-size:14px; color:#888888; text-align:left; padding-top:11px;}
.lxtb1 { background:url(../images/lxtb1.png) no-repeat left top; padding-left:12%;}
.lxtb2 { background:url(../images/lxtb2.png) no-repeat left top; padding-left:20%;}
.lxtb3 { background:url(../images/lxtb3.png) no-repeat left top; padding-left:20%;}
.lxtb4 { background:url(../images/lxtb4.png) no-repeat left top; padding-left:26%;}

.zszbg { background:url(../images/lxbg1.jpg) no-repeat; width:100%; height:584px; margin:0 auto;}
.zszbgx { background:url(../images/lxbgx1.jpg) no-repeat; width:100%; height:584px; margin:0 auto;}
.zsbt2 { width:100%; text-align:center; padding-top:75px; }
.zsbt2 h4{ width:100%; text-align:center; font-size:28px; background:url(../images/lyxian.jpg) no-repeat bottom center; padding-bottom:22px; color:#FFF;}
.zsbt2 p { font-size:15px; line-height:26px;color:#FFF; padding-top:36px;}
.zsbt2 span.rexian { display:block; text-align:center; width:100%; padding-top:38px;}

/*--------营销网络-------*/
.yxwlbg {width:100%; height:100%; background:url(../images/yxwlbg.jpg) no-repeat top center fixed;}
.ryzzdbg {width:100%; height:100%; background:url(../images/rybg2.jpg) no-repeat top center fixed;}
.yxwltu { max-width:1200px; margin:0 auto; background:url(../images/ditu01.png) no-repeat; height:756px; margin-bottom:100px; position:relative; }
.yxdw { position:absolute;}
.yxdw a { position:relative;}

.tadian { display:inline-block; width:20px; height:20px; background: url(../images/fquan.png) no-repeat center center;}
.yxdw a:hover .tadian { background:url(../images/hquan.png) no-repeat;}

.tanchu { display:none; width:0;background:url(../images/mapbg.png) no-repeat; height:0;position:absolute;left:-151px; bottom:40px;	-moz-transition: 0.5s;transition: 0.5s;	-webkit-transition: 0.5s; z-index:999;}
.yxdw a:hover .tanchu { display:block;width:316px; height:157px; }

.sheng { font-size:24px; color:#e60b12; font-weight:bold; width:80%; padding-top:17px; padding-bottom:14px; margin:0 auto; border-bottom:1px solid #E60B12}
.sheng2 { font-size:13px; color:#666;width:80%; padding-top:7px; margin:0 auto; line-height:25px;}

.shandong {right: 466px;top:390px;}
.heilongjiang {right: 294px;top:205px;}
.jilin {right: 327px;    top: 235px;}
.liaoning {right: 366px;top:282px;}
.beijing {right: 481px;top:317px;}

.riben {right: 68px;top:358px;}
.tianjin {right: 466px;top:338px;}

.hebei {right: 512px;top:368px;}
.henan {right: 520px;top:437px;}

.jiangsu {right: 435px;top:490px;}
.anhui {right: 463px;top:485px;}
.ningxia {right: 650px;top:365px;}
.sichuan {right: 683px;top:505px;}
.qinghai {right: 851px;top:405px;}

.guangdong {right: 528px;top:655px;}
.xianggang {right: 514px;top:677px;}

.shanghai {right: 397px;top:502px;}
.zhejiang {right: 407px;    top: 515px;}

.yantai {right: 404px;top:378px;}




/*--sheng--*/
.gansu {right: 696px;    top: 390px;}
.neimenggu {right: 556px;    top: 310px;}
.xinjiang {left: 210px;    top: 230px;}
.xizang {left: 280px;    top: 530px;}
.yunnan {right: 718px;    top: 616px;}
.shanxi {right: 601px;    top: 427px;}
.sanxi {right: 546px;    top: 384px;}
.guangxi {right: 609px;top:660px;}
.guizhou { right: 635px;    top: 599px;}
.hunan {right: 535px;    top: 567px;}
.jiangxi {right: 490px;    top: 559px;}
.fujian {right: 425px;    top: 589px;}
.hubei {right: 513px;    top: 520px;}

.chongqi {right:624px;    top: 530px;}







/*-------新闻详情---------*/

.contzk {  width:100%; margin:0 auto; padding-top:10px; padding-bottom:60px; }
.biaoti {width:100%;text-align: center;padding-bottom:10px; color:#666; padding-top:20px;  font-size:18px;}
.shijian {width:100%; margin:0 auto; text-align:center; line-height:30px; border-bottom:1px dashed #666; padding-bottom:10px; margin-bottom:30px;}
.maa {width:100%;margin:0 auto;line-height:25px; text-align:left;}
.maa img { max-width:100%;}

.maa p,.maa span,#hits { line-height:25px;color:#666; text-align:left;}
.bb {width:70%; float:left;}
.bb p,.bb span,.bb a {color:#666; text-align:left;}
.bb a:hover {color:#084FA1;}
.fanyez {width:100%; margin:0 auto; overflow:hidden; padding-bottom:25px;}
.fanyez .right { float:right; width:100px;}
.fanyez .right p a {font-size:14px;color:#fff; display:block; width:100px; height:30px; line-height:30px; text-align:center; background-color:#E60B12; border-radius:5px;}
.fanyez .right p a:hover { color:#fff;}
.fenxaing { width:100%; height:30px; line-height:30px; padding-top:20px;}
.fenxaing span { float:left; display:block; width:52px;}



.mmdi { padding-bottom:100px;}

.recipeCategory_sub_R{width:100%; overflow:hidden; padding-bottom:10px; height:auto;}
.recipeCategory_sub_R ul{width:100%;display:block;float:left;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea}
.recipeCategory_sub_R li{float:left;width:12%;text-align:center;height:70px;border-bottom:1px solid #eaeaea;position:relative;margin-bottom:-1px}
.recipeCategory_sub_R li .category_s1{display:block;font-size:20px;width:100%;height:100%;height:70px;line-height:58px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666; text-align:center;}
.recipeCategory_sub_R li .category_s1 a{display:block;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;color:#666}
.recipeCategory_sub_R li .category_s1 a:hover{color:#ff6767}
.recipeCategory_sub_R li .category_s1 a b:after{background:url(../images/link12.png) no-repeat scroll 0 0;background:rgba(0,0,0,0) url(../images/link24.png) no-repeat scroll 0 0/12px auto;content:"";display:inline-block;height:12px;margin:-2px 0 0 4px;vertical-align:middle;width:12px}
.recipeCategory_sub_R li .category_s1 a:hover b:after{background:url(../images/link12.png) no-repeat scroll 0 -12px;background:rgba(0,0,0,0) url(../images/link24.png) no-repeat scroll 0 -12px/12px auto}
.recipeCategory_sub_R li:hover{background:#f8f8f8}
.recipeCategory_sub_R li .category_s2{bottom:7px;color:#999;display:block;font-size:12px;line-height:20px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}

.recipeStep li{display:block;margin:0 0 40px 0}
.recipeCategory_sub_R div{padding:1px 0;font-size:14px}
.recipeCategory_sub_R div a{color:#519af6;padding:0 10px 0 0}
.recipeStep li .recipeStep_img{width:25%;display:inline-block;zoom:1;position:relative}
.recipeStep li .noStep_img{height:30px;width:52px}
.recipeStep li .recipeStep_img img{width:100%;background:url(../images/load.png) no-repeat scroll center center #f8f8f8}
.recipeStep li .recipeStep_word{position:relative;width:65%; margin-left:2%;display:inline-block;zoom:1;vertical-align:middle;color:#666;font-size:18px}
.recipeStep li .noStep_word{width:100%}
.recipeStep_num{border:1px solid #ddd;border-radius:50%;font-size:18px;height:34px;left:0;line-height:34px;position:absolute;text-align:center;top:-44px;width:34px}
.recipeStep_zoom{display:none;background:url(../images/zoom.png) no-repeat;bottom:3px;cursor:pointer;height:20px;position:absolute;right:42px;width:20px}
.mo { line-height:32px;}

@media screen and (max-width:1200px){
	
.prokz { top:60px;}
.synewl { padding-top:5px;}
.xwsyk { margin-top:2%;}
.scrollpic{ max-width:262px; width:30%;}
#myscroll{width:100%;}
#myscroll ul li{ width:262px; overflow:hidden;}
#myscroll{ height:320px;}
.sysbty { width:7%; background-size:100%;}
.syxwyou { width:70%; float:left; padding-left:20px;}
.sysbtz { padding-top:20px;}
.synewl { padding-top:0px;}
.sysbtz h3 { padding-bottom:4px;}
.synewl .xwan { margin-bottom:4px; line-height:24px;}
.xwxia .p { font-size:14px;}
.xwxia span { padding-top:5px;}
.xwmiao { height:0px; overflow:hidden; padding:0;}
.synewl ul li { height:232px;}

/*--产品--*/
.prolie { width:85%; margin:0 auto; padding-top:2%;}
.probt h3 { font-size:30px;}

}
@media screen and (max-width:980px){
.scrollpic { display:none;}
.xwsyk { width:98%; margin:0 auto; margin-top:2%; padding-bottom:20px;}
.syxwyou { width:95%; padding:0; margin:0 auto; float:inherit;}
}