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

/* always display scrollbars */
body {
    font: 12px/1.8 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "微软正黑体", "Microsoft JhengHei", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
    margin: 0 auto;
    color: #989898;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
}

img {
    border: 0;
}

input {
    outline: none;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

::-moz-selection {
    background: #f0be00;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #f0be00;
    color: #fff;
    text-shadow: none;
}

select {
    outline: none;
}

select::-ms-expand {
    display: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

a:link, a:visited {
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
    outline: none;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.top {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 77px;
    left: 0px;
    color: #5e5e5e;
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    transition: all .3s ease .2s;
    z-index: 999;
    background-color: #fff;
}

.mtop {
    height: 77px;
    width: 100%;
}

.top a:link, .top a:visited {
    color: #7a7a7a;
}

.top a:active, .top a:hover {
    color: #205bab;
}

.top .inner {
    position: relative;
    width: 94%;
    margin: 0px auto;
}

.nav {
    font: 16px/1.8 "microsoft yahei", arial, helvetica, sans-serif;
    transition: 400ms;
    float: left;
    margin-left: 185px;
}

.nav li {
    width: 130px;
    float: left;
    display: block;
    position: relative;
}

.nav li a {
    padding: 24px 0px;
    display: block;
    text-align: center;
    color: #000 !important;
}
.nav li.on a{
    color:#205bab!important;
}
.nav li a.act, .nav li.hov a {
    color: #205bab;
}

.subbg {
    position: absolute;
    /*left: 0px;*/
    top: 74px;
    z-index: 800;
    /*background: url(../images/blue_95.png) repeat;*/
    background: none rgba(33, 91, 171, 0.95);
    width: 196%;
    /*padding: 0px 3%;*/
    display: none;
}

.subbg a:link, .subbg a:visited {
    color: #ffffff;
}

.subbg a:active, .subbg a:hover {
    color: #252525;
}

.subbox {
    position: relative;
    /*overflow: hidden;*/
    /*width: 70%;*/
    margin: 0 auto;
    /*border-right: 1px solid #3c79cd;*/
}

.subnav {
    /*float: left;*/
    /*padding: 20px 0px 10px;*/
    /*!*height: 280px;*!*/
    /*font-family: "microsoft yahei";*/
    /*width: 129px;*/
    /*border-left: 1px solid #3c79cd;*/
    /*position: relative;*/
    /*min-height: 542px;*/
}

.subbox .subnav:last-child .cbg {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.subbg .subbox .subnav a {
    padding: 13px;
    /* display: flex; */
    position: relative;
    font-size: 13px;
    /*width: 24%;*/
    display: block;
    text-align: left;
    color: #ffffff !important;
}
.subbg .subbox .subnav div.on a{
    background-color: #0092dc;
    color: #ffffff!important;
}
.subbg .subbox .subnav a:hover{
    background-color: #0092dc;
    color: #ffffff!important;
}
.subnav4 a {
    margin-left: 8px;
}

.sjsub {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #74a1de;
    height: auto;
}
.subbg .subbox .subnav .sjsub a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 13px;
}
.search_icon {
    cursor: pointer;
}

.tel-box {
    width: 180px;
    height: 36px;
    position: absolute;
    right: 220px;
    top: 15px;
}

.search-box {
    /*display: none;
    position: absolute;
    top: 111%;
    right: 5%;
    width: 144px;
    margin-bottom: 16px;
    background-color: #ffffff;
    height: 35px;
    border-radius: 25px;*/
    width: 200px;
    position: relative;
    margin-bottom: 16px;
    background-color: #efefef;
}

.search-txt, .search-btn {
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    background: none;
    padding-left: 15px;
}

.search-txt {
    border: 0px none;
    width: 86%;
}

.search-btn {
    background: url(../images/search_bg.png) no-repeat center center;
    width: 25px;
    height: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.funct {
    position: absolute;
    right: 0px;
    top: 25px;
    width: 200px;
}

.csstransitions .subnav .cbg {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0092dc;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.csstransitions .subnavAct .cbg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.no-csstransitions .subnav .cbg {
    display: none;
}

.no-csstransitions .subnavAct {
    background-color: #0092dc;
}

.logo {
    position: absolute;
    left: 0px;
    top: 7px;
    width: 165px;
}

.logo img {
    display: block;
    width: 100%;
}

.inner {
    width: 94%;
    margin: 0px auto;
}

.topFix {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    background-color: #fff;
}

.menu-handler {
    width: 54px;
    height: 50px;
    cursor: pointer;
    display: none;
    float: right;
    position: relative;
}

.menu-handler .burger {
    width: 28px;
    height: 4px;
    background: #205bab;
    display: block;
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 50%;
    margin: 0px 0px 0px -14px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}

.menu-handler .burger-2 {
    top: 23px;
}

.menu-handler .burger-3 {
    top: 31px;
}

#bg-santai {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: url("../images/close-icon.ico") 16 16, default;
    z-index: 800;
}

.touchevents #bg-santai {
    cursor: pointer;
}

#menuBox {
    display: inline-block;
    position: fixed;
    background-color: #205bab;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0px;
    line-height: 0;
    z-index: 1000;
    zoom: 1;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: perspective(600px) rotateY(90deg);
    -moz-transform: perspective(600px) rotateY(90deg);
    -ms-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
    -webkit-transform-origin: left center 0;
    -moz-transform-origin: left center 0;
    -ms-transform-origin: left center 0;
    transform-origin: left center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    -ms-transition: all .3s ease .2s;
    transition: all .3s ease .2s;
}

.open {
    position: relative !important;
    right: 240px;
}

.open #menuBox {
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
    width: 240px;
}

.navMobile a:link, .navMobile a:visited {
    color: #fff;
}

.navMobile a:active, .navMobile a:hover {
    color: #fff;
}

.navMobile dd {
    display: block;
    width: 100%;
}

.navMobile dd p a {
    text-transform: uppercase;
    padding: 0px 30px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    position: relative;
}

.navMobile dd a {
    display: block;
    line-height: 1.4;
    font-size: 12px;
    color: #fff;
    padding: 13px 10px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.navMobile dd a:hover, .navMobile dd p a.cur {
    background: none #0a408a;
}

.navMobile dd a:active {
    background-color: #154c97;
}

.navMobile dd .msubnav {
    background-color: #fff;
    display: none;
}

.navMobile dd .msubnav a {
    color: #8d8d8d;
    position: relative;
    background: #eff2f3;
    border-top: 1px solid #e3e2e2;
}

/* clearfix */
/* Keyframes */
/*empty*/
.bannerPanel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.banner a:link, .banner a:visited {
    color: #fff0d4;
}

.banner a:active, .banner a:hover {
    color: #fff;
}

.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 500px;
    background-color: #ddd;
    z-index: 5;
}

.banner .pic {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .pic .pimg {
    width: 100%;
    display: block;
    position: absolute;
}

.banner .binbox {
    position: absolute;
    color: #fff;
    left: 0%;
    width: 100%;
    top: 35%;
    text-align: center;
}

.banner .binbox .en {
    text-transform: uppercase;
    font-family: "pf_din_text_comp_proregular";
    font-size: 44px;
    line-height: 1.5;
}

.banner .binbox .zh {
    padding: 0px 0px 15px;
    font-size: 60px;
    line-height: 1.2;
    text-shadow: #000 3px 3px 6px;
    color: #e30404;

}

.banner .binbox .zh .b {
    font-weight: bold;
}

.banner .binbox .c {
    font: 35px/1.4 "MyriadProRegular";
    color: #fff;
    text-shadow: #000 3px 3px 6px;
}

.banner .binbox img {
    display: block;
}

.banner .binbox p {
    position: relative;
    text-transform: initial;
}

.banner .flex-direction-nav {
    height: auto;
}

.banner .flex-direction-nav a {
    width: 66px;
    height: 10px;
    display: block;
    text-decoration: none;
    position: absolute;
    bottom: 50px;
    z-index: 10;
    overflow: hidden;
}

.banner .flex-direction-nav .flex-prev {
    background: url(../images/banner_l.png) no-repeat;
    left: 10%;
}

.banner .flex-direction-nav .flex-next {
    background: url(../images/banner_r.png) no-repeat;
    right: 10%;
}

.pbanner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pbanner .bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #4C4C4C;
}

.pbanner .pimg {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.pbanner .con {
    width: 1120px;
    position: absolute;
    left: 39%;
    margin-left: -560px;
    bottom: 5%;
    z-index: 4;
    color: #fff;
    transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease 0.2s;
    transition: all 1s ease 0.2s;
    opacity: 0;
}

.pbanner .con .en {
    font-family: "pf_din_text_comp_proregular";
    font-size: 50px;
    line-height: 1.2;
}

.pbanner .con .zh {
    font-size: 18px;
}

.pbanner .con.action {
    -webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    opacity: 1;
}

.pbanner .aboutBanner {
    bottom: 45%;
}

.iboxNew a:link, .iboxNew a:visited {
    color: #fff;
}

.iboxNew a:active, .iboxNew a:hover {
    color: #616161;
}

.iboxNew {
    position: absolute;
    left: 0px;
    bottom: -140px;
    width: 100%;
    z-index: 100;
    display: block;
}

.iboxNew dd {
    float: left;
    display: block;
    width: 31.5%;
    background: url(../images/blue_bg.png) repeat;
    background: none rgba(25, 79, 153, 0.75);
    position: relative;
    height: 118px;
}

.iboxNew .item1 {
    width: 31.5%;
}

.iboxNew .item2 {
    width: 36.3%;
}

.iboxNew .item3 {
    width: 32.2%;
}

.iboxNew dd a {
    display: block;
    padding: 30px 8% 26px;
    width: 84%;
    height: 62px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.iboxNew dd .t {
    font-size: 18px;
    height: 32px;
    overflow: hidden;
    margin-bottom: 8px;
}

.iboxNew dd .time {
    font-size: 12px;
}

.iboxNew dd .button--aylen {
    margin-top: 16px;
    display: none;
}

.iboxNew dd:hover a {
    background-color: #d8f0ff;
    height: 120px;
    padding: 10px 8% 16px;
    border-bottom: 4px solid #205bab;
}

.iboxNew dd:hover .button--aylen {
    display: block;
}

.project {
    margin-top: 22px;
}

.exhibite {
    width: 100%;
    float: left;
    position: relative;
}

.project-info li {
    float: left;
    width: 100%;
}

.project-list {
    position: relative;
    overflow: hidden;
}

.projects {
    float: left;
    width: 20%;
    transition: 460ms ease-in-out;
    position: relative;
    overflow: hidden;
}

.projects span {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    border: 2px solid #11a1e1;
    transition: 340ms 0ms;
    opacity: 0;
    visibility: hidden;
}

.projects figure {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}

.projects figure img {
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    display: block;
    line-height: 0;
    position: relative;
    left: 50%;
    margin-left: -291px;
}

.projects figcaption {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    font-size: 16px;
    text-indent: 32px;
    background: rgba(0, 0, 0, 0.5);
    background: #000 \9;
    filter: alpha(opacity=50);
    z-index: 10;
    position: absolute;
    left: 0;
    opacity: 1;
    visibility: visible;
    bottom: 0;
    transition: 430ms 0ms;
}

.projects:hover figure {
    width: 100%;
}

.projects:hover figcaption {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: 430ms 200ms;
    height: 150px;
    line-height: 150px;
}

.projects:hover figure img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
}

.project-list .flex-prev, .project-list .flex-next {
    display: block;
    width: 58px;
    height: 58px;
    text-indent: 999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    z-index: 20;
    transition: 320ms;
}

.project-list .flex-prev {
    left: 0;
    background: rgba(39, 96, 175, 0.8) url(../images/arrow3.png) center no-repeat;
    background: #2a62af url(../images/arrow3.png) center no-repeat \9;
    filter: alpha(opacity=50);
}

.project-list .flex-next {
    right: 0;
    background: rgba(39, 96, 175, 0.8) url(../images/arrow4.png) center no-repeat;
    background: #2a62af url(../images/arrow4.png) center no-repeat \9;
    filter: alpha(opacity=50);
}

.project-list .flex-prev:hover {
    background: #62b0ee url(../images/arrow3.png) center no-repeat;
}

.project-list .flex-next:hover {
    background: #62b0ee url(../images/arrow4.png) center no-repeat;
}

.exhibite.article-block, .magazine.article-block {
    opacity: 0;
    top: 45px;
}

.exhibite.articleShow, .magazine.articleShow {
    opacity: 1;
    top: 0;
    transition: 840ms 100ms;
}

.magazine.articleShow {
    transition: 720ms 420ms;
}

.business {
    margin-top: 20px;
}

.caseTi {
    margin-bottom: 0px;
    height: 40px;
    line-height: 40px;
}

.business-list {
    margin-top: 16px;
}

.caseTi h3 {
    color: #222;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    padding-left: 30px;
    background: url(../images/dot1.png) left center no-repeat;
    float: left;
}

.caseTi a {
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    position: relative;
    margin-top: 1px;
}

.caseTi a:before {
    content: "";
    width: 12px;
    height: 2px;
    background: #b4b4b4;
    position: absolute;
    left: 0;
    top: 5px;
    transition: 320ms 0ms;
}

.caseTi a:after {
    content: "";
    width: 2px;
    height: 12px;
    background: #b4b4b4;
    position: absolute;
    left: 5px;
    top: 0;
    transition: 320ms 0ms;
}

.caseTi a:hover:before, .business-t a:hover:after {
    background: #11a1e1;
}

.projects.show {
    width: 20%;
}

.projects.hiden {
    width: 20%;
}

.project-mbile {
    display: none;
}

.project-mbile .flex-prev, .project-mbile .flex-next {
    display: block;
    width: 58px;
    height: 58px;
    text-indent: 999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    z-index: 20;
    transition: 320ms;
}

.project-mbile .flex-prev {
    left: 0;
    background: rgba(255, 255, 255, 0.5) url(../images/arrow3.png) center no-repeat;
    background: #fff url(../images/arrow3.png) center no-repeat \9;
    filter: alpha(opacity=50);
}

.project-mbile .flex-next {
    right: 0;
    background: rgba(255, 255, 255, 0.5) url(../images/arrow4.png) center no-repeat;
    background: #fff url(../images/arrow4.png) center no-repeat \9;
    filter: alpha(opacity=50);
}

.project-mbile .flex-prev:hover {
    background: #11a1e1 url(../images/arrow3.png) center no-repeat;
}

.project-mbile .flex-next:hover {
    background: #11a1e1 url(../images/arrow4.png) center no-repeat;
}

.project-inf.on figcaption {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.project-inf figcaption {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    font-size: 16px;
    text-indent: 32px;
    background: rgba(0, 0, 0, 0.5);
    background: #000 \9;
    filter: alpha(opacity=50);
    z-index: 10;
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    bottom: -42px;
    transition: 430ms 0ms;
    z-index: 20;
}

.project-inf img {
    width: 100%;
    height: auto;
    display: block;
}

/*footer-box*/
.footer-box {
    padding: 50px 0 0;
    background: #fff;
}

.footer {
    text-align: center;
    padding-bottom: 14px;
    position: relative;
}

.footer h2 {
    text-align: center;
    color: #1a9ee1;
    font-size: 30px;
    line-height: normal;
}

.footer small {
    text-align: center;
    display: block;
    color: #81bfec;
    font-size: 16px;
    font-family: Arial;
    text-transform: uppercase;
}

.footeraddre {
    width: 640px;
    margin: auto;
    margin-top: 18px;
    color: #666;
    font-size: 14px;
}

.address-list {
    display: inline-block;
    float: left;
    margin-right: 28px;
}

.address-list:last-child {
    margin-right: 0;
}

.address-list dt {
    display: inline-block;
    float: left;
    color: #969696;
    font-size: 14px;
    font-weight: bold;
}

.address-list dd {
    display: inline-block;
    text-transform: uppercase;
    float: left;
    color: #969696;
    font-size: 14px;
    margin-left: 6px;
}

.eq {
    margin-top: 30px;
}

.eqimg {
    text-align: center;
    margin-bottom: 26px;
}

.eqimg img {
    display: block;
    width: 103px;
    height: 123px;
    margin: auto;
}

.eq span {
    display: block;
    margin: auto;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    width: 100%;
    background: #2860ad;
}

.eq a {
    display: inline-block;
    margin: auto;
    transition: 650ms;
    color: #969696;
    margin-top: 10px;
}

.eq a:hover {
    color: #62b0ed;
}

.newsDiv {
    margin-top: 10px;
}

.hotnew {
    width: 61.4%;
    float: left;
}

.hotnew h3 {
    line-height: normal;
    color: #333;
    font-size: 16px;
    display: block;
    margin-left: 0px;
    padding-left: 30px;
    background: url(../images/dot1.png) left center no-repeat;
    font-weight: normal;
}

.newhots {
    margin-top: 0px;
    position: relative;
    height: 430px;
}

.newhots figure {
    display: block;
    line-height: normal;
    overflow: hidden;
    width: 64.8%;
    float: left;
    height: 430px;
}

.newhots figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    height: 430px;
}

.newhots .hottext {
    width: 35.2%;
    float: left;
    background: #2860ad;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.hottext time {
    display: block;
    width: 75px;
    height: 65px;
    background: #fff;
    line-height: normal;
}

.hottext time strong {
    display: block;
    line-height: 44px;
    color: #11a1e1;
    font-size: 42px;
    text-align: center;
    font-weight: normal;
}

.hottext time b {
    display: block;
    text-align: center;
    color: #11a1e1;
    line-height: normal;
    font-weight: normal;
}

.newvies {
    margin-top: 28px;
    padding: 0 12%;
}

.newvies h2 {
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 34px;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newvies p {
    color: #ffffff;
    font-size: 13px;
    margin-top: 20px;
}

.newvies span {
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 12%;
    bottom: 30px;
}

.newvies span:before {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 254ms;
}

.newvies span:hover:before {
    width: 100%;
}

.switchNews {
    width: 38.6%;
    float: left;
}

.collecte-t {
    margin-left: 28px;
}

.collecte-t a {
    display: inline-block;
    float: left;
    margin-right: 46px;
    color: #1f64ad;
    font-size: 14px;
    padding-left: 20px;
    line-height: normal;
    position: relative;
}

.collecte-t a:last-child {
    margin-right: 0;
}

.collecte-t a:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/dot1.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    opacity: 0;
    visibility: hidden;
    transition: 333ms ease-in-out;
}

.collecte-t a:hover:before, .collecte-t a.on:before {
    opacity: 1;
    visibility: visible;
}

.newindex {
    padding-top: 25px;
    position: relative;
    height: 395px;
    overflow: hidden;
}

.new-list li {
    background: #fff;
    transition: 340ms;
    overflow: hidden;
    position: relative;
}

.new-list li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: 100%;
    transition: 320ms;
}

.new-list li a:after {
    content: "";
    width: 5px;
    height: 10px;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    background: url(../images/arrow.png) center no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: 320ms 0ms;
}

.new-list li time {
    display: inline-block;
    float: left;
    margin-left: 30px;
    color: #969696;
    font-size: 12px;
    line-height: 35px;
    position: relative;
    z-index: 5;
}

.new-list li span {
    display: inline-block;
    float: left;
    margin-left: 25px;
    color: #646464;
    font-size: 14px;
    line-height: 35px;
    position: relative;
    z-index: 5;
    width: 384px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-list li:hover a:before {
    top: 0;
}

.new-list li:hover a:after {
    opacity: 1;
    visibility: visible;
    right: 7px;
    transition: 320ms 200ms;
}

.new-more {
    position: absolute;
    right: 13px;
    top: -19px;
}

.new-more a {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    margin-right: 13px;
    margin-top: 1px;
}

.new-more a:before {
    content: "";
    width: 12px;
    height: 2px;
    background: #b4b4b4;
    position: absolute;
    left: 0;
    top: 5px;
    transition: 320ms 0ms;
}

.new-more a:after {
    content: "";
    width: 2px;
    height: 12px;
    background: #b4b4b4;
    position: absolute;
    left: 5px;
    top: 0;
    transition: 320ms 0ms;
}

.new-more a:hover:before, .new-more a:hover:after {
    background: #11a1e1;
}

.hotnew-box {
    position: relative;
}

.hotnew-box .flex-control-nav {
    position: absolute;
    left: 32%;
    text-align: center;
    bottom: 10px;
    z-index: 20;
}

.hotnew-box .flex-control-nav li {
    display: inline-block;
    margin-right: 10px;
}

.hotnew-box .flex-control-nav li:last-child {
    margin-right: 0;
}

.hotnew-box .flex-control-nav li a span {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: 310ms;
    text-indent: 999px;
    overflow: hidden;
}

.hotnew-box .flex-control-nav li a.flex-active span {
    background: #fff;
}

.wngansha {
    padding: 50px 0 0px 50px;
    overflow: hidden;
    height: 200px;
}

.wngansha li {
    float: left;
    width: 373px;
    margin: 0 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.wngansha li a {
    display: block;
    height: 149px;
    background-image: url(../images/heidi.png);
    text-align: center;
    padding-top: 35px;
    transition: .3s;
}

.wngansha li a:hover {
    background-image: none;
}

.wngansha li a h1 {
    font-size: 18px;
    color: #fff;
    transition: .3s;
    position: relative;
    top: 0;
}

.wngansha li a i {
    font-size: 0;
    line-height: normal;
    transition: .3s;
    position: relative;
    top: 0;
}

.wngansha .caroufredsel_wrapper {
    margin: 0 auto !important;
    width: 100%;
}

.gongcheng-list .caroufredsel_wrapper {
    margin: 0 auto !important;
}

#pager-wngansha {
    text-align: center;
    margin: 175px auto 0;
}

#pager-wngansha a {
    background: transparent url(../images/pager1.png) no-repeat center;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 9px;
    height: 9px;
    margin: 0 5px 0 0;
}

#pager-wngansha a.selected {
    width: 28px;
    height: 9px;
    background: transparent url(../images/pager2.png) no-repeat center;
}

