@charset "utf-8";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0px;
     border: 0;
     font-size: 100%;
     outline: none;
}
 html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     overflow-x: hidden;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 strong {
     font-weight: bold;
}
 input {
     outline: none;
}
 img {
     border: 0;
}
 input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
     -webkit-appearance: none;
     border-radius: 0;
}
 textarea {
     -webkit-appearance: none;
     border-radius: 0;
}
 ::-moz-selection {
     background: #ccc;
     color: #fff;
     text-shadow: none;
}
 ::selection {
     background: #ccc;
     color: #fff;
     text-shadow: none;
}
 a {
     text-decoration: none;
     blr: expression(this.onFocus=this.blur());
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}

 .filler {
     position: fixed;
     display: block;
     -webkit-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
     -moz-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
     -o-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
     transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
     z-index: 1100;
}
 .filler {
     background:none;
}
 .filler-left {
     width: 2px;
     height: 0%;
     left: 20px;
     bottom: 20px;
}
 .filler-right {
     width: 2px;
     height: 0%;
     right: 20px;
     top: 20px;
}
 .filler-top {
     width: 0%;
     height: 2px;
     left: 20px;
     top: 20px;
}
 .filler-bottom {
     width: 0%;
     height: 2px;
     right: 20px;
     bottom: 20px;
}
 .logo {
    background: url(../images/logo1.png) no-repeat;
    width: 224px;
    height: 104px;
    position: fixed;
    left: 20px;
    top: 20px;
    display: block;
    z-index: 999;
    color: #fff;
}
 .pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo {
     background: url(../images/logo1.png);
}
 .open .logo {
     background-image: url(../images/logo1.png);
}
 .menu {
width: 100px;
height: 60px;
position: fixed;
right: 20px;
top: 20px;
color: #009572;
font-size: 16px;
line-height: 50px;
z-index: 1100;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
 .menu-handler {
     width: 60px;
     height: 50px;
     cursor: pointer;
     position: relative;
     float: right;
     transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
     -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
     -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);

}




.menu .active
{

}

 .menu-handler .burger {
     width: 20px;
     height: 3px;
     background: #fff;
     display: block;
     position: absolute;
     z-index: 5;

     top: 14px;
     left: 50%;
     margin: 5px 0px 0px -10px;
     transform-origin: center;
     -webkit-transform-origin: center;
     -moz-transform-origin: center;
     -o-transform-origin: center;
     -ms-transform-origin: center;
}
 .menu-handler .burger-2 {
     top: 21px;
}
 .menu-handler .burger-3 {
     top: 28px;
}
 .menu-handler.active .burger-1 {
     top: 21px;
     background:#333;
     -moz-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     -o-transform: rotate(225deg);
     -ms-transform: rotate(225deg);
     transform: rotate(225deg);
}
 .menu-handler.active .burger-2 {
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     filter: alpha(opacity=0);
     opacity: 0;
     -moz-opacity: 0;
     -khtml-opacity: 0;
     -webkit-opacity: 0;
}
 .menu-handler.active .burger-3 {
     top: 21px;
          background:#333;
     -moz-transform: rotate(-225deg);
     -webkit-transform: rotate(-225deg);
     -o-transform: rotate(-225deg);
     -ms-transform: rotate(-225deg);
     transform: rotate(-225deg);
}
 .menuBox {
     position: fixed;
     z-index: 1090;
     background-color: #fff;
     left: 0px;
     top: 0px;
     width: 100%;
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
     height: 0px;
     overflow: hidden;
     box-sizing: border-box;
}
 .open .menuBox {
height: 380px;
padding: 50px 0px 0px;
}


.nav_logo
{
width: 224px;
height: 104px;
position: absolute;
left: 56px;
top: 60px;
display: block;
z-index: 99;
color: #fff;
}

 .nav {
width: 1200px;
margin-left: 420px;
}
 .nav dd {
float: left;
display: block;
font-size: 16px;
width: 190px;

}
 .nav dd.lin4 {

}
 .nav a:link, .nav a:visited {
     color: #7f7f7f;
}
 .nav a:active, .nav a:hover {
     color: #000;
}
 .nav dd .t a {
     color: #555555;
     font-family:NotoSansHans-Bold;
     font-size: 14px;
}

