@charset "utf-8";
/* 
 * Project Name:来也
 * Author:浅浅
 * Date：2015-11-24
 */
@font-face { font-family: 'din_b'; src: url('din_black-webfont.eot'); src: url('din_black-webfont.eot?#iefix') format('embedded-opentype'), url('din_black-webfont.woff') format('woff'), url('din_black-webfont.ttf') format('truetype'), url('din_black-webfont.svg#din_blackregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'zaproman'; src: url('zap-webfont.eot'); src: url('zap-webfont.eot?#iefix') format('embedded-opentype'), url('zap-webfont.woff2') format('woff2'), url('zap-webfont.woff') format('woff'), url('zap-webfont.ttf') format('truetype'), url('zap-webfont.svg#zaproman') format('svg'); font-weight: normal; font-style: normal; }
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; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft JhengHei","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #505050; background-color: #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[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #987F65; color: #fff; text-shadow: none; }
::selection { background: #987F65; 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; }
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; }
.loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999;display:none }
.loading { width: 90px; height: 170px; position: fixed; top: 50%; left: 50%; margin-left: -45px; margin-top: -85px; z-index: 999; }
.m-black, .m-red { position: absolute; bottom: 0px; left: 0; width: 90px; }
.m-black { background: url(../images/loding1.png) no-repeat left top; height: 170px; }
.m-red { background: url(../images/loding2.png) no-repeat left bottom; -moz-animation-duration: 3s; -webkit-animation-duration: 3s; animation-duration: 3s; -moz-animation-direction: forward; -webkit-animation-direction: forward; animation-direction: forward; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-name: fill; -webkit-animation-name: fill; animation-name: fill; height: 170px; }

@-moz-keyframes fill {
    0% { height: 0px; }
    25% { height: 40px; }
    50% { height: 85px; }
    75% { height: 125px; }
    100% { height: 170px; }
}

@-webkit-keyframes fill {
    0% { height: 0px; }
    25% { height: 40px; }
    50% { height: 85px; }
    75% { height: 125px; }
    100% { height: 170px; }
}

@keyframes fill {
    0% { height: 0px; }
    25% { height: 40px; }
    50% { height: 85px; }
    75% { height: 125px; }
    100% { height: 170px; }
}

.inner { width: 1280px; margin: 0px auto; }
.pinner { width: 1100px; margin: 0px auto; }
.head { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); }
.gropBox { background: url(../images/tbg.gif) repeat; text-align: right; color: #fff; height: 22px; overflow: hidden; padding: 4px 0px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.g-tel i { font-size: 18px; line-height: 1.4; font-family: "zaproman"; }
.searchBox { float: right; display: block; border: 1px solid #80b0af; height: 18px; border-radius: 10px; padding: 0px 8px; margin: 0px 0px 0px 10px; }
.searchTxt, .searchBtn { float: left; display: block; margin: 0px; padding: 0px; border: 0px none; line-height: 18px; height: 18px; background-color: transparent; color: #fff; }
.searchTxt { border: 0px none; width: 100px; font-size: 12px; font-family: "Microsoft JhengHei"; }
input.searchTxt::-webkit-input-placeholder { color: #9dbab9; }
input.searchTxt:-moz-placeholder { color: #9dbab9; }
input.searchTxt::-moz-placeholder { color: #9dbab9; }
input.searchTxt:-ms-input-placeholder { color: #9dbab9; }
.searchBtn { background: url(../images/search_btn.png) no-repeat scroll center center; width: 18px; }
.gropBox2 { float: right; display: none; margin-top: 12px; margin-right: 88px; }
.gropBox2 a.g-tel { color: #006766; font-size: 14px; display: block; }
.gropBox2 a.g-tel i { font-style: inherit; }
.gropBox2 .searchBox { background-color: #087b7a; border: 0px none; width: auto; margin-left: 0px; padding: 0px 0px 0px 12px; height: 24px; border-radius: 12px; }
.gropBox2 .searchBox .searchTxt, .gropBox2 .searchBox .searchBtn { height: 24px; line-height: 24px; }
.gropBox2 .searchBox .searchTxt { width: 88px; color: #fff; }
.gropBox2 .searchBox .searchBtn { width: 30px; background: url(../images/search_btn2.png) no-repeat scroll center center; background-size: cover; }
.top { height: 88px; background-color: #fff; }
.top .inner { position: relative; }
.logo { position: absolute; left: 0px; top: 0px; height: 88px; font: bold 26px/88px "Microsoft JhengHei"; color: #777777; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.logo img { display: block; height: 100%; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.logo .txt { margin-top: 22px; float: left; display: none;}
.nav { float: right; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav a:link, .nav a:visited { color: #505050; }
.nav a:active, .nav a:hover { color: #006766; }
.nav li { float: left; display: block; padding-left: 30px; margin-left: 6px; height: 88px; text-align: center; position: relative; }
.nav .n_a { display: block; height: 88px; line-height: 88px; font-size: 18px; position: relative; }
.nav .n_a::before { backface-visibility: hidden; bottom: 0; content: ""; display: block; height: 4px; left: 50%; position: absolute; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav .n_a::after { backface-visibility: hidden; background: #7b6846 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; position: absolute; left: 50%; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav .n_a:hover::before { backface-visibility: hidden; background: #7b6846 none repeat scroll 0 0; width: 100%; left: 0px; }
.nav .n_a:hover::after { backface-visibility: hidden; background: #7b6846 none repeat scroll 0 0; width: 100%; left: 0px; }
.nav .n_a.active::before { backface-visibility: hidden; background: #006766 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; left: 0px; }
.nav .n_a.active::after { backface-visibility: hidden; background: #006766 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 100%; left: 0px; }
.nav .n_a.active:hover::before { backface-visibility: hidden; background: #7b6846 none repeat scroll 0 0; width: 100%; }
.nav .n_a.active:hover::after { backface-visibility: hidden; background: #7b6846 none repeat scroll 0 0; width: 100%; }
.no-csstransitions .nav .n_a { height: 84px; }
.no-csstransitions .nav .n_a::after, .no-csstransitions .nav .n_a::after, .no-csstransitions .nav a:hover::before, .no-csstransitions .nav a:hover::after, .nav .n_a.hov::after, .nav .n_a.hov::after, .nav a:hover.hov::before, .nav a:hover.hov::after { display: none; }
.no-csstransitions .nav .n_a.active, .no-csstransitions .nav .n_a:hover { border-bottom: 4px solid #006766; }
.nav .subnav { display: none; position: absolute; width: 132px; border-top: 4px solid #7b6846; background-color: #076f66; left: 0px; top: 92px; padding: 8px 0px 17px; }
.nav .subnav a { display: block; text-align: center; height: auto; line-height: 1.5; font-size: 16px; color: #fee2bb; padding: 5px 0px; margin-bottom: 2px; }
.nav .subnav a:hover { background-color: #055b54; }
.nav .subnav .bot { background: url(../images/nbot.png) no-repeat scroll center bottom; width: 69px; height: 22px; margin: 0px auto; }
.menu-handler { width: 68px; height: 78px; cursor: pointer; display: none; float: right; position: fixed; right: 0px; top: 0px; z-index: 1006; background-color: #087b7a; }
.menu-handler .burger { width: 36px; height: 5px; background: #fff; display: block; position: absolute; z-index: 5; top: 24px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 36px; }
.menu-handler .burger-3 { top: 48px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.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: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .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; }
.trans-fast, .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; }
#menu-holder { position: fixed; right: -350px; top: 0px; width: 270px; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #087b7a; color: #fff; z-index: 1005; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #fff; }
#menu-holder a:active, #menu-holder a:hover { color: #8de0df; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #8de0df; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 15%; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font: bold 25px/1.2 "Microsoft JhengHei"; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
.mfoot { position: relative; transition: 600ms 700ms; left: 100px; opacity: 0; }
.sharp { padding: 18px 0px; position: relative; }
.sharp a { display: block; float: left; margin-right: 20px; width: 40px; height: 35px; background: url(../images/sharp.png) no-repeat; }
.sharp a.s1 { background-position: 0px 0px; }
.sharp a.s2 { background-position: -62px 0px; }
.sharp a.s3 { background-position: -124px 0px; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 1004; display: none; }
.open #menu-holder { right: 0px; }
.mtop { height: 118px; }
.foot { position: relative; z-index: 5; }
.foot a:link, .foot a:visited { color: #646464; }
.foot a:active, .foot a:hover { color: #006766; }
.linkDL { border-top: 1px solid #787878; border-bottom: 1px solid #787878; padding: 44px 0px; color: #969696; font-size: 14px; }
.linkDL dd { float: right; display: block; margin-left: 40px; }
.linkDL .lt { font-weight: bold; color: #646464; font-size: 15px; }
.linkDL dd.item1 { float: left; margin-left: 0px; }
.linkDL .sharp a { background-image: url(../images/sharp2.png); }
.linkDL .sharp a:hover { background-image: url(../images/sharp3.png); }
.finner { padding: 12px 0px; }
.foot .finner .l { width: 70%; }
.pbanner { width: 100%; position: relative; overflow: hidden; }
.pbanner .pimg { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.pbanner .pbox { position: relative; z-index: 2; }
.pbanner.trans-1 .pbox1, .pbanner.trans-1 .pbox7 { -webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1); -moz-transition: all 1s cubic-bezier(.165, .74, .44, 1); -o-transition: all 1s cubic-bezier(.165, .74, .44, 1); -ms-transition: all 1s cubic-bezier(.165, .74, .44, 1); transition: all 1s cubic-bezier(.165, .74, .44, 1); -webkit-animation: flipInX .7s ease-in-out both; -moz-animation: flipInX .7s ease-in-out both; -ms-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s; animation-delay: .4s; }
.pbanner.trans-1 .pbox2, .pbanner.trans-1 .pbox5 { -webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1); -moz-transition: all 1s cubic-bezier(.165, .74, .44, 1); -o-transition: all 1s cubic-bezier(.165, .74, .44, 1); -ms-transition: all 1s cubic-bezier(.165, .74, .44, 1); transition: all 1s cubic-bezier(.165, .74, .44, 1); -webkit-animation: fadeInLeft .7s ease-in-out both; -moz-animation: fadeInLeft .7s ease-in-out both; -ms-animation: fadeInLeft .7s ease-in-out both; animation: fadeInLeft .7s ease-in-out both; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s; animation-delay: .4s; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.page { padding: 65px 0px 85px; margin: 0px auto; }
.footPage { width: 1100px; margin: 0px auto; }
/*.footPage .finner a.r { color: #efefef; }*/
.tool a:link, .tool a:visited { color: #fff; }
.tool a:active, .tool a:hover { color: #fff; }
.tool { width: 51px; position: fixed; right: 0px; top: 45%; z-index: 600; color: #fff; }
.tool a { transition: 200ms; width: 51px; height: 51px; line-height: 51px; float: left; margin: 0 0 1px 0; background: #b4b4b4 url(../images/sharp5.png) no-repeat 0px 0px; display: inline-block; position: relative; border-radius: 5px 0 0 5px; position: relative; }
.tool .blacKTop { background-image: none; text-align: center; }
.tool .a2 { background-position: 16px 0px; }
.tool .a3 { background-position: 16px -52px; }
.tool .a3 .con { background-position: 16px -52px; border-radius: 5px 0 0 5px; background-color: #b4b4b4; padding-left: 51px; display: block; background-image: url(../images/sharp5.png); background-repeat: no-repeat; overflow: hidden; font-size: 18px; font-style: italic; font-family: Arial, Helvetica, sans-serif; position: absolute; width: 126px; right: -126px; top: 0px; }
.tool .a3:hover .con { background-color: #006766; }
.tool .a4 { background-position: 16px -104px; margin-bottom: 0px; }
.tool a:hover { background-color: #006766; }
.popUpblack { background: url(../images/black_bg.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; 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; }
/** 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; }
.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; }


/* 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: 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: 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; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev { left: -25px; }

.slick-next { right: -25px; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.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; }


/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

.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; }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background-color: #fff; color: #505050; text-shadow: none; }

.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #505050; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { background-image: url('../images/fancybox_sprite.png'); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: 0px; right: -60px; width: 39px; height: 41px; cursor: pointer; z-index: 8040; background: url(../images/fram_close.png) no-repeat scroll center center; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: -60px; }

.fancybox-next { right: -60px; }
.fancybox-prev span { background-image: url(../images/pro_l3.png); }
.fancybox-next span { background-image: url(../images/pro_r3.png); }
.fancybox-nav span { position: absolute; display: block; top: 50%; width: 22px; height: 41px; margin-top: -20px; opacity: 0.5; cursor: pointer; z-index: 8040; }

.fancybox-prev span { left: -62px; background-position: 0 0px; }

.fancybox-next span { right: -62px; background-position: right 0px; }

.fancybox-nav:hover span { visibility: visible; opacity: 1; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { /*overflow: auto;
	overflow-y: scroll;*/ }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 18px/1.5 "Microsoft JhengHei","Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-title .i { background: url(../images/i.gif) no-repeat scroll left center; padding-left: 12px; font: 14px/1.4 "zaproman","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; color: #b4b4b4; }
.fancybox-title .i2 { font: 14px/1.4 "zaproman","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; color: #b4b4b4; }
.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -90px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ color: #FFF; font-size: 20px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 15px; text-align: center; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*base style*/
/*index style*/
.banner a:link, .banner a:visited { color: #fff0d4; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height: 500px; background-color: #ddd; z-index: 5; }
.banner .pic { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner .pic img { width: 100%; display: block; position: absolute; }
.banner .picShwo .binbox { visibility: hidden; }
.bannerBox { position: relative; overflow: hidden; }
.banner .binbox { position: absolute; width: 1280px; left: 55%; display: none; top: 12%; margin-left: -640px; color: #d9b777; }
.banner ul li { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.banner ul li .nameLinkA { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 10; }
.binbox .bcon { background: url(../images/black_bg.png) repeat; background: none rgba(0,0,0,0.5); float: right; display: block; padding: 25px 30px; width: 260px; }
.binbox .bcon .h { padding-bottom: 25px; }
.binbox .bcon .bt { border: 5px solid #c41b1b; font-size: 24px; color: #c41b1b; display: block; float: left; width: 60px; height: 60px; text-align: center; font-weight: bold; line-height: 1.1; }
.binbox .bcon .bico { background: url(../images/banner_ico.png) no-repeat; width: 27px; height: 37px; float: right; display: block; }
.banner .binbox .t { font: bold 25px/1.2 "Microsoft JhengHei"; padding-bottom: 25px; border-bottom: 1px solid #59493f; margin-bottom: 15px; color: #fff0d4; }
.banner .binbox .c { font-size: 14px; margin-bottom: 10%; height: 76px; overflow: hidden; }
.bmore { display: block; width: 115px; height: 30px; border: 1px solid #fff0d4; font-size: 14px; text-align: center; line-height: 30px; position: relative; }
.bmore .i1 { position: absolute; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; background-color: transparent; width: 70%; height: 100%; left: 15%; top: 0px; display: block; }
.bmore .i2 { position: relative; z-index: 1; }
.bmore:hover { border: 1px solid #d9b777; }
.bmore:hover .i1 { width: 100%; left: 0px; background-color: #d9b777; }

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

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

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

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

.banner .flex-control-nav { height: 7px; bottom: 8%; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px; }
.banner .flex-control-paging li a { height: 7px; line-height: 7px; width: 26px; border-radius: 0; display: inline-block; overflow: hidden; background-color: #fff; cursor: pointer; }
.banner .flex-control-paging li a span { height: 7px; line-height: 7px; width: 0px; display: block; overflow: hidden; background-color: #fff; cursor: pointer; background-color: #006766; }
.banner .flex-control-paging li a.flex-active span { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
.banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li a:hover { background-color: #018d8c; }
/*.banner .bx-wrapper .bx-pager{ height: 7px; bottom: 8%; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 7px; line-height: 7px; width: 26px; margin: 0px 2px; display: inline-block; overflow: hidden; background-color: #fff; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #006766;}*/
.ibg { background: url(../images/ibg.jpg) repeat scroll center bottom; width: 100%; height: 659px; position: fixed; left: 0px; bottom: 0px; }
.main { position: relative; z-index: 5; }
.ibox a:link, .ibox a:visited { color: #ede4ca; }
.ibox a:active, .ibox a:hover { color: #fff; }
.ibox { background: url(../images/iboxbg.gif) repeat; width: 100%; }
.ibox dd { float: left; display: block; width: 20%; height: 110px; }
.ibox a { display: block; border: 1px solid #035d5c; height: 70px; position: relative; padding-top: 38px; overflow: hidden; }
.ibox dd .zh { font-size: 20px; display: block; color: #ffe4bb; line-height: 1; }
.ibox dd .en { font-family: georgia,"times new roman"; color: #8d8969; display: block; line-height: 2.5; }
.ibox dd .ico { background: url(../images/ico_bg1.png) no-repeat; width: 48px; height: 37px; float: left; display: block; margin: 0px 26px; }
.ibox dd i { width: 48px; height: 37px; display: block; background-image: url(../images/ico1.png); background-repeat: no-repeat; }
.ibox .con { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: url(../images/ibox_cbg.jpg) no-repeat; transition: 400ms; -webkit-transition: 400ms; }
.ibox .con i { position: absolute; right: 8px; top: 10px; background-image: url(../images/ico2.png); transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; }
.ibox .con .c { padding: 28px 25px 0px; }
.ibox .con .c .more { background: url(../images/ibox_more1.png) no-repeat; width: 18px; height: 18px; display: block; margin-top: 2px; }
.ibox .con .zh { color: #006766; }
.ibox .con .en { color: #b6a585; }
.ibox dd .i1 { background-position: 0px 0px; }
.ibox dd .i2 { background-position: -48px 0px; }
.ibox dd .i3 { background-position: -96px 0px; }
.ibox dd .i4 { background-position: -144px 0px; }
.ibox dd .i5 { background-position: -192px 0px; }
.ibox dd .i6 { background-position: -240px 0px; }
.ibox dd .i7 { background-position: -288px 0px; }
.ibox dd .i8 { background-position: -336px 0px; }
.ibox dd .i9 { background-position: -384px 0px; }
.ibox dd .i10 { background-position: -432px 0px; }
.ibox a:hover .con { top: 0px; }
.ibox a:hover .con i { transform: scale(1); -webkit-transform: scale(1); opacity: 1; transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; }
.aboutIbox { width: 958px; margin: 92px auto; }
.aboutIbox .con { text-align: center; color: #505050; }
.aboutIbox .con .by1 { font-size: 48px; font-weight: bold; }
.aboutIbox .con .by2 { font-size: 35px; font-weight: bold; }
.aboutIbox .con .t { font-size: 25px; margin: 20px 0px 50px; }
.aboutIbox .con .c { color: #787878; font-size: 14px; }
.aboutIbox .bmore { width: 118px; height: 34px; line-height: 34px; border: 0px none; font-size: 18px; background-color: #006766; margin: 0px auto; }
.aboutIbox .bmore .i2 { color: #fff; }
.aboutType { padding: 76px 0px 80px; }
.aboutType dd { float: left; display: block; width: 20%; color: #323232; margin-bottom: 10px; }
.aboutType .item { display: block; width: 130px; margin: 0px auto; }
.aboutType .item .t { font: 60px/1.2 "times new roman"; color: #006766; position: relative; display: inline-block; }
.aboutType .item .t b { font-weight: normal; }
.aboutType .item .t i { font-style: initial; font-size: 14px; color: #323232; position: absolute; top: 0px; right: -21px; line-height: 2.5; }
.aboutType .item .c { border-top: 1px solid #323232; font-size: 14px; padding-top: 10px; height: 50px; }
.aboutType a { color: #323232; }
.aboutIbox .con.target .by1, .aboutIbox .con.target .by2, .aboutIbox .con.target .t, .aboutIbox .con.target .c { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.aboutIbox .con.action .by1, .aboutIbox .con.action .by2, .aboutIbox .con.action .t, .aboutIbox .con.action .c { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 350ms; }
.aboutIbox .con.action .c { transition: 600ms ease 450ms; }
.aboutIbox .aboutType.target dd .item { transform: translate(50px,0px); -webkit-transform: translate(50px,0px); opacity: 0; }
.aboutIbox .aboutType.action dd .item { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 350ms; }
.aboutIbox .aboutType.action dd .item2 { transition: 650ms ease 500ms; }
.aboutIbox .aboutType.action dd .item3 { transition: 750ms ease 600ms; }
.aboutIbox .aboutType.action dd .item4 { transition: 850ms ease 700ms; }
.aboutIbox .aboutType.action dd .item5 { transition: 950ms ease 800ms; }
.aboutIbox .slick-prev, .aboutIbox .slick-next { width: 21px; height: 24px; position: absolute; top: 50%; margin-top: -12px; z-index: 100; }
.aboutIbox .slick-prev { background: url(../images/btnnum.png) no-repeat scroll left top; left: -161px; }
.aboutIbox .slick-next { background: url(../images/btnnum.png) no-repeat scroll right top; right: -161px; }
.aboutIbox .slick-prev:hover { background-position: left bottom; }
.aboutIbox .slick-next:hover { background-position: right bottom; }
.iboxt { margin-bottom: 38px; }
.iboxt .name { color: #323232; }
.iboxt .name span { background: url(../images/star.png) no-repeat scroll left center; padding-left: 20px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; height: 20px; margin-right: 10px; display: inline-block; float: left; margin-top: 5px; }
.iboxt .name i { background: url(../images/t2.png) no-repeat scroll right center; padding-right: 46px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; font: bold 24px/1.2 "Microsoft JhengHei"; }
.iboxt .name:hover span { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.iboxt .name:hover i { padding-right: 56px; color: #006766; }
.caseIbox { margin-bottom: 100px; }
.caseDemo { background-color: #ebebeb; }
.caseDemo .item { position: relative; float: left; width: 100%; display: block; overflow: hidden; }
.caseDemo .black { background: url(../images/black_bg2.png) repeat; background: none rgba(0,0,0,0.35); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 4; }
.caseDemo .item img { position: relative; width: 100%; display: block; }
.caseDemo .c { position: absolute; left: 5%; bottom: 5%; color: #fff; font-size: 18px; line-height: 1.5; z-index: 5; width: 90%; }
.caseDemo .c2 { position: absolute; left: 5%; top: 5%; color: #fff; font-size: 25px; opacity: 0; z-index: 4; width: 90%; opacity: 0; }
.caseDemo .c2 .summy { font-size: 14px; }
.caseDemo .item .bg { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.2; display: none; z-index: 3; }
.caseDemo .item:hover .black { display: none; }
.caseDemo .item:hover .bg { display: block; }
.caseDemo .item:hover .c { transition: 500ms; opacity: 0; }
.caseDemo .item:hover .c2 { top: 8%; transition: 500ms ease 550ms; opacity: 1; }
.caseDemo .item:hover img { transform: scale(1.2); transform-origin: center center 0; transition: transform 5s ease-out 0s; }
.caseDemo .slick-dots { bottom: 12px; }
.caseDemo .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.caseDemo .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 8px; width: 8px; padding: 0px; cursor: pointer; border: 1px solid #006766; margin-top: 2px; border-radius: 50%; }
.caseDemo .slick-dots li button:focus { outline: none; }
.caseDemo .slick-dots li.slick-active button { background-color: #006766; margin-top: 0px; width: 12px; height: 12px; }
.caseDemo .slick-prev, .caseDemo .slick-next { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 100; }
.caseDemo .slick-prev { background: url(../images/jiantou2.png) no-repeat; left: 2%; }
.caseDemo .slick-next { background: url(../images/jiantou.png) no-repeat; right: 2%; }
.newIbox { margin-bottom: 60px; }
.tankList a:link, .tankList a:visited { color: #fff; }
.tankList a:active, .tankList a:hover { color: #fff; }
.tankList dd { float: left; display: block; width: 316px; margin: 0px 2px; overflow: hidden; position: relative; }
.tankList a { display: block; }
.tankList img { width: 100%; display: block; }
.tankList .name { position: absolute; left: 5%; bottom: 5%; font-size: 20px; }
.tankList .bg { background: url(../images/gree.png) repeat scroll center center; background: none rgba(0,103,102,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; transition: 400ms; -webkit-transition: 400ms; }
.tankList .name2 { font-size: 25px; display: block; margin: 20% 0px 5%; }
.tankList .more { border: 1px solid #fffffd; height: 36px; width: 120px; text-align: center; display: block; line-height: 36px; margin: 0px auto; }
.tankList a:hover .name { display: none; }
.csstransitions .tankList .bg { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.csstransitions .tankList a:hover .bg { opacity: 1; transform: scale(1); -webkit-transform: scale(1); display: block; }
.no-csstransitions .tankList .bg { display: none; }
.no-csstransitions .tankList a:hover .bg { display: block; }
.newIlist { position: relative; }
.newIlist a:link, .newIlist a:visited { color: #757575; }
.newIlist a:active, .newIlist a:hover { color: #006766; }
.inewImg { width: 614px; height: 326px; overflow: hidden; float: left; display: block; }
.inewImg a { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.inewImg img { width: 100%; display: block; }
.inewImg .title{ position: absolute; left: 0; bottom: 0; width: 90%; text-align: center; color: #fff; padding: 10px 5%; background:url(images/black_bg.png) repeat; background: none rgba(0,0,0,0.5); font-size: 16px; line-height: 1.5;}
.inewTab { position: absolute; right: 0px; top: -66px; }
.inewTab span { padding: 0px 12px; margin-left: 6px; font-size: 18px; cursor: pointer; }
.inewTab span.act { border: 1px solid #006766; color: #fff; background-color: #006766; border-radius: 5px; }
.inewIcon { width: 590px; height: 326px; overflow: hidden; margin-right: 10px; float: right; }
.inewIcon .list { display: none; }
.inewIcon .list li { height: 30px; overflow: hidden; margin-bottom: 15px; transition: 400ms; -webkit-transition: 400ms; }
.inewIcon .list li a.t { line-height: 30px; color: #080808; font-size: 20px; height: 30px; display: block; overflow: hidden; margin-bottom: 10px; }
.inewIcon .list li a.t .r { color: #b4b4b4; font-size: 13px; }
.inewIcon .list li .con { height: 58px; color: #646464; font-size: 14.7px; margin-bottom: 18px; overflow: hidden; }
.inewIcon .list li .bot { color: #b4b4b4; font-size: 13px; }
.timeI, .easeI, .linkI { padding-left: 24px; }
.timeI { margin-right: 28px; }
.easeI { margin-right: 14px; }
.timeI { background: url(../images/li1.png) no-repeat scroll left center; }
.easeI { background: url(../images/li2.png) no-repeat scroll left center; cursor: default; }
.easeI:hover { background-image: url(../images/li22.png); }
.linkI { background: url(../images/li3.png) no-repeat scroll left center; }
.linkI:hover, .linkI.red { background-image: url(../images/li32.png); }
.inewIcon .bot a:link, .inewIcon .bot a:visited { color: #b4b4b4; }
.inewIcon .bot a:active, .inewIcon .bot a:hover { color: #006766; }
.inewIcon .list li.act { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 15px 0px 20px; height: 150px; }
.teamIbox a:link, .teamIbox a:visited { color: #fff; }
.teamIbox a:active, .teamIbox a:hover { color: #fff; }
.teamIboxQA { overflow: hidden; margin: 130px 0px; }
.teamIbox { position: relative; overflow: hidden; position: relative; }
.teamIbox dd { float: left; display: block; width: 11.12%; box-sizing: content-box; }
.teamIbox dd a { display: block; width: 100%; position: relative; overflow: hidden; }
.teamIbox dd.item1 { width: 22.12%; }
.teamIbox img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.teamIbox .ico { background: url(../images/fdico.png) no-repeat scroll left center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); color: #ffffff; font-size: 16px; padding-left: 28px; position: absolute; right: 5%; bottom: 5%; display: none; }
.teamIbox .filler { background-color: #cfa972; position: absolute; display: none; }
.filler-left { width: 3px; height: 0%; left: 0px; bottom: 0px; }
.filler-right { width: 3px; height: 0%; right: 0px; top: 0px; }
.filler-top { width: 0%; height: 3px; right: 0px; top: 0px; }
.filler-bottom { width: 0%; height: 3px; right: 0px; bottom: 0px; }
.teamIbox dd a:hover .ico { display: block; }
.teamIbox dd a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.team-info { background: url(../images/gree.png) repeat scroll center center; background: none rgba(0,103,102,0.9); display: none; position: absolute; z-index: 101; top: 0px; width: 421px; color: #fff; }
.team-info .t { width: 80%; margin: 0px auto; padding: 8% 0px 5%; }
.team-info .zh { font-size: 28px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; }
.team-info .en { font-size: 16px; }
.team-info .zw { float: right; display: block; }
.team-info .c { width: 80%; overflow: hidden; margin: 0px auto; height: 64px; }
.teamIbox dd.item1 .team-info { font-size: 14px; }
.teamIbox dd.item1 .team-info .t { padding: 12% 0px 20%; }
.teamIbox dd.item1 .team-info .zh { font-size: 40px; }
.teamIbox dd.item1 .team-info .en { font-size: 20px; }
.teamIbox dd.item1 .team-info .c { height: 150px; }
.teamIbox dd.item15 .moreBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; font-size: 14px; }
.teamIbox dd.item15 .more { background: url(../images/team_more.png) no-repeat; width: 55px; height: 55px; margin: 30% auto 15%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamIbox dd.item15 .zh { display: block; }
.teamIbox dd.item15 .zh2, .teamIbox dd.item15 .en2, .teamIbox dd.item15 .ico2, .teamIbox dd.item15 .more2 { display: none; }
.teamIbox dd.item15 a:hover .more { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.teamIbox dd.blackbg { background-color: rgba(0,0,0,0.3); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
/*index style end*/
/*branch style*/
.pbanner1 { border-bottom: 4px solid #006766; height: 294px; padding: 100px 0px 0px; color: #fff; text-align: center; }
.pbox1 { background: url(../images/black_bg.png) repeat; background: rgba(0,0,0,0.5); padding: 30px 100px; display: inline-block; *zoom: 1; *display: inline; margin: 0px auto; line-height: 1.1; text-align: center; }
.pbox1 .t { color: #face8c; font: bold 60px/1.1 "Microsoft JhengHei"; margin-bottom: 25px; }
.pbox1 .t .pfont { background: url(../images/banner_ico.png) no-repeat scroll right 10px; padding-right: 38px; }
.pbox1 .en .pfont { background: url(../images/fico.png) no-repeat scroll left center; font: bold 15.8px/1.2 "zaproman","times new roman"; padding-left: 90px; text-align: left; display: inline-block; margin: 0px auto; }
.branchPage { width: 840px; }
.pageCon { font-size: 14px; color: #505050; }
.pageCon a:link, .pageCon a:visited { color: #b4b4b4; }
.pageCon a:active, .pageCon a:hover { color: #006766; }
.pageCon img { max-width: 100%; }
.branchC { text-align: center; width: 88%; margin: 0px auto 8%; }
.branchDl { position: relative; overflow: hidden; }
.branchDl a:link, .branchDl a:visited { color: #fff; }
.branchDl a:active, .branchDl a:hover { color: #b28850; }
.branchDl ul { margin-left: -12%; }
.branchDl li { width: 38%; display: block; margin: 0px 0px 7% 12%; float: left; }
.branchDl a { display: block; border: 2px solid #006766; background-color: #006766; padding: 2px; }
.branchDl .item { border: 1px solid #cfa972; display: block; height: 270px; padding: 0px 30px; text-align: center; font-size: 14px; }
.branchDl .item .name { font-size: 25px; font-weight: bold; display: block; line-height: 1.4; margin: 30% 0px 22px; transition: margin 300ms; -webkit-transition: margin 300ms; -ms-transition: margin 300ms; }
.branchDl .item .more { width: 178px; height: 40px; line-height: 40px; display: block; background-color: #b28850; margin: 0px auto 54px; display: none; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.branchDl .item .bot { display: block; }
.branchDl a:hover { background-color: #fff; border: 2px solid #cfa972; }
.branchDl a:hover .name { margin-top: 20%; font-size: 20px; }
.branchDl a:hover .more { color: #fff; display: block; }
.botIco { background: url(../images/nbot2.png) no-repeat; width: 86px; height: 20px; display: block; margin: 0px auto; }
.branchIpage { width: 704px; float: left; display: block; margin-right: 90px; }
.siderCase { width: 254px; background-color: #f5f5f5; padding: 28px 26px; color: #787878; float: left; display: block; }
.branchIT { font: bold 30px/1.4 "Microsoft JhengHei"; color: #006766; border-bottom: 1px solid #eeeeee; padding: 20px 0px; margin-bottom: 40px; }
.branchImore { border-top: 1px solid #197675; border-bottom: 1px solid #197675; height: 50px; line-height: 50px; text-align: center; margin: 60px 0px 50px; }
.branchImore span { background: url(../images/mico.png) no-repeat scroll right center; padding-right: 20px; font-size: 16px; color: #197675; }
.branchOneDl a:link, .branchOneDl a:visited { color: #fff; }
.branchOneDl a:active, .branchOneDl a:hover { color: #fff; }
.branchOneDl { width: 100%; overflow: hidden; color: #fff; }
.branchOneDl ul { width: 106%; }
.branchOneDl li { width: 29.66%; margin-right: 3%; float: left; overflow: hidden; position: relative; }
.branchOneDl img { width: 100%; display: block; }
.branchOneDl .con { position: absolute; left: 0px; top: 80%; width: 100%; height: 100%; background: url(../images/gree.png) repeat; background: rgba(0,103,102,0.9); transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.branchOneDl .bot2 { position: absolute; left: 5%; bottom: 0px; width: 28px; background-color: #cfa972; height: 3px; z-index: 2; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.branchOneDl .name { height: 44px; line-height: 2.5; position: absolute; left: 5%; bottom: 0px; width: 70px; text-align: center; font-size: 16px; z-index: 2; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.branchOneDl .more { border: 1px solid #fff; width: 92px; height: 32px; text-align: center; color: #fff; display: block; position: absolute; left: 50%; top: 50%; margin: -32px 0px 0px -46px; line-height: 32px; opacity: 0; }
.branchOneDl .bot1 { position: absolute; left: 50%; top: 0px; width: 0; height: 12px; border-bottom: 1px solid #cfa972; }
.branchOneDl a:hover .bot1 { width: 90%; left: 5%; transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; -ms-transition: 400ms ease 300ms; }
.branchOneDl a:hover .bot2 { width: 100%; left: 0; }
.branchOneDl a:hover .name { width: 90%; }
.branchOneDl a:hover .con { top: 0; }
.branchOneDl a:hover .more { opacity: 1; transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms; -ms-transition: 300ms ease 300ms; }
.pageW { width: 1110px; margin: 0px auto; }
.siderCase a:link, .siderCase a:visited { color: #9c9c9c; }
.siderCase a:active, .siderCase a:hover { color: #006766; }
.siderCT a:link, .siderCT a:visited { color: #fff; }
.siderCT a:active, .siderCT a:hover { color: #fff; }
.siderCT { background-color: #006766; color: #fff; padding: 18px; margin-bottom: 25px; }
.siderCT .zh { font-size: 18px; }
.siderCT .en { font-size: 18px; font-family: "zaproman"; text-transform: uppercase; }
.siderCT .more { height: 0px; position: relative; border-bottom: 1px solid #fff; margin-top: 18px; display: block; }
.siderCT .more span { position: absolute; right: 0px; top: -10px; padding-left: 12px; background-color: #006766; }
.siderCItem { margin-bottom: 40px; }
.siderCItem .img { width: 100%; overflow: hidden; background-color: #000; }
.siderCItem img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.siderCItem .name { height: 44px; padding: 0px 8px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 1.5; }
.siderCItem a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.siderC-address { border-top: 1px solid #006766; padding: 15px 0px; font-size: 14px; }
.siderC-address .pl { padding-left: 44px; position: relative; }
.siderC-address .pl .sL { position: absolute; left: 0px; top: 0px; }
.businessTwoDl { margin: 40px 0px 50px; }
.branchITwo-t a:link, .branchITwo-t a:visited { color: #fff; }
.branchITwo-t a:active, .branchITwo-t a:hover { color: #fff; }
.branchITwo-t { background-color: #006766; color: #fff; padding: 0px 25px; font-size: 14px; height: 52px; line-height: 52px; margin-bottom: 40px; }
.branchITwo-t .zh { padding: 0px 25px 0px 0px; font-size: 18px; }
.branchITwo-t .en { text-transform: uppercase; font-family: "zaproman"; font-size: 18px; }
.branchITwo-t2 { background-color: #006766; color: #fff; padding: 0px 25px; font-size: 14px; height: 52px; line-height: 52px; margin-bottom: 40px; }
.branchITwo-t2 .zh { padding: 0px 25px 0px 0px; font-size: 18px; }
.branchITwo-t2 .en { text-transform: uppercase; font-family: "zaproman"; font-size: 18px; }
.teamTwoDl .branchITwo-t { padding: 0px; }
.teamTwoDl .branchITwo-t span { display: inline-block; float: left; display: block; width: 50%; padding: 0px; text-indent: 25px; font-size: 18px; cursor: pointer; }
.teamTwoDl .branchITwo-t span.act { background-color: #cfa972; }
.teamTwoDl .teamTwo-dd { display: none; }
.teamTwo-dd { position: relative; overflow: hidden; }
.teamTwo-dd a:link, .teamTwo-dd a:visited { color: #fff; }
.teamTwo-dd a:active, .teamTwo-dd a:hover { color: #fff; }
.teamTwo-dd ul { margin-left: -5%; }
.teamTwo-dd li { width: 28.33%; margin-left: 5%; overflow: hidden; float: left; display: block; position: relative; font-size: 14px; margin-bottom: 5%; }
.teamTwo-dd img { width: 100%; display: block; }
.teamTwo-dd li .bg { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/gree.png) repeat; background: none rgba(0,103,102,0.9); color: #fff; text-align: center; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamTwo-dd li .name { display: block; margin: 25% 0px 0px; font-weight: bold; font-size: 16px; }
.teamTwo-dd li .zw { margin-bottom: 30px; }
.teamTwo-dd li .zw span { position: relative; top: 8px; padding: 0px 8px; }
.teamTwo-dd li .more { border: 1px solid #fff; width: 92px; height: 32px; margin: 0px auto; line-height: 32px; text-align: center; display: block; }
.teamTwo-dd li a:hover .bg { display: block; }
.csstransitions .teamTwo-dd li .bg { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
.csstransitions .teamTwo-dd li a:hover .bg { opacity: 1; transform: initial; -webkit-transform: initial; display: block; }
.no-csstransitions .teamTwo-dd li .bg { display: none; }
.no-csstransitions .teamTwo-dd li a:hover .bg { display: block; }
.businessTwo-dd { height: 602px; border: 2px solid #006766; padding: 4px; overflow: hidden; padding-left: 160px; position: relative; border-left: 0px none; }
.businessTwo-dd .tab { position: absolute; left: 0px; top: 0px; height: 100%; width: 160px; background-color: #006766; }
.businessTwo-dd .tab li { height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 16px; z-index: 2; cursor: pointer; }
.businessTwo-dd .tab li.act { background-color: #cfa972; color: #006766; }
.businessTwo-dd .tab li span { border-bottom: 1px solid #005251; display: block; width: 90%; margin: 0px auto; }
.businessTwo-dd .con { border: 1px solid #d1c0a5; border-left: 0px none; height: 600px; padding: 0px 30px; position: relative; font-size: 14px; color: #969696; display: none; }
.businessTwo-dd .t { color: #006766; padding-top: 20px; }
.businessTwo-dd .t .zh { font-weight: bold; font-size: 22px; display: block; }
.businessTwo-dd .t .en { font: 16px; font-family: "zaproman"; }
.businessTwo-dd .t .bot { border-bottom: 1px solid #d1c0a5; width: 35px; height: 18px; display: block; }
.businessTwo-dd .ctype { position: absolute; bottom: 35px; color: #d1c0a5; width: 144px; }
.businessTwo-dd .ctxt { width: 50%; text-align: justify; color: #969696; position: absolute; top: 25px; right: 6%; overflow: hidden; }
/*branch style end*/
/*thinkTank style*/
.pbanner2 { min-height: 395px; }
.pbanner2 .pinner { margin: 70px auto 50px; }
.pbanner2 .pbox { width: 554px; color: #fffbd2; }
.pbanner2 .t { font-size: 40px; font-weight: bold; line-height: 1.1; background: url(../images/gree.png) repeat; background: none rgba(0,103,102,0.9); padding: 12px 44px; }
.pbanner2 .c { padding: 18px 44px; background: url(../images/black_bg.png) repeat; background: none rgba(0,0,0,0.5); }
.pbanner2 .bot { border-top: 1px solid #967d5d; margin-top: 20px; color: #b36a48; }
.thinkMenu { background-color: #fff; border-bottom: 1px solid #e7e3e1; text-align: center; }
.thinkMenu a:link, .thinkMenu a:visited { color: #505050; }
.thinkMenu a:active, .thinkMenu a:hover, .thinkMenu a.active { color: #fff; background-color: #006766; }
.thinkMenu a { height: 45px; line-height: 45px; display: inline-block; *zoom: 1; *display: inline; padding: 0px 25px; font-size: 16px; }
.bgfbfafa { background-color: #fbfafa; }
.mb65 { margin-bottom: 65px; }
.more3 { border: 1px solid #8a8a8a; color: #9a9a9a; width: 108px; height: 30px; display: block; overflow: hidden; position: relative; line-height: 30px; text-align: center; }
.more3 i { font-style: inherit; }
.more3 .mi1 { -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: absolute; top: 0; left: 0; width: 150%; height: 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; z-index: -1; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.more3 .mi2 { position: relative; z-index: 2; }
.more3:hover { border: 1px solid #006766; color: #fff; }
.more3:hover .mi1 { opacity: 1; z-index: 1; background-color: #006766; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.thinkOneList { width: 1140px; margin: 0px auto; }
.thinkOneList a:link, .thinkOneList a:visited { color: #a0a0a0; }
.thinkOneList a:active, .thinkOneList a:hover { color: #545454; }
.thinkOneList .itembox { float: left; display: block; width: 530px; margin: 0px 20px; }
.thinkOneList .item { background-color: #ffffff; margin: 4px 0px 44px; }
.thinkOneList .item a { display: block; padding: 20px 32px 12px 12px; }
.thinkOneList .item .img { width: 36%; overflow: hidden; float: left; display: block; margin-right: 7%; background-color: #000; }
.thinkOneList .item .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.thinkOneList .item .con { float: left; display: block; width: 57%; font-size: 14px; }
.thinkOneList .item .t { height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 15px; font-size: 20px; color: #545454; }
.thinkOneList .item .txt { height: 98px; overflow: hidden; margin-bottom: 12%; }
.thinkOneList .item:hover { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
.thinkOneList .item:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.thinkOneList .item:hover .more3 { border: 1px solid #006766; color: #fff; }
.thinkOneList .item:hover .more3 .mi1 { opacity: 1; z-index: 1; -webkit-transition: -webkit-transform 0.3s ease 0.1s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s ease 0.1s, opacity 0.3s, background-color 0.3s; background-color: #006766; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.thinkOneList .slick-dots { bottom: -25px; }
.thinkOneList .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.thinkOneList .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 8px; width: 8px; padding: 0px; cursor: pointer; border: 1px solid #cfa972; margin-top: 2px; border-radius: 50%; }
.thinkOneList .slick-dots li button:focus { outline: none; }
.thinkOneList .slick-dots li.slick-active button { background-color: #cfa972; margin-top: 0px; width: 12px; height: 12px; }

.thinkOneList .slick-prev, .thinkOneList .slick-next, .thinkforList .slick-prev, .thinkforList .slick-next { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -47px; z-index: 100; }
.thinkOneList .slick-prev, .thinkforList .slick-prev { background: url(../images/jiantou3.png) no-repeat; left: -50px; }
.thinkOneList .slick-next, .thinkforList .slick-next { background: url(../images/jiantou4.png) no-repeat; right: -50px; }

.thinkOneImg { width: 30%; margin-right: 4%; float: left; display: block; overflow: hidden; }
.thinkOneImg .img { width: 100%; overflow: hidden; margin-bottom: 14px; }
.thinkOneImg .img img { width: 100%; display: block; }
.thinkOneImg .btn { text-align: center; line-height: 40px; }
.thinkOneImg .btn a { padding: 10px 8%; line-height: 1.1; margin: 0px 5px; background-color: #006766; color: #fff; display: inline-block; }
.thinkOneImg .btn a:hover { background-color: #B28850; }
.thinkOneBox { width: 54%; float: left; display: block; background-color: #f5f5f5; padding: 45px 6% 30px; }
.thinkOneBox .name { font-size: 30px; color: #545454; position: relative; left: -10px; }
.thinkOneBox .info { font-size: 20px; color: #076F66; margin-bottom: 50px; }
.thinkOneBox .pageCon { color: #a0a0a0; margin-bottom: 8%; }
.pSharpBox { margin-bottom: 22px; line-height: 16px; }
.pSharpBox .i { height: 16px; background: url(../images/sharp4.png) no-repeat; padding-left: 16px; display: inline-block; }
.pSharpBox .i1 { background-position: 0px 0px; }
.pSharpBox .i2 { background-position: -23px 0px; }
.pSharpBox .i3 { background-position: -46px 0px; }
.pSharpBox .i4 { background-position: -69px 0px; }
.pSharpBox .i5 { background-position: -92px 0px; }
.pSharpBox .i6 { background-position: -115px 0px; }
.pSharpBox .i7 { background: url(../images/dy.png) no-repeat scroll right center; padding-right: 24px; margin-left: 12px; height: 18px; display: inline-block; }
.pSharpBox a:link, .pSharpBox a:visited { color: #909090; }
.pSharpBox a:active, .pSharpBox a:hover { color: #545454; }
.paging a:link, .paging a:visited { color: #a0a0a0; }
.paging a:active, .paging a:hover { color: #545454; }
.paging { border-top: 1px solid #b2b2b2; padding-top: 16px; }
.paging p { width: 70%; margin-bottom: 5px; }
.backList { float: right; display: inline-block; padding: 10px 18px; background-color: #076f67; }
.backList span { color: #fff; background: url(../images/back.png) no-repeat scroll left center; padding-left: 30px; }
.backList:hover { background-color: #adadad; }
.pbanner2 { min-height: 395px; }
.thinkTwoList a:link, .thinkTwoList a:visited { color: #545454; }
.thinkTwoList a:active, .thinkTwoList a:hover { color: #006766; }
.thinkTwoList { position: relative; overflow: hidden; padding-bottom: 12px; }
.thinkTwoList ul { margin-left: -52px; }
.thinkTwoList li { width: 332px; float: left; display: block; margin: 0px 0px 42px 52px; background-color: #fff; }
.thinkTwoList a { display: block; border: 1px solid #fff; padding: 30px 35px 22px; }
.thinkTwoList .t { font: bold 20px/1.2 "Microsoft JhengHei"; margin-bottom: 12px; height: 50px; overflow: hidden; }
.thinkTwoList .c { border-top: 1px solid #eeeeee; padding-top: 12px; font-size: 14px; height: 98px; margin-bottom: 52px; overflow: hidden; color: #a0a0a0; }
.thinkTwoList .c b { color: #787878; }
.thinkTwoList .item:hover { border: 1px solid #006766; }
.thinkTwoList .item:hover .more3 { border: 1px solid #006766; color: #fff; }
.thinkTwoList .item:hover .more3 .mi1 { opacity: 1; z-index: 1; -webkit-transition: -webkit-transform 0.3s ease 0.1s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s ease 0.1s, opacity 0.3s, background-color 0.3s; background-color: #006766; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.ledmore2 { font-size: 14px; border: 1px solid #c4a983; color: #c4a983; width: 136px; height: 40px; display: block; overflow: hidden; position: relative; margin: 0px auto; line-height: 40px; text-align: center; }
.ledmore2 .m1 { -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: absolute; top: 0; left: 0; width: 150%; height: 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; z-index: -1; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.ledmore2 .m2 { position: relative; z-index: 2; }
.ledmore2:hover { border: 1px solid #c4a983; color: #fff; }
.ledmore2:hover .m1 { opacity: 1; z-index: 1; background-color: #c4a983; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.infoPic { overflow: hidden; }
.infoPic img { width: 100%; display: block; }
.thinkTwo-Ipage { width: 680px; margin: 50px auto 0px; }
.thinkTwo-Ipage .infoT { font-size: 28px; font-weight: bold; text-align: center; color: #505050; line-height: 1.2; margin-bottom: 22px; }
.thinkTwo-Ipage .infoI { color: #c7c7c7; text-align: center; }
.thinkTwo-Ipage .pageCon { margin: 36px auto 8%; color: #505050; text-align: justify; }
.thinkforList { width: 1140px; margin: 0px auto; }
.thinkforList a:link, .thinkforList a:visited { color: #a0a0a0; }
.thinkforList a:active, .thinkforList a:hover { color: #545454; }
.thinkforList .itembox { float: left; display: block; width: 530px; margin: 0px 20px; }
.thinkforList .item { background-color: #ffffff; margin: 4px 0px 44px; }
.thinkforList .item a { display: block; padding: 20px 32px 12px 12px; }
.thinkforList .item .img { width: 40%; overflow: hidden; float: left; display: block; margin-right: 7%; background-color: #000; }
.thinkforList .item .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.thinkforList .item .con { float: left; display: block; width: 53%; font-size: 14px; }
.thinkforList .item .t { height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 34px; font-size: 20px; color: #545454; }
.thinkforList .item .txt { height: 98px; overflow: hidden; margin-bottom: 35px; }
.thinkforList .item .txt b { color: #505050; }
.thinkforList .item .bot { font-size: 12px; }
.thinkforList .item .bot .time { float: right; display: block; background: url(../images/time.png) no-repeat; width: 138px; height: 22px; line-height: 22px; font-size: 14px; color: #fff; text-align: center; }
.thinkforList .item:hover { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
.thinkforList .item:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.thinkforList .slick-dots { bottom: -25px; }
.thinkforList .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.thinkforList .slick-dots li button { height: 8px; width: 8px; padding: 0px; cursor: pointer; border: 1px solid #cfa972; margin-top: 2px; border-radius: 50%; }
.thinkforList .slick-dots li button:focus { outline: none; }
.thinkforList .slick-dots li.slick-active button { background-color: #cfa972; margin-top: 0px; width: 12px; height: 12px; }
.pbanner8 { padding: 110px 0px 115px; color: #fff; text-align: center; }
/*thinkTank style end*/
/*news style*/
.bgf8f6f2 { background-color: #f8f6f2; }
.pbanner3 { height: 326px; padding-top: 110px; color: #fff; }
.pbox3 { text-align: center; }
.pbox3 .t { font-size: 20px; line-height: 1.5; }
.pbox3 .c { font-size: 80px; line-height: 1.2; }
.pbox3 .bot { border-bottom: 4px solid #fff; width: 0px; display: block; margin: 0px auto; height: 22px; transition: 600ms ease 550ms; -webkit-transition: 600ms ease 550ms; }
.pbox3 .en { font-size: 25px; font-family: "times new roman",georgia,sans-serif; margin: 22px 0px 40px; }
.pbox3 .bot2 { width: 86px; margin: 0px auto; position: relative; height: 20px; }
.pbox3 .bot2 span { position: absolute; top: 0px; width: 48px; height: 20px; opacity: 0; transition: 800ms ease 750ms; -webkit-transition: 800ms ease 750ms; }
.pbox3 .bot2 span.l { left: -100%; background: url(../images/cc_l1.png) no-repeat; }
.pbox3 .bot2 span.r { right: -100%; background: url(../images/cc_r1.png) no-repeat; }
.pbox3 .t, .pbox3 .c, .pbox3 .en { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }
.pbox3 .en { transition: 600ms ease 650ms; -webkit-transition: 600ms ease 650ms; }
.pbannerAct .pbox3 .t, .pbannerAct .pbox3 .c, .pbannerAct .pbox3 .en { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbannerAct .pbox3 .bot { width: 58px; }
.pbannerAct .pbox3 .bot2 span.l { left: 0px; opacity: 1; }
.pbannerAct .pbox3 .bot2 span.r { right: 0px; opacity: 1; }
.ninfoT { background-color: #f3f3f3; padding: 50px 0px; color: #909090; text-align: center; margin-bottom: 50px; }
.ninfoT .t { font-size: 26px; color: #575757; line-height: 1.2; margin-bottom: 18px; }
.ninfoT .bot { background: url(../images/nbot6.png) no-repeat; width: 59px; height: 14px; margin: 0px auto; }
.ninfoT .type { font-weight: bold; font-size: 14px; color: #909090; margin-bottom: 35px; }
.ninfoPage { width: 780px; margin: 0px auto 8%; color: #787878; }
.bgf3 { background-color: #f3f3f3; }
.infoPaging { text-align: center; }
.infoPaging a { display: block; padding: 22px 0px; height: 30px; color: #adadad; font: 14px/30px "Microsoft JhengHei"; }
.infoPaging a span { font-family: "宋体"; }
.infoPaging a.list { margin: 0px auto; padding-left: 30px; background: url(../images/list.png) no-repeat scroll left center; width: 60px; }
.infoPaging a:hover { color: #006766; }
.infoPage { margin: 0px auto 6%; overflow: hidden; }
.nmenu { float: left; display: block; }
.nmenu a:link, .nmenu a:visited { color: #fff; }
.nmenu a:active, .nmenu a:hover { color: #fff; }
.nmenu a { margin-right: 4px; padding: 0px 20px; display: inline-block; float: left; font-size: 15px; background-color: #b6a282; height: 35px; line-height: 35px; }
.nmenu a.act { background: url(../images/gou.png) no-repeat 98% 2px #006766; }
.nmenu a:hover { background-color: #006766; }
.newSearch { float: left; display: block; margin-left: 22px; padding-top: 2px; }
.newSearch-txt, .newSearch-btn { margin: 0px; padding: 0px; height: 30px; }
input[type="text"].newSearch-txt { border: 1px solid #c9bbae; background-color: #efebe6; border-radius: 15px; padding: 0px 20px; width: 184px; float: left; }
input[type="text"].newSearch-txt:focus { border: 1px solid #006766; }
.newSearch-btn { cursor: pointer; background: url(../images/query_btn.png) no-repeat scroll left center; width: 39px; height: 30px; border: 0px none; margin-left: 10px; }
.newType-nav { border-bottom: 1px solid #b6a282; padding-bottom: 30px; margin-bottom: 18px; }
.newTime-nav a:link, .newTime-nav a:visited { color: #787878; }
.newTime-nav a:active, .newTime-nav a:hover { color: #006766; }
.newTime-nav { margin-bottom: 55px; font-size: 14px; color: #dcdcdc; }
.newTime-nav a { height: 22px; line-height: 22px; display: inline-block; }
.newTime-nav .i1 span { background: url(../images/time2.png) no-repeat scroll left center; padding-left: 24px; }
.newTime-nav a { background: url(../images/sx2.png) no-repeat scroll right center; padding-right: 32px; }
.newTime-nav a.jx { background-image: url(../images/sx.png); }
.newMenu.fixed { position: fixed; width: 100%; left: 0px; top: 0px; z-index: 1000; padding-top: 15px; background-color: #f8f6f2; border-bottom: 1px solid #b6a282; }
.newMenu.fixed .newType-nav { width: 1100px; margin: 0px auto; border-bottom: 0px none; }
.newsList a:link, .newsList a:visited { color: #787878; }
.newsList a:active, .newsList a:hover { color: #006766; }
.newsList ul { width: 1122px; }
.newsList li { float: left; display: block; width: 352px; margin: 0px 22px 62px 0px; position: relative; font-size: 14px; position: relative; overflow: hidden; }
.newsList li.shown { overflow: inherit; }
.newsList li.shown, .newsList li.shown .item { visibility: visible; }
.newsList li.animate .item { -webkit-animation: showMe 1.5s step-end forwards; animation: showMe 1.5s step-end forwards; }
.newsList .item { visibility: hidden; border: 3px solid #fff; display: block; background-color: #fff; padding: 0px 11px 20px; color: #787878; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.2); }
.newsList .time { position: absolute; right: 14px; top: 0px; background: url(../images/nico.png) no-repeat scroll center top #b6a282; width: 90px; padding-top: 18px; height: 95px; display: block; color: #fff; text-align: center; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newsList .time .num { display: block; font-size: 45px; line-height: 1.4; font-family: Tahoma,arial; font-weight: bold; }
.newsList .time .year { border-top: 1px solid #fff; padding-top: 4px; font-family: "din_b","Comic Sans MS",Tahoma,arial; }
.newsList .t { height: 52px; font-weight: bold; font-size: 18px; padding-right: 100px; overflow: hidden; line-height: 1.4; margin: 40px 0px 37px; }
.newsList .t a { color: #505050; }
.newsList .img { width: 100%; overflow: hidden; margin-bottom: 15px; height: 167px; background-color: #000; }
.newsList .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.newsList .c { line-height: 1.5; height: 62px; overflow: hidden; margin-bottom: 28px; }
.newsList .bot { position: relative; }
.newsList .bot .typeI { border: 1px solid #e5e5e5; border-radius: 4px; padding: 0px 6px; margin-right: 8%; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newsList .bot .more { background: url(../images/more4.png) no-repeat; width: 18px; height: 18px; position: absolute; right: 0px; top: 0px; }
.newsList .item:hover { border-color: #006766; }
.newsList .item:hover .time { background-color: #006766; }
.newsList .item:hover .t a { color: #006766; }
.newsList .item:hover .bot .typeI { background-color: #b6a282; color: #fff; border: 1px solid #b6a282; }
.newsList .item:hover .bot .easeI { background-image: url(../images/li22.png); }
.newsList .item:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.pagingTwo { position: fixed; left: -40px; top: 38%; width: 36px; }
.pagingTwo a { display: block; width: 36px; height: 32px; position: relative; text-align: center; line-height: 32px; color: #fff; margin-bottom: 1px; background-color: #bababa; }
.pagingTwo a:hover, .pagingTwo a.act { background-color: #006766; }
.pagingTwo a.act i { display: block; background: url(../images/sj.png) no-repeat; width: 6px; height: 10px; position: absolute; right: -3px; top: 50%; margin-top: -5px; }
.pagingTwo a.prev, .pagingTwo a.next { background-position: center center; background-repeat: no-repeat; }
.pagingTwo a.prev { background-image: url(../images/prev.png); }
.pagingTwo a.next { background-image: url(../images/next.png); }
/*news style end*/
/*case style*/
.pbox4 { float: right; display: block; padding: 108px 40px 56px 40px; color: #fff; width: 320px; background: url(../images/gree2.png) repeat scroll center center; background: none rgba(0,103,102,0.8); line-height: 1.2; overflow: hidden; opacity: 0; transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); transition: 400ms ease 250ms; -webkit-transition: 400ms ease 250ms; }
.pbox4 .t { font-size: 20px; position: relative; z-index: 2; }
.pbox4 .c { font-size: 40px; color: #fce4be; font-weight: bold; position: relative; z-index: 2; }
.pbox4 .bot { border-bottom: 4px solid #fff; width: 58px; display: block; height: 22px; position: relative; z-index: 2; }
.pbox4 .en { color: #be995f; font-size: 25px; font-family: "times new roman",georgia,sans-serif; margin: 48px 0px 0px; position: relative; z-index: 2; }
.pbox4 .bot2 { background: url(../images/laiye.png) no-repeat; width: 262px; height: 482px; position: absolute; right: -100%; top: -10%; opacity: 0; transition: 600ms ease 550ms; -webkit-transition: 600ms ease 550ms; }
.proMenu a:link, .proMenu a:visited { color: #fff; }
.proMenu a:active, .proMenu a:hover { color: #fff; }
.proMenu { background-color: rgb(190, 153, 95); transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; left: 0px; top: -300px; position: fixed; width: 90%; padding: 8px 5%; z-index: 9999; text-align: center; }
.proMenu .menuT { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #96733d; }
.proMenu .menuT a { margin: 0px 2px 2px 0px; padding: 5px 15px; line-height: 2; font-size: 16px; font-weight: bold; }
.proMenu .subC a { padding: 5px 15px; }
.proMenu .menuT a.act, .proMenu .subC a.act { background: #006766 url("../images/gou2.png") no-repeat scroll 98% 2px; }
.cmenu a.act { background: url(../images/gou2.png) no-repeat scroll 98% 2px #006766; }
.cmenu-sub a { padding: 0px 14px; font-size: 15px; background-color: #b6a282; height: 37px; margin-bottom: 1px; line-height: 37px; float: left; display: inline-block; }
.cmenu-sub a.grey { background-color: #c8c8c8; }
.cmenu-sub a.act { background: url(../images/gou.png) no-repeat scroll 98% 2px #006766; }
.pbannerAct .pbox4 { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbannerAct .pbox4 .bot2 { right: -20%; opacity: 1; }
.caseMmenu a:link, .caseMmenu a:visited { color: #fff; }
.caseMmenu a:active, .caseMmenu a:hover { color: #fff; }
.caseMmenu { padding-bottom: 56px; border-bottom: 1px solid #fff; margin-bottom: 40px; }
.cmenu { overflow: hidden; padding-bottom: 26px; }
.cmenu a { font-size: 15px; display: inline-block; float: left; font-weight: bold; height: 75px; line-height: 75px; background-color: #be995f; margin: 0px 2px 2px 0px; padding: 0px 18px 0px 19px; }
.cmenu a.act { background: url(../images/gou2.png) no-repeat scroll 98% 2px #006766; }
.cmenu-sub a { padding: 0px 14px; font-size: 15px; background-color: #b6a282; height: 37px; margin-bottom: 1px; line-height: 37px; float: left; display: inline-block; }
.cmenu-sub a.grey { background-color: #c8c8c8; }
.cmenu-sub a.act { background: url(../images/gou.png) no-repeat scroll 98% 2px #006766; }
.caseList ul { width: 1158px; }
.caseList a:link, .caseList a:visited { color: #505050; }
.caseList a:active, .caseList a:hover { color: #505050; }
.caseList li { float: left; display: block; width: 328px; margin: 0px 58px 58px 0px; background-color: #ffffff; }
.caseList li { position: relative; overflow: hidden; }
.caseList li.shown { overflow: visible; }
.caseList li.animate .img, .caseList li.animate .con { -webkit-animation: showMe 1.5s step-end forwards; animation: showMe 1.5s step-end forwards; -ms-animation: showMe 1.5s step-end forwards; }

@-webkit-keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@-ms-keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@-webkit-keyframes swipeDown {
    50%,60% { -webkit-transform: -webkit-translate3d(0,0,0); }
    100% { -webkit-transform: -webkit-translate3d(0,100%,0); }
}

@keyframes swipeDown {
    50%,60% { transform: translate(0); }
    100% { transform: translate3d(0,100%,0); }
}

@-ms-keyframes swipeDown {
    50%,60% { -ms-transform: -ms-translate(0); }
    100% { -ms-transform: -ms-translate3d(0,100%,0); }
}

.caseList li.shown .img, .caseList li.shown .con { visibility: visible; }
.caseList .item { position: relative; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.2); padding-bottom: 15px; overflow: hidden; }
.caseList .item .hot { background: url(../images/hot.png) no-repeat; width: 56px; height: 56px; position: absolute; right: -1px; top: 0px; z-index: 10; }
.caseList .item .img { width: 100%; height: 280px; margin-bottom: 8px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; visibility: hidden; }
.caseList .item img { width: 100%; display: none; }
.caseList .item .con { padding: 0px 58px 0px 25px; font-size: 20px; line-height: 1.4; height: 56px; overflow: hidden; position: relative; visibility: hidden; }
.caseList .item .ico { background: url(../images/more4.png) no-repeat; width: 18px; height: 18px; position: absolute; right: 20px; top: 5px; }
.caseList .bcon { position: absolute; left: 0; top: -100%; z-index: 5; background: url(../images/with.png) repeat; width: 100%; height: 100%; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.caseList .bcon .t { font-size: 25px; line-height: 1.4; padding: 55px 26px 0px; height: 70px; overflow: hidden; margin-bottom: 20px; }
.caseList .bcon .c { padding: 0px 26px; font-size: 16px; color: #787878; height: 86px; overflow: hidden; margin-bottom: 50px; }
.caseList .bcon .more { height: 78px; text-align: center; display: block; background-color: #006766; color: #fff; font-size: 25px; line-height: 78px; }
.caseList .shown:hover .bcon { top: 0px; }
.btn-danger { display: none; width: 100%; border: none; background-color: #96733d; color: #fff; margin: 0; outline: 0; line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size: 14px; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.caseII { background-color: #f9f9f9; padding: 86px 0px 42px; }
.caseII .t { font-size: 28px; line-height: 1.5; font-weight: bold; }
.caseII .by { font-size: 18px; }
.caseIImg { position: relative; overflow: hidden; }
.caseIImg .flex-nav-prev, .caseIImg .flex-nav-next { background: url(../images/black_bg2.png) repeat; position: absolute; top: 0px; width: 98px; height: 100%; }
.caseIImg .flex-nav-prev { left: 0px; }
.caseIImg .flex-nav-next { right: 0px; }
.caseIImg li img { width: 100%; display: block; }
.caseIImg .flex-direction-nav a { position: relative; display: block; width: 100%; height: 100%; display: block; text-shadow: 0; }
.caseIImg .flex-direction-nav .flex-prev { left: auto; top: auto; margin-top: 0px; background: url(../images/pl.png) no-repeat scroll center center; }
.caseIImg .flex-direction-nav .flex-next { right: auto; top: auto; margin-top: 0px; background: url(../images/pr.png) no-repeat scroll center center; }
.caseIpage { margin: 50px auto 60px; }
.caseIcon { width: 692px; padding: 22px 60px 28px; background-color: #f5f5f5; float: left; display: block; }
.caseIcon .pageCon { margin-bottom: 70px; }
.caseIsider a:link, .caseIsider a:visited { color: #969696; }
.caseIsider a:active, .caseIsider a:hover { color: #505050; }
.caseIsider { width: 238px; float: right; display: block; font-size: 14px; }
.caseIsider .csiderT { background-color: #006766; padding: 25px 12px 15px; color: #fff; }
.csiderT .en { font-size: 30px; font-family: "zaproman"; line-height: 1.4; display: inline-block; border-bottom: 1px solid #024c4b; }
.csiderT .zh { font-size: 20px; display: block; line-height: 2; }
.csiderC { color: #969696; padding: 18px 0px; border-bottom: 1px solid #eeeeee; margin-bottom: 55px; }
.recommendCon .t { font-size: 18px; color: #505050; line-height: 32px; margin-bottom: 15px; }
.recommendCon .t .en { font-size: 14px; color: #b4b4b4; margin-left: 10px; }
.recommendCon .siderCItem { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; }
.loadmore { display: none; }
/*case style end*/
/*thinkTank3 style*/
.pagingIco a { display: block; margin-left: 10px; float: right; width: 25px; height: 25px; border: 1px solid #a0a0a0; }
.pagingIco { margin-bottom: 28px; }
.pagingIco a i { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.pagingIco a .i1 { background-image: url(../images/list22.png); }
.pagingIco a .i2 { background-image: url(../images/list11.png); }
.pagingIco a:hover, .pagingIco a.act { background-color: #006766; border: 1px solid #006766; }
.pagingIco a.act .i1, .pagingIco a:hover .i1 { background-image: url(../images/list2.png); }
.pagingIco a.act .i2, .pagingIco a:hover .i2 { background-image: url(../images/list1.png); }
.thinkThreeList a:link, .thinkThreeList a:visited { color: #505050; }
.thinkThreeList a:active, .thinkThreeList a:hover { color: #505050; }
.thinkThreeList { overflow: hidden; position: relative; }
.thinkThreeList ul { margin-left: -5%; }
.thinkThreeList li { float: left; display: block; font-size: 14px; width: 28.33%; margin: 0px 0px 5% 5%; }
.thinkThreeList .item { display: block; position: relative; background-color: #000; }
.thinkThreeList .item .img { width: 100%; display: block; }
.thinkThreeList .item .con { position: absolute; left: 8%; bottom: 8%; width: 84%; background-color: #fff; border-bottom: 1px solid #e60012; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.thinkThreeList .con .t { padding: 10px 15px; font-size: 16px; line-height: 1.5; }
.thinkThreeList .con .c { height: 50px; padding-top: 12px; border-top: 1px solid #eeeeee; margin: 0px 15px 0px; color: #969696; display: none; }
.thinkThreeList .con .more3 { margin: 14% auto 10%; border: 1px solid #cfa972; color: #cfa972; display: none; }
.thinkThreeList .con .more3 .mi1 { background-color: #cfa972; }
.thinkThreeList .con .more3:hover { color: #fff; }
.thinkThreeList .item:hover .con { border-bottom: 8px solid #006766; padding: 6% 0px 0px; }
.thinkThreeList .item:hover .con .c, .thinkThreeList .item:hover .con .more3 { display: block; }
.thinkThreeBox { border-top: 1px solid #eeeeee; padding: 75px 0px 50px; margin-bottom: 0px; }
.thinkThreeBox a:link, .thinkThreeBox a:visited { color: #505050; }
.thinkThreeBox a:active, .thinkThreeBox a:hover { color: #006766; }
.thinkThreeBox .itembox .item { margin-right: 25px; margin-left: 25px; }
.thinkThreeBox .itembox2 .item { margin-right: 25px; margin-left: 25px; }
.thinkThreeBox .item { position: relative; padding-right: 126px; margin-bottom: 18px; }
.thinkThreeBox .item .time { position: absolute; right: 0px; top: 0px; color: #b4b4b4; font-size: 14px; }
.thinkThreeBox .item a { font-size: 16px; line-height: 1.5; }
.thinkThreeBox .slick-dots { bottom: 0px; }
.thinkThreeBox .slick-dots li { position: relative; display: inline-block; height: 14px; width: 14px; margin: 0px 4px; padding: 0px; cursor: pointer; }
.thinkThreeBox .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 10px; width: 10px; line-height: 6px; padding: 0px; cursor: pointer; border: 2px solid #006766; margin-top: 2px; border-radius: 50%; }
.thinkThreeBox .slick-dots li button:focus { outline: none; }
.thinkThreeBox .slick-dots li.slick-active button { background-color: #006766; margin-top: 0px; width: 14px; height: 14px; }
.pbanner5 { color: #fff; padding: 132px 0px 112px; }
.pbox5 { padding: 34px 40px 34px 25px; background: url(../images/black_bg.png) repeat; background: rgba(0,0,0,0.5); float: left; padding-right: 224px; position: relative; }
.pbox5 .t { font: bold 60px/1.2 "Microsoft JhengHei"; color: #f7e9c4; border-bottom: 1px solid #ffffff; margin-bottom: 18px; padding-bottom: 22px; }
.pbox5 .en { font: 16px/1.2 "zaproman","times new roman"; }
.pbox5 .ico1 { background: url(../images/2.png) no-repeat; width: 77px; height: 77px; position: absolute; right: 25px; top: 34px; }
.pbox5 .ico2 { background: url(../images/banner_ico.png) no-repeat; width: 27px; height: 37px; position: absolute; right: 25px; top: 124px; }
.urbanDL { margin-top: 7%; }
.urbanDL .branchITwo-t { margin-bottom: 64px; }
.urbanBox { position: relative; }
.urbanBox .itemBox { overflow: hidden; }
.urbanBox a:link, .urbanBox a:visited { color: #cfa972; }
.urbanBox a:active, .urbanBox a:hover { color: #006766; }
.urbanBox .itemBox ul { margin: -41px 0px 0px -4%; }
.urbanBox .itemBox li { float: left; display: block; padding: 40px 0px 0px 4%; width: 46%; border-top: 1px solid #eeeeee; margin-bottom: 40px; }
.urbanBox .item { display: block; font-size: 14px; }
.urbanBox .img { width: 50%; overflow: hidden; float: left; display: block; }
.urbanBox .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.urbanBox .con { float: left; display: block; width: 46%; margin-left: 4%; }
.urbanBox .con .t { height: 55px; overflow: hidden; margin-bottom: 22px; font-size: 20px; line-height: 1.4; }
.urbanBox .con .c { border-top: 1px solid #eee; padding-top: 12px; height: 86px; overflow: hidden; color: #7b7b7b; line-height: 1.5; margin-bottom: 35px; }
.urbanBox .con .more { color: #006766; }
.urbanBox .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.urbanDL .slick-dots { bottom: -25px; }
.urbanDL .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.urbanDL .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 8px; width: 8px; padding: 0px; cursor: pointer; border: 1px solid #cfa972; margin-top: 2px; border-radius: 50%; }
.urbanDL .slick-dots li button:focus { outline: none; }
.urbanDL .slick-dots li.slick-active button { background-color: #cfa972; margin-top: 0px; width: 12px; height: 12px; }
.urbanBox2 a:link, .urbanBox2 a:visited { color: #9c9c9c; }
.urbanBox2 a:active, .urbanBox2 a:hover { color: #006766; }
.urbanBox2 .itemBox ul { margin: 0px 0px 0px -2%; }
.urbanBox2 .itemBox li { float: left; display: block; margin: 0px 0px 30px 2%; width: 23%; border-top: 1px solid #eeeeee; }
.urbanBox2 .itemBox .img { width: 100%; overflow: hidden; }
.urbanBox2 .itemBox img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.urbanBox2 .itemBox .name { height: 44px; padding: 0px 8px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 1.5; }
.urbanBox2 .itemBox a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
/*thinkTank3 style end*/
/*team style*/
.pbanner6 { padding: 110px 0px 0px; height: 284px; }
.pbox6 .zh, .pbox6 .en { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }
.pbox6 .en { transition: 600ms ease 500ms; -webkit-transition: 600ms ease 500ms; }
.pbannerAct .pbox6 .zh, .pbannerAct .pbox6 .en { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbox6 { text-align: center; color: #fff; }
.pbox6 .zh { font: bold 60px/1.4 "Microsoft JhengHei"; color: #fff2c9; }
.pbox6 .en { font: 20px/1.5 "zaproman",Georgia,"times new roman"; }
.teamBg { background: url(../images/bg2.gif) repeat; }
.teamPT { text-align: center; color: #006766; }
.teamPT .zh { font-size: 40px; font-weight: bold; line-height: 1.5; }
.teamPT .en { font-size: 16px; font-family: Georgia,"times new roman"; }
.teamPT .bot { background: url(../images/nbot3.png) no-repeat scroll center center; height: 30px; }
.teamType { padding: 60px 0px 70px; border-bottom: 1px solid #c1a57e; margin-bottom: 70px; }
.teamType a:link, .teamType a:visited { color: #fff; }
.teamType a:active, .teamType a:hover { color: #c1a57e; }
.teamType ul { padding-left: 5%; }
.teamType li { width: 184px; height: 184px; float: left; display: block; margin-left: 10%; }
.teamType li a { position: relative; text-align: center; display: block; width: 100%; height: 100%; }
.teamType .b1 { background: url(../images/team_2.png); width: 184px; height: 184px; display: block; position: absolute; left: 0px; top: 0px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamType .b2 { background: url(../images/team_1.png); width: 184px; height: 184px; display: block; position: absolute; left: 0px; top: 0px; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamType .ico1, .teamType .ico2, .teamType .ico3 { width: 52px; height: 52px; display: block; position: relative; z-index: 2; margin: 0px auto 15px; padding-top: 22px; }
.teamType .ico1 { background: url(../images/ti11.png) no-repeat scroll center bottom; }
.teamType .ico2 { background: url(../images/ti22.png) no-repeat scroll center bottom; }
.teamType .ico3 { background: url(../images/ti33.png) no-repeat scroll center bottom; }
.teamType .name { border-top: 1px solid #fff; font-size: 18px; padding-top: 14px; display: block; width: 70%; margin: 0px auto; position: relative; z-index: 2; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.teamType .i { background: url(../images/team_act.png) no-repeat; width: 11px; height: 32px; position: absolute; bottom: -88px; left: 50%; margin-left: -5px; display: none; }
.teamType a.act .i { display: block; }
.teamType a:hover .b1, .teamType a.act .b1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.4); transform: scale(1.2); }
.teamType a:hover .b2, .teamType a.act .b2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.teamType a:hover .ico1, .teamType a.act .ico1 { background-image: url(../images/ti1.png); }
.teamType a:hover .ico2, .teamType a.act .ico2 { background-image: url(../images/ti2.png); }
.teamType a:hover .ico3, .teamType a.act .ico3 { background-image: url(../images/ti3.png); }
.teamType a:hover .name, .teamType a.act .name { color: #c1a57e; border-color: #c1a57e; }
.team-I { border: 1px solid #c4a983; padding: 25px 40px 35px; width: 618px; margin: 0px auto; font-size: 14px; }
.teamList { padding: 50px 0px 45px; position: relative; z-index: 10; width: 1130px; margin: 0px auto; }
.teamList a:link, .teamList a:visited { color: #969696; }
.teamList a:active, .teamList a:hover { color: #969696; }
.teamList li { float: left; display: block; width: 20%; margin-bottom: 25px; position: relative; z-index: 2; }
.teamList a { border: 1px solid #fff; border-bottom: 0px none; display: block; padding: 14px 14px 0px; font-size: 14px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.teamList .img { background-color: #f0f0f0; padding: 6px; position: relative; overflow: hidden; }
.teamList .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamList .img .ico { background: url(../images/moreTeam.png) no-repeat; width: 73px; height: 73px; position: absolute; left: 50%; top: 50%; margin: -36px 0px 0px -36px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.teamList .con { position: absolute; left: 0px; top: 100%; padding: 0px 20px 28px; background-color: #fff; opacity: 0; filter: alpha(opacity=0); }
.teamList .con .t { color: #006766; font-size: 18px; }
.teamList .con .c { height: 0px; overflow: hidden; transition: 400ms ease 50ms; -webkit-transition: 400ms ease 50ms; -ms-transition: 400ms ease 50ms; }
.no-touchevents .teamList li:hover { z-index: 10; }
.no-touchevents .teamList li:hover a { border: 1px solid #006766; border-bottom: 0px none; background-color: #fff; }
.no-touchevents .teamList li:hover .img { background-color: #fff; }
.no-touchevents .teamList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.no-touchevents .teamList li:hover .img .ico { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.no-touchevents .teamList li:hover .con { display: block; border: 1px solid #006766; border-top: 0px none; opacity: 1; filter: alpha(opacity=100); }
.no-touchevents .teamList li:hover .con .c { height: 70px; }
.icon-weibo { background: url(../images/wb.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; }
.share-con a { display: block; height: 34px; width: 34px; background: #a0a0a0; border-radius: 50%; }
.share-con a:hover { background-color: #db8044; }
.teamImg { width: 28%; float: left; display: block; }
.teamImg .img { margin-bottom: 20px; }
.teamImg .img img { width: 100%; display: block; }
.teamCbox { width: 60%; padding: 20px 4% 30px; float: right; display: block; background-color: #fafafa; }
.teamCbox .name { font-size: 35px; color: #006766; line-height: 1.4; }
.teamCbox .zw { text-align: right; font-size: 16px; color: #929292; line-height: 1.5; padding: 15px 0px; background: url(../images/line.gif) repeat-x scroll left bottom; margin-bottom: 20px; }
.teamCbox .zw .en { font-family: "zaproman"; }
.teamCbox .pageCon { color: #787878; background: url(../images/line.gif) repeat-x scroll left bottom; padding-bottom: 30px; margin-bottom: 12px; }
.teamIPage .paging { border-color: #e0e0e0; }
.recomTeam { margin: 56px auto 40px; position: relative; }
.recomTeam .item { margin-right: 10px; overflow: hidden; }
.recomTeam .item img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.recomTeam .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.recomTeam .slick-prev, .recomTeam .slick-next { width: 24px; height: 24px; margin-top: -12px; z-index: 10; }
.recomTeam .slick-prev { background: url(../images/pro_l.png) no-repeat scroll center center; left: 14px; }
.recomTeam .slick-next { background: url(../images/pro_r.png) no-repeat scroll center center; right: 14px; }
.recomTeam .slick-prev:hover, .recomTeam .slick-next:hover { opacity: 0.8; }
/*team style end*/
/*business style*/
.pbanner7 { padding: 90px 0px 110px; text-align: center; color: #fef3b5; z-index: 2; }
.pbox7 { display: inline-block; *zoom: 1; *display: inline; margin: 0px auto; padding: 9px; background: url(../images/gree2.png) repeat scroll center center; background: none rgba(0,103,102,0.8); }
.pbox7 .con { padding: 24px 78px 14px; border: 1px solid #69928a; border: 1px solid rgba(209,192,165,0.5); }
.pbox7 .zh { font: bold 50px/1.2 "Microsoft JhengHei"; }
.pbox7 .en { font: 15px/1.8 "zaproman",Georgia,"times new roman"; padding: 12px 0px; }
.pbox7 .bot { background: url(../images/nbot5.png) no-repeat; width: 59px; height: 14px; margin: 0px auto; display: block; }
.businessBg { background: url(../images/pbg.jpg) no-repeat scroll center top; background-attachment: fixed; }
.bbg { background: url(../images/pbg.jpg) no-repeat scroll center bottom; height: 100%; }
.businessPage { background-color: #fff; background-color: rgba(255,255,255,0.9); position: relative; z-index: 2; }
.businessSider { background: url(../images/bmenu_bg.jpg) repeat; padding: 0px 10px 24px; width: 168px; float: left; display: block; margin-top: 90px; position: relative; overflow: hidden; }
.businessSider .bot0 { background: url(../images/laiye2.png); width: 173px; height: 482px; position: absolute; right: 0px; top: 45%; }
.businessSider .h { padding: 56px 0px 30px; position: relative; z-index: 2; }
.businessSider .h .bt { background: url(../images/2.png) no-repeat; width: 77px; height: 77px; display: block; margin: 0px auto; }
.businessSider .h .bico { background: url(../images/banner_ico.png) no-repeat; width: 27px; height: 37px; float: right; display: block; }
.businessSider .bot2 { background: url(../images/nbot4.png) no-repeat; height: 14px; width: 59px; margin: 0px auto; }
.businessMenu { text-align: center; padding-bottom: 76px; position: relative; z-index: 2; }
.businessMenu dt { color: #887453; font-size: 22px; font-weight: bold; margin-bottom: 16px; }
.businessMenu a:link, .businessMenu a:visited { color: #505050; }
.businessMenu a:active, .businessMenu a:hover { color: #006766; }
.businessMenu dd { margin-bottom: 8px; font-size: 14px; }
.businessMenu a.act { color: #006766; font-size: 18px; }
.understandBox { text-align: center; position: relative; z-index: 2; margin-bottom: 32px; height: 0px; overflow: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.show { height: 226px; }
.understandBox a:link, .understandBox a:visited { color: #9a8b75; }
.understandBox a:active, .understandBox a:hover { color: #fbedd9; }
.understandBox dt { color: #887453; font-weight: bold; font-size: 18px; }
.understandBox dt .m { background: url(../images/bm.png) no-repeat scroll center center; width: 24px; height: 14px; margin: 5px auto; display: block; }
.understandBox dd { width: 110px; margin: 17px auto 0px; }
.understandBox dd a { display: block; border: 1px solid #9a8b75; font-size: 16px; }
.understandBox dd a:hover { border: 1px solid #006766; background-color: #006766; }
.understandBox dd .line { width: 48px; border-bottom: 1px solid #9a8b75; height: 14px; display: block; margin: 0px auto; }
.businessPcon { float: right; display: block; width: 774px; margin-right: 40px; border-top: 1px solid #f2e3cc; padding: 110px 0px 10px; }
.businessItem a:link, .businessItem a:visited { color: #505050; }
.businessItem a:active, .businessItem a:hover { color: #006766; }
.businessItem { margin-bottom: 24px; }
.conbox { overflow: hidden; margin-bottom: 24px; font-size: 14px; }
.businessItem .img { width: 49%; float: left; display: block; overflow: hidden; }
.businessItem .img img { width: 100%; display: block; }
.businessItem .con { width: 41%; float: right; display: block; overflow: hidden; font-size: 14px; color: #787878; }
.businessItem .t { margin-bottom: 25px; line-height: 1.2; border-bottom: 1px solid #f6e6cd; }
.businessItem .t .zh { font-size: 25px; float: left; display: inline-block; height: 45px; color: #987949; }
.businessItem .t .en { color: #d1c0a5; margin-left: 15px; font: 12px/1.2 "zaproman",Georgia,"times new roman"; display: inline-block; }
.businessItem .txt { margin-bottom: 28px; }
.businessItem .bot { border-top: 1px solid #f2e3cc; color: #f2e3cc; font-size: 12px; }
.businessList { border-top: 1px solid #f2e3cc; border-bottom: 1px solid #f2e3cc; padding: 56px 0px; }
.businessList a:link, .businessList a:visited { color: #fff; }
.businessList a:active, .businessList a:hover { color: #fff; }
.businessList ul { margin-left: -1.33%; }
.businessList li { width: 32%; margin-left: 1.33%; float: left; display: block; position: relative; }
.businessList img { width: 100%; display: block; }
.businessList .item1 { display: block; }
.businessList .item1 .img { position: relative; z-index: 10; }
.businessList .item1 .con, .businessList .item1 .con2 { background: url(../images/bi1.gif) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; }
.businessList .item1 .con2 { background-image: url(../images/bi2.gif); display: block; color: #9a8b75; }
.businessList .item1 .con .t { font-size: 25px; padding-top: 20%; color: #f2e3cc; line-height: 1.4; }
.businessList .item1 .con .line { color: #099694; }
.businessList .item1 .con .type { color: #48d9d7; font-size: 16px; margin-bottom: 10%; }
.businessList .item1 .con .en { color: #0ea8a6; font-size: 14px; font-family: "zaproman",Georgia,"times new roman"; }
.businessList .item1 .con2 .en { padding: 10% 0px; font-family: "zaproman",Georgia,"times new roman"; }
.businessList .item1 .con2 .more { color: #099694; margin-bottom: 22px; }
.businessList .item1 .con2 .more span { line-height: 1.5; font-size: 22px; color: #006766; }
.businessList .item1 .con2 .t { font-size: 20px; }
.businessList .item1 .con2 .type { font-size: 14px; }
.businessList .item1 .con { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.businessList .item1 .con2 { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.businessList .item1:hover .con { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8); }
.businessList .item1:hover .con2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.businessList .item2 { position: relative; overflow: hidden; display: block; font-size: 14px; }
.businessList .item2 .con { position: absolute; left: 0px; bottom: 0px; background: url(../images/gree2.png) repeat scroll center center; background: none rgba(0,103,102,0.8); padding: 8px 5%; width: 90%; line-height: 1.5; overflow: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.businessList .item2 .more { padding-top: 26px; height: 100px; width: 126px; text-align: center; position: absolute; left: 50%; top: 50%; margin: -63px 0px 0px -63px; background: url(../images/gree2.png) repeat scroll center center; background: none rgba(0,103,102,0.8); border-radius: 50%; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.businessList .item2:hover .con { bottom: -100px; }
.businessList .item2:hover .more { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
/*business style end*/
/*about style*/
.u-arrow { position: absolute; left: 50%; bottom: 30px; background: url(../images/u-arrow.png) no-repeat; width: 19px; height: 27px; margin-left: -10px; -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); }
}

#aboutPage a:link, #aboutPage a:visited { color: #201710; }
#aboutPage a:active, #aboutPage a:hover { color: #fff; }
#aboutPage { position: relative; overflow: hidden; }
#aboutPage .ptxt { position: absolute; top: 18%; color: #201710; width: 90%; left: 5%; }
#aboutPage .zh { background: url(../images/hes_bg.png) repeat; background: none rgba(32,23,16,0.9); color: #fef3b5; font-size: 65px; font-weight: bold; line-height: 1.2; width: 480px; margin: 0px auto; padding: 20px 0px; text-align: center; }
#aboutPage .en { font-size: 58px; font-family: Georgia,"times new roman",tahoma; color: #fef3b5; text-align: center; }
#aboutPage .c { width: 324px; margin: 0px auto; height: 72px; overflow: hidden; font-size: 14px; text-align: justify; }
#aboutPage .more { margin: 32px auto 0px; width: 110px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #cfa972; display: block; }
#aboutPage .more:hover { background-color: #cfa972; }
.theorBox { width: 1122px; margin: 0px auto; padding: 88px 0px 0px; }
.theorBox a:link, .theorBox a:visited { color: #fff; }
.theorBox a:active, .theorBox a:hover { color: #fff; }
.theorBox li { float: left; display: block; width: 29.33%; margin: 0px 2%; color: #fff; }
.theorBox li a { display: block; position: relative; height: 396px; overflow: hidden; }
.theorBox .img { width: 100%; background-position: center center; background-size: cover; height: 100%; }
.theorBox .ico { background: url(../images/bm2.png) no-repeat; width: 22px; height: 13px; position: absolute; left: 50%; margin-left: -11px; bottom: 5%; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.theorBox .con { width: 210px; padding-top: 60px; height: 150px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -105px 0px 0px -105px; background-color: #006766; background-color: rgba(0,103,102,0.9); text-align: center; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.theorBox .item2 .con { background-color: #e39b55; background-color: rgba(227,115,85,0.9); }
.theorBox .item3 .con { background-color: #810505; background-color: rgba(129,5,5,0.9); }
.theorBox .zh { border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 28px; padding-bottom: 8px; }
.theorBox .bot { background: url(../images/nbot5.png) no-repeat; width: 59px; height: 14px; display: block; margin: 12px auto 8px; }
.theorBox .en { font-size: 14px; font-family: "zaproman",Georgia,"times new roman"; }
.theorBox .con2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #eeeeee; color: #787878; font-size: 14px; transition: 500ms ease 400ms; -webkit-transition: 500ms ease 400ms; -ms-transition: 500ms ease 400ms; }
.theorBox .con2 .c { padding: 22px 22px 0px; height: 256px; overflow: hidden; }
.theorBox .con2 .line { border-bottom: 1px solid #dcdcdc; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; }
.theorBox .con2 .more { width: 106px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #c9c9c9; display: block; float: right; margin: 12% 22px 0px 0px; }
.theorBox a:hover .con { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); }
.theorBox a:hover .ico { transform: translate(0px,-10px); -webkit-transform: translate(0px,-10px); opacity: 0; }
.theorBox a:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.csstransitions .theorBox .con2 { opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); border: 3px solid #e5e5e5; box-sizing: border-box; }
.csstransitions .theorBox a:hover .con2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.no-csstransitions .theorBox .con2 { display: none; }
.no-csstransitions .theorBox a:hover .con2 { display: block; }
.pageBT { color: #575757; text-align: center; padding: 90px 0px; }
.pageBT .zh { border-bottom: 1px solid #e5e5e5; width: 586px; margin: 0px auto 22px; height: 28px; }
.pageBT .zh span { background-color: #fff; padding: 0px 32px; font-size: 35px; position: relative; top: -8px; }
.pageBT .en { color: #575757; font-size: 20px; font-family: "times new roman",tahoma; }
.pageBT .bot { background: url(../images/nbot6.png) no-repeat scroll center center; height: 34px; }
.cooperativeCon a:link, .cooperativeCon a:visited { color: #fff; }
.cooperativeCon a:active, .cooperativeCon a:hover { color: #fff; }
.cooperativeCon { background-color: #eee; padding: 55px 60px; }
.cooperativeCon li { float: left; display: block; width: 12.5%; position: relative; overflow: hidden; }
.cooperativeCon a { display: block; border: 1px solid #eeeeee; }
.cooperativeCon a .img { display: block; width: 100%; }
.cooperativeCon a > div { position: absolute; background-color: #cfa972; width: 100%; height: 100%; text-align: center; font-size: 16px; line-height: 1.5; display: none; color: #fff; }
.cooperativeCon .info { display: table; padding: 0px 10%; height: 100%; position: relative; width: 80%; }
.cooperativeCon .t { font-size: 14px; font-family: "微软雅黑"; display: table-cell; vertical-align: middle; }
.cooperativeCon .ico { color: #fff; margin: 12px auto 0px; display: block; transition: 400ms; background: url(../images/add_ico.png) no-repeat; width: 13px; height: 13px; }
div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.da-slideFromTop { left: 0px; top: -101%; }
.da-slideFromBottom { left: 0px; top: 101%; }
.da-slideFromLeft { top: 0px; left: -101%; }
.da-slideFromRight { top: 0px; left: 101%; }
/* Final state classes: */
.da-slideTop { top: 0px; }
.da-slideLeft { left: 0px; }
.partentCon { padding: 20px 0px; background: url(../img/cooperative.jpg) no-repeat scroll center top; background-attachment: fixed; }
.partentCon li { float: left; display: block; position: relative; width: 12%; margin-left: 2%; }
.partentCon a { display: block; }
.partentCon img { width: 100%; display: block; }
.partentCon .img2 { position: absolute; left: 0px; top: 0px; display: none; }
.partentCon a:hover { background-color: #fff; }
.partentCon a:hover .img2 { display: block; }
.partenttxt { margin: 1% 0px 0px 2%; font-size: 14px; color: #323232; }
.continueMore { padding: 3px; width: 190px; height: 206px; background-color: #006766; display: block; margin: 6% auto; position: relative; }
.continueMore .ico { background: url(../images/laiye3.png) no-repeat; width: 90px; height: 170px; position: absolute; right: 0px; bottom: 0px; }
.continueMore .con { border: 1px solid #fff; height: 204px; background: url(../images/more2.png) no-repeat scroll center center; position: relative; z-index: 2; }
.continueMore:hover { background-color: #d3a96a; }
.continueMore:hover .ico { display: none; }
.pbanner9 { padding: 120px 0px; margin-bottom: 10px; }
.pbox9 { text-align: center; color: #fff; }
.pbox9 .zh { font: bold 68px/1.4 "Microsoft JhengHei"; color: #c10e0e; }
.pbox9 .en { font: 30px/1.5 "zaproman",Georgia,"times new roman"; padding: 12px 0px 32px; }
.pbox9 .zh, .pbox9 .en { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); transition: 400ms ease 350ms; -webkit-transition: 400ms ease 350ms; }
.pbox9 .en { transition: 500ms ease 400ms; -webkit-transition: 500ms ease 400ms; }
.pbox9 .bot2 { width: 59px; margin: 0px auto; position: relative; height: 14px; }
.pbox9 .bot2 span { position: absolute; top: 0px; width: 33px; height: 14px; opacity: 0; transition: 600ms ease 650ms; -webkit-transition: 600ms ease 650ms; }
.pbox9 .bot2 span.l { left: -100%; background: url(../images/cc_l2.png) no-repeat; }
.pbox9 .bot2 span.r { right: -100%; background: url(../images/cc_r2.png) no-repeat; }
.pbannerAct .pbox9 .bot2 span.l { left: 0px; opacity: 1; }
.pbannerAct .pbox9 .bot2 span.r { right: 0px; opacity: 1; }
.pbannerAct .pbox9 .zh, .pbannerAct .pbox9 .en { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.aboutMenu a:link, .aboutMenu a:visited { color: #fff; }
.aboutMenu a:active, .aboutMenu a:hover { color: #fff; }
.aboutMenuBox { height: 76px; }
.aboutMenu { background-color: #006766; height: 76px; }
.aboutMenu a { display: block; float: left; display: block; line-height: 76px; height: 76px; background: url(../images/bm4.png) no-repeat scroll left center; overflow: hidden; width: 21%; font-size: 14px; text-align: center; transition: width 300ms; -webkit-transition: width 300ms; -ms-transition: width 300ms; }
.aboutMenu a .zh { font-size: 18px; }
.aboutMenu a .en { margin-left: 18px; font-family: "zaproman",Georgia,"times new roman"; display: none; }
.aboutMenu a.act { width: 37%; background-image: url(../images/bm3.png); background-position: 95% center; background-color: #cfa972; text-align: left; }
.aboutMenu a.act .zh { font-size: 25px; padding-left: 25px; }
.aboutMenu a.act .en { display: inline; }
.aboutMenu a:hover { background-color: #cfa972; }
#honorPage { padding: 90px 0px; }
#honorPage .pageCon, #joinPage .pageCon { width: 625px; margin: 0px auto 70px; color: #787878; }
.honorList a:link, .honorList a:visited { color: #787878; }
.honorList a:active, .honorList a:hover { color: #fff; }
.honorList { overflow: hidden; position: relative; padding-bottom: 30px; }
.honorList ul { margin-left: -5%; }
.honorList li { float: left; display: block; width: 20%; margin: 0px 0px 38px 5%; }
.honorList a { display: block; }
.honorList .img { border: 1px solid #e7dfd2; padding: 18px 16px 14px; overflow: hidden; position: relative; }
.honorList .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.honorList .con { padding: 0px 16px; height: 52px; line-height: 52px; overflow: hidden; color: #787878; text-align: center; }
.honorList .bg { background: url(../images/gree2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.honorList .ico { background: url(../images/fd.png) no-repeat; width: 58px; height: 58px; position: absolute; left: 50%; top: 50%; margin: -29px 0px 0px -29px; }
.honorList li:hover { background-color: #006766; }
.honorList li:hover .img { border: 1px solid #006766; }
.honorList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.honorList li:hover .bg { display: block; }
.honorList li:hover .ico { top: 50%; opacity: 1; }
.honorList li:hover .con { color: #fff; }
#stylePage { padding-bottom: 50px; }
.stylePCon { background: url(../img/stylebg.jpg) no-repeat scroll center top; margin-bottom: 65px; }
.stylePCon li { float: left; display: block; width: 50%; }
.stylePCon .fistItem { background-color: #fff; height: 443px; position: relative; }
.stylePCon .fistItem .con { width: 304px; padding: 0px 146px 0px 50px; position: relative; height: 384px; margin: 32px 0px 0px 22px; border: 1px solid #e7dfd2; color: #787878; font-size: 16px; }
.stylePCon .fistItem .ico1 { border-bottom: 1px solid #e7dfd2; border-right: 1px solid #e7dfd2; width: 8px; height: 8px; position: absolute; left: 3px; top: 3px; }
.stylePCon .fistItem .ico2 { border-top: 1px solid #e7dfd2; border-right: 1px solid #e7dfd2; width: 8px; height: 8px; position: absolute; left: 3px; bottom: 3px; }
.stylePCon .fistItem .ico3 { border-top: 1px solid #e7dfd2; border-left: 1px solid #e7dfd2; width: 8px; height: 8px; position: absolute; right: 3px; bottom: 3px; }
.stylePCon .fistItem .con .lyico { background: url(../images/2.png) no-repeat; width: 77px; height: 77px; position: absolute; right: -1px; top: -1px; }
.stylePCon .fistItem .con .t { color: #ab9166; padding: 52px 0px 0px; }
.stylePCon .fistItem .con .t .zh { font-size: 30px; height: 64px; line-height: 1.1; padding-right: 30px; display: inline-block; float: left; }
.stylePCon .fistItem .con .t .en { font-size: 12px; margin-top: 5px; line-height: 1.2; float: left; color: #f5f1eb; }
.stylePCon .fistItem .con .c { height: 168px; overflow: hidden; margin-bottom: 38px; }
.stylePCon .fistItem .bot { border-top: 1px solid #e1d2be; color: #e1d2be; font-size: 10px; }
.stylePCon .item a:link, .stylePCon .item a:visited { color: #fff; }
.stylePCon .item a:active, .stylePCon .item a:hover { color: #fff; }
.stylePCon .item { position: relative; overflow: hidden; }
.stylePCon .item img { width: 100%; display: block; }
.stylePCon .item .name { position: absolute; left: 5%; bottom: 5%; padding: 4px 20px; color: #fff; font-size: 16px; background: url(../images/black_bg2.png) repeat; background: none rgba(0,0,0,0.4); }
.stylePCon .item .con { background: url(../images/gree.png) repeat scroll center center; background: none rgba(0,103,102,0.9); position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; opacity: 0; transform: scale(0.9); -webkit-transform: scale(0.9); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.stylePCon .item .t, .stylePCon .item .c, .stylePCon .item .bot { width: 389px; margin: 0px auto; }
.stylePCon .item .t { padding-top: 38px; height: 40px; font-size: 25px; text-align: center; margin-bottom: 32px; overflow: hidden; line-height: 40px; }
.stylePCon .item .c { font-size: 14px; height: 76ppx; overflow: hidden; }
.stylePCon .item .more { border: 1px solid #fff; width: 136px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; margin: 12% auto; display: block; }
.stylePCon .item .fk { background: url(../images/bot3.png) no-repeat scroll center center; height: 14px; }
.stylePCon .item:hover .name { display: none; }
.stylePCon .item:hover .con { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
#joinPage { padding-bottom: 80px; }
#joinPage .pageBT { color: #ac9062; padding: 50px 0px 50px; }
.joinBox a:link, .joinBox a:visited { color: #fff; }
.joinBox a:active, .joinBox a:hover { color: #fff; }
.joinBox { border: 1px solid #d7bf98; padding: 4px; margin-bottom: 68px; }
.joinBox .list { border: 1px solid #d7bf98; background: url(../images/join1.png) no-repeat scroll 28px 50px; padding: 50px 30px; }
.joinBox .list li { float: left; display: block; width: 202px; height: 202px; overflow: hidden; position: relative; border-radius: 50%; margin-left: 11%; }
.joinBox .list .img { width: 100%; display: block; }
.joinBox .list .con { position: absolute; left: 0px; top: 0px; color: #fff; padding-top: 72px; height: 130px; text-align: center; width: 100%; }
.joinBox .list .con .zh { font-size: 20px; display: block; }
.joinBox .list .con .en { font-size: 14px; font-family: "zaproman",Georgia,"times new roman"; }
.joinBox .list .con .more { border: 1px solid #fff; width: 116px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; margin: 0px auto 8px; display: none; }
.joinBox .list li:hover .con { background-color: #cdad7a; background-color: rgba(205,173,122,0.9); border-radius: 50%; }
.joinBox .list li:hover .zh { display: none; }
.joinBox .list li:hover .more { display: block; }
.joinBox .list li:hover .en { font-size: 12px; }
.mapBox { height: 490px; }
.pensionBox a:link, .pensionBox a:visited { color: #787878; }
.pensionBox a:active, .pensionBox a:hover { color: #006766; }
.pensionBox .itemBox { float: left; display: block; width: 32.33%; margin: 0px 0.5%; padding-top: 28px; }
/*.pensionBox dd.item1 { margin-left: 0px; }*/
.pensionBox .item { padding: 30px 20px 50px; position: relative; font-size: 14px; color: #787878; display: block; border: 1px solid transparent;}
.pensionBox .item:hover{ border-color: #d1c0a5;}
.pensionBox .sj { background: url(../images/sj2.png) no-repeat; width: 36px; height: 16px; position: absolute; left: 50%; margin-left: -18px; top: -28px; display: none; }
.pensionBox .t { font-size: 17px; font-weight: bold; line-height: 1.5; color: #006766; margin-bottom: 34px; }
/* .pensionBox .act { border: 1px solid #d1c0a5; } */
/* .pensionBox .act .sj { display: block; } */
.pensionBox .address { background: url(../images/ci1.png) no-repeat scroll left 4px; padding-left: 27px; }
.pensionBox .tel { background: url(../images/ci2.png) no-repeat scroll left 4px; padding-left: 27px; }
.pensionBox .cel { background: url(../images/ci3.png) no-repeat scroll left 4px; padding-left: 27px; }
.pensionBox .slick-dots { bottom: -25px; }
.pensionBox .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.pensionBox .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; height: 8px; width: 8px; padding: 0px; cursor: pointer; border: 1px solid #cfa972; margin-top: 2px; border-radius: 50%; }
.pensionBox .slick-dots li button:focus { outline: none; }
.pensionBox .slick-dots li.slick-active button { background-color: #cfa972; margin-top: 0px; width: 12px; height: 12px; }
.BMap_bubble_title { font-weight: bold; color: #006766; }
.aboutMenuBox2 a:link, .aboutMenuBox2 a:visited { color: #fff; }
.aboutMenuBox2 a:active, .aboutMenuBox2 a:hover { color: #fff; }
.aboutMenuBox2 { height: 78px; background-color: #006766; color: #fff; margin-bottom: 60px; }
.aboutMenuBox2 dt, .aboutMenuBox2 dd { float: left; display: block; height: 78px; line-height: 78px; width: 162px; background: url(../images/bm4.png) no-repeat scroll left center; padding-left: 4px; margin-left: 3px; }
.aboutMenuBox2 dt { background: url(../images/rr.png) no-repeat scroll right center; width: 392px; padding-left: 0px; margin-left: 0px; margin-right: 32px; }
.aboutMenuBox2 dt .zh { font-size: 25px; float: left; }
.aboutMenuBox2 dt .en { font-size: 14px; padding-left: 18px; font-family: "zaproman",Georgia,"times new roman"; }
.aboutMenuBox2 dd a { font-size: 20px; font-weight: bold; text-align: center; display: block; }
.aboutMenuBox2 dd a:hover { background-color: #cfa972; }
.aimg { float: right; display: block; margin-left: 28px; }
.ainfoPage { width: 760px; margin: 0px auto; }
.ainfoPage .pageCon { margin-bottom: 9%; }
.closeWD, .stampWD { height: 75px; line-height: 75px; display: inline-block; padding-left: 28px; margin: 0px 10px; *zoom: 1; *display: inline; }
.closeWD { background: url(../images/close.png) no-repeat scroll left center; }
.stampWD { background: url(../images/dy.png) no-repeat scroll left center; }
.aiPaging { text-align: center; }
.aiPaging a:link, .aiPaging a:visited { color: #909090; }
.aiPaging a:active, .aiPaging a:hover { color: #006766; }
/*about style end*/
/*join style*/
html.openJ, html.openJ body { overflow: hidden; width: 100%; }
html.openJ .frameHtmlact { overflow-y: auto; }
html.openJ .frameHtmlact .frame-ct { transform: translate(0,0); -webkit-transform: translate(0,0); }
html.openJ .frameHtmlact .frameClose { transform: translate(0,0); }
.frameHtml { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: url(../images/black_bg.png) repeat; overflow: hidden; -webkit-overflow-scrolling: touch; }
.frame-ct { background-color: #fff; position: relative; min-height: 100%; }
.frameClose { display: block; width: 39px; height: 41px; position: absolute; right: 40px; top: 0px; background: url(../images/fram_close2.png) no-repeat; z-index: 1008; overflow: hidden; }
.pb50 { padding-bottom: 50px; }
.hrList { font-size: 14px; color: #969696; line-height: 2; padding: 40px; }
.hrList a:link, .hrList a:visited { color: #969696; }
.hrList a:active, .hrList a:hover { color: #006766; }
.hrList .hicon { width: 4%; height: 48px; float: left; position: relative; display: block; }
.hrList .hspan { text-align: center; cursor: pointer; width: 15%; display: block; float: left; color: #969696; height: 48px; line-height: 48px; }
.hrList .hspan1 { text-align: left; padding-left: 6%; }
.hrList .hrdt { margin-bottom: 6px; }
.hrList dd { margin-bottom: 22px; position: relative; }
.hrList .hrT, .hrList .hrdt { height: 48px; overflow: hidden; }
.hrList .hrT .hspan { background: #d1c0a5; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 12px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hicon i { display: block; background: #d1c0a5; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border: 1px solid #006766; display: none; margin-left: 4%; }
.hrList .hrCon { width: 89%; margin: 0px auto; padding: 25px 0px; overflow: hidden; }
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active { margin-bottom: 38px; }
.hrList .active .hspan { background: #006766; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList dd.active .hicon i { background-color: #006766; }
.hrList dd.active .hspan, .hrList dd:hover .hspan { background: #006766; }
.hrList .zd { position: absolute; left: 5%; background-color: #ce0e0e; color: #D1C0A5; font-size: 12px; border-radius: 3px; padding: 0px 5px; top: 12px; }
.jledmore { font-size: 16px; border: 1px solid #b91905; color: #b91905; width: 202px; height: 56px; display: block; overflow: hidden; position: relative; margin: 0px auto; line-height: 56px; text-align: center; }
.jledmore .m1 { -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: absolute; top: 0; left: 0; width: 150%; height: 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; z-index: -1; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.jledmore .m2 { position: relative; z-index: 2; }
.jledmore:hover { color: #fff; }
.jledmore:hover .m1 { opacity: 1; z-index: 1; background-color: #b91905; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.fixed { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 100; }
/*join style end*/

/*course style*/
.courseBox { background: url(../img/course1.jpg) no-repeat scroll center bottom #ffe8c3; padding: 170px 0px 45px; }
.courseBox .pinner { padding-bottom: 150px; }
.courseTxt { width: 166px; float: left; display: block; color: #7e6b5a; margin-left: 42px; }
.courseTxt .t { font-size: 60px; background: url(../images/li.png) no-repeat scroll right bottom; color: #825f4d; line-height: 1.1; width: 115px; margin-bottom: 28px; }
.courseTxt .c { font-size: 14px; text-align: justify; }
.courseDemo { width: 588px; float: right; display: block; margin-right: 38px; cursor: url("../images/mouse.ico") 16 16, default; }
.courseDemo .i1 { background: url(../images/co1.png) no-repeat; width: 47px; height: 47px; margin-left: 60px; }
.courseDemo .i2 { background: url(../images/co2.png) no-repeat scroll center center; width: 47px; height: 29px; margin-left: 60px; }
.courseDemo dd { position: relative; margin: 12px 0px 8px; overflow: hidden; height: 480px; }
.courseDemo .bg { background-color: #7e6b5a; width: 8px; border-radius: 4px; height: 100%; display: block; position: absolute; left: 80px; overflow: hidden; }
.courseDemo .bg i { display: block; border-radius: 4px; height: 80px; background-color: #006766; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; }
.courseDemo .year { font-size: 18px; font-family: "zaproman",Georgia,"times new roman"; }
.courseDemo ul { position: relative; top: 0px; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; }
.courseDemo li { height: 45px; padding-top: 35px; position: relative; }
.courseDemo li.one { padding-left: 85px; }
.courseDemo .i { width: 15px; height: 2px; background-color: #7e6b5a; display: inline-block; border-radius: 3px; margin: 0px 8px; position: relative; top: -5px; }
.courseDemo .con { position: absolute; left: 198px; width: 390px; top: 0px; background-color: #fff; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.courseDemo .con .sj { background: url(../images/sj3.png) no-repeat; width: 14px; height: 28px; position: absolute; left: -14px; top: 35px; }
.courseDemo .con .t { background: url(../images/ibg.gif) repeat; color: #fff; height: 107px; line-height: 107px; padding-left: 25px; font-size: 60px; font-family: 'Fuji',"zaproman",Georgia,"times new roman"; color: #ffe8c3; position: relative; }
.courseDemo .con .itime { background: url(../images/biao.png) no-repeat; position: absolute; top: 18px; right: 15px; width: 43px; height: 43px; display: block; }
.courseDemo .con .ifont { background: url(../images/banner_ico.png) no-repeat; width: 27px; height: 37px; top: 20px; right: 68px; position: absolute; }
.courseDemo .con .c { padding: 28px 28px 40px; color: #787878; font-size: 18px; }
.courseDemo .con .bot { margin: 0px 28px; border-top: 1px solid #ffe8c3; color: #ffe8c3; font-size: 12px; height: 28px; }
.courseDemo li.act .i { display: block; height: 7px; background-color: #ca270d; border-radius: 5px; top: 10px; }
.courseDemo li.act .year { display: none; }
.courseDemo li.act .con { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.backUP { border-bottom: 1px solid #d7bf98; width: 440px; margin: 0px auto; position: relative; height: 0px; }
.backUP i { background: url(../images/bm5.png) no-repeat scroll center center #ffe8c3; width: 52px; height: 29px; display: block; margin: 0px auto; position: relative; top: -15px; }
/*course style end*/
.animate .curtain { -webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -ms-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation-delay: 244.92ms; }
.shown .curtain { display: none; }
.no-csstransforms3d .animate .curtain { display: none; }
.no-csstransforms3d .newsList .item, .no-csstransforms3d .caseList .item { visibility: visible; }
.adelay1 { transition: 500ms ease 150ms; }
.adelay2 { transition: 500ms ease 250ms; }
.adelay3 { transition: 500ms ease 300ms; }
.adelay4 { transition: 500ms ease 280ms; }
.adelay5 { transition: 500ms ease 340ms; }
.curtain { position: absolute; left: 0px; top: 0px; transform: translate3d(0px, -100%, 0px); -webkit-transform: -webkit-translate3d(0px, -100%, 0px); -ms-transform: -ms-translate3d(0px, -100%, 0px); width: 100%; height: 100%; z-index: 100; }
.adelay1 .curtain { background-color: #b4b4b4; animation-delay: 147.266ms; }
.adelay2 .curtain { background-color: #b4b4b4; animation-delay: 244.92ms; }
.adelay3 .curtain { background-color: #b4b4b4; animation-delay: 380ms; }
.adelay4 .curtain { background-color: #b4b4b4; animation-delay: 304.92ms; }
.adelay5 .curtain { background-color: #b4b4b4; animation-delay: 335.176ms; }
#bsBox { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #666 !important; height: 400px !important; margin-left: -160px !important; margin-top: -200px !important; padding: 0 !important; width: 320px !important; }
#bsBox .bsTop { width: 320px !important; }
#bsBox .bsClose { right: 10px !important; top: 3px !important; }
#bsBox #bsMorePanel { height: 376px !important; width: 320px !important; }
#bsBox .bsPlatDiv { height: 316px !important; }
#bsBox .bFind { width: 200px !important; }
#bsLogoList li { width: 68px !important; }

/*search style*/
.serachBox2 { float: right; display: block; border: 1px solid #d2d2d2; padding: 0px 0px 0px 18px; height: 35px; line-height: 35px; border-radius: 8px; }
.serachBox2 .serachTxt2 { float: left; display: block; width: 240px; float: left; display: block; margin: 0px; border: 0px none; padding: 0px; height: 100%; color: #646464; }
.serachBox2 .serachbtn2 { width: 40px; height: 35px; background: url(../images/search_i2.png) no-repeat center center; display: block; float: left; }
.pserach { border-bottom: 2px solid #006766; padding-bottom: 20px; margin-bottom: 30px; }
.pserach .search-num { font-size: 18px; color: #323232; }
.serachPage { background-color: #f5f5f5; }
.serachTab { margin-bottom: 30px; width: 100%; }
.serachTab a { display: inline-block; float: left; display: block; width: 20%; height: 42px; line-height: 42px; text-align: center; color: #fff; background-color: #006766; }
.serachTab a:hover { background-color: #CFA972; }
.serachTab a.act { background-color: #f5f5f5; color: #000; }
.serachPage .item a:link, .serachPage .item a:visited { color: #646464; }
.serachPage .item a:active, .serachPage .item a:hover { color: #006766; }
.serachPage .item { padding: 15px 5% 25px; background-color: #fff; width: 80%; margin: 0px auto 12px; }
.serachPage .item .t { font: 16px/1.2 "Microsoft JhengHei"; color: #000000; border-bottom: 1px solid #c4c4c4; padding-bottom: 15px; margin-bottom: 15px; }
.serachPage .item .t a { color: #000000; }
.serachPage .item .t a .red { color: #f40909; padding: 0px 5px; }
#paging2 { padding: 18px 0px 30px; text-align: center; }
#paging2 a, #paging2 span { padding: 4px 8px; margin: 0px 4px; color: #fff; background-color: #bdbdbd; }
#paging2 a:hover, #paging2 span { background-color: #006766; color: #fff!important; }


.suibian { padding: 40px 0px 56px; }
.suibian .contxt { padding-bottom: 50px; }
.suibian .contxt img { width: auto; max-width: 100%; display: inline; }
.suibian ul { margin: 0; }
.suibian ul li { margin: 0 auto; float: none; }

.teamnews .t { padding-right: 0px; margin: 40px 0px 20px; height: 26px; }
.teamnews li { margin: 0px 22px 28px 0px; }
.teamnews .item { padding: 0px 11px 10px; }

.laiye-active-box{ background-color: #bea984; position: absolute; left: 0; top: 0; width: 100%; z-index: 1000;}
.laiye-active{ height: 40px; overflow: hidden; background: url(../images/gg_ico.png) no-repeat scroll 10px center; margin-bottom: 0;}
.laiye-active .item{ height: 40px; line-height: 40px; overflow: hidden; display: block; font-size: 14px; padding:0px 45px 0px 35px; color: #fff;}
.laiye-close{ position: absolute; right: 0; top: 0; background: url(../images/gg_close.png) no-repeat scroll center center; width: 40px; height: 40px; display: block; cursor: pointer;transition: 300ms; -webkit-transition: 300ms;}
.laiye-close:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.info-more { width: 240px; border-top: 0px none; border-bottom: 0px none; margin: 0px auto; padding: 50px 0px 0; }
.info-more .item1 { position: relative; }