#pager-gongcheng {
    text-align: center;
    margin: 37px auto 0;
}

#pager-gongcheng a {
    background: transparent url(../images/pager1.png) no-repeat center;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 9px;
    height: 9px;
    margin: 0 5px 0 0;
}

#pager-gongcheng a.selected {
    width: 28px;
    height: 9px;
    background: transparent url(../images/pager2.png) no-repeat center;
}

.foot-box .sharp-box {
    position: absolute;
    left: 0;
    bottom: 50px;
}

.foot-boxC {
    float: right;
    display: block;
    text-align: right;
    font-size: 12px;
}

.link-select-box a:link, .link-select-box a:visited {
    color: #fff;
}

.link-select-box a:active, .link-select-box a:hover {
    color: #fff;
}

.link-select-box {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 300px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    transition: 300ms;
    -webkit-transition: 300ms;
    text-align: left;
    font-size: 14px;
    position: absolute;
    bottom: 115px;
    left: 0px;
}

.link-select-box .mt {
    padding: 0 54px 0 24px;
    position: relative;
    cursor: pointer;
    line-height: 40px;
    border-left: 4px solid #2760ae;
}

.link-select-box .mt .aw {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 22px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #a0a0a0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.link-select-box .mc {
    padding-bottom: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 100%;
    display: none;
}