#nav .subnav a
{
font-family:NotoSansHans-Medium;
font-size:14px;
}

 .nav dd .t a:hover {
     color: #000;
}
 .nav dd .t {
     font-size: 20px;
     margin-bottom: 20px;
}
 .nav dd .subnav li {
     margin-bottom: 5px;
}
 .nav dd .subnav a:hover {
     margin-left: 5px;
}
 .menubot a:link, .menubot a:visited {
     color: #009572;
}
 .menubot a:active, .menubot a:hover {
     color: #555;
}
 .menubot {
     width: 950px;
     margin: 0px auto;
     font-size: 15px;
     line-height: 36px;
}
 .no-csstransforms .nav {
     margin-bottom: 20px;
}
 .no-csstransforms .nav dd {
     font-size: 14px;
}
 .no-csstransforms .nav dd .t {
     font-size: 16px;
     margin-bottom: 15px;
}
 .menulink a {
     margin-right: 60px;
}
 .menuMobileBox {
     position: fixed;
     left: 0px;
     top: 0%;
     width: 100%;
     height: 0%;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     z-index: 10006;
     background-color: #fff;
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
}
 .menuclose {
     width: 48px;
     height: 48px;
     display: block;
     position: absolute;
     right: 9px;
     top: 9px;
     cursor: pointer;
}
 .menuclose:hover {
     background-color: #009572;
}
 .menuclose:hover i {
     background-color: #fff;
}
 .menuclose i {
     width: 30px;
     height: 2px;
     background-color: #060606;
     position: absolute;
     left: 9px;
     top: 24px;
}
 .menuclose .i1 {
     -moz-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     -o-transform: rotate(225deg);
     -ms-transform: rotate(225deg);
     transform: rotate(225deg);
}
 .menuclose .i2 {
     -moz-transform: rotate(-225deg);
     -webkit-transform: rotate(-225deg);
     -o-transform: rotate(-225deg);
     -ms-transform: rotate(-225deg);
     transform: rotate(-225deg);
}
 .mobileLogo {
     padding: 24px 0px 0px;
     text-align: center;
     width: 250px;
     margin: 0px auto;
     display: block;
     transition: 600ms ease 200ms;
     -webkit-transition: 600ms ease 200ms;
}
 .mobileLogo img {
     width: 100%;
     display: block;
}
 .navMobile {
     padding: 60px 0px 40px;
}
 .navMobile dd {
     display: block;
     width: 100%;
     text-align: center;
}
 .navMobile dd p a {
     text-transform: uppercase;
     font-size: 25px;
     position: relative;
     transition: 600ms ease 350ms;
     -webkit-transition: 600ms ease 350ms;
     opacity: 0;
}
 .navMobile dd a {
     display: block;
     font-size: 16px;
     padding: 5px 0px;
     color: #7f7f7f;
     -webkit-transition: 0s;
     -moz-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
}
 .navMobile dd a:hover, .navMobile dd p a.cur {
     background: none #009572;
     color: #fff;
}
 .navMobile dd a:active {
     background-color: #84c598;
     color: #fff;
}
 .navMobile dd .msubnav {
     background-color: #fafafa;
     display: none;
     padding: 15px 0px;
}
 .navMobile dd .msubnav a {
     color: #8d8d8d;
     position: relative;
     background: transparent;
}
 .msharpT {
     font-size: 14px;
     text-align: center;
     margin-bottom: 16px;
     opacity: 0;
     transition: 600ms ease 400ms;
     -webkit-transition: 600ms ease 400ms;
}
 .msharpT span {
     color: #000;
}
 .menuMobileBox .sharpBox {
     float: none;
     display: block;
     width: 165px;
     padding-left: 20px;
     margin: 0px auto;
     height: 35px;
     opacity: 0;
     transition: 600ms ease 400ms;
     -webkit-transition: 600ms ease 400ms;
}
 .menuMobilelink {
     padding: 35px 0px;
     text-align: center;
     font-size: 16px;
     opacity: 0;
     transition: 600ms ease 450ms;
     -webkit-transition: 600ms ease 450ms;
}
 .menuMobilelink a {
     margin: 0px 15px;
}
 .menuMobilelink a:link, .menuMobilelink a:visited {
     color: #009572;
}
 .menuMobilelink a:active, .menuMobilelink a:hover {
     color: #555;
}
 .content {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
}
 .ibox {
     position: relative;
     width: 100%;
     height: 100%;
}
 .page {
     width: 100%;
     height: 100%;
     background-color: rgb(34,34,34);
     overflow: hidden;
     position:relative;
}
 .bg {
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     position: relative;
     overflow: hidden;
}
 .bg2 {
      background-image: url(../images/2d1d41fa-1c38-4637-8025-627b077cef06.jpg);
    /*background-attachment: fixed;
    */
}
 .bg31 {
     background-image: url(../images/pimg1.jpg);
    /*background-attachment: fixed;
    */
}
 .bg32 {
     background-image: url(../images/pimg2.jpg);
    /*background-attachment: fixed;    */

}


 

 .bg4 {
     background-image: url(../images/banner4.jpg);
    /*background-attachment: fixed;
    */
}
 .bg5 {
     background-image: url(../images/banner5.jpg);
    /*background-attachment: fixed;
    */
}




 .bg61 {
     background-image: url(../images/banner6.jpg);
    /*background-size: 951px 447px;
    */
}
 .bg62 {
     background-image: url(../images/banner7.jpg);
    /*background-size: 951px 890px;
    */
}
 .bg63 {
     background-image: url(../images/banner8.jpg);
    /*background-size: 951px 890px;
    */
}
 .linBox {
     float: left;
     display: block;
     width: 50%;
     *width: 49.99%;
     height: 100%;
     display: block;
}
 .footBox a:link, .footBox a:visited {
     color: #646464;
}
 .footBox a:active, .footBox a:hover {
     color: #222;
}
 .footBox {
     background-color: #f3f3f3;
     padding: 38px 5% 0px;
     color: #959595;
     width: 90%;
     position: relative;
     z-index: 2;
}
 .linkDL {
     padding-bottom: 30px;
}
 .linkDL dd {
     float: right;
     display: block;
     font-size: 14px;
     width: 36%;
}
 .linkDL dd.lin2 {
     width: 18%;
}
 .linkDL dd.lin2 .t {
     color: #646464;
     margin-bottom: 25px;
     text-transform: uppercase;

    ;
}
 .linkDL dd.lin1 {
     color: #787878;
}
 .linkDL dd.lin1 .pk {
     margin-bottom: 25px;
}
 .linkDL dd.lin1 .br {
     display: block;
}
 .linkDL dd.lin0 {
     width: 46%;
     display: block;
}
 .footnav {
     text-align: right;
     padding-top: 80px;
}
 .footnav span {
     padding: 0px 10px;
     color: #b4b4b4;
}
 .sharpBox {
     float: right;
}
 .sharpBox a {
     width: 35px;
     height: 35px;
     background: url(../images/sharp.png) no-repeat;
     display: block;
     float: left;
     margin-left: 20px;
     position: relative;
     top: 0;
}
 .sharpBox a.i1 {
     background-position: 0px 0px;
}
 .sharpBox a.i2 {
     background-position: -54px 0px;
}
 .sharpBox a.i3 {
     background-position: -110px 0px;
}
 .sharpBox a.i4 {
     background-position: -162px 0px;
}
 .sharpBox a.i5 {
     background-position: -218px 0px;
}
 .sharpBox a.i6 {
     background-position: -267px 0px;
}
 .sharpBox a:hover {
     top: -10px;
}
 .sharpBox .lt {
     font-size: 14px;
     color: #7f7f7f;
     float: left;
}
 .top {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     z-index: 999;
     height: 142px;
}
 .topfix {
     height: 90px;
     background-color: #f8f8f8;
     background-color: rgba(255,255,255,0.9);
}
 .topfix .logo {
     background-image: url(..../images/logo1.png);
     top: 10px;
}
 .topLogo .logo {
     background-image: url(..../images/logo1.png);
}
 .topLogo2 .menu {
     color: #fff;
}
 .topfix .menu {
     top: 21px;
     color: #009572;
}
 .pagenavBox {
     height: 38px;
}
 .pagenav {
     background-color: #009572;
     width: 100%;
}
 .pagenav a {
     display: block;
     float: left;
     width: 25%;
     text-align: center;
     color: #fff;
     font-size: 14px;
     box-sizing: border-box;
     height: 38px;
     line-height: 38px;
}
 .pagenav2 a {
     width: 20%;
     border-right: 0px none;
}
 .pagenav a:hover, .pagenav a.act {
     background-color: #0db78f;
}
 .cpnav {
     display: none;
     width: 100%;
     color: #FFF;
     line-height: 50px;
     height: 50px;
     overflow: hidden;
     text-align: center;
     font-size: 14px;
     background: #009572;
     cursor: pointer;
}
 .caret {
     display: inline-block;
     width: 0px;
     height: 0px;
     margin-left: 10px;
     vertical-align: middle;
     border-top: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
}
 .fixed {
     position: fixed;
     left: 0px;
     top: 0px;
     z-index: 970;
}
 .pagenav.fixed {
     top: 90px;
}
 .backTop {
     background: url(../images/backtop.png) no-repeat;
     width: 47px;
     height: 47px;
     position: fixed;
     right: 24px;
     bottom: -50px;
     z-index: 999;
     -webkit-transition: 0s;
     -moz-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
}
/* Slider */
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-loading .slick-list {
     background: #00865e url(../images/loader.gif) center center no-repeat;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block;
     zoom: 1;
}
 .slick-track:before, .slick-track:after {
     content: "";
     display: table;
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
/* Arrows */
 .slick-prev, .slick-next {
     position: absolute;
     display: block;
     height: 20px;
     width: 20px;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     background: transparent;
     color: transparent;
     padding: 0;
     border: none;
     outline: none;
}
/* Dots */
 .slick-dots {
     position: absolute;
     bottom: -45px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0px;
     width: 100%;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     height: 20px;
     width: 20px;
     margin: 0px 5px;
     padding: 0px;
     cursor: pointer;
}
 .slick-dots li button {
     border: 0;
     background: transparent;
     display: block;
     height: 20px;
     width: 20px;
     outline: none;
     line-height: 0;
     font-size: 0;
     color: transparent;
     padding: 5px;
     cursor: pointer;
     outline: none;
}
 .slick-dots li button:focus {
     outline: none;
}
/* * Core Owl Carousel CSS File * v1.3.3 */
/* clearfix */
 .owl-carousel .owl-wrapper:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
/* display none until init */
 .owl-carousel {
     display: none;
     position: relative;
     -ms-touch-action: pan-y;
}
 .owl-carousel .owl-wrapper {
     display: none;
     position: relative;
     -webkit-transform: translate3d(0px, 0px, 0px);
}
 .owl-carousel .owl-wrapper-outer {
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}
 .owl-carousel .owl-item {
     float: left;
}
 .owl-controls .owl-page, .owl-controls .owl-buttons div {
     cursor: pointer;
}
 .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
 .grabbing {
     cursor: url(grabbing.png) 8 8, move;
}
/* fix */
 .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
}
/* * Owl Carousel Owl Demo Theme * v1.3.3 */
 .owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center;
}
/* Styling Next and Prev buttons */
 .owl-theme .owl-controls .owl-buttons div {
     color: #FFF;
     display: inline-block;
     zoom: 1;
     *display: inline;
    /*IE7 life-saver */
     margin: 5px;
     padding: 3px 10px;
     font-size: 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background: #869791;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
 .owl-theme .owl-controls.clickable .owl-buttons div:hover {
     filter: Alpha(Opacity=100);
    /*IE7 fix*/
     opacity: 1;
     text-decoration: none;
}
/* Styling Pagination*/
 .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
    /*IE7 life-saver */
}
 .owl-theme .owl-controls .owl-page span {
     display: block;
     width: 12px;
     height: 12px;
     margin: 5px 7px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
}
/* If PaginationNumbers is true */
 .owl-theme .owl-controls .owl-page span.owl-numbers {
     height: auto;
     width: auto;
     color: #FFF;
     padding: 2px 10px;
     font-size: 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
}
/* preloading images */
 .owl-item.loading {
     min-height: 150px;
     background: url(../images/ajaxloader.gif) no-repeat center center;
}
/* * Owl Carousel CSS3 Transitions * v1.3.2 */
 .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px;
}
/* fade */
 .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease;
}
 .owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease;
}
/* backSlide */
 .owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut 1s both ease;
     animation: backSlideOut 1s both ease;
}
 .owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease;
}
/* goDown */
 .owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both;
}
 .owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both;
}
/* scaleUp */
 .owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both;
}
 .owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
 @-webkit-keyframes empty {
     0% {
         opacity: 1;
    }
}
 @-moz-keyframes empty {
     0% {
         opacity: 1;
    }
}
 @keyframes empty {
     0% {
         opacity: 1;
    }
}
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-moz-keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-webkit-keyframes backSlideOut {
     25% {
         opacity: .5;
         -webkit-transform: translateZ(-500px);
    }
     75% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(-200%);
    }
     100% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
 @-moz-keyframes backSlideOut {
     25% {
         opacity: .5;
         -moz-transform: translateZ(-500px);
    }
     75% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(-200%);
    }
     100% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
 @keyframes backSlideOut {
     25% {
         opacity: .5;
         transform: translateZ(-500px);
    }
     75% {
         opacity: .5;
         transform: translateZ(-500px) translateX(-200%);
    }
     100% {
         opacity: .5;
         transform: translateZ(-500px) translateX(-200%);
    }
}
 @-webkit-keyframes backSlideIn {
     0%, 25% {
         opacity: .5;
         -webkit-transform: translateZ(-500px) translateX(200%);
    }
     75% {
         opacity: .5;
         -webkit-transform: translateZ(-500px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateZ(0) translateX(0);
    }
}
 @-moz-keyframes backSlideIn {
     0%, 25% {
         opacity: .5;
         -moz-transform: translateZ(-500px) translateX(200%);
    }
     75% {
         opacity: .5;
         -moz-transform: translateZ(-500px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateZ(0) translateX(0);
    }
}
 @keyframes backSlideIn {
     0%, 25% {
         opacity: .5;
         transform: translateZ(-500px) translateX(200%);
    }
     75% {
         opacity: .5;
         transform: translateZ(-500px);
    }
     100% {
         opacity: 1;
         transform: translateZ(0) translateX(0);
    }
}
 @-webkit-keyframes scaleToFade {
     to {
         opacity: 0;
         -webkit-transform: scale(.8);
    }
}
 @-moz-keyframes scaleToFade {
     to {
         opacity: 0;
         -moz-transform: scale(.8);
    }
}
 @keyframes scaleToFade {
     to {
         opacity: 0;
         transform: scale(.8);
    }
}
 @-webkit-keyframes goDown {
     from {
         -webkit-transform: translateY(-100%);
    }
}
 @-moz-keyframes goDown {
     from {
         -moz-transform: translateY(-100%);
    }
}
 @keyframes goDown {
     from {
         transform: translateY(-100%);
    }
}
 @-webkit-keyframes scaleUpFrom {
     from {
         opacity: 0;
         -webkit-transform: scale(1.5);
    }
}
 @-moz-keyframes scaleUpFrom {
     from {
         opacity: 0;
         -moz-transform: scale(1.5);
    }
}
 @keyframes scaleUpFrom {
     from {
         opacity: 0;
         transform: scale(1.5);
    }
}
 @-webkit-keyframes scaleUpTo {
     to {
         opacity: 0;
         -webkit-transform: scale(1.5);
    }
}
 @-moz-keyframes scaleUpTo {
     to {
         opacity: 0;
         -moz-transform: scale(1.5);
    }
}
 @keyframes scaleUpTo {
     to {
         opacity: 0;
         transform: scale(1.5);
    }
}
 .flex-direction-nav {
     *height: 0;
}
 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 40px;
     height: 40px;
     margin: -20px 0 0;
     position: absolute;
     top: 50%;
     z-index: 10;
     overflow: hidden;
}
 .flex-direction-nav .flex-prev {
     left: -50px;
}
 .flex-direction-nav .flex-next {
     right: -50px;
}
 .flex-pauseplay a {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     bottom: 5px;
     left: 10px;
     opacity: 0.8;
     z-index: 10;
     overflow: hidden;
     cursor: pointer;
     color: #000;
}
 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: -40px;
     text-align: center;
}
 .flex-control-nav li {
     margin: 0 6px;
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .flex-control-paging li a {
     width: 11px;
     height: 11px;
     display: block;
     background: #666;
     cursor: pointer;
     text-indent: -9999px;
}
 .flex-control-paging li a:hover {
     background: #333;
}
 .flex-control-paging li a.flex-active {
     background: #000;
     cursor: default;
}
 .flex-control-thumbs {
     margin: 5px 0 0;
     position: static;
     overflow: hidden;
}
 .flex-control-thumbs li {
     width: 25%;
     float: left;
     margin: 0;
}
 .flex-control-thumbs img {
     width: 100%;
     height: auto;
     display: block;
     opacity: .7;
     cursor: pointer;
     -moz-user-select: none;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
}
 .flex-control-thumbs img:hover {
     opacity: 1;
}
 .flex-control-thumbs .flex-active {
     opacity: 1;
     cursor: default;
}
/*video*/
 .vwrap {
     display: none;
     z-index: 1040;
     width: 100%;
     position: fixed;
}
 .vwrap .videobtg {
     z-index: 900;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: #000;
     opacity: 0.8;
     filter: alpha(opacity=80);
     overflow: hidden;
}
 .vwrap .videobox {
     z-index: 990;
     width: 800px;
     height: 500px;
     background-color: #fff;
     position: fixed;
     left: 50%;
     top: 50%;
     margin-top: -250px;
     margin-left: -400px;
}
 .vwrap .videobox #videobox {
     width: 100%;
     display: inline-block;
     height: 100%;
     background: #80abde;
}
 #videobox_wrapper {
     height: 100%!important;
}
 .vwrap .close {
     z-index: 999;
     width: 36px;
     height: 36px;
     background-color: #009470;
     cursor: pointer;
     position: absolute;
     top: -36px;
     right: 0px;
}
 .vwrap .close i {
     display: block;
     width: 36px;
     height: 36px;
     background: url(../images/closebtn.png) no-repeat 50% 50%;
     -webkit-transition: 400ms;
     transition: 400ms;
}
 .vwrap .close:hover i {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 #videobox_display_button {
     background: none no-repeat!important;
}
 .jwplayer .jwicon {
     opacity: 0.8;
     filter: alpha(opacity=80);
     cursor: pointer;
     background: url(../images/vico2.png) no-repeat!important;
     width: 51px!important;
     height: 51px!important;
     -webkit-transition: 100ms;
     -moz-transition: 100ms;
     -ms-transition: 100ms;
     transition: 100ms;
}
 .jwplayer .jwicon:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .jwlogo, .jwclick {
     display: none!important;
}
/*video style end*/
/*base style end*/
/*index style*/
 #banner {
     position: relative;
     overflow: hidden;
}
 #banner .bg .bimg {
     position: relative;
     left: 0px;
     top: 0px;
     width: 100%;
     display: block;
}
 #banner .slick-dots {
     position: absolute;
     left: 45%;
     bottom: 8%;
     z-index: 100;
     width: auto;
}
 #banner .slick-dots li {
     margin: 0px 10px;
     position: relative;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: none;
     display: block;
     float: left;
     transition: 300ms;
     -webkit-transition: 300ms;
}
 #banner .slick-dots a {
