@charset "utf-8";
@font-face {
    font-family: 'KnockoutHTF50Welterweight';
    src: url('KnockoutHTF50Welterweight.ttf') format('truetype'); 
}
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, 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;
}
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
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 Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
    margin: 0 auto;
    color: #666;
    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;
}
img {
    border: 0;
}
input {
    outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}
::-moz-selection {
    background: #0eb788;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #0eb788;
    color: #fff;
    text-shadow: none;
}
select {
    outline: none;
}
select::-ms-expand {
    display: none;
}
a {
    text-decoration: none;
    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: block;
}
.r {
    float: right;
    display: block;
}
.vt {
    vertical-align: top;
}
.vm {
    vertical-align: middle;
}
.inner {
    width: 1200px;
    margin: 0px auto;
}
.trans3 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.trans4 {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.trans6 {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.top a:link, .top a:visited {
    color: #333333;
}
.top a:active, .top a:hover {
    color: #007653;
}
.top {
    width: 100%;
    top: 0px;
    height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.tbox {
    padding: 18px 0px 10px;
    height: 69px;
}
.logo {
    float: left;
    display: block;
}
.logo img {
    display: block;
    height: 70px;
}
.toolBox {
    float: right;
    display: block;
    height: 30px;
    margin-top: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.serachBox {
    float: left;
    padding: 0px 0px 0px 10px;
    width: 130px;
    border: 1px solid #007653;
    border-radius: 15px;
    margin-right: 20px;
}
.serach-txt {
    background: transparent;
    border: 0px none;
    line-height: 20px;
    width: 95px;
    float: left;
    display: block;
    margin: 4px 0px 0px;
    border: 0px none;
    padding: 0px;
}
.serach-btn {
    float: left;
    display: block;
    background: url(../img/serach_btn.png) no-repeat scroll center center;
    width: 35px;
    height: 28px;
}
.toolLinkBox {
    float: left;
    display: block;
}
.top a.engBtn {
    margin-left: 16px;
    border: 3px solid #007653;
    color: #007653;
    padding: 0px 12px;
    display: inline-block;
    line-height: 24px;
}
.top a.engBtn:hover {
    border-color: #333333;
    color: #333;
}
.top a.memberBtn {
    margin-left: 10px;
    color: #fff;
    width: 82px;
    display: inline-block;
    text-align: center;
    background-color: #007653;
}
.top a.memberBtn:hover {
    background-color: #333333;
}
.navBox {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: 52px;
}
.nav {
    position: relative;
}
.nav li {
    float: left;
    display: block;
    width: 130px;
    margin-right: 12px;
    position: relative;
}
.nav li.litem1 {
    width: 60px;
}
.nav li.litem11 {
    margin-right: 0px;
}
.nav .item {
    text-align: center;
    line-height: 48px;
    height: 53px;
    font-size: 15px;
    display: block;
    background: url(../img/nav_ico.png) no-repeat scroll center 88%;
}
.nav a.item:hover {
    color: #fff;
}
.nav .subnav {
    font-size: 12px;
    text-align: center;
    width: 180px;
    background-color: #fff;
    position: absolute;
    left: -10px;
    top: 53px;
    padding: 10px 0px;
    display: none;
    box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);
}
.nav .subnav li {
    margin: 0px;
    width: 100%;
}
.nav .subnav a {
    line-height: 1.5;
    padding: 8px 0px;
    display: block;
}
.nav .subnav a:hover {
    background-color: #E4E4E4;
}
.nav .item.active {
    color: #333;
}
.nav .item.nact {
    color: #fff;
}
.nav .item.hov {
    color: #fff;
}
.navBox.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1002;
    background-color: #fff;
    border-bottom-color: #e4e4e4;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.nav .arrow {
    position: absolute;
    left: 0px;
    bottom: -1px;
    height: 54px;
    display: block;
    background-color: #007653;
}
.trans, .trans:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.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-handler {
    display: none;
    overflow: hidden;
    width: 54px;
    height: 54px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0px;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.menu-handler .burger {
    width: 30px;
    height: 4px;
    background: #007653;
    display: block;
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 50%;
    margin: 0px 0px 0px -15px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}
.menu-handler .burger-2 {
    top: 25px;
}
.menu-handler .burger-3 {
    top: 35px;
}
.menu-handler.active .burger-1 {
    top: 25px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    left: -100%;
}
.menu-handler.active .burger-3 {
    top: 25px;
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.serach-Mbtn {
    width: 54px;
    height: 54px;
    position: absolute;
    right: 64px;
    top: 0px;
    cursor: pointer;
    display: none;
}
.serach-Mbtn i {
    width: 24px;
    height: 24px;
    background: url(../img/serach_btn2.png) no-repeat scroll center center;
    background-size: cover;
    display: block;
    margin: 15px auto;
}
.serachIBox {
    position: fixed;
    left: 0px;
    top: 54px;
    height: 0px;
    overflow: hidden;
    padding: 14px 76px 14px 3%;
    background-color: #666;
    z-index: 800;
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    -ms-transition: all .3s ease .2s;
    transition: all .3s ease .2s;
    visibility: hidden;
}
.serachIBox.active {
    visibility: visible;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    height: 52px;
}
.serachIBox .txt {
    border: 0px none;
    height: 24px;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
    width: 95%;
    background-color: #666;
    font-size: 15px;
    color: #fff;
    font-family: "microsoft yahei";
}
.serachIBox .btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 76px;
    height: 100%;
    background-color: #007653;
}
.serachIBox .btn i {
    width: 20px;
    height: 20px;
    background: url(../img/serach_btn3.png) no-repeat scroll center center;
    background-size: cover;
    display: block;
    margin: 16px auto;
}
.pusher {
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.pusher-black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 900;
}
.menuBox {
    background-color: #007653;
    color: #fff;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 390px;
    height: 100%;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
}
.no-csstransforms3d .menuBox {
    display: none;
}
.languageBox a:link, .languageBox a:visited {
    color: #fff;
}
.languageBox a:active, .languageBox a:hover, .languageBox2 a.act {
    color: #fff;
    text-decoration: underline;
}
.languageBox {
    text-align: right;
    font-size: 14px;
    padding: 18px 20px 30px;
}
.languageBox a {
    margin-left: 15px;
}
.navMobile li {
    padding-bottom: 10px;
}
.nav-link {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 5px 30px;
}
.navMobile .subnav {
    background-color: #f5f5f5;
    display: none;
    padding: 10px 30px;
}
.navMobile .subnav dd {
    padding: 5px 0px;
    margin-bottom: 5px;
}
.navMobile .subnav a {
    color: #666666;
    position: relative;
    font-size: 16px;
}
.navMobile .subnav a:hover {
    color: #007653;
}
.menuOpen .pusher {
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.menuOpen .pusher-black {
    display: block;
}
.menuOpen .menuBox {
    z-index: 1;
}
.bg504f4f {
    background-color: #504f4f;
}
.linkIbox {
    padding: 40px 0px 28px;
    position: relative;
    border-bottom: 1px solid #828282;
    color: #999999;
}
.linkIbox dd {
    float: left;
    display: block;
    width: 20%;
    text-align: center;
}
.linkIbox a:link, .linkIbox a:visited {
    color: #999999;
}
.linkIbox a:active, .linkIbox a:hover {
    color: #fff;
}
.linkIbox .t a:link, .linkIbox .t a:visited {
    color: #fff;
}
.linkIbox .t a:active, .linkIbox .t a:hover {
    color: #007653;
}
.linkIbox .t {
    font-size: 16px;
    margin-bottom: 12px;
}
.linkIbox .c {
    font-size: 14px;
    line-height: 2;
}
.linkIbox .c a:hover {
    margin-left: 8px;
}
.footBox {
    padding: 35px 0px 15px;
    position: relative;
    font-size: 14px;
    color: #999;
}
.flink {
    margin-left: 50px;
}
.footBox a:link, .footBox a:visited {
    color: #999;
}
.footBox a:active, .footBox a:hover {
    color: #fff;
}
.footDL {
    margin-bottom: 15px;
}
.footDL dd {
    float: left;
    display: block;
    width: 50%;
}
.footDL .tel a:link, .footDL .tel a:visited {
    color: #fff;
}
.footDL .tel a:active, .footDL .tel a:hover {
    color: #fff;
}
.footDL .tel span {
    font-family: "宋体";
}
.footDL .item1 .t {
    line-height: 1.2;
    color: #fff;
}
.footDL .item1 .tel {
    color: #fff;
    font: 24px/1.2 arial, helvetica, sans-serif;
    display: block;
    position: relative;
    margin: 0px 0px 5px -8px;
}
.footDL .sharpBox {
    float: right;
}
.sharpBox {
    display: block;
    color: #fff;
    height: 37px;
    line-height: 37px;
}
.sharpBox span.l {
    padding-right: 6px;
}
.sharpBox a {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    margin-left: 13px;
    background-color: #cccccc;
    float: left;
    position: relative;
}
.sharpBox a em {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}
.sharpBox a .ibg {
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 300ms;
}
.sharpBox a.a1 .i {
    background-image: url(../img/sharp1.png);
}
.sharpBox a.a2 .i {
    background-image: url(../img/sharp2.png);
}
.sharpBox a:hover .ibg {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}
.sharpBox a.a1:hover .i {
    background-image: url(../img/sharp11.png);
}
.sharpBox a.a2:hover .i {
    background-image: url(../img/sharp21.png);
}
.mtop {
    height: 130px;
}
.pbanner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 287px;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}
.pbanner .bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #666;
}
.pbanner .pimg {
    width: 100%;
    display: none;
    position: relative;
    z-index: 2;
}
.pbanner .con {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 14%;
    z-index: 4;
    color: #fff;
    visibility: hidden;
}
.pbanner .con .en {
    font-family: "KnockoutHTF50Welterweight";
    font-size: 36px;
    line-height: 0.7;
}
.pbanner .con .zh {
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0px 2%;
}
.pbanner .con .by {
    font-size: 14px;
}
.pbanner .con.action {
    visibility: visible;
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: fadeInRight 1s 1;
    animation: fadeInRight 1s 1;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* winxin */
.popUpblack {
    background: url(../img/black_60.png) repeat;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    display: none;
}
.popUp {
    width: 220px;
    height: 242px;
    border: 5px solid #f1f1f1;
    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;
}
/* winxin end */
/*video*/
.vwrap {
    display: none;
    z-index: 1040;
    width: 100%;
    position: fixed;
}
.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}
.vwrap .videobox {
    z-index: 990;
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -400px;
}
.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #0eb788;
}
#videobox_wrapper {
    height: 100%!important;
}
.vwrap .close {
    z-index: 999;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
}
.vwrap .close i {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/closebtn.png) no-repeat 50% 50%;
    -webkit-transition: 400ms;
    transition: 400ms;
}
.vwrap .close:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#videobox_display_button, #videocontainer_display_button {
    background: none no-repeat!important;
}
.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
    background: url(../img/vico.png) no-repeat!important;
    width: 51px!important;
    height: 51px!important;
    transform: rotate(0deg) !important;
}
.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.jwlogo, .jwclick {
    display: none!important;
}
/*video style end*/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-loading .slick-list {
    background: #00865e url(../img/loader.gif) center center no-repeat;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}
/* Dots */
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none;
}
.slick-dots li button:focus {
    outline: none;
}
@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-item {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../img/AjaxLoader.gif) no-repeat center center;
}
/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}
@keyframes empty {
    0% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
.transYT {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.transYT2 {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.transXT {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.transXT2 {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.action.transYT {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.action.transYT2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.action.transXT {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.action.transXT2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}
.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}
.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}
.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}
.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}
.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}
.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}
.dly_8 {
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
}
/*base style end*/
/*index style*/
.bannerBox {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.45);
    height: 100%;
}
.banner {
    position: fixed;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}