.link-select-box:hover {
    background-color: #EEEEEE;
}

.link-select-box ul {
    background-color: #67a5e7;
    padding: 8px 0;
    overflow: hidden;
}

.link-select-box a {
    display: block;
    padding: 5px 15px;
    line-height: 1.4;
    font-size: 12px;
}

.link-select-box a:hover {
    background-color: #7fb6f0;
}

.link-select-box.act .mt .aw {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

#wrapper {
    width: 100%;
    height: 130px;
    overflow: hidden;
    margin: 0px auto auto auto;
    z-index: 10000;
}

#carousel {
    margin-top: -100px;
}

#carousel div {
    text-align: center;
    width: 200px;
    height: 150px;
    float: left;
    position: relative;
}

#carousel div img {
    border: none;
    height: 122px;
}

#carousel div span {
    display: block;
    background-color: #333;
    color: #333;
    font-family: Arial, Geneva, SunSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100px;
    padding: 2px 0;
    margin: 0 0 0 -50px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    border-radius: 3px;
}

#donate-spacer {
    height: 100%;
}

#donate {
    width: 750px;
    padding: 50px 75px;
    margin: 0 auto;
    overflow: hidden;
}

#donate p, #donate form {
    margin: 0;
    float: left;
}

#donate p {
    width: 650px;
}