width: 10px;
height: 10px;
overflow: hidden;
display: block;
border-radius: 50%;
position: absolute;
left: 0px;
bottom: 0px;
background: none;
border: 1px #fff solid;
font-size: 0px;
}
 #banner .slick-dots li.slick-active {
     background: #fff;
     border-radius: 50%;
}
 #banner .slick-dots li.slick-active a {
     background-color: #fff;
border-radius: 50%;
}
 .box2inner {
position: absolute;
width: 986px;
height: 570px;
left: 50%;
top: 50%;
margin: -280px 0px 0px -493px;
z-index: 10;
perspective: 1500px;
transform-style: preserve-3d;
}
 .box2T {
     width: 217px;
     height: 184px;
     position: absolute;
     left: 0px;
     top: 130px;
     color: #009572;
}
 .box2T .t {
     font: bold 40px/1 arial, helvetica, sans-serif;
     text-transform: uppercase;
     margin-bottom: 12px;
}
 .box2T .c {
     line-height: 1.5;
     text-align: justify;
     height: 90px;
     color: #fff;
     text-indent: 2em;
}
 .disappear .box2inner .item {
     opacity: 0;
}
 .box2inner .item {
     position: absolute;
     top: 0px;
     width: 121px;
     height: 121px;
     perspective: 1000px;
     transform-style: preserve-3d;
     cursor: pointer;
}
 .box2inner .item div {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
}
 .box2inner .item .bg {
     padding-top: 60%;
     height: 40%;
     text-align: center;
     color: #fff;
     font-size: 14px;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 4;
}
 .box2inner .item .black {
     background: url(../images/black_bg3.png) repeat;
     background: none rgba(0,0,0,0.3);
}
 .box2inner .item2 .black {
     background: url(../images/black_bg6.png) repeat;
     background: none rgba(0,0,0,0.6);
}
 .box2inner .item4 .black, .box2inner .item6 .black {
     background: url(../images/black_bg2.png) repeat;
     background: none rgba(0,0,0,0.2);
}
 .box2inner .item11 {
     background: url(../images/black_bg1.png) repeat;
     background: none rgba(0,0,0,0.1);
}
 .box2inner .item5 .black, .box2inner .item7 .black, .box2inner .item10 .black {
     background: url(../images/black_bg4.png) repeat;
     background: none rgba(0,0,0,0.4);
}
 .box2inner .item8 .black {
     background: url(../images/black_bg7.png) repeat;
     background: none rgba(0,0,0,0.7);
}
 .box2inner .item .gree {
     background-color: #009572;
     transform: rotateY(-90deg);
     -webkit-transform: rotateY(-90deg);
     transform-origin: 100% 50% 0;
     -webkit-transform-origin: 100% 50% 0;
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     opacity: 0;
}
 .no-csstransitions .box2inner .item .gree {
     visibility: hidden;
}
 .box2inner .item:hover .black {
     -webkit-transform-origin: 100% 50% 0;
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     opacity: 0;
}
 .box2inner .item:hover .gree {
     transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
     opacity: 1;
}
 .no-csstransitions .box2inner .item:hover .gree {
     visibility: visible;
}
 .box2inner .item1 {
     right: 363px;
}
 .box2inner .item2 {
     right: 605px;
     top: 121px;
}
 .box2inner .item3 {
     right: 484px;
     top: 121px;
}
 .box2inner .item4 {
     right: 242px;
     top: 121px;
}
 .box2inner .item5 {
     right: 0px;
     top: 121px;
}
 .box2inner .item6 {
     right: 605px;
     top: 242px;
}
 .box2inner .item7 {
     right: 363px;
     top: 242px;
}
 .box2inner .item8 {
     right: 242px;
     top: 242px;
}
 .box2inner .item9 {
     right: 121px;
     top: 242px;
}
 .box2inner .item10 {
     right: 242px;
     top: 363px;
}
 .box2inner .item11 {
     right: 121px;
     top: 121px;
}
 .box2inner .item1 .bg {
     background-image: url(../images/ip1.png);
}
 .box2inner .item2 .bg {
     background-image: url(../images/ip2.png);
}
 .box2inner .item3 .bg {
     background-image: url(../images/ip3.png);
}
 .box2inner .item4 .bg {
     background-image: url(../images/ip4.png);
}
 .box2inner .item5 .bg {
     background-image: url(../images/ip5.png);
}
 .box2inner .item6 .bg {
     background-image: url(../images/ip6.png);
}
 .box2inner .item7 .bg {
     background-image: url(../images/ip7.png);
}
 .box2inner .item8 .bg {
     background-image: url(../images/ip8.png);
}
 .box2inner .item9 .bg {
     background-image: url(../images/ip9.png);
}
 .box2inner .item10 .bg {
     background-image: url(../images/ip10.png);
}
 #s4 .linBox {
     position: relative;
     overflow: hidden;
}
 #s4 .linBox .txt {
