.clearfix { *zoom: 1; }
.fc { text-align: center; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

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

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

@-webkit-keyframes 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); }
}

.bgf4 { background-color: #FFFFFF; }
.aboutIbox { padding: 70px 0px 80px; overflow: hidden; }
.iboxT { text-align: center; }
.iboxT .t { color: #EE3124; font-size: 45px; line-height: 1.2; }
.iboxT .by { color: #4c4c4c; font-size: 24px; }
.iboxT .line { height: 2px; width: 120px; display: block; margin: 40px auto 0px; background-color: #4C4C4C; }
.iboxT .line2 { width: 368px; position: relative; padding: 8px 0px; margin: 0px auto; color: #4c4c4c; font-size: 14px; }
.iboxT .line2 .txt { padding: 0px 20px; background-color: #fff; position: relative; z-index: 2; }
.iboxT .line2 .xian { height: 1px; background-color: #e9e9e9; width: 100%; position: absolute; left: 0px; top: 50%; }
.aboutIc { width: 900px; margin: 3% auto 5%; text-align: center; }
.aboutIList a:link, .aboutIList a:visited { color: #4c4c4c; }
.aboutIList a:active, .aboutIList a:hover { color: #F4CD34; }
.aboutIList { width: 552px; margin: 0px auto; }
.aboutIList li { float: left; display: block; width: 104px; padding: 0px 40px 20px; line-height: 1.2; }
.aboutIList a { margin: 0px auto; display: block; text-align: center; }
.aboutIList .img { width: 60px; height: 60px; position: relative; display: block; margin: 0px auto; }
.aboutIList .y1 { background: url(../images/ico.png) no-repeat scroll right 0px; }
.aboutIList .y2 { background: url(../images/ico.png) no-repeat scroll right -60px; }
.aboutIList .y1, .aboutIList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.aboutIList .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.aboutIList .ico { width: 60px; height: 60px; position: absolute; left: 0; top: 0; background: url(../images/ico.png) no-repeat; z-index: 3; /* -webkit-transition: 0.4s ease 0s;transition: 0.4s ease 0s;*/ }
.aboutIList .i1 { background-position: 0px 0px; }
.aboutIList .i2 { background-position: -60px 0px; }
.aboutIList .i3 { background-position: -120px 0px; }
.aboutIList .zh { color: #4c4c4c; padding-top: 10px; }
.aboutIList .en { color: #848484; }
.aboutIList a:hover .i1 { background-position: 0px -60px; }
.aboutIList a:hover .i2 { background-position: -60px -60px; }
.aboutIList a:hover .i3 { background-position: -120px -60px; }
.aboutIList a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutIList a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.aboutIList a:hover .zh { color: #9D9D9D; }
.aboutIList a:hover .en { color: #c7c7c7; }
.aboutIList a:hover { -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: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.yellow_80 { background: url(../images/yellow_80.png) repeat; background: none rgba(0, 0, 0, 0.7); }
.more-line { width: 37px; height: 37px; display: block; position: relative; }
.more-line .line { display: block; background: #fff; position: absolute; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; }
.more-line .line-1 { width: 37px; height: 1px; top: 50%; right: 0px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.more-line .line-2 { width: 1px; height: 37px; top: 50%; margin-top: -18px; right: 18px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.newArrivalsIbox { padding-top: 70px; }
.newArrivalsIbox a:link, .newArrivalsIbox a:visited { color: #a3a3a3; }
.newArrivalsIbox a:active, .newArrivalsIbox a:hover { color: #363636; }
.productIbox { margin-top: 50px; }
.productIbox .item { width: 439px; margin: 0px 7px; }
.productIbox .itemCon { display: block; position: relative; }
.productIbox .itemCon .img { width: 100%; border-radius: 8px; }
.productIbox .itemCon .yellow_80 { position: absolute; left: 2%; top: 2%; width: 96%; height: 96%; border-radius: 8px; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; }
.productIbox .itemCon .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0px 0px -18px; }
.productIbox .item:hover .yellow_80 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.productIbox .item:hover .more-line .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 200ms; -webkit-transition: 300ms ease-in 200ms; }
.productIbox .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(../images/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.productIbox .slick-arrow:hover { background-image: url(../images/img_btn2.png); }
.productIbox .slick-arrow i { background: url(../images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productIbox .slick-prev { left: 3%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.productIbox .slick-next { right: 3%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.productIbox .slick-prev i { background-image: url(../images/img_l.png); }
.productIbox .slick-next i { background-image: url(../images/img_r.png); }
.productIbox:hover .slick-prev, .productIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.productIbox-more { padding: 50px 0px; }
.more { display: block; width: 264px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #6c6c6c; margin: 0px auto; position: relative; }
.more .ico { position: absolute; right: 10%; color: #000; top: 0%; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.more:hover { background-color: #f4f4f4; }
.more:hover .ico { right: 5%; }
.fixedImg { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.imgIbox { padding: 10% 0px; }
.black-30 { background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3); }
.imgIbox .con { width: 582px; padding: 25px 30px; margin: 0px auto; text-align: center; color: #fff; }
.imgIbox .t { font-size: 41px; }
.imgIbox .en { font-size: 30px; }
.imgIbox .bot { background: url(../images/b1.png) no-repeat; width: 228px; height: 8px; display: block; margin: 16px auto 12px; }
.imgIbox .by { font: 12px/1.5 arial, helvetica, sans-serif; }
.newIbox { padding-top: 66px; }
.newIbox .item { position: relative; overflow: hidden; }
.newIbox .img { float: left; display: block; width: 48%; margin: 0px 5%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); opacity: 0; position: relative; overflow: hidden; }
.newIbox .img img { width: 100%; display: block; 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; }
.newIbox .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.newIbox .con { width: 30%; float: left; display: block; padding-top: 4%; height: 96%; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); opacity: 0; position: relative; }
.newIbox .con .newIa { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; }
.newIbox .con .en { font: 14px/1.8 arial, helvetica, sans-serif; color: #EE3124; text-transform: uppercase; }
.newIbox .con .zh { font-size: 24px; color: #4c4c4c; line-height: 1.4; height: 34px; overflow: hidden; }
.newIbox .con .c { margin: 30px 0px 40px; height: 65px; overflow: hidden; color: #777777; font-family: arial, helvetica, sans-serif; }
.more2 { text-transform: uppercase; color: #4c4c4c; font-weight: 400;  height: 32px; line-height: 32px; display: block; width: 136px; font-size: 13px;}
.more2 .ico { background: url(../images/more2.png) no-repeat; width: 32px; height: 32px; float: left; display: block; margin-right: 12px; transition: 300ms; -webkit-transition: 300ms; }
.more2:hover .ico { background-image: url(../images/more22.png); }
.newIbox:hover .more2 .ico, .serviceIbox:hover .more2 .ico { background-image: url(../images/more22.png); }
.newIbox .img:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.newIbox .img:hover .black-30 { opacity: 1; visibility: visible; }
.newIbox .slick-active .img, .newIbox .slick-active .con { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; transition: 800ms ease 0ms; -webkit-transition: 800ms ease 0ms; -ms-transition: 800ms ease 0ms; }
.newIbox .slick-dots { right: 5%; z-index: 900; top: 50%; width: 8px; }
.newIbox .slick-dots li { margin: 0px 0px 7px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.newIbox .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: url(../images/banner_num1.png) no-repeat; text-indent: -2em; }
.newIbox .slick-dots li.slick-active a { background: url(../images/banner_num2.png) no-repeat; }
.serviceIbox { padding-bottom: 80px; }
.serviceIbox dd { float: left; display: block; }
.serviceIbox .con { width: 30%; margin: 0px 9% 0px 14%; padding-top: 6%; position: relative; }
.serviceIbox .con .newIa { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; }
.serviceIbox .con .en { font: 14px/1.8 arial, helvetica, sans-serif; color: #EE3124; text-transform: uppercase; }
.serviceIbox .con .zh { font-size: 24px; color: #4c4c4c; line-height: 1.4; }
.serviceIbox .con .c { margin: 30px 0px 40px; height: 65px; overflow: hidden; color: #777777; font-family: arial, helvetica, sans-serif; }
.serviceIbox .img { width: 37%; position: relative; float: right; margin-right: 10%; overflow: hidden; }
.serviceIbox .img img { width: 100%; display: block; 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; }
.serviceIbox .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; 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; }
.serviceIbox .img .iboxT { background: url(../images/yuan.png) no-repeat scroll center center; width: 215px; height: 215px; border-radius: 50%; background: none #e6b400; color: #fff; position: absolute; top: 50%; left: 50%; margin: -107px 0px 0px -107px; }
.serviceIbox .iboxT .t { padding-top: 66px; font-size: 30px; color: #fff; }
.serviceIbox .iboxT .line2 { width: 100%; }
.serviceIbox .iboxT .line2 .xian { background-color: #fff; }
.serviceIbox .iboxT .line2 .txt { background-color: #e6b400; color: #fff; padding: 0px 8px; }
.serviceIbox .img:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.serviceIbox .img:hover .black-30 { opacity: 1; visibility: visible; }
.serviceIbox .img:hover .iboxT { -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: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.joinIbox { padding: 70px 0px 55px; }
.joinIbox .iboxT { text-align: left; margin-bottom: 35px; }
.joinIbox .iboxT .t { color: #4c4c4c; }
.joinIbox .ts { font-style: italic; }
.joinIForm { margin-bottom: 25px; padding-right: 168px; position: relative; }
.joinIForm .jtxt { border: 0px none; background-color: #f4f4f4; width: 27.33%; padding: 20px 2%; margin: 0px 2% 0px 0px; float: left; display: block; height: 20px; line-height: 20px; }
.joinIForm .jbtn { position: absolute; right: 0px; top: 0px; height: 60px; line-height: 60px; text-align: center; color: #fff; background-color: #EE3124; width: 168px; }
.joinIForm .jbtn:hover { background-color: #EE3124; }
input.jtxt:focus { background-color: #dcdada; }
/*index style end*/
/*about style*/
.w1132 { width: 1132px; margin: 0px auto; }
.aboutNav { width: 1000px; margin: 0px auto; }
.aboutNav a:link, .aboutNav a:visited { color: #5c5c5c; }
.aboutNav a:active, .aboutNav a:hover { color: #fff; }
.aboutNav ul { margin-top: -78px; position: relative; z-index: 5; }
.aboutNav li { float: left; display: block; width: 25%; }
.aboutNav a { width: 161px; height: 161px; display: block; margin: 0px auto; font-size: 18px; text-align: center; position: relative; }
.aboutNav .y1, .aboutNav .y2 { background: url(../images/y3.png) no-repeat scroll center center; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.aboutNav .y2 { background-image: url(../images/y2.png); opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.aboutNav .con { padding-top: 25%; position: relative; z-index: 3; }
.aboutNav .ico { background: url(../images/ico2.png) no-repeat; width: 40px; height: 40px; display: block; margin: 0px auto 5px; }
.aboutNav .i1 { background-position: 0px 0px; }
.aboutNav .i2 { background-position: -40px 0px; }
.aboutNav .i3 { background-position: -80px 0px; }
.aboutNav .i4 { background-position: -120px 0px; }
.aboutNav a:hover .i1 { background-position: 0px -40px; }
.aboutNav a:hover .i2 { background-position: -40px -40px; }
.aboutNav a:hover .i3 { background-position: -80px -40px; }
.aboutNav a:hover .i4 { background-position: -120px -40px; }
.aboutNav a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutNav a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.aboutNav a:hover .ico { -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: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.aboutPage1 { padding: 50px 0px 80px 0; }
.pboxT { text-align: center; margin-bottom: 60px; }
.pboxT .t { font-size: 38px; color: #4b4b4b; font-weight: bold; line-height: 1.2; margin-bottom: 20px; }
.pboxT .by { font-size: 20px; color: #333333; }
.pboxT .byEn { font-size: 14px; color: #d5d5d5; font-style: italic; }
.pageC a:link, .pageC a:visited { color: #F4CD34; }
.pageC a:active, .pageC a:hover { color: #EE3124; }
.pageC img { max-width: 100%; }
.pageC { font-size: 14px; color: #727272; }
.f18 { font-size: 18px; }
.about-t { font: italic 30px/1.4 arial, helvetica, sans-serif; font-weight: bold; }
.pageDL dd { float: left; display: block; width: 46%; line-height: 2; color: #727272;}
.pageDL dd.item1 { border-right: 1px solid #ccc; padding-right: 4%; }
.pageDL dd.item2 { padding-left: 4%; width: 45%; }
.u-arrow-box { width: 31px; height: 33px; display: block; margin: 0px auto; }
.u-arrow { background: url(../images/u_arrow.png) no-repeat; width: 21px; height: 12px; display: block; }
.u-arrow3 { animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow2 { animation-delay: 300ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow1 { animation-delay: 600ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 12px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 12px, 0px); }
}

@-ms-keyframes arrow {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(0px, 12px, 0px); }
}

.about-t2 .cul-by { text-transform: uppercase; color: #000000; font: italic bold 30px/1.2 arial,helvetica,sans-serif; }
.about-t2 .cul-en { font: italic 22px/1.4 arial, helvetica, sans-serif; font-weight: bold; color: #d5d5d5; }
.about-t2 .cul-zh { font-size: 30px; padding: 10px 0px 15px 0; color: #4B4B4B; }
.about-t2 .cul-i { color: #727272; margin-bottom: 42px; line-height: 2;}
.about-t2 .bot { width: 30px; display: block; height: 3px; background-color: #EE3124; }
.cultureTbox { padding: 80px 0px 55px; text-align: center; }
.cultureTbox .cul-zh { padding: 10px 0px 15px 0; }
.twoCultrue dd { float: left; display: block; position: relative; width: 50%; *width: 49.99%; overflow: hidden; }
.twoCultrue .img { width: 100%; display: block; }
.twoCultrue .yellow_80 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); opacity: 0; visibility: hidden; }
.twoCultrue .con { width: 100%; height: 70%; position: absolute; left: 0px; top: 25%; text-align: center; color: #fff; font-size: 14px; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by { color: #FFFFFF; font: 20px/1.4 "futura_lightregular","times new roman","microsoft yahei"; }
.twoCultrue .by1 { text-transform: uppercase; margin-bottom: 4%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .txt { font-size: 20px; color: #FFFFFF; padding: 12px 0px; display: block; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .bot { width: 22px; margin: 0px auto; display: block; height: 2px; background-color: #FFFFFF; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by2 { color: #fff; text-transform: uppercase; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; opacity: 0; visibility: hidden; }
.twoCultrue .c { width: 90%; margin: 0px auto; height: 50px; overflow: hidden; display: none; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .lico { border: 2px solid #fff; width: 96%; height: 90%; position: absolute; left: 2%; bottom: 5%; transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0; visibility: hidden; }
.twoCultrue dd:hover .con { top: 16%; }
.twoCultrue dd:hover .yellow_80 { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.twoCultrue dd:hover .by1 { opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden; }
.twoCultrue dd:hover .by2 { opacity: 1; margin: 3% auto 6%; visibility: visible; }
.twoCultrue dd:hover .t .bot1 { visibility: hidden; opacity: 0; }
.twoCultrue dd:hover .t .txt { padding: 0px 0px 12px; color: #fff; }
.twoCultrue dd:hover .t .bot { background-color: #fff; }
.twoCultrue dd:hover .c { display: block; }
.twoCultrue dd:hover .lico { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.historyPage {padding: 80px 0px;overflow: hidden;}
.historyPage dd { float: left; display: block; }
.historyPage .titem { width: 26%; padding-left: 2%; }
.historyPage .citem {width: 100%;height: 426px;margin-top: 20px;position: relative;}
.hisBot { position: absolute; left: 0px; width: 100%; display: block; top: 50%; height: 2px; background-color: #6BB150; margin-top: -1px; }
.historyDemo .item { width: 100%; height: 426px; position: relative; }
.historyDemo .xian { background: url(../images/h_i2.png) no-repeat scroll left top; width: 38px; height: 190px; position: absolute; left: 0px; }
.historyDemo .dian { background: url(../images/h_i1.png) no-repeat; width: 11px; height: 11px; position: absolute; left: -6px; }
.historyDemo .year {font-weight: 400;font-size: 32px;line-height: 1.5;color: #E9742B;margin-bottom: 5px;}
.historyDemo .b {font-size: 18px;line-height: 1.4;color: #6BB150;margin-bottom: 7px;}
.historyDemo .c {font-size: 14px;line-height: 1.8;color: #373737;}
.historyDemo .hitem1, .historyDemo .hitem2, .historyDemo .hitem3, .historyDemo .hitem4 { padding-left: 50px; }
.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian { bottom: -6px; }
.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian { top: -6px; }
.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian { bottom: 0px; }
.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian { top: 0px; background: url(../images/h_i5.png) no-repeat scroll left bottom; }
.historyDemo .hitem2 .xian { height: 154px; }
.historyDemo .hitem3 .xian { height: 110px; }
.historyDemo .hitem4 .xian { height: 68px; }
.historyDemo .hitem1 { position: absolute; left: 5%; height: 212px; top: 0px; width: 38%; }
.historyDemo .hitem2 { position: absolute; left: 55%; height: 172px; top: 40px; width: 38%; }
.historyDemo .hitem3 { position: absolute; left: 25%; padding-top: 88px; height: 124px; top: 212px; width: 38%; }
.historyDemo .hitem4 { position: absolute; left: 70%; padding-top: 48px; height: 164px; top: 212px; width: 25%; }
.historyDemo .slick-arrow { width: 48px; height: 48px; display: block; background: url(../images/h_btn_bg.png) no-repeat scroll left top; top: 50%;  z-index: 100; }
.historyDemo .slick-arrow i{ width: 40px; height: 40px; display: block; margin: 4px auto;}
.historyDemo .slick-prev{ left: -24px; }
.historyDemo .slick-next { right: -24px;}
.historyDemo .slick-prev i{-webkit-animation: start1 1s infinite ease-in-out; -moz-animation: start1 1s infinite ease-in-out; animation: start1 1s infinite ease-in-out;background: url(../images/h_btn_l.png) no-repeat scroll left center;}
.historyDemo .slick-next i{-webkit-animation: start 1s infinite ease-in-out; -moz-animation: start 1s infinite ease-in-out; animation: start 1s infinite ease-in-out;background: url(../images/h_btn_r.png) no-repeat scroll left center; }
@-webkit-keyframes start {
    0%,30% { opacity: 0; -webkit-transform: translate(-8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(10px,0px); }
}
@-moz-keyframes start {
    0%,30% { opacity: 0; -moz-transform: translate(-8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(10px,0px); }
}
@keyframes start {
    0%,30% { opacity: 0; transform: translate(-8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(10px,0px); }
}
@-webkit-keyframes start1 {
    0%,30% { opacity: 0; -webkit-transform: translate(8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(-10px,0px); }
}
@-moz-keyframes start1 {
    0%,30% { opacity: 0; -moz-transform: translate(8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(-10px,0px); }
}
@keyframes start1 {
    0%,30% { opacity: 0; transform: translate(8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(-10px,0px); }
}
.honorPage { padding: 60px 0px; }
.honorPage .about-t2 { text-align: center; margin-bottom: 50px; }
.honorPage .about-t2 .bot { margin: 0px auto; }
.honorDemo { width: 1172px; margin: 0px auto; overflow: hidden; }
.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; }
.itemLink .filler2 { background-color: #EE3124; z-index: 5; }
.itemLink .filler2-left { width: 5px; height: 0%; left: 0%; top: 0%; }
.itemLink .filler2-right { width: 5px; height: 0%; right: 0%; bottom: 0%; }
.itemLink .filler2-top { width: 0%; height: 5px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink .filler2-bottom { width: 0%; height: 5px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink:hover .filler2-left { height: 100%; }
.itemLink:hover .filler2-right { height: 100%; }
.itemLink:hover .filler2-top { width: 100%; }
.itemLink:hover .filler2-bottom { width: 100%; }
.honorDemo .itemLink { display: block; position: relative; }
.honorDemo .itemLink .img { border: 5px solid #f4f4f4; }
.honorDemo .itemLink .img img { width: 100%; display: block; }
.honorDemo ul { margin-left: -2%; }
.honorDemo .item { display: block; /*padding: 0px 25px;*/ float: left; display: block; width: 23%; margin: 0px 0px 58px 2%; }
.onumBox { width: 198px; height: 50px; line-height: 50px; margin: 0px auto; position: relative; font-size: 29px; font-style: italic; color: #4b4b4b; text-align: center; font-family: arial, helvetica, sans-serif; }
.onumBox .owlp-prev, .onumBox .owlp-next { background-size: cover; border: 2px solid #4b4b4b; display: block; position: absolute; top: 0px; width: 46px; height: 46px; }
.onumBox .owlp-prev { background: url(../images/prev2.png) no-repeat scroll center center; left: 0px; }
.onumBox .owlp-next { background: url(../images/next2.png) no-repeat scroll center center; right: 0px; }
.onumBox .ovnum { color: #EE3124; }
.onumBox .owlp-prev:hover, .onumBox .owlp-next:hover { border-color: #EE3124; background-color: #fff; }
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #EE3124; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/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: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/img_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/img_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #EE3124; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { /* background-color: #666666; */ }
/*about style end*/




.welcome-text {
    margin: 0 auto;
    max-width: 745px;
    margin-bottom: 40px;
}
.welcome-text h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    color: #333;
}
.welcome-text i{display:block;width: 45px;height: 2px;background-color: #0070bd;margin: 20px auto;}