#donate form {
    width: 100px;
}

.partners {
    margin-top: 30px;
}

.dockCon a:link, .dockCon a:visited {
    color: #fff;
}

.dockCon a:active, .dockCon a:hover {
    color: #fff;
}

.dock {
    position: fixed;
    width: 62px;
    height: 342px;
    bottom: 23%;
    right: 0px;
    z-index: 1030;
}

.dockCon {
    right: 0px;
    top: 0px;
    position: absolute;
    background: url(../images/black_50.png) repeat;
    background: none rgba(0, 0, 0, 0.5);
}

.dockCon .first a {
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    height: 44px;
    padding-top: 12px;
}

.dockCon li:hover i, .dockCon li.active, .dockCon li.first:hover {
    cursor: pointer;
    background-color: #3f3f3f;
}

.dockCon i {
    width: 62px;
    height: 52px;
    display: block;
    background-image: url(../images/slider.png);
    background-repeat: no-repeat;
    z-index: 4;
    position: relative;
}

.dockCon .i2 {
    background-position: center -56px;
    height: 48px;
}

.dockCon .i3 {
    background-position: center -104px;
    height: 60px;
}

.dockCon .i4 {
    background-position: center -164px;
    height: 60px;
}

.dockCon .i5 {
    background-position: center -225px;
    height: 60px;
}

.dockCon .i6 {
    background-position: center -285px;
    height: 60px;
}

.dockCon .i7 {
    background-position: center -345px;
    height: 60px;
}

.dockCon li.lasta {
    /*position: relative;*/
}

.dockCon li.lasta i {
    height: 56px;
}

.dockCon .con {
    width: 1px;
    background-color: #62b0ed;
    color: #fff;
    position: absolute;
    right: 0px;
    z-index: -1;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    opacity: 0;
}

.dockCon li:hover .con {
    width: 90px;
    right: 60px;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    opacity: 1;
}

.serachsider-con {
    width: 100px;
    text-align: center;
    height: 48px;
    background-color: #62b0ed;
    top: 56px;
    line-height: 48px;
}

.downcon {
    width: 158px;
    text-align: center;
    height: 60px;
    background-color: #62b0ed;
    top: 105px;
    line-height: 60px;
}

.weixinCon {
    padding: 14px 24px;
    text-align: center;
    color: #fff;
    top: 81px;
}

.dockCon .qbox:link, .dockCon .qbox:visited {
    color: #808080;
}

.dockCon .qbox:active, .dockCon .qbox:hover {
    color: #fff;
}

.dockCon .qqCon {
    top: 0px;
    text-align: center;
    background-color: #ffffff;
    border-top: 1px solid #f5f5f5;
}

.qbox {
    display: block;
    border: 1px solid #f5f5f5;
    border-top: 0px none;
    height: 80px;
    padding-top: 12px;
    font-size: 12px;
}

.qbox .qico {
    width: 43px;
    height: 43px;
    display: block;
    background: url(../images/qq1.png) no-repeat scroll center center;
    margin: 0px auto 6px;
}

.qbox:hover {
    background-color: #62b0ed;
    border-color: #fff;
}

.qbox:hover .qico {
    background-image: url(../images/qq2.png);
}

.backTop {
    background: url(../images/stop.png) no-repeat scroll center center;
    width: 62px;
    height: 55px;
    display: block;
    position: fixed;
    right: 0px;
    bottom: -60px;
    z-index: 800;
    -webkit-transition: transform 300ms;
    -moz-transition: transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
}

/*.backTop:hover{animation: backTop 600ms ease-in-out; -webkit-animation: backTop 600ms ease-in-out;}*/
.backTop.enterBack {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
}

@keyframes backTop {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(0.6);
    }
    60% {
        transform: scale(1.15);
    }
    80% {
        transform: scale(0.9);
    }
    90% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes backTop {
    0% {
        -webkit-transform: scale(1);
    }
    30% {
        -webkit-transform: scale(0.6);
    }
    60% {
        -webkit-transform: scale(1.15);
    }
    80% {
        -webkit-transform: scale(0.9);
    }
    90% {
        -webkit-transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.sliderBox a:link, .sliderBox a:visited {
    color: #fff;
}

.sliderBox a:active, .sliderBox a:hover {
    color: #fff;
}

.sliderBox {
    position: fixed;
    right: 1%;
    top: 65%;
    display: none;
    z-index: 800;
}

.sliderBox a {
    width: 53px;
    height: 53px;
    display: block;
    background-color: #383838;
    border-radius: 50%;
    line-height: 1.2;
    text-align: center;
}

.sliderBox a.zsico span {
    padding-top: 10px;
    display: block;
    font-size: 12px;
}

.sliderBox a.zsico {
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.75);
}

.sliderBox a.telico {
    padding: 12px 0px;
    height: 29px;
    background: rgba(0, 0, 0, 0.75);
}

.sliderBox a.telico i {
    display: block;
    background: url(../images/tel3.png) no-repeat;
    width: 26px;
    height: 26px;
    background-size: cover;
    margin: 0 auto;
}

.slider-search {
    background: url(../images/black_75.png) repeat;
    background: none rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 1040;
}

.w920 {
    width: 920px;
    margin: 0px auto;
}

.slider-search .w920 {
    padding-top: 10%;
}

.btnclosess {
    width: 80px;
}

.slider-search .ssbox {
    position: relative;
    padding-right: 84px;
    width: 836px;
    background-color: #e7e7e7;
    margin-bottom: 35px;
}

.slider-search .ssbox .ss-txt {
    width: 98%;
    display: block;
    padding: 20px 0px 20px 2%;
    height: 24px;
    background-color: #e7e7e7;
    line-height: 24px;
    border: 1px solid #e7e7e8;
    font-size: 16px;
    color: #4c4c4c;
}

.slider-search .ssbox .ss-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 66px;
    width: 84px;
}