position: absolute;
top: 45%;
left: 0px;
width: 580px;
text-align: center;
line-height: 1.2;
z-index: 5;
font-family: arial, helvetica, sans-serif;
opacity: 0;
transform: translate(80px,0px);
-webkit-transform: translate(80px,0px);
border: 5px #fff solid;
padding: 40px 0px;
left: 50%;
margin-left: -290px;
}
 #s4 .linBox .txt .t {
     font-size: 30px;
     text-transform: uppercase;
     transition: 300ms;
     font-family: mon;
     color: #fff;
     position: relative;
z-index: 9999;
     -webkit-transition: 300ms;
}
 #s4 .linBox .txt .t b {
     font-weight: normal;
     display: inline-block;
     margin: 0px 0px;
}

 #s4 .linBox .txt .t .zwzt
 {
font-family:微软雅黑;
font-size: 22px;
font-weight: bold;
 }
 

 #s4 .linBox .txt .bot {
     width: 580px;
     height: 102px;
     margin: 0px auto 4px;
     overflow: hidden;
     position: absolute;
     top: 0px;
}
 #s4 .linBox .txt .bot i {
     width: 580px;
     height: 100%;
     display: block;
background-color: rgba(112,112,112,0.6);
     transform: translate3d(-580px, 0px, 0px);
     -webkit-transform: translate3d(580px, 0px, 0px);
     transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     -webkit-transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
}
 .no-csstransitions #s4 .linBox .txt .bot i {
     visibility: hidden;
}
 #s4 .linBox .txt .i {
     font-size: 18px;
     transition: 300ms;
     -webkit-transition: 300ms;
}
 #s4 .linBox .blue {
     width: 100%;
     height: 100%;
