@charset "utf-8";

@font-face { font-family: 'didot'; src: url('didot.eot'); src: url('didot.eot') format('embedded-opentype'), url('didot.woff2') format('woff2'), url('didot.woff') format('woff'), url('didot.ttf') format('truetype'), url('didot.svg#didot') 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, li, 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; }
body { font: 14px/1.8 "microsoft yahei",helvetica,Georgia, sans-serif; margin: 0 auto; color: #666666; background: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input:not([type]), input[type="button"], input[type="submit"], select, textarea { border-radius: 0; box-shadow: none; outline: 0 none !important; overflow: auto; }
.jwlogo, .jwclick { display: none!important; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #5aaeeb; color: #fff; text-shadow: none; }
::selection { background: #5aaeeb; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;  color: #666666;}
a:link, a:visited { text-decoration: none; color: #666666;}
a:active, a:hover { text-decoration: none; color: #666666;}
.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: 1330px; margin: 0px auto; }
.foot p { display: inline; }
.top { position: fixed; top: 0px; width: 100%; height: 78px; left: 0px; color: #5e5e5e; z-index: 999; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.topbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); }
.top a:link, .top a:visited { color: #666666; }
.top a:active, .top a:hover { color: #666666; }
.top .inner { position: relative; }
.topPFix { position: absolute; background-color: #fff; }
.title { font: 20px/1.8 "microsoft yahei",arial, helvetica, sans-serif; padding: 24px 0px; text-align: center; transition: 400ms;  }
.nav { font: 16px/1.8 "microsoft yahei",arial, helvetica, sans-serif; padding: 24px 0px; text-align: center; transition: 400ms; float: right; }
.nav a { margin: 0px 0px 0px 40px; }
.nav a.active { color: #a93531; }
.logo { position: absolute; left: 0px; top: 8px; width: 165px; }
.logo img { display: block; width: 100%; }
.menu-handler { width: 52px; height: 52px; cursor: pointer; display: none; float: right; position: relative; }
.menu-handler .burger { border-radius: 2px; width: 34px; height: 4px; background: #a93135; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0 0 0 -17px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 24px; }
.menu-handler .burger-3 { top: 34px; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .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; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransitions .trans, .csstransitions .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransitions .trans-fast, .csstransitions .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransitions .menu-handler.active .burger-1, .no-csstransitions .menu-handler.active .burger-2, .no-csstransitions .menu-handler.active .burger-3 { display: none; }
.no-csstransitions .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
.navbox { background-color: #f6f7f8; padding: 32px 0px 22px; width: 100%; position: relative; z-index: 100; display: none; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; }
.navMobile dd a { display: block; padding: 14px 0px 14px 5%; line-height: 1.4; font-size: 14px; color: #434343; }
.navMobile dd a:hover, .navMobile dd a.cur { background-color: #a93135; color: #fff; }
.navMobile dd a:active { background-color: #902a2d; color: #fff; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #7e7e7e; }
.navMobile dd .msubnav a:hover { background-color: #e6e6e6; }
.foot { background: url(../images/foot_bg.png) repeat-x scroll left top #436fa7; padding: 10px 0px; color: #ede2d4; }
.foot a:link, .foot a:visited { color: #bea788; }
.foot a:active, .foot a:hover { color: #fff; }
.foot .r { color: #bea788; }
.linkBox { padding-bottom: 8px; }
.linkDL { padding: 60px 0px 40px; }
.linkDL dd { float: left; display: block; width: 86px; margin-right: 50px; }
.linkDL dd.searchDD { float: right; display: block; width: 256px; margin-right: 0px; }
.linkDL a:link, .linkDL a:visited { color: #b1b1b1; }
.linkDL a:active, .linkDL a:hover { color: #a93135; }
.linkDL .t { border-bottom: 1px solid #e0e0e0; padding-bottom: 16px; margin-bottom: 22px; color: #545454; font: 17px/1.5 "microsoft yahei"; }
.linkDL .t a:link, .linkDL .t a:visited { color: #666666; }
.linkDL .t a:active, .linkDL .t a:hover { color: #666666; }
.linkDL .c { line-height: 2.2; }
.linkDL .c a { font-size: 16px; }
.linkDL .c a:hover { margin-left: 5px; }
.searchBox { border-bottom: 1px solid #ede2d4; padding-top: 10px; margin-right: 0px; }
.searchtxt, .searchBnt { border: 0px none; float: left; display: block; height: 30px; line-height: 30px; color: #7e5f36; cursor: pointer; font-family: "microsoft yahei"; }
.searchtxt { width: 220px; margin-right: 6px; }
.searchBnt { background: url(../images/serach_ico.png) no-repeat scroll center center; width: 25px; }
.sharpBox a, .sharpBox span { color: #6f7982; display: block; float: left; font-size: 14px; }
.sharpBox a { width: 21px; height: 21px; margin-left: 18px; background: url(../images/sharpbg.png) no-repeat scroll 0px 0px; position: relative; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.sharpBox a i { background: url(../images/sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a.i1 i { background-position: -2px 4px; }
.sharpBox a.i2 i { background-position: -41px 4px; }
.sharpBox a.i3 i { background-position: -76px 4px; }
.sharpBox a:hover { background-position: right 0px; }
.ermBox dt,.ermBox dd{ float: left; display: block; font-size: 14px;}
.ermBox dt{ line-height: 120px; width: 74px;}
.ermBox dd{ width: 120px; text-align: center;}
.ermBox .img{ width: 100%; display: block;}

.borderradius .iBox .more { background-color: #a6a6a6; padding: 0px 8px; border-radius: 8px; }
.borderradius .iBox .more:hover { background-color: #3672d3; }
.no-borderradius .iBox .more { background: url(../images/ico.png) no-repeat; width: 46px; height: 16px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.no-borderradius .iBox .more:hover { background-position: -100px 0px; }
.backTop { background: url(../images/backTop.png) no-repeat scroll center bottom; width: 60px; height: 60px; position: fixed; bottom: 5%; right: 1%; z-index: 9999; display: none; }
.backTop .ico { display: block; width: 11px; height: 12px; background: url(../images/backTop_ico.png) no-repeat scroll center top; margin: 18px auto 0px; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; }
.backTop:hover .ico { margin-top: 14px; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.warp { position: fixed; left: 0px; top: 0px; width: 100%; }
.page { width: 100%; height: 100%; overflow: hidden; position: relative; }
.new-nav a:link {color: #666666; }
.new-nav a:visited { color: #666666; }
.new-nav a:active, .new-nav a:hover { color: #666666; }


#banner .slick-active .pbg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

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

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

.typebox-img { position: relative; overflow: hidden; }
.typebox-img .pimg { position: absolute; }
.typeDemo a:link, .typeDemo a:visited { color: #fff; }
.typeDemo a:active, .typeDemo a:hover { color: #fff; }
.typeDemo { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.typeDemo .item { float: left; display: block; width: 25%; height: 100%; position: relative; }
.typeDemo .itembg { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.typeDemo .blue-bg { background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.4); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; filter: alpha(opacity=0); }
.typeDemo .itemC { position: absolute; left: 8%; width: 84%; top: 50%; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.typeDemo .itemC .t { font: 30px/1.4 "microsoft yahei"; }
.typeDemo .itemC .line { height: 3px; width: 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin: 18px auto 22px; background-color: #fff; display: block; }
.typeDemo .itemC .bot { font-size: 16px; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.typeDemo .itemC .bot a { margin: 0px 5px; }
.typeDemo .ibox-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; }
.typeDemo dd:hover .itemC { top: 46%; }
.typeDemo dd:hover .blue-bg { opacity: 1; filter: alpha(opacity=100); }
.typeDemo dd:hover .line { width: 62px; }
.typeDemo dd:hover .bot { opacity: 1; visibility: visible; }
.pageH .typeDemo .item { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.appearAct .typeDemo .item:nth-child(1) { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.appearAct .typeDemo .item:nth-child(2) { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.appearAct .typeDemo .item:nth-child(3) { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.appearAct .typeDemo .item:nth-child(4) { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.appearAct .typeDemo .item { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.itopAct { background-color: #fff; }
.itopAct .logo .im1 { display: block; }
.itopAct .logo .im2 { display: none; }
.itopAct .new-nav .itemA { color: #5e5e5e; }
.itopAct .new-nav .itemA.active { color: #A6191D; }
.itopAct .new-nav li.hov .itemA { color: #A6191D; }
.itopAct .new-nav .subnav a { color: #b1b1b1; }
.itopAct .new-nav .subnav a:hover { color: #A6191D; }

/* 
 * 	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; width: 100%; -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); }
}
/** 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/banner_lr.png) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 0%; background: url(../images/banner_lr.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: 31px; height: 31px; 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 end*/
/*index style*/
.load { width: 100%; height: 100%; background: #fff url(../images/loadLogo.png) no-repeat center; z-index: 10000; position: fixed; left: 0; top: 0; }
.loadBox { height: 4px; background: #d9d9d9; }
.loadCur { width: 0; height: 4px; background: #648ec8; }
.banner { position: relative; width: 100%; overflow: hidden; height: 100%; }
.banner img.pbg { position: absolute; }
.banner .fbox { position: absolute; left: 0px; top: 35%; width: 100%; color: #fff; text-align: center;}
.banner .fbox .b1 { font: 44px/1.2 "������","����"; font-weight: 800; margin-bottom: 10px;}
.banner .fbox .b2{ font-size: 52px; line-height: 1.2; font-family: "times new roman"; font-weight: bold;}
.banner .fbox .b4{ font-size: 13px; font-style: italic;}
.banner .pbg-box { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: none; }
.sbot { width: 65px; height: 65px; background: url(../images/sbot.png) no-repeat; background-size: cover; position: absolute; bottom: 5%; left: 50%; margin: 0px 0px 0px -32px; cursor: pointer; }
.sbot i { position: relative; display: block; width: 100%; height: 100%; background: url(../images/sbot_ico.png) no-repeat scroll center center; background-size: cover; -webkit-animation: start 1.5s infinite ease-in-out; -moz-animation: start 1.5s infinite ease-in-out; animation: start 1.5s infinite ease-in-out; }

@-webkit-keyframes start {
    0%,30% { opacity: 0; -webkit-transform: translate(0,-8px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(0,10px); }
}

@-moz-keyframes start {
    0%,30% { opacity: 0; -moz-transform: translate(0,-8px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(0,10px); }
}

@keyframes start {
    0%,30% { opacity: 0; transform: translate(0,-8px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(0,10px); }
}

.iBox { background-color: #f6f7f8; padding: 48px 0px 80px; }
.newIbox { width: 640px; overflow: hidden; float: left; display: block; margin-bottom: 32px; }
.itemsIbox { width: 656px; overflow: hidden; float: right; display: block; margin-bottom: 32px; }
.iboxT { font: 16px/1.2 "microsoft yahei"; color: #6f7376; margin-bottom: 22px; }
.iboxT .more { font: 10px/1.6 arial; text-align: center; color: #fff; display: block; float: right; text-transform: uppercase; }
.iboxT .more:hover { background-position: -100px 0px; }
.iboxT .en { color: #b5b5b5; text-transform: uppercase; margin-left: 5px; }
.newImgDemo, .itemsDemo { height: 285px; position: relative; overflow: hidden; }
.newImgDemo a:link, .nImgDemo a:visited { color: #fff; }
.newImgDemo a:active, .nImgDemo a:hover { color: #fff; }
.newImgDemo { overflow: hidden; position: relative; height: 285px; }
.newImgDemo .item { display: block; position: relative; overflow: hidden; }
.newImgDemo .item img { width: 100%; display: block; }
.newImgDemo .item .con { position: absolute; left: 0px; bottom: 0px; background: url(../images/black_png.png) repeat; width: 100%; padding: 13px 0px; }
.newImgDemo .item .con span { padding: 0px 12px; display: block; overflow: hidden; width: 66%; height: 22px; color: #fff; }
.newImgDemo .owl-controls { margin: 0px; position: absolute; right: 10px; bottom: 15px; }
.newImgDemo .owl-controls .owl-page span { background: url(../images/nimg_1.png) no-repeat scroll 0 0; border-radius: 0px; display: block; height: 8px; margin: 0 11px 0px 0px; outline: 0 none; text-indent: -9999px; width: 8px; opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ }
.newImgDemo .owl-controls .owl-page.active span,
.newImgDemo .owl-controls.clickable .owl-page:hover span { background: url(../images/nimg_2.png) no-repeat scroll 0 0; }
.itemsDemo { overflow: hidden; position: relative; height: 285px; }
.itemsDemo .item { display: block; position: relative; overflow: hidden; }
.itemsDemo .item img { width: 100%; display: block; }
.itemsDemo .owl-controls { margin: 0px; position: absolute; right: 10px; bottom: 15px; }
.itemsDemo .owl-controls .owl-page span { background: url(../images/nimg_1.png) no-repeat scroll 0 0; border-radius: 0px; display: block; height: 8px; margin: 0 11px 0px 0px; outline: 0 none; text-indent: -9999px; width: 8px; opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ }
.itemsDemo .owl-controls .owl-page.active span,
.itemsDemo .owl-controls.clickable .owl-page:hover span { background: url(../images/nimg_2.png) no-repeat scroll 0 0; }
.nlistIbox, .nlistIboxTwo { width: 286px; overflow: hidden; float: left; display: block; }
.Twoibox { color: #6f7376; }
.Twoibox a:link, .Twoibox a:visited { color: #6f7376; }
.Twoibox a:active, .Twoibox a:hover { color: #3672d3; }
.Twoibox a:link.more, .Twoibox a:visited.more { color: #fff; }
.nlistIboxTwo { margin-left: 68px; }
.nlistIbox .iboxT, .nlistIboxTwo .iboxT { padding-bottom: 16px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; }
.nlistIbox .nlist { height: 200px; overflow: hidden; }
.nlist li { height: 25px; margin-bottom: 15px; line-height: 25px; overflow: hidden; }
.nlist li a { font-size: 15px; }
.nlistIboxTwo .nlistCon { height: 160px; overflow: hidden; }
.nlistIboxTwo .nlist { display: none; }
.nlistType { height: 40px; overflow: hidden; }
.nlistType ul { width: 108%; }
.nlistType li { float: left; display: block; }
.Twoibox .nlistType li a { font-size: 14px; display: block; background: url(../images/ico.png) no-repeat -116px -24px; color: #6f7376; width: 84px; margin-right: 15px; height: 26px; line-height: 26px; text-align: center; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.Twoibox .nlistType li.act a { background-position: 0px -24px; color: #fff; }
.cultureIbox, .videIbox { float: left; display: block; width: 320px; }
.cultureIbox { margin: 0px 16px 0px 34px; }
.cultureIcon { position: relative; overflow: hidden; height: 204px; overflow: hidden; }
.cultureIcon .img { width: 100%; height: 100%; display: block; transition: 700ms; }
.cultureIcon .bg { background: url(../images/blue.png) repeat; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; display: block; transition: 500ms; }
.cultureIcon .con { position: absolute; left: 0px; top: 5%; width: 100%; text-align: center; color: #fff; }
.cultureIcon .t { font: 64.5px/1 "����"; position: relative; left: -20px; top: 28px; }
.cultureIcon .c { font: 22px/2.2 "������","����"; }
.cultureIcon .more2 span.ki { border-bottom: 1px solid #fff; padding-bottom: 4px; }
.cultureIcon a:hover .bg { display: none; }
.cultureIcon a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); }
.videoIcon { height: 204px; width: 100%; overflow: hidden; position: relative; }
.videoIcon a { display: block; }
.videoIcon a img { width: 100%; height: 100%; display: block; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 700ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 700ms; transition-timing-function: ease-out; transition-duration: 700ms; }
.videoIcon a:hover img { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); }
.videoIcon .bg { background: url(../images/black_png2.png) repeat; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: block; }
.videoIcon .vico { background: url(../images/vico.png) no-repeat; display: block; width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -28px 0px 0px -28px; z-index: 10; }
/*index style end*/
/*about style*/
.mtop { height: 78px; }
.pinner { width: 1150px; margin: 0px auto; }
.menu { background-color: #809dcf; width: 100%; position: absolute; left: 0px; top: 76px; z-index: 999; font-size: 17px; }
.menu a:link, .menu a:visited { color: #fff; }
.menu a:active, .menu a:hover { color: #fff; }
.csstransitions .menu a { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.csstransitions .menu a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #93b8eb; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.csstransitions .menu a:hover:before, .csstransitions .menu a:focus:before, .csstransitions .menu a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.no-csstransitions .menu a:hover, .menu a.act { background-color: #93b8eb; }
.menu li { float: left; display: block; }
.menu a { height: 62px; line-height: 62px; padding: 0px 30px; float: left; }
.fixbox { position: fixed; }
.fixbox.menu { top: 0px; }
.pbanner { position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover; }
.pbanner img.pbg { width: 100%; display: block; }
.pbanner .pbtxt { position: absolute; left: 50%; margin-left: -575px; width: 1150px; top: 35%; color: #fff; }
.pbanner2 .pbtxt { color: #2d3a63; }
.pbanner .pbtxt p { position: relative; transition: 500ms; position: relative; opacity: 0; top: 50px; }
.no-csstransitions .pbanner .pbtxt p { display: none; }
.pbanner .pbtxt .zh { font: bold 34px/1.8 "������","����"; }
.pbanner .pbtxt .en { font: bold 42px/1.6 "didot","times new roman"; text-transform: uppercase; margin-bottom: 6px; }
.pbanner .pbtxt .by { font:italic 14px/1.2 "didot","times new roman"; }
.no-csstransitions .pbanner.pageShow .pbtxt p { display: block; }
.pbanner.pageShow .zh { top: 0; opacity: 1; transition: 600ms 400ms; }
.pbanner.pageShow .en { top: 0; opacity: 1; transition: 600ms 800ms; }
.pbanner.pageShow .by { top: 0; opacity: 1; transition: 600ms 1200ms; }
.content { background-color: #f6f7f8; padding: 0px 0px 70px; }
.pageT { padding: 40px 0px 36px; }
.pageT .zh { font: 30px/1.8 "microsoft yahei"; color: #545454; padding-right: 20px; }
.pageT .en { font: 24px/1.8 arial; text-transform: uppercase; color: #cdcdcd; }
.pageC { color: #545454; }
.pageC p, .pageC span { font-family: 'Microsoft YaHei'!important; font-size: 16px; }
.pageC a:link, .pageC a:visited { color: #a93135; }
.pageC a:active, .pageC a:hover { color: #a6191d; }
.pageC img { max-width: 100%; }
.pageabout li { width: 49.5%; }
.pageabout img { width: 100%; display: block; }
.vbox { position: relative; overflow: hidden; }
.vbox .bg { background: url(../images/black_png2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.vbox .vico { background: url(../images/vico.png) no-repeat; width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -28px 0px 0px -28px; cursor: pointer; }
.honorList dd { margin-bottom: 30px; }
.honorList .hitem { transition: 400ms; cursor: pointer; width: 50%; float: right; background-color: #fff; position: relative; padding: 30px 0px 30px 214px; color: #545454; }
.hitem .img { position: absolute; left: -360px; top: 0px; width: 330px; }
.hitem .con { width: 702px; position: relative; left: -130px; overflow: hidden; }
.hitem .img img { width: 100%; display: block; }
.hitem .t { font: 30px/1.4 "microsoft yahei"; margin-bottom: 14px; }
.hitem .c { font-size: 16px; }
.honorList dd.twoDD .hitem { float: left; padding: 30px 214px 30px 0px; text-align: right; }
.honorList dd.twoDD .hitem .img { left: auto; right: -360px; }
.honorList dd.twoDD .hitem .con { left: auto; right: -130px; float: right; }
.honorList dd:hover .hitem { background-color: #e5e9f2; }
/*about style end*/
/*news style*/
.nlistmenu { float: right; display: block; position: relative; padding-top: 18px; }
.nlistmenu a { display: block; background: url(../images/ico.png) no-repeat -116px -24px; color: #6f7376; width: 84px; margin-left: 15px; height: 26px; line-height: 26px; text-align: center; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; float: left; display: block; }
.nlistmenu a:hover, .nlistmenu a.act { background-position: 0px -24px; color: #fff; }
.paging { text-align: center; padding: 40px 0px 0px; }
.bff { background-color: #fff; }
.newList { background-color: #f6f7f8; padding-bottom: 45px; }
.paging a:link, .paging a:visited { color: #ffffff; }
.paging a:active, .paging a:hover { color: #fff; background-color: #779cd7; }
.paging a, .paging span { font-family: "����"; display: inline-block; margin: 0px 3px; background-color: #dedede; font-size: 16px; width: 32px; height: 32px; line-height: 32px; }
.paging .prev, .paging .next { display: inline-block; color: #fff; margin: 0px 30px!important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.paging span { background-color: #779cd7; color: #fff; }
.newDl a:link, .newDl a:visited { color: #b1b1b1; }
.newDl a:active, .newDl a:hover { color: #b1b1b1; }
.newDl { border-top: 1px solid #d4d4d4; }
.newDl dd { padding: 28px 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border-bottom: 1px solid #d4d4d4; }
.newDl dd .img { float: left; display: block; width: 212px; height: 148px; overflow: hidden; background-color: #f7f7f7; }
.newDl dd .img img { display: block; width: 100%; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.newDl dd .con { width: 626px; float: left; display: block; margin-left: 50px; color: #b1b1b1; }
.newDl dd .con .t { color: #545454; font: 18px/1.5 "microsoft yahei"; margin-bottom: 18px; }
.newDl dd .con .c { height: 80px; overflow: hidden; text-align: justify; margin-bottom: 32px; font-size: 16px; }
.newDl dd .con .more3 { color: #fff; font-size: 14px; }
.newDl dd .time { color: #fff; float: right; background-color: #a6a6a6; padding: 5px 0px 0px 15px; width: 65px; height: 95px; }
.newDl dd .time .day { font: 46px/1 arial; }
.newDl dd .time .moth { font: 16px/1.4 "microsoft yahei"; display: block; padding-left: 2px; }
.newDl dd .time .year { font: 22px/1.2 arial; padding-left: 2px; }
.newDl dd:hover { background-color: #e8ebf1; }
.newDl dd:hover .time { background-color: #93b8eb; }
.newDl dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.more3 { width: 84px; height: 26px; line-height: 26px; display: block; text-align: center; }
.borderradius .more3 { background-color: #a6a6a6; border-radius: 8px; color: #fff; }
.borderradius .more3:hover, .borderradius .newDl dd:hover .con .more3 { background-color: #93b8ed; }
.no-borderradius .more3 { background: url(../images/ico.png) no-repeat -116px -54px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.no-borderradius .more3:hover, .no-borderradius .newDl dd:hover .con .more3 { background-position: 0px -54px; }
.pbgcolor { background-color: #f6f7f8; }
.bge8ebf1 { background-color: #e8ebf1; }
.infoPaging { text-align: center; }
.infoPaging a { display: block; padding: 30px 0px; height: 30px; color: #545454; font: 16px/30px "microsoft yahei"; }
.infoPaging a span { font-family: "����"; }
.infoPaging a.list { margin: 0px auto; padding-left: 26px; background: url(../images/list.png) no-repeat scroll left center; width: 80px; }
.infoPaging a:hover { color: #a93531; }
.infopage { padding: 70px 0px; }
.infoT { text-align: center; padding-top: 60px; }
.infoT .t { font: 30px/1.5 "microsoft yahei"; color: #545454; }
.infoT .time { color: #bababa; margin-top: 10px; font-size: 16px; }
.infopage p, .infopage span { background: none!important; }
/*news style end*/
/*join style*/
.hrPage .pageC { border-bottom: 3px solid #e6e6e6; padding-bottom: 48px; }
.join-dl { color: #575757; padding-bottom: 80px; border-top: 3px solid #e6e6e6; }
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 3px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; }
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #575757; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); }
.join-dd { padding: 28px 20px 40px; display: none; color: #575757; background-color: #dee8f6; border-bottom: 3px solid #e6e6e6; }
.join-dl dt.joinact { background-color: #c5d9f4; }
.joinType a:link, .joinType a:visited { color: #fff; }
.joinType a:active, .joinType a:hover { color: #fff; }
.joinType { background-color: #779cd7; margin-bottom: 24px; }
.joinType ul { width: 90%; margin: 0px auto; }
.joinType li { float: left; width: 25%; text-align: center; padding: 24px 0px; }
.joinType a { padding: 6px 14px; border: 2px solid #779cd7; font-size: 16px; }
.joinType a:hover, .joinType a.act { border: 2px solid #fff; }
/*join style end*/
/*culture style*/
.jzPage { background-color: #e5eaf4; }
.jzBox { padding-top: 70px; }
.jzBox a:link, .jzBox a:visited { color: #555555; }
.jzBox a:active, .jzBox a:hover { color: #a93531; }
.jzBox dd { float: left; display: block; width: 330px; margin-right: 80px; padding-bottom: 60px; color: #555555; }
.jzBox dd.item3 { margin-right: 0px; }
.jzBox dd .jzT { margin-bottom: 15px; }
.jzBox dd .jzT .zh { font: 30px/1.5 "microsoft yahei"; padding-right: 18px; }
.jzBox dd .jzT .en { font: 30px/1.5 "didot","times new roman"; color: #b1b1b1; }
.jzBox dd .c { text-align: justify; font-size: 18px; line-height: 1.5; height: 54px; overflow: hidden; margin-bottom: 12px;}
.jzBox dd a.more3{ font-size: 13px; color: #fff;}
.jxBox { width: 1150px; margin: 0px auto; }
.jxBox a:link, .jxBox a:visited { color: #555555; }
.jxBox a:active, .jxBox a:hover { color: #a93531; }
.jxBox li { float: left; width: 222px; overflow: hidden; padding: 0px 4px; }
.jxBox .img { width: 100%; overflow: hidden; position: relative; }
.jxBox img { width: 100%; display: block; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.jxBox .name { padding-top: 20px; font-size: 18px; color: #555555; overflow: hidden; }
.jxBox .c{ font-size: 14px;}
.jxBox li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
/*culture style end*/
/*contact sytle*/
.contactPage { width: 1180px; margin: 0px auto; }
.contactPage .img { width: 454px; float: left; display: block; overflow: hidden; }
.contactPage a:link, .contactPage a:visited { color: #555555; }
.contactPage a:active, .contactPage a:hover { color: #a93531; }
.contactPage .con { float: right; width: 670px; border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; padding: 18px 0px; font-size: 16px; color: #545454; line-height: 1.6; position: relative; }
.joinBtn { position: absolute; right: 0px; bottom: 18px; background-color: #5c87d5; padding: 10px 22px; color: #fff; border-radius: 5px; }
.joinBtn span { background: url(../images/ico2.png) no-repeat scroll left center; padding-left: 36px; color: #fff; }
.joinBtn:hover { background-color: #545454; }
/*contact sytle end*/
/*product sytle*/
.proMenu a:link, .proMenu a:visited { color: #fff; }
.proMenu a:active, .proMenu a:hover { color: #fff; }
.proMenu li { float: left; display: block; width: 33.33%; }
.no-csstransforms .proMenu li { width: 33.13%; }
.proMenu .item1 { background-color: #1f78dd; }
.proMenu .item2 { background-color: #0067b7; }
.proMenu .item3 { background-color: #42b9b9; }
.proMenu .t { padding: 30px 0px; display: block; text-align: center; }
.proMenu .t span { padding-left: 32px; background: url(../images/pico1.png) no-repeat scroll left center; font: 19px/30px "microsoft yahei"; display: inline-block; height: 30px; }
.proMenu .item2 .t span { background-image: url(../images/pico2.png); }
.proMenu .item3 .t span { background-image: url(../images/pico3.png); }
.proMenu .con { position: relative; overflow: hidden; }
.proMenu .pic { position: relative; overflow: hidden; width: 100%; background-color: #000; }
.proMenu .con img { width: 100%; display: block; }
.proMenu .con .more4 { position: absolute; left: 0px; bottom: -88px; background-color: #f6f7f8; display: block; padding: 33px 0px; width: 100%; text-align: center; height: 22px; overflow: hidden; }
.proMenu .con .more4 span { color: #30425a; font: 14px/1.4 "microsoft yahei"; border-bottom: 1px solid #30425a; border-top: 1px solid #30425a; padding: 8px 0px; }
.proMenu li:hover .pic img { opacity: 0.8; filter: alpha(opacity=80); transition: 300ms; }
.productT { background-color: #345ba3; }
.productT .inner { background: url(../images/yy.png) no-repeat; padding-bottom: 70px; }
.productT .pageT { padding-left: 484px; }
.productT .pageT .zh, .productT .pageT .en { color: #fff; }
.productT .pageC { color: #fff; padding-left: 484px; font-size: 16px; }
.productT .pageC a:link, .pageC .productT a:visited { color: #fff; }
.productT .pageC a:active, .pageC .productT a:hover { color: #a93531; }
.productType a:link, .productType a:visited { color: #fff; }
.productType a:active, .productType a:hover { color: #fff; }
.productType { background-color: #417abb; }
.productType li { width: 25%; text-align: center; overflow: hidden; float: left; display: block; }
.w33 li { width: 33.3%; }
.w20 li { width: 50%; }
.w100 li { width: 100%; }
.w5 li { width: 20%; }
.productType a { display: block; width: 100%; padding: 30px 0px; background-color: #417abb; font-size: 16px; }
.csstransitions .productType a { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.csstransitions .productType a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #4293d9; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.csstransitions .productType a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.no-csstransitions .productType a:hover, .productType a.act { background-color: #4293d9; }
.proDemo { position: relative; width: 100%; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center; }
.proDemo .item { position: relative; width: 100%; overflow: hidden; background-color: #e2e6ec; }
.proDemo .item .pimg { display: block; width: 50%; background-position: center top; background-size: cover; position: relative;}
.proDemo .item .linkA{ position: absolute; overflow: hidden; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 2;}
.proDemo .item .pimg img { width: 100%; display: block; }
.proDemo .proTXT { width: 50%; position: absolute; left: 50%; top: 0; z-index: 10; }
.proTXT .pbox { padding: 38px 45px 20px; position: relative; color: #545454; }
.proTXT .pbox .zh { font: 24px/1.4 "microsoft yahei"; height: 34px; overflow: hidden; margin-bottom: 20px; }
.proDemo .owl-controls { margin: 0px; position: absolute; left: 0px; width: 50%; bottom: 5%; }
.proTXT .pbox .t { font: 18px/1.4 "microsoft yahei"; margin-bottom: 18px; }
.proTXT .pbox .con { text-align: justify; font-size: 14px; }
.proTXT .pbox .more3{ margin-top: 20px;}
.proTXT .pbox .ico { background: url(../images/sj.png) no-repeat; width: 17px; height: 34px; position: absolute; display: block; left: -17px; top: 50%; margin-top: -17px; }
.proDemo .owl-controls .owl-page span { background: url(../images/pimg3.png) no-repeat scroll 0 0; border-radius: 0px; display: block; width: 10px; height: 10px; margin: 0 8px; outline: 0 none; text-indent: -9999px; }
.proDemo .owl-controls .owl-page.active span,
.proDemo .owl-controls.clickable .owl-page:hover span { background: url(../images/pimg4.png) no-repeat scroll 0 0; }
/*product sytle end*/

/*��Ƶ*/
.vwrap { display: none; z-index: 999; width: 100%; position: absolute; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.vwrap .videobox { z-index: 990; background: #8c8c8c; width: 800px; height: 500px; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; height: 100%; display: block; background: #809dcf!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #0E81D5; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.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/vico.png) no-repeat!important; width: 56px!important; height: 56px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
/*��Ƶ*/
.popUpblack { background: url(../images/black_png.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; 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; }


.business-t{ background-color: #345aa3; padding: 38px 0px; line-height: 1.2;}
.business-t .t{ color: #fff; font-size: 30px; font-weight: normal;}
.business-c{ background-color: #f6f7f8; padding: 40px 0px 70px;}
.business-c .pageC{  font-size: 16px; color: #666666;}
.business-c .itemH4{ background-color: #fefefe; color: #FFFFFF; font-size: 18px; background-color: #5e8dcf; padding: 6px 20px 8px; line-height: 1.2; margin-bottom: 38px;}

.addPageT{ background-color: #345aa3; margin-bottom: 60px; color: #fff; font-size: 40px; padding: 30px 0px; line-height: 1.2;}
.addPageImg img{ max-width: 100% !important; height: auto !important;}
.addPageImg{ margin-bottom: 60px;}
.addPageC{ width: 906px; margin: 0px auto; line-height: 2; text-align: justify;}