.slider-search .ssbox .ss-btn i {
    display: block;
    height: 100%;
    background: url(../images/ss-btn.png) no-repeat scroll center center;
}

.slider-search .ssbox .ss-btn:hover {
    background-color: #313131;
}

.slider-search .sradio {
    float: left;
    display: block;
    padding-left: 24px;
    background: url(../images/option_2.png) no-repeat scroll left center;
    font: 14px/40px "microsoft yahei";
    color: #fff;
    margin-right: 14px;
    cursor: pointer;
}

.slider-search .sradio.active {
    background-image: url(../images/option_1.png);
    color: #fff;
}

.slider-search .box-sbtn {
    padding-top: 10%;
}

.pbanner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pbanner .bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #4C4C4C;
}

.pbanner .pimg {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.picw img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0;
}

.trans-1 img {
    transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s;
    -webkit-transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s;
}

.pbanner .con .en {
    font-family: "pf_din_text_comp_proregular";
    font-size: 50px;
    line-height: 1.2;
}

.pbanner .con .zh {
    font-size: 18px;
}

.pbanner .con.action {
    -webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    opacity: 1;
}

.common-menu {
    position: absolute;
    z-index: 20;
    right: 12.5%;
    top: 50px;
    width: 10%;
    transition: 344ms ease-in-out;
    background-color: #2760af;
}

.common-menu.scoll1 {
    position: fixed;
    top: 90px;
    transition: 344ms ease-in-out;
}

.common-logo {
    height: 250px;
    background: url(../images/menus.jpg) center no-repeat;
}

.commonbg {
    position: relative;
    background: #f8f8f8;
    padding: 0px 0px;
}

.innmenu {
    padding: 18px 0 20px;
    border: 1px solid #2760af;
    background: #fff;
}

.innmenu li {
    position: relative;
    margin-bottom: 1px;
}

.innmenu li:before {
    content: "";
    width: 0;
    height: 29px;
    line-height: 29px;
    background: #2760af;
    position: absolute;
    left: 50%;
    top: 0;
    transition: 310ms ease-in-out;
}

.innmenu li a {
    display: block;
    line-height: 29px;
    position: relative;
    z-index: 5;
    color: #000000;
    font-size: 13px;
    text-align: center;
}

.innmenu li a:before {
    content: "";
    width: 6px;
    height: 11px;
    background: url(../images/arrow5.png) center no-repeat;
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -5px;
    opacity: 0;
    visibility: hidden;
    transition: 260ms 0ms;
}

.innmenu li:hover:before, .innmenu li.on:before {
    width: 100%;
    left: 0;
}

.innmenu li:hover a, .innmenu li.on a {
    color: #fff;
}

.innmenu li:hover a:before, .innmenu li.on a:before {
    opacity: 1;
    visibility: visible;
    transition: 280ms 220ms;
}

.menusd {
    display: none;
    position: relative;
    width: 860px;
    margin: auto;
    z-index: 30;
}

.menusd span {
    display: block;
    height: 58px;
    position: relative;
    background: #2760af;
    text-align: center;
    line-height: 58px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    transition: 430ms background;
}

.menusd.on span {
    background: #2760af;
}

.menusd.on span:before {
    transform: rotate(180deg);
}

.menusd span:before {
    content: "";
    width: 17px;
    height: 10px;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -5px;
    background: url(../images/down2.png) center no-repeat;
    transition: 266ms ease-in-out;
}

.menus-down {
    background: #fff;
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    display: none;
}

.menus-down a {
    color: #fff;
    font-size: 14px;
    width: 50%;
    float: left;
    background: #53a3de;
    line-height: 46px;
    display: block;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menus-down a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ReturnToNormal;
    animation-name: ReturnToNormal;
}

.aboutlogo strong {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    font-family: "groteskiaregular";
    line-height: 1;
    display: block;
    margin-bottom: 12px;
}

.aboutlogo {
    padding-left: 46px;
    padding-top: 200px;
}

.aboutlogo h4 {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    line-height: normal;
    padding-bottom: 16px;
}

#div_news {
    padding-top: 50px;
}

.menusd {
    display: none;
    position: relative;
    width: 860px;
    margin: auto;
    z-index: 30;
}

.menusd span:before {
    content: "";
    width: 17px;
    height: 10px;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -5px;
    background: url(../images/down2.png) center no-repeat;
    transition: 266ms ease-in-out;
}

.menus-down {
    background: #fff;
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    display: none;
}

.menus-down a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ReturnToNormal;
    animation-name: ReturnToNormal;
}

.newsDetail {
    width: 82%;
    float: left;
    background-color: #fff;
    margin-top: 50px;
}

.newsDetail figure {
    display: block;
    width: 41%;
    line-height: normal;
    overflow: hidden;
    float: left;
}

.newsDetail figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: 520ms;
    line-height: 0;
}

#firstnewPage .newsDetail a {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
}

.newDeti {
    width: 53%;
    float: right;
    margin-right: 35px;
}

.newDeti time {
    display: block;
    width: 75px;
    height: 75px;
    background: #0092dd;
}

.newDeti time strong {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: 42px;
    font-weight: normal;
    padding-top: 6px;
}

.newDeti time b {
    display: block;
    margin-top: 2px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    line-height: 12px;
}

.newDeti h4 {
    color: #323232;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 22px;
    height: 64px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 8px;
    transition: 340ms;
}

.newDeti h4:before {
    content: "";
    width: 0;
    height: 1px;
    background: #2760af;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: 430ms ease-in-out;
}

.newDeti p {
    color: #646464;
    font-size: 13px;
    line-height: 2;
}

.newDeti span {
    display: inline-block;
    color: #969696;
    transition: 310ms;
    line-height: normal;
    margin-top: 14px;
}

.newsDetail a:hover figure img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.newsDetail a:hover .newDeti h4 {
    color: #2760af;
}

.newsDetail a:hover .newDeti h4:before {
    width: 100%;
}

.newsDetail a:hover .newDeti span {
    color: #2760af;
}

.newsd .listBottom {
    padding-top: 22px;
}

.newsDetail a {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
}

.listBottom {
    padding: 50px 0 45px;
    background: #f8f8f8;
}

.BottomUl {
    padding-bottom: 42px;
}

.listBottom {
    padding: 50px 0 45px;
    background: #f8f8f8;
}

.BottomUl {
    padding-bottom: 42px;
    width: 82%
}

.padbo {
    padding-top: 0;
}

.BottomUl li {
    position: relative;
    overflow: hidden;
}

.BottomUl li:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    transition: 222ms;
}

.dynamics {
    position: relative;
}

.dynamics time {
    display: inline-block;
    float: left;
    color: #969696;
    line-height: 30px;
}

.dynamics span {
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-left: 50px;
    color: #323232;
    font-size: 13px;
}

.dynamics b {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    position: relative;
    margin-right: 18px;
    margin-top: 8px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.88);
    -webkit-transform: scale(0.88);
    -moz-transform: scale(0.88);
    transition: 320ms 0ms;
}

.dynamics b:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #a0a0a0;
    position: absolute;
    left: 0;
    top: 7px;
}

.dynamics b:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #a0a0a0;
    position: absolute;
    left: 7px;
    top: 0;
}