.banner .bimg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banner .item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner .slick-active .bimg {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.binbox {
    position: absolute;
    width: 1200px;
    margin-left: -600px;
    left: 50%;
    bottom: 40%;
    color: #fff;
}
.binbox .t2 {
    font-size: 49px;
    line-height: 1.2;
    margin-bottom: 24px;
}
.moreBtn {
    width: 125px;
    height: 36px;
    line-height: 36px;
    border: 2px solid #007653;
    display: block;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.moreBtn .txt {
    color: #007653;
    padding-right: 27px;
}
.moreBtn i {
    background: url(../img/more_ico.png) no-repeat;
    width: 15px;
    height: 11px;
    position: absolute;
    left: 89px;
    top: 50%;
    margin-top: -6px;
}
.moreBtn:hover i {
    left: 110%;
}
.banner .slick-dots {
    position: absolute;
    bottom: 5%;
    z-index: 1000;
    width: 100%;
    left: 0%;
}
.banner .slick-dots li {
    margin: 0px 12px 0px 0px;
    position: relative;
    width: 51px;
    height: 6px;
    background-color: transparent;
    display: inline-block;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.banner .slick-dots a {
    width: 50px;
    border-right: 1px solid #d0dedf;
    height: 6px;
    overflow: hidden;
    display: block;
    background-color: #fff;
    text-indent: -2em;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 0px;
}
.banner .slick-dots li.slick-active a {
    background-color: #007653;
    border-right-color: #0eb788;
}
.ibox {
    background-color: #fff;
    padding: 66px 0px 52px;
    border-top: 2px solid #007653;
    position: relative;
    z-index: 4;
}
.ibox dd.ibox-item {
    float: left;
    display: block;
}
.w795 {
    width: 795px;
    margin-right: 15px;
}
.w390 {
    width: 390px;
}
.w600 {
    width: 600px;
}
.mb24 {
    margin-bottom: 24px;
}
.imgTr {
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.ibox-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
}
.ibox-more {
    background: url(../img/more_i1.png) no-repeat scroll left center;
    width: 19px;
    height: 20px;
    position: absolute;
    bottom: 10%;
}
.ibox-more i {
    position: absolute;
    background: url(../img/more_i2.png) no-repeat scroll left center;
    width: 0%;
    height: 100%;
}
.iboxT {
    padding: 12px 0px 0px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
}
.iboxT a:link, .iboxT a:visited {
    color: #999999;
}
.iboxT a:active, .iboxT a:hover {
    color: #F18A11;
}
.iboxT .name {
    color: #007653;
    font-size: 16px;
}
.iboxT .more {
    float: right;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #999999;
}
.ibox-i1 {
    position: relative;
    overflow: hidden;
    width: 490px;
}
.ibox-i1 .item-img {
    overflow: hidden;
}
.ibox-i1 img {
    width: 100%;
    display: block;
}
.ibox-i1 .txt {
    background: url(../img/black_60.png) repeat;
    width: 90%;
    padding: 15px 5%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
}
.ibox-i1 .txt .c {
    font-size: 16px;
}
.ibox-i1 .slick-prev, .ibox-i1 .slick-next {
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    z-index: 100;
    background-image: url(../img/sparrow.png);
    background-repeat: no-repeat;
    background-color: #007653;
    background-color: rgba(0, 118, 83, 0.8);
    border-radius: 50%;
}
.ibox-i1 .slick-prev {
    background-position: -4px center;
    left: 0px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    opacity: 0;
}
.ibox-i1 .slick-next {
    background-position: -53px center;
    right: 0px;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    opacity: 0;
}
.ibox-i1:hover .slick-prev, .ibox-i1:hover .slick-next {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    opacity: 1;
}
.ibox-c {
    height: 48px;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 8px;
}
.ibox-time {
    color: #a5a5a5;
    margin-bottom: 28px;
}
.ibox-i {
    color: #747474;
}
.ibox-i2 {
    height: 367px;
    width: 247px;
    border: 1px solid #e4e4e4;
    border-bottom: 0px none;
    padding: 0px 28px;
    position: relative;
    overflow: hidden;
}
.ibox-i2 .bot {
    height: 3px;
    background-color: #007653;
    position: absolute;
    left: -1px;
    bottom: 0px;
    width: 101%;
}
.ibox-i2 .ibox-more {
    left: 0px;
    bottom: 0px;
}
.ibox-nbox {
    position: relative;
    height: 280px;
}
.ibox-nbox .ibox-i {
    height: 86px;
    overflow: hidden;
}
.ibox-i2:hover .ibox-c {
    color: #007653;
}
.ibox-i2:hover .ibox-more i {
    width: 100%;
}
.ibox-one .slick-dots {
    bottom: 3%;
    z-index: 104;
    text-align: center;
    width: 490px;
}
.ibox-one .slick-dots li {
    position: relative;
    width: auto;
    padding: 0px;
    height: 12px;
    margin: 0px 6px;
    cursor: pointer;
}
.ibox-one .slick-dots li a {
    height: 12px;
    width: 12px;
    line-height: 12px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    background: none #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.ibox-one .slick-dots li a:focus {
    outline: none;
}
.ibox-one .slick-dots li.slick-active a {
    background: none #007653;
    opacity: 1;
    filter: alpha(opacity=100);
}
.iboxList li {
    float: left;
    display: block;
    width: 193px;
    height: 187px;
    position: relative;
    overflow: hidden;
    background-color: #e8e8e8;
    text-align: center;
    cursor: pointer;
}
.iboxList li.item1, .iboxList li.item3 {
    margin-right: 1px;
}
.iboxList li.item1, .iboxList li.item2 {
    margin-bottom: 1px;
}
.iboxList li:hover .ibox-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.blue-bg {
    background: url(../img/blue_bg.png) repeat;
}
.or-bg {
    background: url(../img/or_bg.png) repeat;
}
.iboxList li .bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.iboxList li.item2 .bg, .iboxList li.item3 .bg {
    opacity: 0;
    visibility: hidden;
}
.iboxList li .con {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 100%;
}
.iboxList li i {
    width: 45px;
    height: 45px;
    display: block;
    background: url(../img/i1.png) no-repeat scroll center top;
    display: block;
    margin: 0px auto 10px;
}
.iboxList li.item2 i {
    background-image: url(../img/i2.png);
}
.iboxList li.item3 i {
    background-image: url(../img/i3.png);
}
.iboxList li.item4 i {
    background-image: url(../img/i4.png);
}
.iboxList li .t {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
}
.iboxList li .c {
    font-family: arial, helvetica, sans-serif;
    line-height: 1.4;
    color: #999999;
    width: 90%;
    margin: 0px auto;
}
.iboxList li.item1 .t, .iboxList li.item4 .t, .iboxList li.item1 .c, .iboxList li.item4 .c {
    color: #fff;
}
.iboxList li.item1 img, .iboxList li.item4 img {
    width: 100%;
    display: block;
    transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.iboxList li.item1:hover img, .iboxList li.item4:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.iboxList li.item2:hover i {
    background-position: center bottom;
}
.iboxList li.item3:hover i {
    background-position: center bottom;
}
.iboxList li.item2:hover {
    background-color: #007653;
}
.iboxList li.item2:hover .bg, .iboxList li.item3:hover .bg {
    opacity: 1;
    visibility: visible;
}
.iboxList li.item2:hover .t, .iboxList li.item3:hover .t, .iboxList li.item2:hover .c, .iboxList li.item3:hover .c {
    color: #fff;
}
.ibox-i3 {
    height: 325px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}
.ibox-i3 .iboxT2 {
    padding: 15px 3%;
    background-color: #F18A11;
}
.ibox-i3 .iboxT2 .name {
    color: #666;
    margin-right: 30px;
    cursor: pointer;
}
.ibox-i3 .iboxT2 .name.active {
    color: #fff;
}
.ibox-i3 .iboxT2 a.more {
    color: #fff;
}
.ibox-list3 {
    display: none;
    -webkit-animation-name: tab;
    animation-name: tab;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes tab {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes tab {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
.ibox-list3.on {
    display: block;
}
.ibox-list3 a:link, .ibox-list3 a:visited {
    color: #666;
}
.ibox-list3 a:active, .ibox-list3 a:hover {
    color: #007653;
}
.ibox-list3 {
    width: 94%;
    margin: 5px auto 0px;
}
.ibox-list3 li {
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    font-size: 14px;
    height: 52px;
}
.ibox-list3 li a {
    background: url(../img/li_i.png) no-repeat scroll 12px center;
    padding: 0px 10px 0px 32px;
    display: block;
    line-height: 52px;
    overflow: hidden;
    height: 52px;
}
.ibox-list3 li a .l-new {
    background: url(../img/l_new.png) no-repeat;
    padding-left: 30px;
    height: 13px;
    margin-left: 10px;
    margin-top: 2px;
    position: relative;
    display: inline-block;
}
.ibox-list3 li a .time {
    float: right;
    display: block;
    font-size: 12px;
    margin-left: 5px;
}
.ibox-list3 li:last-child {
    background: none;
}
.ibox-i5 {
    border: 1px solid #e4e4e4;
    height: 325px;
    overflow: hidden;
}
.iboxT2 {
    height: 31px;
    line-height: 31px;
    padding: 15px 5%;
    background-color: #007653;
    color: #fff;
    font-weight: bold;
}
.iboxT2_1 {
    height: 31px;
    line-height: 31px;
    padding: 15px 5%;
    background-color: #F18A11;
    color: #fff;
    font-weight: bold;
}
.iboxT2 a:link, .iboxT2 a:visited {
    color: #fff;
}
.iboxT2_1 a:link, .iboxT2 a:visited {
    color: #fff;
}
.iboxT2 a:active, .iboxT2 a:hover {
    color: #f18a11;
}
.iboxT2_1 a:active, .iboxT2 a:hover {
    color: #f18a11;
}
.iboxT2 .name {
    font-size: 16px;
}
.iboxT2_1 .name {
    font-size: 16px;
}
.iboxT2 .more {
    float: right;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.iboxT2_1 .more {
    float: right;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.ibox-list5 a:link, .ibox-list5 a:visited {
    color: #666;
}
.ibox-list5 a:active, .ibox-list5 a:hover {
    color: #007653;
}
.ibox-list5 {
    width: 90%;
    margin: 10px auto 0px;
}
.ibox-list5 li {
    padding: 23px 0px;
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
}
.ibox-list5 li:last-child {
    background: none;
}
.ibox-list5 li a {
    display: block;
    position: relative;
    padding-right: 80px;
    font-size: 14px;
    line-height: 1.4;
    height: 39px;
    overflow: hidden;
}
.ibox-list5 li a .time {
    position: absolute;
    right: 0px;
    top: 2px;
    color: #007653;
    font-size: 12px;
}
.ibox2 {
    background-color: #e8e8e8;
    padding: 50px 0px 75px;
    position: relative;
    z-index: 4;
}
.ibox2 dd {
    float: left;
    display: block;
}
.imgIBox {
    position: relative;
    overflow: hidden;
}
.imgIBox .black {
    background: url(../img/black_20.png) repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.imgIBox .imgTr {
    width: 100%;
    display: none;
}
.imgIBox:hover .imgTr {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.imgIBox:hover .black {
    opacity: 1;
    visibility: visible;
}
.ibox-i6 {
    margin-bottom: 1px;
    height: 278px;
}
.ibox-i6-con {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 0px;
}
.ibox-i6 .ibox-type-con {
    color: #333333;
    font-size: 14px;
}
.ibox-type-con a:link, .ibox-type-con a:visited {
    color: #333;
}
.ibox-type-con a:active, .ibox-type-con a:hover {
    color: #fff;
}
.ibox-type-con a {
    margin-right: 45px;
}
.ibox-type-con span {
    display: block;
}
.iboxT3 {
    color: #fff;
    padding: 30px 0px 26px;
}
.iboxT3 .name {
    font-size: 22px;
    line-height: 1.2;
}
.iboxT3 .ibox-more2 {
    float: right;
    display: block;
    background: url(../img/more_i3.png) no-repeat scroll center center;
    width: 19px;
    height: 30px;
}
.ibox-i7, .ibox-i8 {
    width: 50%;
    height: 278px;
    margin-bottom: 1px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.ibox-i7 .iboxT2 {
    padding: 15px 7.5%;
}
.ibox-i7-con {
    margin: 0px auto;
    border: 1px solid #ebebeb;
    border-top: 0px none;
    padding: 15px 7.5%;
    height: 187px;
}
.ibox-i7-demo {
    height: 187px;
    width: 100%;
}
.ibox-i7-demo p {
    padding: 5px 0px;
}
.ibox-i7-demo p a {
    display: block;
    height: 17px;
    overflow: hidden;
}
.ibox-i7-demo a:link, .ibox-i7-demo a:visited {
    color: #666;
}
.ibox-i7-demo a:active, .ibox-i7-demo a:hover {
    color: #007653;
}
.ibox-i7-demo .slick-prev, .ibox-i7-demo .slick-next {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: -52px;
    z-index: 100;
}
.ibox-i7-demo .slick-prev {
    background: url(../img/ibox7_top.png) no-repeat scroll center center #fff;
    right: 30px;
}
.ibox-i7-demo .slick-next {
    background: url(../img/ibox7_bot.png) no-repeat scroll center center #fff;
    right: 0px;
}
.ibox-i7-demo .slick-prev:hover, .ibox-i7-demo .slick-next:hover {
    background-color: #e8e8e8;
}
.ibox-list8 {
    width: 90%;
    margin: 0px auto;
}
.ibox-list8 a:link, .ibox-list8 a:visited {
    color: #666;
}
.ibox-list8 a:active, .ibox-list8 a:hover {
    color: #007653;
}
.ibox-list8 li {
    padding: 19px 0px;
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    line-height: 2;
}
.ibox-list8 li:last-child {
    background: none;
}
.ibox-list8 li a {
    display: block;
    height: 72px;
    overflow: hidden;
}
.ibox-list8 li .time {
    display: block;
    color: #007653;
}
.ibox-i8 .iboxT2 {
    background-color: #F18A11;
}
/*index style end*/
/*about style*/
.page-about-box {
    padding: 56px 0px 60px;
}
.page-about-sider {
    float: left;
    display: block;
    width: 210px;
    margin-right: 48px;
}
.page-about-con {
    float: left;
    display: block;
    width: 938px;
}
.sider-nav a:link, .sider-nav a:visited {
    color: #666666;
}
.sider-nav a:active, .sider-nav a:hover {
    color: #fff;
}
.sider-nav li {
    margin-bottom: 5px;
    font: bold 15px/44px "microsoft yahei";
}
.sider-nav li a {
    background: url(../img/about_nav_bg1.png) no-repeat;
    width: 210px;
    height: 44px;
    display: block;
    text-align: center;
    position: relative;
}
.sider-nav li a .slider-link {
    position: absolute;
    width: 0px;
    background: url(../img/about_nav_bg2.png) no-repeat scroll right center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    height: 100%;
    opacity: 0;
}
.sider-nav li a .slider-txt {
    position: relative;
    z-index: 2;
}
.sider-nav li a:hover .slider-link, .sider-nav li a.active .slider-link {
    width: 219px;
    opacity: 1;
}
.sider-nav li a.active .slider-txt {
    color: #fff;
}
.pageCur {
    display: block;
    text-align: right;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 18px;
    font-size: 14px;
    margin-bottom: 50px;
}
.pageCur a:link, .pageCur a:visited {
    color: #999999;
}
.pageCur a:active, .pageCur a:hover {
    color: #007653;
}
.pageCur a, .pageCur span {
    background: url(../img/pnav_act.png) no-repeat scroll left center;
    padding-left: 20px;
    margin-left: 12px;
}
.pageCur a.home {
    background-image: url(../img/home_ico.png);
    margin-left: 0px;
}
.pageCur a.act {
    color: #007653;
}
.pageC {
    overflow: hidden;
    font: 14px/1.8 "microsoft yahei";
    color: #666;
    text-align: justify;
}
.pageC a:link, .pageC a:visited {
    color: #007653;
}
.pageC a:active, .pageC a:hover {
    color: #9a231b;
}
.pageC img {
    max-width: 100%;
}
.pageT {
    padding: 0px 0px 35px;
}
.pageT .zh {
    font: bold 20px/1.5 "microsoft yahei";
    color: #666666;
}
.pageT .en {
    font: 18px/1.1 "KnockoutHTF50Welterweight";
    color: #ccc;
}
.historyPage a:link, .historyPage a:visited {
    color: #007653;
}
.historyPage a:active, .historyPage a:hover {
    color: #9a231b;
}
.historyPage {
    margin: 36px 0px;
    padding: 22px 0px 0px;
    position: relative;
    color: #666666;
}
.historyLine {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1px;
    background-color: #cccccc;
}
.historyIco {
    background: url(../img/h_t.png) no-repeat scroll center top;
    height: 36px;
    position: absolute;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    top: -36px;
}
.historybot {
    background: url(../img/h_y.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -15px;
}
.history-list .item {
    width: 50%;
    float: left;
    display: block;
    margin: 0px 0px 70px;
    position: relative;
    z-index: 4;
}
.history-list .twoItem {
    float: right;
    margin: 70px 0px 0px;
}
.h-year {
    padding-right: 46px;
    text-align: right;
    font: bold 18px/30px "microsoft yahei";
    position: relative;
}
.h-year .year {
    font-size: 24px;
    font-weight: normal;
    font-family: "KnockoutHTF50Welterweight";
    padding-right: 8px;
}
.h-year .h-d {
    position: absolute;
    right: -5px;
    top: 50%;
    display: block;
    background-color: #cccccc;
    width: 34px;
    margin: -1px 0px 0px 0px;
    height: 2px;
}
.h-year .h-d i {
    background: url(../img/h_d.png) no-repeat;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -5px;
}
.twoItem .h-year {
    text-align: left;
    padding: 0px 0px 0px 46px;
}
.twoItem .h-year .h-d {
    right: auto;
    left: -5px;
}
.twoItem .h-year .h-d i {
    right: auto;
    left: 0px;
}
.h-month {
    background-color: #e8e8e8;
    padding: 20px 22px;
    border-radius: 10px;
    font-size: 14px;
    margin: 22px 48px 6px 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.twoItem .h-month {
    margin: 22px 0px 6px 48px;
}
.history-list .item:hover .h-year {
    color: #007653;
}
.history-list .item:hover .h-month {
    background-color: #007653;
    color: #fff;
}
.speech-lbox {
    float: left;
    display: block;
    border: 2px solid #d7e2e6;
    width: 31%;
}
.speech-lbox .img img {
    width: 100%;
    display: block;
}
.speech-lbox .txt {
    padding: 15px 5%;
    text-align: center;
    color: #007653;
}
.speech-rbox {
    float: right;
    width: 61%;
    display: block;
}
.companyExecutivesList {
    font-size: 14px;
    color: #666;
}
.companyExecutivesList li {
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    padding-bottom: 30px;
    margin-bottom: 26px;
    min-height: 190px;
    position: relative;
    padding-left: 222px;
}
.companyExecutivesList .img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 193px;
    height: 190px;
    overflow: hidden;
}
.companyExecutivesList .img img {
    width: 100%;
    display: block;
}
.companyExecutivesList .name {
    font: bold 18px/1.8 "microsoft yahei";
    margin-bottom: 5px;
}
.companyExecutivesList .name .en {
    font-weight: normal;
    padding-left: 8px;
    font-family: "KnockoutHTF50Welterweight";
}
.companyExecutivesList .zw {
    margin-bottom: 28px;
}
.memberList a:link, .memberList a:visited {
    color: #666;
}
.memberList a:active, .memberList a:hover {
    color: #007653;
}
.memberList ul {
    margin-left: -4%;
}
.memberList li {
    float: left;
    display: block;
    width: 29.33%;
    margin: 0px 0px 4% 4%;
    position: relative;
    overflow: hidden;
}
.memberList .img {
    border: 1px solid #cccccc;
    overflow: hidden;
}
.memberList .img img {
    width: 100%;
    display: block;
    transition: 500ms;
    -webkit-transition: 500ms;
    -ms-transition: 500ms;
}
.memberList .con {
    padding: 20px 15px;
    background-color: #e8e8e8;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.memberList .t {
    position: relative;
    z-index: 2;
    font-weight: bold;
    height: 25px;
    margin-bottom: 18px;
    overflow: hidden;
}
.memberList .txt {
    position: relative;
    z-index: 2;
    height: 50px;
    overflow: hidden;
    text-align: justify;
}
.memberList .blue-bgc {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background-color: #007653;
    transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}
.memberList .ibox-link {
    z-index: 3;
}
.memberList li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.memberList li:hover .blue-bgc {
    height: 100%;
}
.memberList li:hover .con {
    color: #fff;
}
.pading {
    text-align: center;
    padding: 40px 0px 0px;
}
.pading a:link, .pading a:visited {
    color: #fff;
}
.pading span {
    color: #fff!important;
    background: #007653!important;
    font-weight: normal!important;
}
.active_page_btn {
    color: #fff!important;
    background: #007653!important;
    font-weight: normal!important;
}
.pading a, .pading span {
    padding: 6px 16px;
    background: #cccccc;
    font: 18px/1.4 "KnockoutHTF50Welterweight", arial, helvetica, sans-serif;
    display: inline-block;
    margin: 0px 4px!important;
    *display: inline;
    zoom: 1;
    position: relative;
}
.pading .next, .pading .prev {
    padding: 6px 18px;
}
.pading .prev {
    /*background: url(../img/paging_1.png) no-repeat scroll center center #cccccc;*/
    margin: 0px 10px 0px 0px;
}
.pading .next {
    /*background: url(../img/paging_3.png) no-repeat scroll center center #cccccc;*/
    margin: 0px 0px 0px 10px;
}
.pading .prev:hover {
    background-color: #007653;
}
.pading .next:hover {
    background-color: #007653;
}
.bgf4f4f4 {
    background-color: #F4F4F4;
}
.pbt30 {
    padding-bottom: 30px;
}
.infoPage-box {
    position: relative;
    width: 936px;
    margin: -160px auto 0px;
    z-index: 2;
    background-color: #fff;
}
.infoPage-box .pageCur {
    text-align: left;
    background-color: #f4f4f4;
    padding: 5px 6%;
}
.black-list-btn {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    position: absolute;
    left: -92px;
    top: 85px;
    background-color: #007653;
    border-radius: 5px 0px 0px 5px;
    width: 92px;
    height: 40px;
    text-align: center;
    z-index: 100;
}
.black-list-btn .txt {
    color: #fff;
    background: url(../img/black_ico.png) no-repeat scroll left center;
    padding-left: 26px;
    font: bold 14px/40px "microsoft yahei";
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.black-list-btn:hover {
    background-color: #666;
}
.black-list-btn:hover .txt {
    padding-left: 35px;
}
.black-list-btn.fixed {
    left: 50%;
    margin-left: -560px;
    top: 120px;
}
.infoPage-info {
    width: 88%;
    margin: 0px auto;
}
.infopage-box-t {
    padding-bottom: 12px;
}
.infopage-box-t .zh {
    font: bold 24px/1.2 "microsoft yahei";
    margin-bottom: 14px;
}
.infopage-box-t .en {
    font-size: 12px;
    color: #666666;
}
.infopage-box-t .en .time {
    font: 14px/1.8 "KnockoutHTF50Welterweight";
    color: #999999;
}
.infopage-box-c {
    overflow: hidden;
    margin-bottom: 25px;
    border-top: 1px solid #ccc;
    padding-top: 34px;
}
.infopage-box-c table td {
    padding: 8px;
}
.memberInfo a:link, .memberInfo a:visited {
    color: #666;
}
.memberInfo a:active, .memberInfo a:hover {
    color: #007653;
}
.memberInfo {
    border-top: 1px solid #ccc;
    padding: 30px 0px 54px;
    font-size: 14px;
    color: #666;
}
.memberInfo .mitem {
    padding-left: 32px;
    margin-bottom: 5px;
}
.memberInfo .tel {
    background: url(../img/m_ico1.png) no-repeat scroll left 2px;
}
.memberInfo .email {
    background: url(../img/m_ico2.png) no-repeat scroll left 2px;
}
.memberInfo .address {
    background: url(../img/m_ico3.png) no-repeat scroll left 2px;
}
.idea-cimg {
    float: left;
    margin-right: 52px;
}
.padding-page {
    padding: 18px 0px 90px;
}
.pagenavBox {
    height: 42px;
    width: 1200px;
    margin: 0px auto;
}
.pagenav {
    background-color: #f0f0f0;
    width: 100%;
    text-align: center;
}
.pagenav .pnavbox {
    line-height: 42px;
}
.pagenav a {
    text-align: center;
    color: #666666;
    font: bold 14px/42px "microsoft yahei";
    float: left;
    display: block;
    width: 50%;
}
.pagenav a:hover, .pagenav a.active {
    background-color: #007653;
    color: #fff;
}
.cpnav {
    display: none;
    width: 100%;
    color: #FFF;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    background: #007653;
    cursor: pointer;
}
.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 970;
}
.pagenav.fixed {
    top: 58px;
}
.c006f93 {
    color: #007653;
}
.f18 {
    font-size: 18px;
}
.subDL-img, .subDL-con {
    float: left;
    display: block;
    width: 46%;
}
.subDL-img {
    overflow: hidden;
    float: right;
    display: block;
    width: 48%;
}
.subDL-img img {
    width: 100%;
    display: block;
}
.subDL-img .subimg {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.subDL-img .subimg:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.subDL-con {
    line-height: 2;
    padding-top: 28px;
}
.subDL-con .f18 {
    margin-bottom: 5px;
}
.benefitActivities-box {
    margin: 22px auto 0px;
}
.benefitActivities-box-t {
    font-size: 18px;
    color: #666666;
    padding: 26px 0px;
}
.benefitActivities-list a:link, .benefitActivities-list a:visited {
    color: #666;
}
.benefitActivities-list a:active, .benefitActivities-list a:hover {
    color: #007653;
}
.benefitActivities-list ul {
    margin-left: -2%;
}
.benefitActivities-list li {
    float: left;
    display: block;
    width: 23%;
    margin: 0px 0px 2% 2%;
}
.benefitActivities-list .img {
    overflow: hidden;
}
.benefitActivities-list .img img {
    width: 100%;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
}
.benefitActivities-list .txt {
    padding: 10px 15px 24px;
    background-color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
.benefitActivities-list .txt .t {
    height: 45px;
    line-height: 1.6;
    overflow: hidden;
    text-align: justify;
}
.benefitActivities-list .ibox-more3 {
    background: url(../img/more_i4.png) no-repeat scroll right center;
    width: 0px;
    height: 5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.benefitActivities-list li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.benefitActivities-list li:hover .txt {
    background-color: #007653;
    color: #fff;
}
.benefitActivities-list li:hover .ibox-more3 {
    width: 19px;
}
.pading2 {
    border-top: 1px solid #ccc;
}
.mb15 {
    margin-bottom: 15px;
}
.cpnavbox a {
    border-left: 1px solid #d5d5d5;
    margin-left: -1px;
    position: relative;
}
.cpnavbox3 a {
    width: 33.33%;
}
.cpnavbox4 a {
    width: 25%;
}
.cpnavbox5 a {
    width: 20%;
}
.cpnavbox6 a {
    width: 16.66%;
}
.cpnavbox7 a {
    width: 14.28%;
}
.aboutT {
    font-size: 18px;
    padding: 40px 0px;
    color: #007653;
    margin-top: 30px;
}
.directorList {
    position: relative;
    overflow: hidden;
}
.directorList ul {
    margin-top: -40px;
}
.directorList li {
    float: left;
    display: block;
    width: 46%;
    padding: 48px 4% 48px 0px;
}
.directorList .img {
    float: left;
    display: block;
    width: 35%;
    margin-right: 7%;
}
.directorList .img img {
    width: 100%;
    display: block;
}
.directorList li.twoItem {
    padding: 48px 0px 48px 4%;
}
.directorList .con {
    float: left;
    display: block;
    width: 58%;
    font-size: 14px;
}
.directorList .threeItem {
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    padding: 0px;
    height: 1px;
    width: 100%;
}
.directorList .name {
    font: bold 18px/1.8 "microsoft yahei";
    margin-bottom: 5px;
}
.directorList .name .en {
    font-weight: normal;
    padding-left: 8px;
    font-family: "KnockoutHTF50Welterweight";
}
.directorList .zw {
    margin-bottom: 28px;
}
.director-line {
    background: url(../img/list_bot2.gif) repeat-y;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
}
.newList a:link, .newList a:visited {
    color: #666666;
}
.newList a:active, .newList a:hover {
    color: #007653;
}
.newList {
    font-size: 15px;
    margin-bottom: 42px;
}
.newList li {
    height: 40px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.newList li a {
    position: relative;
    z-index: 2;
}
.newList li .inner {
    position: relative;
}
.newList .time {
    width: 100px;
    float: left;
    display: block;
    font-family: "KnockoutHTF50Welterweight";
    font-size: 16px;
}
.newList .con {
    width: 40%;
    float: left;
    display: block;
    overflow: hidden;
    height: 40px;
}
.newList i {
    position: absolute;
    left: 75%;
    background: url(../img/new_ico.png) no-repeat;
    width: 8px;
    height: 14px;
    display: block;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.newList li:hover {
    background-color: #F0F0F0;
}
.newList li:hover i {
    opacity: 1;
    visibility: visible;
    left: 77%;
}
.ratingList ul {
    margin-left: -2%;
}
.ratingList li {
    float: left;
    display: block;
    width: 31.33%;
    margin: 0px 0px 2% 2%;
    position: relative;
    overflow: hidden;
}
.ratingList .item {
    border: 2px solid #e0e0e0;
    padding: 8px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.ratingList .img img {
    width: 100%;
    display: block;
}
.ratingList .txt {
    position: absolute;
    left: 0px;
    bottom: -54px;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 52px;
    line-height: 52px;
    background-color: #007653;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.ratingList .txt .addico {
    background: url(../img/add.png) no-repeat scroll left center;
    padding-left: 40px;
    font: bold 14px/52px "microsoft yahei";
    display: block;
    width: 58px;
    margin: 0px auto;
}
.ratingList li:hover .item {
    border-color: #007653;
}
.ratingList li:hover .txt {
    bottom: 0px;
}
.overlayClose {
    width: 52px;
    height: 52px;
    display: block;
    position: fixed;
    right: 2%;
    top: 2%;
    border-radius: 50%;
    transition: 300ms;
    -webkit-transition: 300ms;
    z-index: 100;
}
.overlayClose i {
    background: url(../img/close_ico2.png) no-repeat scroll center center #007653;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    transition: 400ms;
    -webkit-transition: 400ms;
}
.overlayClose:hover i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.imgShowBox {
    background: url(../img/black.png) repeat;
    background: none rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 800ms ease 0s;
    -webkit-transition: all 800ms ease 0s;
    z-index: 1010;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.no-csstransitions .imgShowBox {
    display: none;
}
.imgShowDemo {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.imgShowDemo .item {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.imgShowDemo .img {
    vertical-align: middle;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.imgShowDemo .con {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    width: 90%;
    padding: 10px 5%;
}
.imgShowDemo .con .t {
    font-size: 16px;
    color: #333;
}
.imgShowDemo .txt {
    background: #272727;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0px;
    text-align: center;
}
.imgShowDemo .txt .i {
    padding-left: 3%;
}
.hi-num {
    width: 85px;
    height: 65px;
    background: #272727;
    color: #fff;
    border-left: 1px solid #3a3a3a;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 65px;
    font-size: 16px;
}
.img-show {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}
.no-csstransitions .img-show {
    display: block;
}
.imgShowDemo .owl-controls .owl-buttons div {
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    top: 50%;
    margin-top: -25px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -10em;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev {
    left: 2%;
    background-image: url(../img/paging_2.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-next {
    right: 2%;
    background-image: url(../img/paging_4.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {
    background-color: #fff;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled {
    background-color: #666666;
}
.performanceList a:link, .performanceList a:visited {
    color: #666666;
}
.performanceList a:active, .performanceList a:hover {
    color: #007653;
}
.performanceList li {
    position: relative;
}
.performanceList .inner {
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    padding: 34px 0px;
    position: relative;
    z-index: 2;
}
.performanceList .time {
    background-color: #007653;
    padding: 22px 0px 0px 18px;
    width: 74px;
    height: 65px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 34px;
}
.performanceList .time .day {
    font: 30px/1 "KnockoutHTF50Welterweight";
    display: block;
}
.performanceList .time .year {
    font: 18px/1.2 "KnockoutHTF50Welterweight";
}
.performanceList .con {
    position: relative;
    overflow: hidden;
    width: 70%;
    display: block;
    margin-left: 115px;
}
.performanceList .con .t {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    overflow: hidden;
}
.performanceList .con .c {
    height: 50px;
    overflow: hidden;
    font-size: 14px;
}
.performanceList .bgf0 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background-color: #F0F0F0;
    transition: 300ms;
    -webkit-transition: 300ms;
}
a.pdf-btn {
    display: block;
    background: url(../img/down_ico1.png) no-repeat scroll 18px center #f0f0f0;
    height: 38px;
    line-height: 38px;
    padding: 0px 14px 0px 48px;
    border-radius: 19px;
    font: 18px/38px "KnockoutHTF50Welterweight";
    text-transform: uppercase;
    color: #999999;
}
a.pdf-btn:hover {
    background: url(../img/down_ico2.png) no-repeat scroll 18px center #007653;
    color: #fff;
}
.performanceList a.pdf-btn {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -19px;
    color: #999999;
}
.performanceList a.pdf-btn:hover {
    color: #fff;
}
.performanceList li:hover .inner {
    background: none;
}
.performanceList li:hover .con .t {
    color: #007653;
}
.performanceList li:hover .bgf0 {
    height: 100%;
}
.performanceList li:hover a.pdf-btn {
    background: url(../img/down_ico2.png) no-repeat scroll 18px center #007653;
    color: #fff;
}
/*about style end*/
/*news style*/
.newListDemo .grid-sizer {
    width: 32%;
    float: left;
}
.newListDemo .gutter-sizer {
    width: 2%;
}
.newListDemo .box-new-item {
    float: left;
    display: block;
    width: 32%;
    margin: 0 0 32px 0px;
}
.groupProjectList a:link, .groupProjectList a:visited {
    color: #666;
}
.groupProjectList a:active, .groupProjectList a:hover {
    color: #007653;
}
.groupProjectList ul {
    margin-left: -4%;
}
.groupProjectList li {
    float: left;
    display: block;
    width: 29.33%;
    margin: 0px 0px 20px 4%;
}
.groupProjectList .img {
    overflow: hidden;
}
.groupProjectList .img img {
    width: 100%;
    display: block;
    -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165, .84, .44, 1);
    transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
}
.groupProjectList .txt {
    padding: 10px 15px 24px;
    background-color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
.groupProjectList .txt .t {
    height: 45px;
    line-height: 1.6;
    overflow: hidden;
    text-align: justify;
}
.groupProjectList .ibox-more3 {
    background: url(../img/more_i4.png) no-repeat scroll right center;
    width: 0px;
    height: 5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.groupProjectList li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.groupProjectList li:hover .txt {
    background-color: #007653;
    color: #fff;
}
.groupProjectList li:hover .ibox-more3 {
    width: 19px;
}
.infopage-img {
    margin-bottom: 36px;
    position: relative;
}
.infopage-box-t .pdf-btn {
    float: right;
    position: relative;
    margin-top: -5px;
}
.infopage-img .img {
    overflow: hidden;
}
.infopage-img .img img {
    width: 100%;
    display: block;
}
.infopage-img .slick-arrow {
    background: url(../img/img_lbtn.png) no-repeat scroll right center;
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    z-index: 4;
}
.infopage-img .slick-arrow span {
    width: 10px;
    margin: 13px auto;
    height: 17px;
    display: block;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.infopage-img .slick-prev {
    left: 0%;
}
.infopage-img .slick-next {
    right: 1px;
    background-position: left center;
}
.infopage-img .slick-prev span {
    background: url(../img/img_l2.png) no-repeat scroll left center;
}
.infopage-img .slick-next span {
    background: url(../img/img_r2.png) no-repeat scroll left center;
}
.infopage-img .slick-prev:hover, .infopage-img .slick-next:hover {
    background-image: url(../img/img_lbtn2.png);
}
.infopage-img .slick-prev:hover span {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
}
.infopage-img .slick-next:hover span {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.infoPage-pager a:link, .infoPage-pager a:visited {
    color: #666;
}
.infoPage-pager a:active, .infoPage-pager a:hover {
    color: #007653;
}
.infoPage-pager {
    border-top: 1px solid #ccc;
    position: relative;
    font-size: 14px;
}
.infoPage-pager .bor {
    background-color: #ccc;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
}
.infoPage-pager .prev, .infoPage-pager .next {
    padding: 32px 6% 42px;
    float: left;
    display: block;
    width: 38%;
}
.infoPage-pager a {
    line-height: 1.5;
}
/*news style end*/
/*financingInvestment style*/
.projectInvestmentList ul {
    margin-left: -4%;
}
.projectInvestmentList li {
    width: 46%;
    margin: 0px 0px 32px 4%;
    float: left;
    display: block;
}
.project-item {
    position: relative;
    overflow: hidden;
    height: 222px;
}
.project-item .ibox-link {
    z-index: 1;
}
.project-item .img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 231px;
    overflow: hidden;
}
.project-item .img img {
    width: 100%;
    display: block;
    -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165, .84, .44, 1);
    transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
}
.project-item .img .pdf-btn {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 5;
}
.project-item .con {
    margin-left: 231px;
    border: 1px solid #d4d4d4;
    height: 176px;
    padding: 22px 25px;
}
.project-item .con .time {
    font: 14px/1.5 "KnockoutHTF50Welterweight";
    color: #999999;
    margin-bottom: 16px;
}
.project-item .con .t {
    margin-bottom: 26px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    height: 48px;
    overflow: hidden;
}
.project-item .con .c {
    color: #747474;
    height: 65px;
    overflow: hidden;
}
a.pdf-btn:hover {
    background: url(../img/down_ico2.png) no-repeat scroll 18px center #007653;
    color: #fff;
    z-index: 5;
}
.project-item:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.project-item .filler2 {
    background-color: #007653;
    z-index: 5;
}
.project-item .filler2-left {
    width: 1px;
    height: 0%;
    left: 0%;
    top: 0%;
}
.project-item .filler2-right {
    width: 7px;
    height: 0%;
    right: 0%;
    bottom: 0%;
}
.project-item .filler2-top {
    width: 0%;
    height: 1px;
    right: 0%;
    top: 0%;
}
.project-item .filler2-bottom {
    width: 0%;
    height: 1px;
    left: 0%;
    bottom: 0%;
}
.project-item:hover .filler2-left {
    height: 100%;
}
.project-item:hover .filler2-right {
    height: 100%;
}
.project-item:hover .filler2-top {
    width: 100%;
}
.project-item:hover .filler2-bottom {
    width: 100%;
}
/*financingInvestment style end*/
/*biddingManagement style*/
.bidding-M-slider a:link, .bidding-M-slider a:visited {
    color: #666;
}
.bidding-M-slider a:active, .bidding-M-slider a:hover {
    color: #007653;
}
.bidding-M-slider {
    float: left;
    display: block;
    width: 12%;
}
.bidding-M-slider li {
    margin-bottom: 14px;
    position: relative;
    background-color: #eee;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.bidding-M-slider a {
    display: block;
    padding: 25px 0px 0px;
    height: 120px;
    line-height: 1.2;
    font-size: 14px;
}
.bidding-M-slider .ico {
    margin: 0px auto 16px;
    display: block;
    width: 45px;
}
.bidding-M-slider .name {
    text-align: center;
    width: 65%;
    display: block;
    margin: 0px auto;
    font-weight: bold;
}
.filler-item .arrow {
    background: url(../img/sj.png) no-repeat scroll right center;
    width: 6px;
    height: 14px;
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -7px;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    visibility: hidden;
}
.filler-item .filler2 {
    background-color: #007653;
    z-index: 5;
}
.filler-item .filler2-left {
    width: 1px;
    height: 0%;
    left: 0%;
    top: 0%;
}
.filler-item .filler2-right {
    width: 7px;
    height: 0%;
    right: -7px;
    bottom: 0%;
}
.filler-item .filler2-top {
    width: 0%;
    height: 1px;
    right: 0%;
    top: 0%;
}
.filler-item .filler2-bottom {
    width: 0%;
    height: 1px;
    left: 0%;
    bottom: 0%;
}
/*.filler-item:hover .arrow {transition-delay:300ms; -webkit-transition-delay:300ms; opacity: 1; visibility: visible; right: -12px;}*/
.filler-item:hover {
    background-color: #fff;
}
.filler-item:hover .filler2-left {
    height: 100%;
}
.filler-item:hover .filler2-right {
    height: 100%;
}
.filler-item:hover .filler2-top {
    width: 100%;
}
.filler-item:hover .filler2-bottom {
    width: 100%;
}
.filler-item .active .arrow {
    opacity: 1;
    visibility: visible;
    right: -12px;
}
.filler-item .active .filler2-left {
    height: 100%;
}
.filler-item .active .filler2-right {
    height: 100%;
}
.filler-item .active .filler2-top {
    width: 100%;
}
.filler-item .active .filler2-bottom {
    width: 100%;
}
.bidding-M-slider .active {
    background-color: #fff;
}
.biddingManagementPage {
    float: right;
    display: block;
    border: 1px solid #d4d4d4;
    padding: 45px 5%;
    width: 74%;
    overflow: hidden;
}
.infoPage-pager a:link, .infoPage-pager a:visited {
    color: #666;
}
.infoPage-pager a:active, .infoPage-pager a:hover {
    color: #007653;
}
.mra a:link, .mra a:visited {
    color: #666;
}
.mra a:active, .mra a:hover {
    color: #007653;
}
.biddingAnnouncementList ul {
    margin-left: -2%;
}
.biddingAnnouncementList li {
    float: left;
    width: 23%;
    margin: 0px 0px 5% 2%;
}
.box-new-item .bacon {
    border: 1px solid #d4d4d4;
    padding: 20px 22px 36px;
}
.box-new-item .bacon .batime {
    font: 14px/1.5 "KnockoutHTF50Welterweight";
    color: #999999;
    margin-bottom: 16px;
}
.box-new-item .bacon .bat {
    margin-bottom: 26px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    height: 72px;
    overflow: hidden;
}
.box-new-item .bacon .bac {
    color: #747474;
    height: 65px;
    overflow: hidden;
}
.box-new-item:hover .bacon .bat {
    color: #007653;
}
/*biddingManagement style end*/
/*cooperativePartner style*/
.partnersList {
    position: relative;
}
.partnersList ul {
    margin-left: -3%;
}
.partnersList li {
    width: 22%;
    margin: 0px 0px 3% 3%;
    float: left;
    display: block;
    position: relative;
}
.partnersList .img {
    border: 1px solid #d4d4d4;
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.partnersList .img img {
    width: 100%;
    display: block;
}
.partnersList .line {
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 0%;
    height: 7px;
    background-color: #007653;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.partnersList li:hover .img {
    border-color: #007653;
}
.partnersList li:hover .line {
    width: 100%;
}
.cooperationProjectsList ul {
    margin-left: -2%;
}
.cooperationProjectsList li {
    float: left;
    display: block;
    margin: 0px 0px 4% 2%;
    width: 31.33%;
}
.filler2 {
    position: absolute;
    display: block;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s;
}
.box-new-item .filler2 {
    background-color: #007653;
    z-index: 5;
}
.box-new-item .filler2-left {
    width: 1px;
    height: 0%;
    left: 0%;
    top: 0%;
}
.box-new-item .filler2-right {
    width: 1px;
    height: 0%;
    right: 0%;
    bottom: 0%;
}
.box-new-item .filler2-top {
    width: 0%;
    height: 1px;
    right: 0%;
    top: 0%;
}
.box-new-item .filler2-bottom {
    width: 0%;
    height: 7px;
    left: 0%;
    bottom: -7px;
}
.box-new-item:hover .filler2-left {
    height: 100%;
}
.box-new-item:hover .filler2-right {
    height: 100%;
}
.box-new-item:hover .filler2-top {
    width: 100%;
}
.box-new-item:hover .filler2-bottom {
    width: 100%;
}
.box-new-item {
    background-color: #f6f6f6;
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.box-new-item .img {
    overflow: hidden;
    transition: 100ms;
    -webkit-transition: 100ms;
}
.box-new-item .img img {
    width: 100%;
    display: block;
    -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165, .84, .44, 1);
    transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
}
.box-new-item .line {
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 0%;
    height: 7px;
    background-color: #007653;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.box-new-item .con {
    padding: 25px 25px 55px;
    border: 1px solid #e4e4e4;
}
.box-new-item .con .t {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    height: 48px;
    overflow: hidden;
}
.box-new-item .con .time {
    font: 12px/1.8 "microsoft yahei";
    color: #a5a5a5;
    padding: 18px 0px;
}
.box-new-item .con .c {
    font-size: 14px;
    color: #747474;
    height: 50px;
    overflow: hidden;
}
.box-new-item .ibox-more {
    bottom: 18px;
}
.box-new-item:hover {
    background-color: #fff;
}
.box-new-item:hover .img img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.box-new-item:hover .line {
    width: 100%;
}
.box-new-item:hover .ibox-more i {
    width: 100%;
}
.box-new-item:hover .con .t {
    color: #007653;
}
.pading3 {
    padding: 20px 0px;
}
/*cooperativePartner style end*/
/*special style*/
.special-t {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 32px;
}
.special-t .name {
    padding: 12px 35px;
    background-color: #999999;
    font: bold 14px/1.4 "microsoft yahei";
    color: #fff;
}
.special-more {
    font: bold 12px/1.8 "microsoft yahei";
    text-transform: uppercase;
}
.special-t .special-more {
    margin-top: 12px;
}
.special-box {
    margin-bottom: 40px;
}
.special-box .img {
    width: 453px;
    height: 269px;
    overflow: hidden;
    float: left;
    display: block;
}
.special-box .special-list {
    float: right;
    display: block;
    width: 706px;
}
.special-list li {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.special-list li a {
    position: relative;
    z-index: 2;
    display: block;
    padding: 0px 60px 0px 15px;
    height: 39px;
    line-height: 39px;
}
.special-list .time {
    width: 100px;
    float: left;
    display: block;
    font-family: "KnockoutHTF50Welterweight";
    font-size: 16px;
}
.special-list .con {
    width: 40%;
    float: left;
    display: block;
    overflow: hidden;
    height: 40px;
}
.special-list i {
    position: absolute;
    right: 50px;
    background: url(../img/new_ico.png) no-repeat;
    width: 8px;
    height: 14px;
    display: block;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.special-list li:hover {
    background-color: #F0F0F0;
}
.special-list li:hover i {
    opacity: 1;
    visibility: visible;
    right: 25px;
}
.special-box-con {
    float: right;
    display: block;
    width: 690px;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #666666;
}
.special-box-con .t {
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}
.special-box-con .time {
    font-family: "KnockoutHTF50Welterweight";
    font-size: 16px;
    margin-bottom: 35px;
    color: #999999;
}
.special-box-con .c {
    height: 126px;
    overflow: hidden;
}
.pbanner2 {
    height: auto;
}
.pbanner2 .pimg {
    width: 100%;
    display: block;
}
.infopage-box2 {
    margin-top: -260px;
    padding-bottom: 50px;
}
.organizationalList a:link, .organizationalList a:visited {
    color: #fff;
}
.organizationalList a:active, .organizationalList a:hover {
    color: #fff;
}
.organizationalList ul {
    margin-left: -6%;
}
.organizationalList li {
    width: 19%;
    float: left;
    display: block;
    margin: 0px 0px 6% 6%;
    position: relative;
}
.organizationalList .img img {
    width: 100%;
    display: block;
}
.organizationalList .con {
    position: absolute;
    top: 30%;
    width: 76%;
    left: 12%;
    text-align: center;
    font: bold 16px/1.5 "microsoft yahei";
}
.organizationalList .num {
    margin-bottom: 10px;
}
.organizationalList .c {
    padding: 10px 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.organizationalList .btn {
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #c6271d;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -55px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.organizationalList li:hover .btn {
    background-color: #c6271d;
    color: #fff;
}
.activeDynamicList dd {
    padding: 34px 0px 0px;
    position: relative;
}
.activeDynamicList dd .bgf0 {
    display: block;
    background-color: #F0F0F0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0%;
    width: 100%;
    transition: 0.6s height cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: 0.6s height cubic-bezier(.165, .84, .44, 1);
}
.activeDynamicList .inner {
    position: relative;
    z-index: 2;
    height: 222px;
    padding-bottom: 34px;
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
}
.activeDynamicList .img {
    width: 382px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}
.activeDynamicList .img img {
    width: 100%;
    display: block;
}
.activeDynamicList .con {
    margin-left: 430px;
}
.activeDynamicList .con .t {
    font: 18px/1.4 "microsoft yahei";
    color: #333333;
    margin: 5px 0px 8px;
}
.activeDynamicList .con .time {
    color: #A5A5A5;
    margin-bottom: 15px;
}
.activeDynamicList .con .c {
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 45px;
}
.activeDynamicList .con .morebtn {
    background-color: #f0f0f0;
    display: block;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #767676;
    font-size: 14px;
}
.activeDynamicList dd:hover .bgf0 {
    height: 100%;
}
.activeDynamicList dd:hover .inner {
    background: none;
}
.activeDynamicList dd:hover .con .t {
    color: #007653;
}
.activeDynamicList dd:hover .morebtn {
    background-color: #007653;
    color: #fff;
}
/*special style end*/
/*hr style*/
.daiyBox {
    border: 1px solid #e8e8e8;
    padding: 78px 58px;
}
.dailyNav {
    text-align: center;
    position: relative;
    margin-bottom: -12px;
}
.dailyNav li {
    display: inline-block;
    margin: 0px 6px;
}
.dailyNav a {
    color: #666;
    padding: 8px 46px;
    font: bold 14px/1.4 "microsoft yahei";
    background-color: #f0f0f0;
    border-radius: 16px;
}
.dailyNav a:hover, .dailyNav a.active {
    background-color: #007653;
    color: #fff;
}
.daiyBox {
    font-size: 14px;
}
.daiyBox .ditem {
    margin-bottom: 5px;
}
.hr-ts {
    margin-bottom: 90px;
}
.hr-type a:link, .hr-type a:visited {
    color: #fff;
}
.hr-type a:active, .hr-type a:hover {
    color: #fff;
}
.hr-type {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 20px;
}
.hr-type a {
    height: 40px;
    position: relative;
    float: left;
    display: block;
    padding: 0px 28px;
    font: bold 14px/40px "microsoft yahei";
    background-color: #999;
    margin-right: 8px;
}
.hr-type a .i {
    position: absolute;
    background: url(../img/sj2.png) no-repeat;
    width: 20px;
    height: 0px;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.hr-type a:hover, .hr-type a.act {
    background-color: #007653;
}
.hr-type a:hover .i, .hr-type a.act .i {
    height: 100%;
}
.hrList {
    font-size: 14px;
    color: #969696;
    line-height: 2;
    padding-bottom: 40px;
}
.hrList a:link, .hrList a:visited {
    color: #969696;
}
.hrList a:active, .hrList a:hover {
    color: #03A710;
}
.hrList .hspan {
    text-align: center;
    cursor: pointer;
    width: 14%;
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
}
.hrList .hmore {
    text-align: right;
    width: 30%;
}
.hrList .hmore-ico {
    background: url(../img/hr_ico.png) no-repeat;
    width: 21px;
    height: 46px;
    position: absolute;
    right: 28px;
    top: 0px;
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
}
.hrList .hrdt {
    margin-bottom: 5px;
    background-color: #999999;
    color: #fff;
}
.hrList dd {
    margin-bottom: 3px;
    position: relative;
}
.hrList .hrT {
    background-color: #F6F6F6;
    color: #666;
}
.hrList .hrT .hspan {
    transition: 400ms;
    -ms-transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
}
.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: #838383;
}
.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 #007653;
    display: none;
}
.hrList .hrCon {
    width: 92%;
    margin: 0px auto;
    padding: 35px 0px;
    overflow: hidden;
}
.hline {
    border-top: 1px solid #eee;
    padding: 30px 0px;
    margin-top: 35px;
}
.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: #03a710;
}
.hrList dd.active .hrT, .hrList dd:hover .hrT {
    background: #007653;
    color: #fff;
}
.hrList dd.active .hmore-ico, .hrList dd:hover .hmore-ico {
    background-position: center bottom;
}
/*hr style end*/
/*antiCorruption style*/
.workList .firstDD {
    height: 1px;
    display: block;
}
.workList .firstDD .inner {
    padding: 0px;
    height: 1px;
}
.workList dd {
    position: relative;
    display: block;
    overflow: hidden;
    position: relative;
}
.workList .bgf0 {
    background-color: #F0F0F0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0%;
    width: 100%;
    transition: 0.6s height cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: 0.6s height cubic-bezier(.165, .84, .44, 1);
}
.workList .inner {
    padding: 22px 0px;
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    position: relative;
}
.workList .inner .con {
    margin: 0px 240px 0px 90px;
    font-size: 14px;
}
.workList .time {
    position: absolute;
    left: 0px;
    top: 25px;
    font: bold 14px/1.5 "KnockoutHTF50Welterweight";
    color: #999999;
}
.workList .con .t {
    font: 16px/1.5 "microsoft yahei";
    color: #333;
    margin-bottom: 22px;
}
.workList .con .c {
    color: #919191;
    line-height: 1.5;
}
.workList .y {
    background: url(../img/more_add.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 48px;
    top: 42px;
    display: block;
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
}
.workList dd:hover .y {
    background-image: url(../img/more_add2.png);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.workList dd:hover .t {
    color: #007653;
}
.workList dd:hover .inner {
    background-repeat: no-repeat;
}
.workList dd:hover .bgf0 {
    height: 100%;
}
.antiCorruptionPage {
    width: 950px;
    margin: 0px auto;
    overflow: hidden;
    padding: 20px 0px;
}
.antiCorruptionPage .t {
    font: bold 24px/1.4 "microsoft yahei";
    color: #666666;
    text-align: center;
    margin-bottom: 35px;
}
.learninglist .con .c {
    text-align: left;
}
/*antiCorruption style end*/
/*knowledge style end*/
.lawKnowLedgeList .firstDD {
    height: 1px;
    display: block;
}
.lawKnowLedgeList .firstDD .inner {
    padding: 0px;
    height: 1px;
}
.lawKnowLedgeList dd {
    position: relative;
    display: block;
    overflow: hidden;
    position: relative;
}
.lawKnowLedgeList .bgf0 {
    background-color: #F0F0F0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 0%;
    width: 100%;
    transition: 0.6s height cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: 0.6s height cubic-bezier(.165, .84, .44, 1);
}
.lawKnowLedgeList .inner {
    padding: 22px 0px;
    background: url(../img/ibox_list_bot.gif) repeat-x scroll left bottom;
    position: relative;
}
.lawKnowLedgeList .inner .con {
    margin: 0px 240px 0px 0px;
    font-size: 14px;
}
.lawKnowLedgeList .con .t {
    font: 16px/1.5 "microsoft yahei";
    color: #333;
    margin-bottom: 22px;
}
.lawKnowLedgeList .con .c {
    color: #919191;
    line-height: 1.5;
}
.lawKnowLedgeList .y {
    background: url(../img/more_add.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 48px;
    top: 42px;
    display: block;
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
}
.lawKnowLedgeList dd:hover .y {
    background-image: url(../img/more_add2.png);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.lawKnowLedgeList dd:hover .t {
    color: #007653;
}
.lawKnowLedgeList dd:hover .inner {
    background-repeat: no-repeat;
}
.lawKnowLedgeList dd:hover .bgf0 {
    height: 100%;
}
.trainingList ul {
    margin-left: -2%;
}
.trainingList li {
    float: left;
    display: block;
    width: 23%;
    margin: 0px 0px 4% 2%;
    background-color: #d4d4d4;
    position: relative;
}
.trainingList .bg-blue {
    background-color: #007653;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}
.trainingList .item {
    padding: 1px;
    background-color: #F6F6F6;
}
.trainingList .txt {
    margin-bottom: 1px;
    height: 62px;
    line-height: 62px;
    padding: 0px 5%;
    text-align: center;
    font: bold 14px/62px "microsoft yahei";
    color: #333333;
    position: relative;
    z-index: 3;
}
.trainingList .img {
    z-index: 3;
    position: relative;
}
.trainingList .img img {
    width: 100%;
    display: block;
}
.trainingList li:hover .bg-blue {
    height: 100%;
}
.trainingList li:hover .txt {
    color: #fff;
}
.lawsList a:link, .lawsList a:visited {
    color: #666;
}
.lawsList a:active, .lawsList a:hover {
    color: #007653;
}
.lawsList ul {
    margin-left: -4%;
}
.lawsList li {
    float: left;
    display: block;
    width: 30.33%;
    margin: 0px 0px 20px 3%;
}
.lawsList .img {
    overflow: hidden;
}
.lawsList .img img {
    width: 100%;
    display: block;
    transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: 1.2s transform cubic-bezier(.165, .84, .44, 1);
}
.lawsList .txt {
    padding: 10px 15px 24px;
    border: 1px solid #fff;
    background-color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
.lawsList .txt .t {
    height: 45px;
    line-height: 1.6;
    overflow: hidden;
    text-align: justify;
}
.lawsList .ibox-more3 {
    background: url(../img/more_i1.png) no-repeat scroll right center;
    width: 0px;
    height: 5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.lawsList li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.lawsList li:hover .txt {
    color: #007653;
    border-color: #007653;
}
.lawsList li:hover .ibox-more3 {
    width: 19px;
}
.policyList ul {
    margin-left: -3%;
}
.policyList li {
    float: left;
    display: block;
    width: 47%;
    margin: 0px 0px 15px 3%;
}
.policyList a {
    display: block;
    padding: 0px 10% 0px 5%;
    border: 1px solid #d4d4d4;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    font-size: 14px;
    position: relative;
}
.policyList i {
    background: url(../img/new_ico.png) no-repeat scroll right center;
    width: 8px;
    height: 4px;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 14px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.policyList li:hover i {
    background-image: url(../img/new_ico2.png);
    right: 3%;
}
/*knowledge style end*/
/*contact style*/
.contactPage {
    border: 3px solid #d6d6d7;
}
.contactPage .lbox {
    width: 32%;
    margin: 0px 3%;
    overflow: hidden;
    float: left;
    display: block;
}
.map {
    height: 400px;
    width: 62%;
    float: right;
    display: block;
}
.contactPage .c-i {
    padding-left: 32px;
    background-position: left 1px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    font-size: 14px;
}
.contactPage .c-i1 {
    background-image: url(../img/c_i1.png);
}
.contactPage .c-i2 {
    background-image: url(../img/c_i2.png);
}
.contactPage .c-i3 {
    background-image: url(../img/c_i3.png);
}
.contactPage .c-i4 {
    background-image: url(../img/c_i4.png);
}
.contactPage .c-i5 {
    background-image: url(../img/c_i5.png);
}
.lbox {
    padding: 50px 0px 15px;
}
.lbox .t {
    margin-bottom: 35px;
}
.lbox .zh {
    font: 24px/1.4 "microsoft yahei";
    color: #666666;
    display: block;
}
/*contact style end*/
/*serach style*/
.serachBox2 {
    position: absolute;
    right: 0px;
    top: 28%;
    width: 468px;
    padding-left: 32px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 22px;
}
.serachBox2 .serach-txt2 {
    float: left;
    display: block;
    width: 77%;
    border: 0px none;
    padding: 0px 5% 0px 0px;
    height: 25px;
    margin: 10px 0px;
    line-height: 25px;
    font-size: 14px;
}
.serachBox2 .serach-btn2 {
    float: left;
    display: block;
    width: 18%;
    background: url(../img/serach_btn4.png) no-repeat scroll center center #007653;
    color: #fff;
    height: 45px;
    border-radius: 22px;
    position: relative;
    right: -1px;
}
.serachBox2 .serach-btn2:hover {
    background-color: #333333;
}
.pageCur .gjzbox {
    padding-left: 0px;
    background: none;
    float: left;
    display: block;
    margin-left: 0px;
}
.pageCur .gjzbox .c006f93 {
    padding-left: 0px;
    background: none;
    margin-left: 0px;
}
/*serach style end*/
/*serviceArea*/
.serviceArea-pageC {
    margin-bottom: 5%;
}
.serviceArea-list a:link, .serviceArea-list a:visited {
    color: #666666;
}
.serviceArea-list a:active, .serviceArea-list a:hover {
    color: #fff;
}
.serviceArea-list ul {
    margin-left: -2%;
}
.serviceArea-list li {
    float: left;
    display: block;
    width: 23%;
    margin: 0px 0px 60px 2%;
    position: relative;
}
.serviceArea-list .img {
    overflow: hidden;
    transition: 100ms;
    -webkit-transition: 100ms;
}
.serviceArea-list .img img {
    width: 100%;
    display: block;
    -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165, .84, .44, 1);
    transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
}
.serviceArea-list .con {
    position: relative;
    border: 1px solid #e1e1e1;
    border-top: 0px none;
}
.serviceArea-list .con .blue-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    height: 100%;
    width: 0%;
    background-color: #007653;
}
.serviceArea-list .con .txt {
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 68px;
    height: 68px;
    font-size: 16px;
}
.serviceArea-list li:hover .con {
    color: #fff;
}
.serviceArea-list li:hover .con .blue-bg {
    width: 100%;
}
.serviceArea-list li:hover {
    background-color: #fff;
}
.serviceArea-list li:hover .img img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
/*serviceArea end*/