background-color: rgba(0,0,0,0.7);
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 4;
     opacity: 0;
     -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
     -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
     -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
     -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
     transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}

 #s4 .linBox.hoves:hover .blue {
     opacity: 1;
}


 #s4 .black {
     background-color: rgb(34,34,34);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 6;
}
 #s4 .bg31 .black {
     -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s;
     -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s;
     -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .3s;
     transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s;
}
 #s4 .bg32 .black {
     -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
     -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
     -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .5s;
     transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
}
 #s4.active .black, #s4.m-active .black {
     width: 0;
}
 #s4.active .linBox .txt, #s4.m-active .linBox .txt {
     opacity: 1;
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     -moz-transition: all .5s ease .8s;
     -o-transition: all .5s ease .8s;
     -ms-transition: all .5s ease .8s;
     transition: all .5s ease .8s;
}

 #s4 .linBox.hoves:hover .txt .t, #s4 .linBox.hoves:hover .txt .i {
     color: #fff;
}
 #s4 .linBox.hoves:hover .txt .bot i {
     transform: translate3d(0px, 0px, 0px);
     -webkit-transform: translate3d(0px, 0px, 0px);
}
 #s4 .linBox.hoves:hover .txt .t b {
      transform: translate(0px,-10px);
     -webkit-transform: translate(0px,-10px);
}
 #s4 .linBox.hoves:hover .txt .i {
     transform: translate(0px,10px);
     -webkit-transform: translate(0px,10px);
}
 .tra1 {
     transition: 300ms ease 50ms;
     -webkit-transition: 300ms ease 50ms;
}
 .tra2 {
     transition: 300ms ease 100ms;
     -webkit-transition: 300ms ease 100ms;
}
 .tra3 {
     transition: 300ms ease 150ms;
     -webkit-transition: 300ms ease 150ms;
}
 .tra4 {
     transition: 300ms ease 200ms;
     -webkit-transition: 300ms ease 200ms;
}
 .tra5 {
     transition: 300ms ease 250ms;
     -webkit-transition: 300ms ease 250ms;
}
 .tra6 {
     transition: 300ms ease 300ms;
     -webkit-transition: 300ms ease 300ms;
}
 .tra7 {
     transition: 300ms ease 350ms;
     -webkit-transition: 300ms ease 350ms;
}
 .tra8 {
     transition: 300ms ease 400ms;
     -webkit-transition: 300ms ease 400ms;
}
 .tra9 {
     transition: 300ms ease 450ms;
     -webkit-transition: 300ms ease 450ms;
}
 .tra10 {
     transition: 300ms ease 500ms;
     -webkit-transition: 300ms ease 500ms;
}
 .tra11 {
     transition: 300ms ease 550ms;
     -webkit-transition: 300ms ease 550ms;
}
 .tra12 {
     transition: 300ms ease 650ms;
     -webkit-transition: 300ms ease 650ms;
}
 .tra13 {
     transition: 300ms ease 700ms;
     -webkit-transition: 300ms ease 700ms;
}
 .tra14 {
     transition: 300ms ease 750ms;
     -webkit-transition: 300ms ease 750ms;
}
 .tra15 {
     transition: 300ms ease 800ms;
     -webkit-transition: 300ms ease 800ms;
}
 .tra16 {
     transition: 300ms ease 850ms;
     -webkit-transition: 300ms ease 850ms;
}

 .tra17 {
     transition: 300ms ease 900ms;
     -webkit-transition: 300ms ease 900ms;
}
 .tra18 {
     transition: 300ms ease 950ms;
     -webkit-transition: 300ms ease 950ms;
}


 #s3 .ibox {
     -webkit-transform: perspective(300px) rotateX(-50deg);
     transform: perspective(300px) rotateX(-50deg);
     -webkit-transform-origin: center top 0;
     transform-origin: center top 0;
     transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
     -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
 #s3.active .ibox, #s3.m-active .ibox {
     -webkit-transform: perspective(300px) rotateX(0deg);
     transform: perspective(300px) rotateX(0deg);
     -webkit-transform-origin: center top 0;
     transform-origin: center top 0;
}
 .box4Ttx {
visibility: hidden;
opacity: 0;
background-color: rgba(160,160,160,0.8);
position: absolute;
left: 50%;
top: 50%;
width: 540px;
margin-top: -270px;
margin-left: -270px;
height: 540px;
padding: 0px;
transition: all 2s !important;
color: #a2a2a2;
-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms;
transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms;
}
 .box4Ttx p, .box4Ttx .more {
     opacity: 0;
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     *overflow: hidden;
}
 .box4Ttx .zh {
     color: #009572;
     font-size: 18px;
     transition: 300ms ease 850ms;
     -webkit-transition: 300ms ease 850ms;
}
 .box4Ttx .en {
     color: #009572;
     font-size: 30px;
     font-family: arial;
     text-transform: uppercase;
     line-height: 1.2;
     margin-bottom: 28px;
     transition: 300ms ease 1000ms;
     -webkit-transition: 300ms ease 1000ms;
}
 .box4Ttx .c {
     text-indent: 2em;
     color: #a2a2a2;
     font-size: 13px;
     height: 138px;
     margin-bottom: 50px;
     overflow: hidden;
     transition: 400ms ease 1250ms;
     -webkit-transition: 400ms ease 1250ms;
}
 .box4Ttx .more {
     width: 128px;
     height: 40px;
     transition: 500ms ease 1450ms;
     -webkit-transition: 500ms ease 1450ms;
}
 .no-csstransitions .box4Ttx .more {
     overflow: hidden;
}
 .active .box4Ttx, .m-active .box4Ttx {
     visibility: visible;
     opacity: 1;
}
 .active .box4Ttx p, .active .box4Ttx .more, .m-active .box4Ttx p, .m-active .box4Ttx .more {
     opacity: 1;
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
}
 .active .ibox, .m-active .ibox {
     transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
     -webkit-transition: transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
     opacity: 1;
}
 .cube {
     height: 100%;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
     font-size: 14px;
}
/* Position the faces */
 .front {
     position: relative;
     height: 100%;
     -webkit-transform: translateZ(20px);
     -moz-transform: translateZ(20px);
     -o-transform: translateZ(20px);
     -ms-transform: translateZ(20px);
     transform: translateZ(20px);
     border: 1px solid #009572;
     color: #009572;
     width: 126px;
     height: 38px;
     text-align: center;
     line-height: 38px;
}
 .flop {
     opacity: 0;
     position: relative;
     height: 100%;
     -webkit-transform: rotateX(-90deg) translateZ(-20px);
     -moz-transform: rotateX(-90deg) translateZ(-20px);
     -o-transform: rotateX(-90deg) translateZ(-20px);
     -ms-transform: rotateX(-90deg) translateZ(-20px);
     transform: rotateX(-90deg) translateZ(-20px);
     background-color: #009572;
     color: #fff;
     width: 128px;
     height: 40px;
     text-align: center;
     line-height: 40px;
}
/* Rotate the cube */
 .half:hover .cube {
     -webkit-transform: rotateX(90deg);
     -moz-transform: rotateX(90deg);
     -o-transform: rotateX(90deg);
     -ms-transform: rotateX(90deg);
     transform: rotateX(90deg);
}
 .half:hover .flop {
     opacity: 1;
}
 .trans, .cube {
     -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
     -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
     -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
     -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
     transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
 .ibox5c {
width: 1300px;
height: 510px;
position: absolute;
left: 50%;
margin-left: -650px;
margin-top: -255px;
top: 50%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
 .ibox5c .item {
     width: 261px;
     height: 261px;
     display: block;
     float: left;
     -webkit-transform-origin: 0 50% 0px;
     opacity: 0;
     font-size: 14px;
}
 .ibox5c .item .warpp {
     width: 100%;
     height: 100%;
     perspective: 1000px;
     transform-style: preserve-3d;
     color: #fff;
}
 .ibox5c .item .info {
     width: 201px;
     height: 261px;
     padding: 0px 30px;
     background: url(../images/blue_bg.png) repeat;
     background: none rgba(0,149,118,0.8);
     opacity: 1;
     position: absolute;
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     backface-visibility: hidden;
}
 .ibox5c .item .info .num {
     font: 60px/1 arial, helvetica, sans-serif;
     padding: 44px 0px 0px;
}
 .ibox5c .item .info .i {
     font-size: 24px;
}
 .ibox5c .item .info .t {
     font-family: arial, helvetica, sans-serif;
     position: absolute;
     left: 30px;
     bottom: 20px;
}
 .ibox5c .item .txt {
     overflow: hidden;
     background: url(../images/black_bg.png) repeat;
     background: none rgba(72,70,76,0.8);
     width: 201px;
     height: 261px;
     padding: 0px 30px;
     transform: rotateY(-180deg);
     opacity: 0;
     position: absolute;
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
     backface-visibility: hidden;
     transform-origin: center center 0;
}
 .ibox5c .item .txt .c {
     padding: 35px 0px 0px;
     height: 176px;
     overflow: hidden;
}
 .ibox5c .item1 .info {
     background: url(../images/k1.png) no-repeat;
}
 .ibox5c .item1 {
     transform: rotateX(90deg);
     -webkit-transform: rotateX(90deg);
     transform-origin: 50% 100% 0px;
}
 .ibox5c .item2 {
     transform: rotateY(-90deg);
     -webkit-transform: rotateY(-90deg);
     transform-origin: 0 50% 0;
}
 .ibox5c .item3 {
     transform: rotateY(90deg);
     -webkit-transform: rotateY(90deg);
     transform-origin: 100% 50% 0;
}
 .ibox5c .item4 {
     transform: rotateX(90deg);
     -webkit-transform: rotateX(90deg);
     transform-origin: 50% 0 0;
}
 .active .ibox5c .item1, .m-active .ibox5c .item1 {
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
}
 .active .ibox5c .item2, .m-active .ibox5c .item2 {
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
}
 .active .ibox5c .item3, .m-active .ibox5c .item3 {
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms;
}
 .active .ibox5c .item4, .m-active .ibox5c .item4 {
     -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms;
     transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms;
}
 .active .ibox5c .item, .m-active .ibox5c .item {
     opacity: 1;
}
 .active .ibox5c .item1, .active .ibox5c .item4, .m-active .ibox5c .item1, .m-active .ibox5c .item4 {
     transform: rotateX(0deg);
     -webkit-transform: rotateX(0deg);
}
 .active .ibox5c .item2, .active .ibox5c .item3, .m-active .ibox5c .item2, .m-active .ibox5c .item3 {
     transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
}
 .ibox5c .item .warpp:hover .info {
     transform: rotateY(180deg);
     opacity: 0;
}
 .ibox5c .item .warpp:hover .txt {
     transform: rotateY(0deg);
     opacity: 1;
}
 .no-csstransitions .ibox5c .item .info {
     visibility: visible;
}
 .no-csstransitions .ibox5c .item .txt {
     visibility: hidden;
}
 .no-csstransitions .ibox5c .item .warpp:hover .info {
     visibility: hidden;
}
 .no-csstransitions .ibox5c .item .warpp:hover .txt {
     visibility: visible;
}
 #s6 .linBox {
     background-color: #fff;
}
 #s6 .bg61, #s6 .bg63 {
     height: 50%;
     width: 100%;
}
 #s6 .ibox {
     opacity: 1;
     transform: translate3d(0px, 0, 0px) scale(1);
     -webkit-transform: translate3d(0px, 0, 0px) scale(1);
}
 #s6.disappear .ibox {
     opacity: 0.7;
     transform: translate3d(0px, 0, 0px) scale(1);
     -webkit-transform: translate3d(0px, 0, 0px) scale(1);
}
 #s6.m-active .ibox {
     opacity: 1;
}
 .box6Con {
     margin: 0px auto;
     padding-top: 8%;
}
 select.selbox {
     width: 300px;
     height: 44px;
     line-height: 44px;
     padding: 0px 0px 0px 20px;
     vertical-align: middle;
     border: 2px solid #bababa;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     font-family: "microsoft yahei";
     color: #bababa;
     cursor: pointer;
     display: block;
     font-size: 14px;
     margin: 0px auto 20px;
     background: url(../images/sico.png) no-repeat scroll 90% center;
}
 .no-csstransitions select.selbox {
     padding-left: 0;
}
 select.selbox option {
     padding: 2px 20px;
}
 select.selbox:hover {
     color: #101010;
     border: 2px solid #009572;
}
 .loginbtn {
     width: 80px;
     height: 80px;
     display: block;
     margin: 5% auto 0px;
     border: 1px solid #009572;
     line-height: 80px;
     border-radius: 50%;
     font-size: 14px;
     position: relative;
     text-align: center;
     color: #fff;
}
 .loginbtn span {
     color: #009572;
     position: relative;
     z-index: 2;
}
 .loginbtn .i2 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-color: #009572;
     border-radius: 50%;
     opacity: 0;
     transform: scale(0.4);
     -webkit-transform: scale(0.4);
     visibility: hidden;
     transition: all 0.5s ease 0s;
     -webkit-transform: all 0.5s ease 0s;
}
 .loginbtn:hover span {
     color: #FFFFFF;
}
 .loginbtn:hover .i2 {
     opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
     visibility: visible;
}
 .nearbybtn {
     display: block;
     margin: 4% auto 0px;
     width: 156px;
     height: 42px;
     overflow: hidden;
     border: 1px solid #009572;
     line-height: 42px;
     color: #009572;
     position: relative;
     font-size: 14px;
}
 .nearbybtn .i2 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 0%;
     height: 100%;
     display: block;
     background-color: #009572;
     transition: all 0.5s ease 0s;
     -webkit-transform: all 0.5s ease 0s;
}
 .nearbybtn span {
     position: relative;
     z-index: 2;
}
 .nearbybtn:hover span {
     color: #FFFFFF;
}
 .nearbybtn:hover .i2 {
     width: 100%;
}
 .bg61 .txt {
     display: none;
}
 .bg62 {
position: relative;
overflow: hidden;
width: 100%;

}
 .bg62 .txt {
     position: absolute;
     left: 0px;
     top: 45%;
     text-align: center;
     color: #009572;
     width: 100%;
     line-height: 1.5;
     -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
     transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
     transform: translate(0px,-200px);
     -webkit-transform: translate(0px,-200px);
}
 .bg62 .txt .t {
     font-size: 40px;
}
 .bg62 .txt .c {
     font-size: 20px;
}
 .active .bg62 .txt, .m-active .bg62 .txt {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
}
/*index style end*/
/*about style*/
 .pmoreBox {
     padding: 34px 0px 70px;
}
 .pmore:hover {
     color: #009470;
     right: -10px;
     padding-right: 67px;
}
 .pmore {
     padding-right: 47px;
     line-height: 47px;
     width: 67px;
     display: block;
     position: relative;
     height: 47px;
     color: #646464;
     font-size: 14px;
     right: 0px;
}
 .pmore i {
     background: url(../images/pmore.png) no-repeat;
     width: 47px;
     height: 47px;
     display: block;
     position: absolute;
     right: 0px;
     top: 0px;
}
 .pbanner, .pbanner2 {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     background-color: #555555;
}
 .pbanner .img {
     display: block;
     position: absolute;
     width: 100%;
     display: block;
}
 .pbanner2 .img {
     width: 100%;
     display: block;
}
 .pbanner2 .con {
     position: absolute;
     left: 0px;
     top: 30%;
     width: 100%;
     text-align: center;
     color: #fff;
     transition: 400ms ease 0ms;
     -webkit-transition: 400ms ease 0ms;
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
}
 .pbanner2 .en {
     font: 60px/1.2 "futuramedium","times new roman","microsoft yahei";
     text-transform: uppercase;
}
 .pbanner2 .by {
     font: 14px/1.8 "futura_lightregular","times new roman","microsoft yahei";
     text-transform: uppercase;
}
 .pbanner2 .zh {
     font-size: 30px;
     line-height: 1.4;
     padding: 1% 0px 2%;
}
 .pbanner2 .bot {
     background: url(../images/u_arrow2.png) no-repeat;
     width: 22px;
     height: 13px;
     display: block;
     margin: 0px auto;
}
 .picw .con {
     opacity: 0;
     visibility: visible;
     transform: translate(0px,-40px);
     -webkit-transform: translate(0px,-40px);
}
 .trans-1 .con {
     opacity: 0;
     visibility: visible;
     transform: translate(0px,-40px);
     -webkit-transform: translate(0px,-40px);
}
 .picw .pbannerbox .con3 .t {
     opacity: 0;
     visibility: visible;
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
}
 .picw .pbannerbox .con2 .c {
     opacity: 0;
     visibility: visible;
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
}
 .picw img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     opacity: 0;
}
 .trans-1 img {
     transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s;
}
 .profilePbox {
     width: 780px;
     padding: 6% 0px;
     margin: 0px auto;
     text-align: center;
}
 .about-en {
     color: #c8c8c8;
     text-transform: uppercase;
     font: 40px/1.1 "futura_lightregular","times new roman","microsoft yahei";
}
 .about-t {
     color: #009572;
     font-size: 20px;
     padding: 20px 0px 25px;
     line-height: 1.2;
}
 .about-line {
     background-color: #eeeeee;
     width: 45px;
     height: 2px;
     display: block;
     margin: 0px auto;
     overflow: hidden;
}
 .profilePbox .con {
     margin: 48px 0px;
}
 .btn-more {
     border: 1px solid #dcdcdc;
     color: #989898;
     width: 146px;
     line-height: 46px;
     height: 46px;
     text-align: center;
     display: block;
     margin: 0px auto;
     position: relative;
     overflow: hidden;
}
 .btn-more .bbg {
     background-color: #009572;
     position: absolute;
     transform: rotate(45deg);
     position: absolute;
     right: 100%;
     bottom: -50%;
     transition: 400ms;
     -webkit-transition: 400ms;
     opacity: 0;
     visibility: hidden;
     width: 292px;
     height: 138px;
}
 .btn-more .bc {
     position: relative;
     z-index: 2;
     display: block;
     font-size: 14px;
}
 .btn-more:hover {
     border-color: #009572;
}
 .btn-more:hover .bbg {
     right: -35%;
     visibility: visible;
     opacity: 1;
}
 .btn-more:hover .bc {
     color: #fff;
}
 .btn-more2 {
     border-color: #fff;
}
 .btn-more2 .bc {
     color: #fff;
}
 .profilePbox.target .about-en, .profilePbox.target .about-t, .profilePbox.target .about-line, .profilePbox.target .con, .profilePbox.target .btn-more {
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     opacity: 0;
     transition: 400ms ease 200ms;
     -webkit-transition: 400ms ease 200ms;
}
 .profilePbox.target .con, .profilePbox.target .btn-more, .profilePbox.target .about-line {
     transition: 400ms ease 300ms;
     -webkit-transition: 400ms ease 300ms;
}
 .profilePbox.action .about-en, .profilePbox.action .about-t, .profilePbox.action .about-line, .profilePbox.action .con, .profilePbox.action .btn-more {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
}
 .culturePbox dd {
     float: left;
     display: block;
     width: 50%;
     *width: 49.99%;
     position: relative;
     overflow: hidden;
}
 .culturePbox .img {
     display: block;
     width: 100%;
     transition: 400ms;
     -webkit-transition: 400ms;
     -ms-transition: 400ms;
}
 .culturePbox .black {
     background: url(../images/black_bg3.png) repeat;
     position: absolute;
     left: 5%;
     top: 5%;
     width: 90%;
     height: 90%;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     opacity: 0;
     filter: alpha(opacity=0);
     transition: 400ms;
     -webkit-transition: 400ms;
     -ms-transition: 400ms;
}
 .culturePbox .con {
     position: absolute;
     text-align: center;
     color: #fff;
     width: 396px;
     left: 50%;
     top: 35%;
     margin-left: -198px;
     z-index: 5;
     transition: 400ms;
     -webkit-transition: 400ms;
     -ms-transition: 400ms;
}
 .culturePbox .en {
     text-transform: uppercase;
     font: 40px/1.2 "futura_lightregular","times new roman","microsoft yahei";
     margin: 0px auto;
}
 .culturePbox .bot1 {
     height: 1px;
     background-color: #fff;
     width: 0%;
     margin: 0px auto;
     display: block;
     opacity: 0.3;
     filter: alpha(opacity=30);
     transition: 400ms ease 0ms;
     -webkit-transition: 400ms ease 0ms;
}
 .culturePbox .zh {
     padding: 22px 0px;
     font: 20px/1.2 "microsoft yahei";
     transition: 400ms ease 0ms;
     -webkit-transition: 400ms ease 0ms;
}
 .culturePbox .bot2 {
     height: 0px;
     border-bottom: 4px solid #ffffff;
     width: 48px;
     margin: 0px auto 14px;
     display: block;
     transition: 400ms ease 0ms;
     -webkit-transition: 400ms ease 0ms;
}
 .culturePbox .btn-more {
     opacity: 0;
     visibility: hidden;
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     transition: 400ms ease 100ms;
     -webkit-transition: 400ms ease 100ms;
}
 .culturePbox a:hover .con {
     top: 30%;
}
 .culturePbox a:hover .img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
}
 .culturePbox a:hover .black {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .culturePbox a:hover .zh {
     padding: 16px 0px;
}
 .culturePbox a:hover .bot1 {
     width: 100%;
}
 .culturePbox a:hover .bot2 {
     opacity: 0;
     visibility: hidden;
}
 .culturePbox a:hover .btn-more {
     visibility: visible;
     opacity: 1;
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
}
 .culturePbox dd.target {
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     opacity: 0;
}
 .culturePbox dd.action {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
     transition: 500ms ease 200ms;
     -webkit-transition: 500ms ease 200ms;
}
 .culturePbox dd.item2.action {
     transition: 500ms ease 350ms;
     -webkit-transition: 500ms ease 350ms;
}
 .processPbox {
     color: #fff;
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center bottom;
     text-align: center;
     padding: 8% 0px;
}
 .historyPbox {
     padding: 7% 0px 8%;
}
 .historyPbox {
     text-align: center;
}
 .processPCon {
     width: 722px;
     margin: 0px auto;
}
 .processPCon .about-en, .processPCon .about-t {
     color: #fff;
}
 .processPCon .about-t {
     padding-top: 10px;
}
 .processPCon .lico {
     padding-left: 90px;
     height: 42px;
     border-top: 1px solid #fff;
     display: inline-block;
}
 .processPCon .item {
     background: url(../images/bg_ico.png) no-repeat;
     background-size: cover;
     width: 76px;
     height: 86px;
     display: inline-block;
     font-size: 14px;
     color: #fff;
     margin: 0px 18px;
     line-height: 86px;
     position: relative;
     overflow: hidden;
}
 .processPCon .item .i1 {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background: url(../images/bg_ico2.png) no-repeat;
     background-size: cover;
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     opacity: 0;
     visibility: hidden;
     transition: 400ms;
     -webkit-transition: 400ms;
     -ms-transition: 400ms;
}
 .processPCon .item .i2 {
     position: relative;
     z-index: 2;
}
 .processPCon .item:hover .i1 {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .processPbox.target {
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     opacity: 0;
}
 .processPbox.action {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
     transition: 500ms ease 0ms;
     -webkit-transition: 500ms ease 0ms;
}
 .bgfa {
     background-color: #FAFAFA;
}
 .onePorfile {
     width: 700px;
     margin: 0px auto;
     padding: 6% 0px 7%;
     text-align: center;
}
 .onePorfile .t1 {
     font: 30px/1.4 "futura_lightregular","times new roman","microsoft yahei";
     color: #ecd695;
}
 .onePorfile .t2 {
     font: 60px/1.4 "futuramedium","times new roman","microsoft yahei";
     color: #8ee9d3;
     text-transform: uppercase;
}
 .onePorfile .lico {
     background: url(../images/line_1.png) no-repeat scroll center center;
     width: 100%;
     height: 20px;
     margin: 20px 0px 32px;
}
 .onePorfile .icoBox {
     text-align: center;
}
 .onePorfile .icoBox img {
     vertical-align: middle;
}
 .onePorfile .icoBox span {
     margin: 0px 40px;
}
 .onePorfile .con {
     text-align: center;
     color: #323232;
     font-size: 25px;
     padding-top: 8%;
}
 .onePorfile.target {
     transform: translate(0px,50px);
     -webkit-transform: translate(0px,50px);
     opacity: 0;
}
 .onePorfile.action {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
     transition: 500ms ease 0ms;
     -webkit-transition: 500ms ease 0ms;
}
 .twoPorfile {
     margin-top: 95px;
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center bottom;
     padding-bottom: 5%;
}
 .twoPorfile-con {
     position: relative;
     top: -95px;
     background-color: #fff;
     width: 828px;
     padding: 95px 108px;
     margin: 0px auto;
}
 .pageC {
     color: #646464;
     font-size: 14px;
}
 .pageC a:link, .pageC a:visited {
     color: #787878;
}
 .pageC a:active, .pageC a:hover {
     color: #009572;
}
 .pageC img {
     max-width: 100%;
}
 .twoPorfile-con .yico {
     width: 40px;
     height: 40px;
     background: url(../images/y_bg2.png) no-repeat;
     position: absolute;
     left: 50%;
     top: -20px;
     margin-left: -20px;
}
 .twoPorfile-con .yico i {
     background: url(../images/y_ico1.png) no-repeat;
     width: 16px;
     height: 9px;
     display: block;
     margin: 15px auto;
}
 .twoPorfile-con.target .yico {
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     opacity: 0;
}
 .twoPorfile-con.target .pageC {
     opacity: 0;
}
 .twoPorfile-con.action .yico {
     opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transition: 300ms ease 400ms;
     -webkit-transition: 300ms ease 400ms;
}
 .twoPorfile-con.action .pageC {
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
     opacity: 1;
     transition: 500ms ease 200ms;
     -webkit-transition: 500ms ease 200ms;
}
 .bgef {
     background-color: #efefef;
}
 .oneCultrue {
     padding: 4% 0px 12%;
     width: 900px;
     padding-left: 200px;
     margin: 0px auto;
     position: relative;
     overflow: hidden;
}
 .oneCultrue .by {
     font: 60px/1.1 "futura_lightregular","times new roman","microsoft yahei";
     color: #c8c8c8;
     z-index: 1;
     position: relative;
}
 .oneCultrue .en {
     font: 50px/1 "futuramedium","times new roman","microsoft yahei";
     color: #009470;
     text-transform: uppercase;
     padding: 15px 0px;
     z-index: 1;
     position: relative;
}
 .oneCultrue .zh {
     font: 30px/1.1 "microsoft yahei";
     color: #323232;
     margin-bottom: 5%;
     z-index: 1;
     position: relative;
}
 .oneCultrue .con {
     z-index: 1;
     position: relative;
}
 #whaleBox {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     height: 400px;
}
 .twoCultrue dd {
     float: left;
     display: block;
     position: relative;
     width: 50%;
     *width: 49.99%;
}
 .twoCultrue .img {
     width: 100%;
     display: block;
}
 .twoCultrue .blue {
     background: url(../images/blue_bg.png) repeat;
     background: none rgba(0,149,118,0.8);
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     transition: 300ms ease 0ms;
     -webkit-transition: 300ms ease 0ms;
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     opacity: 0;
     visibility: hidden;
}
 .twoCultrue .con {
     width: 100%;
     height: 70%;
     position: absolute;
     left: 0px;
     top: 30%;
     text-align: center;
     color: #fff;
     font-size: 14px;
     transition: 300ms ease 0ms;
     -webkit-transition: 300ms ease 0ms;
}
 .twoCultrue .by {
     color: #f3e08b;
     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;
     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: #fff;
     transition: 300ms ease 0ms;
     -webkit-transition: 300ms ease 0ms;
}
 .twoCultrue .by2 {
     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 {
     height: 1px;
     background-color: #fff;
     width: 0px;
     position: absolute;
     left: 50%;
     bottom: 8%;
     transition: 300ms ease 100ms;
     -webkit-transition: 300ms ease 100ms;
}
 .twoCultrue dd:hover .con {
     top: 16%;
}
 .twoCultrue dd:hover .blue {
     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;
}
 .twoCultrue dd:hover .c {
     display: block;
}
 .twoCultrue dd:hover .lico {
     width: 66px;
     margin-left: -33px;
}
 .procespage {
     margin: 6% 0px 0px;
     position: relative;
     font-size: 14px;
     padding-bottom: 32px;
}
 .proces_ico {
     height: 100%;
     position: absolute;
     left: 50%;
     width: 1px;
     overflow: hidden;
     background-color: #efefef;
}
 .proces-Inner {
     width: 936px;
     margin: 0px auto;
}
 .proces-T dd {
     float: left;
     width: 50%;
     text-transform: uppercase;
}
 .proces-T .item1 {
     text-align: right;
     color: #c8c8c8;
     font: 40px/1.1 "futura_lightregular","times new roman","microsoft yahei";
}
 .proces-T .item2 {
     font: 60px/1 "futuramedium","times new roman","microsoft yahei";
     color: #009470;
}
 .proces-info {
     margin: 7% auto;
}
 .proces-info dd {
     float: left;
     width: 50%;
}
 .proces-info .item1 {
     text-align: right;
     color: #323232;
     font-size: 20px;
}
 .proces-info .item2 {
     color: #646464;
}
 .proces-padding-l {
     padding: 0px 44px 0px 0px;
     display: block;
}
 .proces-padding-r {
     padding: 0px 0px 0px 44px;
     display: block;
}
 .proces_bot {
     background: url(../images/line_2.png) no-repeat;
     width: 1px;
     height: 70px;
     margin: 18px auto 28px;
     display: block;
}
 .procespage .target .item1 {
     opacity: 0;
     transform: translate(-70px,0px);
     -webkit-transform: translate(-70px,0px);
     transition: 400ms ease 100ms;
     -webkit-transition: 400ms ease 100ms;
}
 .procespage .target .item2 {
     opacity: 0;
     transform: translate(70px,0px);
     -webkit-transform: translate(70px,0px);
     transition: 400ms ease 100ms;
     -webkit-transition: 400ms ease 100ms;
}
 .procespage .action .item1, .procespage .action .item2 {
     opacity: 1;
     transform: translate(0px,0px);
     -webkit-transform: translate(0px,0px);
}
 .proces-list {
     position: relative;
     overflow: hidden;
}
 .proces-list dt {
     border-bottom: 1px solid #efefef;
     height: 62px;
     margin-bottom: 45px;
}
 .proces-list dt.section {
     margin-bottom: 0px;
     border-bottom: 0px none;
     width: 50%;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .proces-list dd {
     margin-bottom: 12px;
     padding-top: 28px;
     position: relative;
     transition: 300ms ease 0ms;
     -webkit-transition: 300ms ease 0ms;
}
 .proces-yd {
     background: url(../images/yd.png) no-repeat;
     width: 10px;
     height: 10px;
     display: block;
     position: absolute;
     top: 36px;
     left: 50%;
     margin-left: -5px;
}
 .p-year {
     padding-right: 44px;
     margin-right: 50%;
     float: right;
     font: bold 40px/62px "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif;
     color: #009470;
}
 .proces-list .pitem1 {
     float: left;
     display: block;
     width: 50%;
     *width: 49.99%;
}
 .proces-list .pitem2 {
     float: left;
     display: block;
     width: 50%;
}
 .proces-list .proces-R .pitem1 {
     float: right;
}
 .proces-list .txt {
     padding-bottom: 22px;
     border-bottom: 1px solid #efefef;
}
 .proces-list .month {
     color: #323232;
     font-weight: bold;
}
 .proces-L .month {
     float: right;
     display: block;
     margin-right: 44px;
}
 .proces-L .txt {
     width: 318px;
     margin-left: 44px;
}
 .proces-R .month {
     margin-left: 44px;
}
 .proces-R .txt {
     width: 318px;
     margin-right: 44px;
     float: right;
}
 .proces-list dd:hover {
     background-color: #009572;
     color: #fff;
}
 .proces-list dd:hover .txt {
     border-bottom-color: #009572;
}
 .proces-list dd:hover .month {
     color: #fff;
}
 .proces_bot2 {
     background: url(../images/pross_bot.png) no-repeat;
     width: 26px;
     height: 33px;
     display: block;
     margin: 22px auto;
}
/*about style end*/
/*brand style*/
 .bgf8 {
     background-color: #f8f8f8;
}
 .pagePadding {
     padding: 5% 0px;
}
 .brandPage {
     padding: 66px 0px 140px;
     position: relative;
     overflow: hidden;
}
 .brandPage .pageC {
     position: relative;
     z-index: 2;
}
 .brandBg {
     background-attachment: fixed;
     background-color: #f8f8f8;
     background-repeat: no-repeat;
     background-position: center bottom;
     position: absolute;
     left: 0px;
     bottom: 15%;
     width: 100%;
     height: 510px;
}
 .brandBox {
     background-color: #fff;
     width: 600px;
     float: right;
     display: block;
     padding: 56px 85px 140px 56px;
}
 .brandBox .en {
     font: 63px/0.8 "futura_lightregular","times new roman","microsoft yahei";
     text-transform: uppercase;
     color: #108d6d;
}
 .brandBox .zh {
     font: 32px/1.2 "microsoft yahei";
     color: #323232;
     padding: 25px 0px;
}
 .brandBox .lico {
     height: 1px;
     width: 46px;
     background-color: #646464;
     margin-bottom: 50px;
}
 .brandBox .c {
     font-size: 16px;
}
 .newNav {
     border-bottom: 1px solid #d2d2d2;
     font-size: 16px;
     padding: 10px 0px;
     text-align: right;
     margin-bottom: 30px;
}
 .newNav a {
     margin-left: 30px;
     color: #323232;
}
 .newNav a.act {
     color: #009572;
}
 .newNav a:active, .newNav a:hover {
     color: #009572;
}
 .newTime {
     background: url(../images/year_ico.png) no-repeat scroll left center;
     padding-left: 28px;
     font: 50px/1.2 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif;
     color: #108d6d;
     margin-bottom: 30px;
}
 .newsList a:link, .newsList a:visited {
     color: #646464;
}
 .newsList a:active, .newsList a:hover {
     color: #009572;
}
 .newItem {
     float: left;
     display: block;
     width: 27.33%;
     margin: 0px 0px 40px 4.5%;
     background-color: #fff;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .newItem a {
     display: block;
}
 .newItem .img {
     width: 100%;
     overflow: hidden;
     height: 195px;
}
 .newItem .img img {
     width: 100%;
     display: block;
}
 .newItem .con {
     padding: 20px 20px 10px;
     border: 1px solid #fff;
     border-top: 0px none;
}
 .newItem .c {
     font-size: 14px;
     line-height: 1.5;
     height: 42px;
     overflow: hidden;
     margin-bottom: 40px;
     color: #646464;
}
 .newItem .time {
     font: 20px/1.4 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif;
}
 .newItem .more {
     background: url(../images/more2.png) no-repeat;
     width: 17px;
     height: 17px;
     display: block;
     float: right;
     display: block;
     position: relative;
     top: 4px;
}
 .newItem:hover {
     box-shadow: 3px 6px 3px -1px rgba(201, 201, 201, 0.6);
}
 .newItem:hover .more {
     background-image: url(../images/more1.png);
}
 .newItem:hover .con {
     border-color: #108d6d;
}
 .pager {
     padding: 50px 0px 0px;
     text-align: center;
}
 .pager a:hover {
     background-color: #009572;
     color: #fff!important;
}
 .pager a, .pager span {
     display: inline-block;
     margin: 0px 3px!important;
     background-color: #fff;
     font-size: 14px;
     padding: 4px 14px;
     color: #787878;
}
 .pager span {
     background-color: #009572;
     color: #fff!important;
}
 .ninfoT {
     background-position: center center;
     background-size: cover;
     padding: 85px 0px 75px;
     color: #fff;
     text-align: center;
     margin: 142px auto 50px;
}
 .ninfoT .t {
     font-size: 25px;
     line-height: 1.4;
     margin-bottom: 25px;
}
 .ninfoT .bot {
     background: url(../images/nbot6.png) no-repeat;
     width: 59px;
     height: 14px;
}
 .infoC {
     width: 934px;
     margin: 0px auto;
     text-align: justify;
}
 .infoC img {
     display: inline;
     max-width: 100%;
     width: auto!important;
     height: auto!important;
}
 .bg009572 {
     background-color: #009572;
}
 .infoPaging {
     margin: 7% 0px;
}
 .infoPaging a {
     display: block;
     height: 36px;
     color: #fff;
     font: 12px/36px "microsoft yahei";
     width: 70px;
     padding: 0px 4px;
     text-align: center;
}
 .infoPaging a.l {
     text-align: center;
}

.wz
{position:absolute;top:50%;left:150px;z-index:999;margin-top:-128px;}


.wz2 {
    position: absolute;
    top: 50%;
    margin-left:-229px;
    margin-top:-96px;
    width:458px;
    height:192px;
    left: 50%;
    z-index: 999;
}


@media (max-width: 768px)
{
.wz2 img
{
width:200px;
}

.wz2 {
    position: absolute;
    top: 50%;
    margin-left: -100px;
    margin-top: -41px;
    width: 200px;
    height: 82px;
    left: 50%;
    z-index: 999;
}


.wz img
{
width:200px;
}

.wz {
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 999;
    margin-top: -41px;
}
.izl-rmenu
{
display:none;
}






}



 .infoPaging a span {
     font-family: "
.lin1 {width: 250px;}