.BottomUl li:hover:before {
    top: 0;
}

.BottomUl li:hover .dynamics b {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(-180deg);
    -webkit-transform: scale(1) rotate(-180deg);
    -moz-transform: scale(1) rotate(-180deg);
    transition: 320ms 120ms;
}

.pageList {
    padding-top: 13px;
    border-top: 1px solid #a0a0a0;
    text-align: center;
    width: 81%;
}

.pageList .pageprev {
    float: left;
    width: 94px;
    height: 44px;
    border: 1px solid #a0a0a0;
    line-height: 44px;
    color: #000000;
    margin: 0;
}

.pageList .pagenext {
    float: right;
    width: 94px;
    height: 44px;
    border: 1px solid #a0a0a0;
    line-height: 44px;
    color: #000000;
    margin: 0;
}

.pageList .pageprev:hover {
    color: #fff;
    border: 1px solid #2760af;
    background: #2760af;
}

.pageList .pagenext:hover {
    color: #fff;
    border: 1px solid #2760af;
    background: #2760af;
}

.pageList2 .pageprev:hover a {
    border: none;
    color: #fff;
}

.pageList2 .pagenext:hover a {
    border: none;
    color: #fff;
}

.pageList2 .facklist:hover a {
    border: none;
}

.pageList a, .pageList span {
    display: inline-block;
    padding: 0px 12px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #f8f8f8;
    color: #333;
    margin: 12px 2px 0px;
}

.pageList a:hover, .pageList span {
    border-color: #0092dd;
}

.pageList .onput {
    color: #2760af;
    display: block;
    border: 1px solid #2760af;
    font-weight: Bold;
    display: inline-block;
}

/*news style*/
.newsList {
    margin-top: 50px;
}

.newsList a:link, .newsList a:visited {
    color: #fff;
}

.newsList a:active, .newsList a:hover {
    color: #fff;
}

.newsList ul {
    margin-left: -3%;
}

.newsList li {
    float: left;
    display: block;
    width: 30.33%;
    margin: 0px 0px 38px 3%;
    background-color: #fff;
    position: relative;
}

.newsList .item {
    padding: 36px 30px 30px;
    position: relative;
}

.newsList .img {
    position: relative;
    overflow: hidden;
}

.newsList .img img {
    width: 100%;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
}

.newsList .black {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/black_50.png) repeat;
    background: none rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.newsList .ntype {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 2px 15px;
    background-color: #53a3de;
    color: #fff;
}

.newsList .t {
    font-size: 16px;
    line-height: 1.4;
    color: #3E3E3E;
    height: 45px;
    overflow: hidden;
    margin: 16px 0px;
}

.newsList .bot {
    color: #999;
    font-family: arial, helvetica, sans-serif;
}

.ntime {
    background: url(../images/new_i1.png) no-repeat scroll left center;
    padding: 2px 0px 2px 22px;
    margin-right: 12px;
}

.nease {
    background: url(../images/new_i2.png) no-repeat scroll left center;
    padding: 2px 0px 2px 28px;
}

.newsList .blueBg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background-color: #2b63b0;
    transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}

.newsList .linkA {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.newsList li:hover .blueBg {
    height: 100%;
}

.newsList li:hover .ntype {
}

.newsList li:hover .t, .newsList li:hover .bot {
    color: #fff;
}

.newsList li:hover .bot .ntime {
    background-image: url(../images/new_i12.png);
}

.newsList li:hover .bot .nease {
    background-image: url(../images/new_i22.png);
}

.newsList li:hover .black {
    opacity: 1;
    visibility: visible;
}

.newsList li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.projects-fix {
    margin-top: 82px;
    overflow: hidden;
}

.projected li {
    width: 9%;
    float: left;
    position: relative;
    padding-top: 95px;
    height: 332px;
    background: #204092;
    text-align: center;
    transition: 430ms ease-in-out;
}

.projected li:hover {
    background: #2760af;

}

.projected li.on {
    width: 37%;
}

.projected li.on h4 {
    opacity: 0;
    visibility: hidden;
}

.projected li.on .project-t {
    opacity: 1;
    visibility: visible;
    width: 100%;
    left: 0;
}

.projected li.on .project-t .project-wr {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    transition: 560ms 430ms;
}

.projected li:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #2760af;
    position: absolute;
    right: 0;
    bottom: 0;
}

.projected li:last-child:before {
    display: none;
}

.projected li b {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 25px;
    top: 15px;
    z-index: 10;
    transition: 300ms;
}

.projected li:nth-child(1) b {
    background: url(../images/pro1.png) center no-repeat;
}

.projected li:nth-child(2) b {
    background: url(../images/pro2.png) center no-repeat;
}

.projected li:nth-child(3) b {
    background: url(../images/pro3.png) center no-repeat;
}

.projected li:nth-child(4) b {
    background: url(../images/pro4.png) center no-repeat;
}

.projected li:nth-child(5) b {
    background: url(../images/pro5.png) center no-repeat;
}

.projected li:nth-child(6) b {
    background: url(../images/pro6.png) center no-repeat;
}

.projected li:nth-child(7) b {
    background: url(../images/pro7.png) center no-repeat;
}

.projected li:nth-child(8) b {
    background: url(../images/pro8.png) center no-repeat;
}

.projected li h4 {
    display: block;
    width: 18px;
    color: #ebecf4;
    font-family: "微軟正黑體", "微软雅黑";
    font-size: 18px;
    margin: auto;
    line-height: 1.1;
    transition: 300ms;
}

.projected li h4 i {
    display: block;
    height: 15px;
}

.project-t {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0%;
    height: 100%;
    background: #2760af;
    opacity: 0;
    visibility: hidden;
    transition: 520ms ease-in-out;
}

.project-wr {
    padding: 94px 22% 0;
    text-align: center;
    opacity: 0;
    margin-top: 40px;
    visibility: hidden;
    transition: 360ms 0ms;
}

.project-wr h3 {
    color: #ebecf4;
    font-size: 26px;
    font-family: "微軟正黑體", "微软雅黑";
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}

.project-wr p {
    color: #ebecf4;
    height: 200px;
    overflow: hidden;
    font-size: 14px;
    font-family: "微軟正黑體", "微软雅黑";
    line-height: 2;
    text-align: left;
}

.project-wr i {
    width: 14px;
    height: 42px;
    display: block;
    background: url(../images/arro.png) center no-repeat;
    position: absolute;
    left: 42px;
    bottom: 40px;
}

.project {
    margin-top: 22px;
}

.exhibite {
    width: 100%;
    float: left;
    position: relative;
}

.project-info li {
    float: left;
    width: 100%;
}

.project-list {
    position: relative;
    overflow: hidden;
}

.project-li li {
    float: left;
    position: relative;
    width: 33.33333%;
    overflow: hidden;
}

.project-li.shown {
    overflow: inherit;
}

.project-li.shown, .project-li.shown .item {
    visibility: visible;
}

.project-li.animate .item {
    -webkit-animation: showMe 1.5s step-end forwards;
    animation: showMe 1.5s step-end forwards;
}

.project-li li figure {
    display: block;
    line-height: normal;
    overflow: hidden;
}

.project-li li figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 522ms;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
}

.project-li li:hover figure img {
    transform: scale(1.1);
    transition: 522ms;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
}

.project-li li figcaption {
    display: block;
    padding-top: 38px;
    height: 32px;
    background: url(../images/probg.png) repeat-x;
    width: 100%;
    line-height: normal;
    color: #fff;
    font-size: 14px;
    text-indent: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 330ms ease-in-out;
}

.project-li li:hover figcaption {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: 430ms 200ms;
    height: 150px;
    line-height: 150px;
}

.prohidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 53, 128, 0.5);
    background: #2760af \9;
    filter: alpha(opacity=50);
    opacity: 0;
    visibility: hidden;
    transition: 588ms ease-in-out;
}

.prowr {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -51px;
}

.prowr h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 28px;
    line-height: normal;
    text-align: center;
    font-weight: normal;
    position: relative;
    top: 25px;
    transition: 340ms 0ms;
    opacity: 0;
}

.promore {
    width: 151px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 46px;
    position: relative;
    margin: auto;
    overflow: hidden;
    top: 24px;
    opacity: 0;
    visibility: hidden;
    transition: 344ms 0ms ease-in-out;
}

.promore:before {
    content: "";
    width: 0;
    height: 0;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    visibility: hidden;
    transition: 320ms ease-in-out;
}

.promore span {
    display: block;
    text-align: center;
    line-height: 46px;
    color: #fff;
    position: relative;
    transition: 310ms;
}

.promore:hover:before {
    visibility: visible;
    width: 110%;
    height: 380%;
}

.promore:hover span {
    color: #2760af;
}

.project-li li:hover figcaption {
    bottom: -150px;
    opacity: 0;
    line-height: 150px;
}

.project-li li:hover .prohidden {
    opacity: 1;
    visibility: visible;
}

.project-li li:hover .prowr h3 {
    opacity: 1;
    top: 0;
    transition: 320ms 100ms;
}

.project-li li:hover .promore {
    opacity: 1;
    visibility: visible;
    top: 0;
    transition: 320ms 180ms ease-in-out;
}

.animate .curtain {
    -webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
    -o-webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
    -ms-webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
    animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
    animation-delay: 244.92ms;
}

.shown .curtain {
    display: none;
}

.adelay1 {
    transition: 500ms ease 150ms;
    -o-transition: 500ms ease 150ms;
    -moz-transition: 500ms ease 150ms;
    -webkit-transition: 500ms ease 150ms;
    -ms-transition: 500ms ease 150ms;
}

.mainBg {
    width: 100%;
    background-color: #ebf0f3;
    padding: 65px;
}

.infoPage {
    padding: 38px 0px 0px;
    background-color: #fff;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.infoPage .lbot {
    width: 0%;
    height: 8px;
    background-color: #799dcd;
    position: absolute;
    left: 0px;
    top: 0px;
}

.infoPage .lbot i {
    width: 0%;
    height: 8px;
    background-color: #215bab;
    display: block;
}

.infoPage.action .lbot {
    width: 100%;
}

.infoPage.action .lbot i {
    width: 160px;
}

.infoPage a:link, .infoPage a:visited {
    color: #999999;
}

.infoPage a:active, .infoPage a:hover {
    color: #666;
}

.infoT {
    border-bottom: 1px solid #ccc;
    padding-bottom: 32px;
    margin: 0px 60px 30px 60px;
    position: relative;
}

.infoT .t {
    font-size: 26px;
    color: #666;
    line-height: 1.2;
    margin-bottom: 14px;
}

.infoT .time {
    color: #999999;
    font-family: "acaslonpro", "times new roman", tahoma, georgia;
    font-size: 18px;
    padding-right: 180px;
}

.infoT .nsharp {
    float: right;
    display: block;
}

.nsharp a {
    padding-left: 20px;
    height: 20px;
    margin-left: 6px;
    display: inline-block;
    background: url(../images/sharp3.png);
    float: left;
}

.nsharp a.i1 {
    background-position: 0px 0px;
}

.nsharp a.i2 {
    background-position: -50px 0px;
}

.nsharp a.i3 {
    background-position: -95px 0px;
}

.nsharp a.i1:hover {
    background-position: 0px -20px;
}

.nsharp a.i2:hover {
    background-position: -50px -20px;
}

.nsharp a.i3:hover {
    background-position: -95px -20px;
}

.pageCon {
    overflow: hidden;
    line-height: 2;
    color: #666;
    font-size: 14px;
    text-align: justify;
}

.pageCon a:link, .pageCon a:visited {
    color: #4f7cb7;
}

.pageCon a:active, .pageCon a:hover {
    color: #C62923;
}

.pageCon img {
    max-width: 100%;
}

.infoPage .pageCon {
    margin: 0px 60px;
    padding-bottom: 50px;
}

.infoPaging a {
    height: 48px;
    color: #fff;
    font: 14px/48px "microsoft yahei";
    width: 33.33%;
    float: left;
    display: block;
    text-align: center;
    background-color: #799dcd;
    overflow: hidden;
}

.infoPaging a.list {
    margin: 0px 0.1%;
    width: 33.03%;
}

.infoPaging a.list span {
    background: url(../images/list.png) no-repeat scroll left center;
    padding-left: 38px;
    display: inline-block;
    color: #fff;
}

.infoPaging a:hover {
    color: #fff;
    background-color: #215bab;
}

.infoPaging a.pprev span {
    background: url(../images/pagign_l.png) no-repeat scroll left center;
    padding-left: 32px;
}

.infoPaging a.pnext span {
    background: url(../images/pagign_r.png) no-repeat scroll right center;
    padding-right: 32px;
}

.leftInner {
    width: 81%;
    position: relative;
    margin: 0px;
}

.leftInner70 {
    width: 75%;
    position: relative;
    margin: 0px;
}

.pageCur {
    float: right;
    display: block;
    margin-right: 60px;
    font-size: 14px;
}

.pageCur a:link, .pageCur a:visited {
    color: #666;
}

.pageCur a:active, .pageCur a:hover {
    color: #2c4e9f;
}

.pageCur a, .pageCur span {
    background: url(../images/pnav_act.png) no-repeat scroll left center;
    padding-left: 20px;
    margin-left: 12px;
}

.pageCur a.home {
    background-image: url(../images/home_ico.png);
}

.pageCur a.act, .pageCur .act {
    color: #2c4e9f;
}

.pageCur span.act {
    background: url(../images/pnav_act.png) no-repeat scroll left center;
    padding-left: 20px;
    olor: #2760af;
}

.contactPage {
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}

.mapBox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60%;
    height: 100%;
}

.con-rightBox {
    float: right;
    display: block;
    padding: 48px 3%;
    width: 34%;
    background-color: #215bab;
    color: #fff;
    font-size: 14px;
}

.con-rightBox .t {
    font-size: 24px;
    border-bottom: 1px solid #4480d3;
    padding-bottom: 14px;
    margin-bottom: 18px;
}

.con-rightBox .c {
    padding-bottom: 45px;
}

.f12 {
    font-size: 12px;
}

.con-rightBox a:link, .con-rightBox a:visited {
    color: #fff;
}

.con-rightBox a:active, .con-rightBox a:hover {
    color: #fff;
}

.con-rightBox .c-i {
    padding-left: 32px;
    background-position: left 2px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.con-rightBox .c-i1 {
    background-image: url(../images/c_i1.png);
}

.con-rightBox .c-i2 {
    background-image: url(../images/c_i2.png);
}

.con-rightBox .c-i3 {
    background-image: url(../images/c_i3.png);
}

.con-rightBox .c-i4 {
    background-image: url(../images/c_i4.png);
}

.con-rightBox .c-i5 {
    background-image: url(../images/c_i5.png);
}

.ctxt {
    border: 0px none;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 100%;
    background-color: #3a77cb;
    color: #fff;
    font-family: "microsoft yahei";
}

.ctxt2 {
    font-size: 14px;
    height: 60px;
    resize: none;
}

.cbtn {
    background-color: #fff;
    width: 74px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    color: #666666;
}

.messageTBL td {
    vertical-align: top;
    padding-bottom: 18px;
}

.con-rightBox textarea {
    outline: none;
}

.con-rightBox input[type="text"]:focus, .con-rightBox textarea:focus {
    background-color: #fff;
    color: #205BAB;
}

/*serach style*/
.serachT {
    font: 36px/1.5 "Microsoft JhengHei";
    color: #5899dd;
    padding: 6% 0px 4% 0px;
}

.allSearch {
    background-color: #cde0f5;
    color: #5899dd;
    padding: 36px 30px;
    line-height: 30px;
    margin-bottom: 4%;
}

.allSearch .snum {
    font-style: italic;
    padding-left: 12px;
}

.allSearch .stxt {
    border: 1px solid #b8c9dc;
    padding: 0px 17px;
    height: 30px;
    width: 30%;
    float: left;
    color: #6D6B6B;
}

.allSearch .stxt:focus {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}

.allSearch .sbtn {
    background-color: #5899dd;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 85px;
    border: 0px none;
    height: 32px;
    line-height: 32px;
    float: left;
    margin-left: 14px;
}

.serachlist a:link, .serachlist a:visited {
    color: #666666;
}

.serachlist a:active, .serachlist a:hover {
    color: #767676;
}

.serachlist dd {
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #a9a9a9;
    padding-bottom: 24px;
    margin-bottom: 30px;
}

.serachlist dd .num {
    float: left;
    display: block;
    padding-right: 26px;
    font-size: 18px;
    line-height: 1.4;
}

.serachlist dd .blue {
    color: #5899dd;
    text-decoration: underline;
}

.pageBox {
    padding: 100px 0px;
}

.pageBoxT {
    text-align: center;
}

.pageBoxT .en {
    font: 30px/1.5 Arial, "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", "SimSun", sans-serif;
    color: #5899dd;
    text-transform: uppercase;
}

.pageBoxT .zh {
    font: 30px/1.4 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
    color: #747474;
}

.pageBoxC a:link, .pageBoxC a:visited {
    color: #c5c5c5;
}

.pageBoxC a:active, .pageBoxC a:hover {
    color: #5899dd;
}

.pageBoxC {
    padding: 48px 0px 40px;
    text-align: center;
    font-size: 14px;
    width: 94%;
    margin: 0px auto;
    color: #666;
}

.pageMore {
    display: block;
    width: 154px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #5899dd;
    color: #fff;
    position: relative;
    margin: 0px auto;
}

.pageMore .i1 {
    position: absolute;
    width: 0px;
    left: 0px;
    top: 0px;
    height: 100%;
    transition: 300ms;
    background-color: #747474;
}

.pageMore .i2 {
    position: relative;
    z-index: 1;
}

.teamC {
    width: 425px;
    margin: 0 auto;
    text-align: center;
}

.teamC .t {
    font: 30px/1.4 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
}

.teamC .name {
    padding-top: 70px;
    text-align: right;
}

.article-block .teamC {
    transform: translate(50px, 0px);
    -webkit-transform: translate(50px, 0px);
    opacity: 0;
}

.articleShow .teamC {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
    transition: all 770ms ease-in-out 0s;
    border: 2px solid #fff;
    padding: 30px;
}

.teamMore {
    color: #fff;
    background-color: #5899dd;
    display: block;
    text-align: center;
    height: 86px;
    line-height: 86px;
}

.teamMore:hover {
    background-color: #747474;
}

.cennter {
    width: 70%;
    margin: 0 auto;
}

.ideaPage {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10% 0px;
    color: #fff;
}

.ideaPage .t {
    font: 30px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
    color: #5899dd;
}

.ideaPage .c {
    padding: 0px;
    margin: 10px 0px;
    color: #747474;
    font-size: 16px;
    height: 134px;
    line-height: 1.5;
    overflow: hidden;
}

.ideaPage .pageMore {
    margin: 0;
}

.ideaPage .article-block {
    transform: translate(-50px, 0px);
    -webkit-transform: translate(-50px, 0px);
    opacity: 0;
}

.ideaPage .articleShow {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
    transition: all 770ms ease-in-out 0s;
}

.ideaPage .article-block .pageMore {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
}

.milepostPage {
    padding: 80px 0px 60px;
}

.pageBoxT2 .zh1 {
    font: 30px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
    color: #5899dd;
}

.pageBoxT2 .zh2 {
    font: 22px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
    color: #747474;
    margin: 10px 0px;
}

.milepostPage .pageBoxT2 {
    text-align: center;
}

.milepostPage .inner {
    padding: 90px 0px;
    position: relative;
}

.article-block .pageBoxT2 .zh1, .article-block .pageBoxT2 .zh2 {
    transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    opacity: 0;
}

.articleShow .pageBoxT2 .zh1, .articleShow .pageBoxT2 .zh2 {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
}

.article-block .pageBoxT2 .zh1 {
    transition: all 570ms ease-in-out 0s;
}

.article-block .pageBoxT2 .zh2 {
    transition: all 770ms ease-in-out 0s;
}

.owl-item {
    float: left;
}

.teamPage {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 140px 0px 130px;
    color: #fff;
}

.sj_banner {
    display: none
}

#carousel dia img {
    height: 142px;
}

/*
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	width: 100%;
	height: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
	visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	display:none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #2961ae;
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-scrollbar-lock {
	display: none
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.swiper-slide-zoomed {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube {
	overflow: visible
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-flip {
	overflow: visible
}
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-slide {
	width: 100%;
}
.swiper-slide img {
	width: 100%;
}
*/
.hn_proline {
    width: 96%;
    margin: 0 auto;
    position: relative;
    display: none;
    margin: 8px auto;
}

.hn_proline ul {
    width: 100%;
}

.hn_proline ul li {
    height: 46.5vw;
    position: relative;
    left: 0;
    display: inline-block;
    text-align: center;
    height: 150px;
}

.hn_proline ul li .shadowbox {
    margin: 0 3% 3% 3%;
    width: 96%;
    position: relative;
    display: table;
    height: 95%;
}

.hn_proline ul li .shadowbox a {
    display: table;
    width: 100%;
    height: 100%;
}

.hn_proline ul li .shadowbox a span {
    display: table-cell;
    vertical-align: middle;
    color: #666;
    background-color: #fff;
}

.hn_proline ul li .shadowbox a span .ico_45 {
    margin-bottom: 5px;
}

.hn_proline ul li .shadowbox a h2 {
    font-size: 12px;
    color: #555;
    font-weight: 600;
}

.hn_proline ul li .shadowbox a p {
    font-size: 12px;;
    opacity: .6;
    font-weight: normal;
    color: #666;
}

.shadowbox {
    background: white;
    box-shadow: 0 0 3px 1px rgba(22, 70, 136, .1);
}

.ico_25.i_point {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url(../images/hn_ico72.png) center center no-repeat;
    background-size: auto auto;
    background-size: 100% auto;
    line-height: 2.5rem;
    vertical-align: middle;
}

.hn_proline .btn_promore {
    padding: 8px;
    background: #f6f6f6;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-top: -45px;
    margin-left: -33px;
}

.hn_proline .btn_promore span {
    display: table-cell;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
}

.ak-grid .ak-gc.ak-gc-1-2 {
    width: 50%;
}

.ak-grid .ak-gc {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    margin-right: -3px;
    vertical-align: top;
}
.msubnav li.on>a{
    background: #0092dc;
    color: #ffffff;
}
.MsjSub{
    display: none;
}
.MsjSub li a{
    padding-left: 20px;
    background: #fdfdfd!important;
    color: #8d8d8d!important;
}