@charset "utf-8";
body { background-color: #f5f5f5 !important; }
.content{ width: 1400px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 48px;height: 48px;background: #b2b2b2;position: fixed;bottom: 10px;right: 20px;text-align: center;line-height: 48px;font-size: 36px;color: #fff;cursor: pointer;display: none;z-index: 999; border-radius: 24px; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12); box-shadow: 0 0 8px 0 rgba(0,0,0,.12); -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; }
.page-down i {position: relative;top: -3px;}
.page-down:hover {background: #287ec8;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; min-width: 1400px; }
.tishi{ text-align: center; color: #333; font-size: 16px; padding: 20px 0; }
.tupian{ width: 100%; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: transform .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #0e5fac;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.float-haeder .header .nav_handle b i { background-color: #fff; }
.header:hover .nav_handle b i,
.header.header_on .nav_handle b i { background-color: #333; }
.header { position: fixed;width: 100%;left: 0;top: 0;z-index: 100;-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);box-shadow: 0 4px 12px rgba(0, 0, 0, .1); background-color: #fff; }
.float-haeder .header { background-color: rgba(0, 0, 0, .15); }
.header .logo { padding: 22px 0; float: left; margin-right: 100px; }
.header .logo img { height: 40px; }
.header .lang { float: right; position: relative; }
.header .lang .wz { font-size: 14px; color: #333; line-height: 84px; margin-left: 10px; margin-right: 10px; cursor: pointer; overflow: hidden; }
.header .lang .wz img{ filter: drop-shadow(#ffffff 150px 0); transform: translateX(-150px); }
.float-haeder .header .search .wz { color: #fff; }
.float-haeder .header .lang .wz { color: #fff; }
.header .lang a i { margin-right: 10px; font-size: 24px; position: relative; top: 2px; }
.header .inmuen { float: left; }
.header .inmuen ul li { display: block; float: left; }
.header .inmuen ul li > a { display: block; position: relative; z-index: 999; padding: 0 24px; font-size: 16px; color: #333; line-height: 84px; font-family:"Microsoft YaHei"}
.float-haeder .header .inmuen ul li > a { color: #fff; }
.header .inmuen ul li > a i { font-size: 20px; position: relative; top: 2px; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.header .inmuen ul li > a::after { display: none; content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; width: 4px; height: 0; background-color: #0e5fac; transition: height .3s; }
.header .inmuen ul li > a:hover::after,
.header .inmuen ul li.on > a::after { height: 20px; }
.header .inmuen ul li.on > a,
.header .inmuen ul li > a:hover{ color: #0e5fac; }
.header .inmuen ul li > a:hover i { transform: rotate(-180deg); }
.header .inmuen ul li .erji{ display: none; width: 100%; overflow: hidden;padding: 40px 40px 0; background: #f5f5f5; position: absolute; left: 0; top: 100%; z-index: 999; -webkit-box-shadow: 0 8px 12px rgba(0,0,0,.08); box-shadow: 0 8px 12px rgba(0,0,0,.08); }
.header .inmuen ul li .erji::after { content: ''; position: absolute; top: 0; width: 50%; left: 50%; height: 100%; background-color: #fff; z-index: -1; }
.header .inmuen ul li .erji .left{max-width: 650px;width: 50%;min-height: 210px;float: left;padding-bottom: 36px;}
.header .inmuen ul li .erji .left .erji-li > a{ display: block; text-align: left; height: 40px; line-height: 24px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 8px 12px; box-sizing: border-box; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.header .inmuen ul li .erji .left .erji-li > a:hover{ background-color: #0e5fac; color: #fff!important; }
.header .inmuen ul li .erji .left .erji-li .sanji{ padding: 10px 25px; }
.header .inmuen ul li .erji .left .erji-li .sanji a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; word-spacing: normal; }
.header .inmuen ul li .erji .left .erji-li .sanji a:before{ content: ""; width: 8px; height: 3px; background: #666; display: inline-block; vertical-align: middle; margin-right: 5px; }
.header .inmuen ul li .erji .left .erji-li .sanji a:hover{ color: #0e5fac; }
.header .inmuen ul li .erji .left .erji-li .sanji a:hover:before{ background: #0e5fac; }
.header .inmuen ul li .erji .left .slist{ width: 46%; padding-right: 2%; margin-right: 2%; border-right: 1px solid #ddd; float: left; box-sizing: border-box; }
.header .inmuen ul li .erji .left .slist:nth-child(2){ border-right: 0; }
.header .inmuen ul li .erji .right { float: right; width: 50%; box-sizing: border-box; padding: 0 40px; }
.header .inmuen ul li .erji .pic{ max-width: 100%; overflow: hidden; }
.header .inmuen ul li .erji .text { font-size: 16px; margin: 20px 0; font-weight: 600; line-height: 1; color: #333; }
.header .inmuen ul li:hover .erji{ display: block; }
.header:hover, .header.header_on { background-color: #fff;}
.header:hover .inmuen ul li > a,
.header.header_on .inmuen ul li > a { color: #333; }
.header:hover .inmuen ul li > a:hover { color: #0e5fac; }
.header:hover .lang .wz img,
.header.header_on .lang .wz  img{ filter: drop-shadow(#333333 150px 0); transform: translateX(-150px); }
.header .lang .xf {
    display: none;
    background: #fff;
    width: 100px;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    padding: 7px 0;
    position: absolute;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.header .lang .xf:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -4px;
    transform: rotate(45deg);
}

.header .lang .xf a {
    display: block;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #666;
}

.header .lang .xf a:hover {
    background: #0e5fac;
    color: #fff;
}

.header .lang:hover .xf {
    display: block;
}

.header .search {
    float: right;
    position: relative;
}

.header .search .wz {
    color: #333;
    line-height: 84px;
    font-size: 18px;
    padding: 0 20px;
    cursor: pointer;
}

.header .search .xuanf {
    display: none;
    background: #fff;
    position: absolute;
    right: 0;
    top: 100%;
    padding-right: 60px;
    z-index: 9;
}

.header .search .xuanf .text {
    width: 150px;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
}

.header .search .xuanf .sub {
    position: absolute;
    width: 60px;
    right: 0;
    top: 0;
    height: 40px;
    background: #333;
    color: #fff;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}

.header .search .xuanf .sub i {
    position: relative;
    top: -2px;
}

.header .search .xuanf .sub:hover {
    background: #0e5fac;
}

.header .search:hover .ann {
    color: #0e5fac;
}

.header .search:hover .xuanf {
    display: block;
}
.header:hover .search .wz,
.header.header_on .search .wz { color: #333; }
.headerkg { height: 84px; }
.float-haeder .headerkg { height: 0px; }


.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img{ width: 1920px; height: auto; max-width: initial; }
.banner .pagination{z-index: 99;text-align: center;line-height: 30px;height: 30px;width: 100%;position: absolute;left: 0;bottom: 20px;}
.banner .pagination .swiper-pagination-switch{ cursor: pointer; width: 20px; height: 20px; display: inline-block; margin: 0 10px; border-radius: 10px; box-sizing: border-box; border: 1px solid #0e5fac; background-color: #fff; opacity: .7; }
.banner .pagination .swiper-active-switch{ width: 80px; }
.banner .banner-left{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-right{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; }

.inlmtit { width: 100%; text-align: center; font-size: 50px; font-weight: 700; color: #333; position: relative; margin-bottom: 50px; }
.inlmtit a { position: absolute; right: 0; bottom: 0; font-size: 16px; }

.incase .inlmtit { margin-top: 100px; margin-bottom: 60px; }
.incase .nr { padding-right: 30%; position: relative; }
.incase .nr .li { position: relative; overflow: hidden; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.incase .nr .li .pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.incase .nr .li .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.incase .nr .li .wz { position: absolute; bottom: 30px; width: 100%; left: 0; font-size: 24px; color: #fff; padding: 0 16px; box-sizing: border-box; line-height: 30px; height: 30px; overflow: hidden; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.incase .nr .li:hover { border-radius: 30px; }
.incase .nr .li:hover .wz { opacity: 0; }
.incase .nr .li .fgc { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.3); cursor: pointer; opacity: 0; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.incase .nr .li .fgc .tit { bottom: 50%; padding: 8px 14px; background-color: #0e5fac; font-size: 24px; font-weight: 700; max-width: 92%; position: absolute; left: 50%; -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%); color: #fff; overflow: hidden; line-height: 30px; height: 46px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap;  }
.incase .nr .li:hover .fgc { opacity: 1; }
.incase .nr .left { width: 100%; }
.incase .nr .right { width: calc(30% - 15px); position: absolute; right: 0; top: 0; height: 100%; }
.incase .nr .h-300 { height: 300px; }
.incase .nr .h-332 { height: 332px; }
.incase .nr .h-172 { height: 172px; }
.incase .nr .bottom { margin-top: 15px; margin-left: -7.5px; margin-right: -7.5px; }
.incase .nr .b-left,
.incase .nr .b-right { width: calc(50% - 15px); margin: 0 7.5px; float: left; }
.incase .nr .bl-top,
.incase .nr .br-top { margin-bottom: 15px; }


.inpro { padding-bottom: 50px; }
.inpro .inlmtit { margin-top: 100px; margin-bottom: 60px; }
.inpro .inprolist {
    position: relative;
}

.inpro .inprolist .inprolistnr {
    overflow: hidden;
}

.inpro .inprolist .inprolistnr,
.inpro .inprolist .inprolistnr .swiper-wrapper,
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide {
    height: auto !important;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide a {
    margin: 0 7px;
    display: block;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li {
    overflow: hidden;
    padding: 0 16px;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    box-sizing: border-box;
    background: #fff;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li:hover {
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12);
    box-shadow: 0 0 16px rgba(0,0,0,.12);
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .wz {
    padding: 26px 10px 30px;
    text-align: center;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .tit {
    font-size: 18px;
    color: #333;
    height: 36px;
    line-height: 36px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .jj {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    height: 22px;
    line-height: 22px;
    margin: 10px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .ann {
    padding: 8px 60px;
    display: inline-block;
    background: transparent;
    font-size: 16px;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    text-decoration: underline;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li:hover .ann {
    background: #0e5fac;
    color: #fff;
    text-decoration: none;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .pic {
    overflow: hidden;
    text-align: center;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .pic img {
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    max-width: 300px;
}

.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li:hover .pic img {
    transform: scale(1.1,1.1);
}

.inpro .inprolist .prev,.inpro .inprolist .next {
    transition: all .5s;
    display: block;
    width: 36px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    color: #999;
    text-align: center;
    position: absolute;
}

.inpro .inprolist .prev {
    left: -30px;
    top: 50%;
    margin-top: -24px;
}

.inpro .inprolist .next {
    right: -30px;
    top: 50%;
    margin-top: -24px;
}

.inpro .inprolist .prev i,
.inpro .inprolist .next i {
    position: absolute;
    top: -2px;
    width: 100%;
    left: 0;
    text-align: center
}

.inpro .inprolist .prev:hover,.inpro .inprolist .next:hover {
    color: #0e5fac;
}

.innews { padding: 48px 0 154px; background-image: url(../images/en-news-bg.png); }
.innews ul {
    position: relative;
    width: 102%;
    left: -1%;
}

.innews ul li {
    display: block;
    transition: all .5s;
    width: 48%;
    margin: 0 1% 25px;
    float: left;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.4);
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    padding: 26px 20px 50px 320px;
    position: relative;
    min-height: 200px;
}

.innews ul li .pic {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.innews ul li .pic img { -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }

.innews ul li .date {
    font-size: 18px;
    color: #999;
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    line-height: 30px;
    font-style: italic;
}

.innews ul li .tit {
    font-size: 25px;
    line-height: 30px;
    height: 30px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 100px;
}

.innews ul li .jj {
    font-size: 18px;
    color: #333;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 39px;
    font-weight: 600;
}

.innews ul li:hover {
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12);
    box-shadow: 0 0 16px rgba(0,0,0,.12);
    background-color: #fff;
}

.innews ul li:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.innews ul li:hover .jj { text-decoration: underline; }

.float-haeder footer { margin-top: 0 !important; }
footer { padding-top: 50px !important; margin-top: 80px !important; background-color: #1f2024; }

footer .search {
    width: 25%;
    float: left;
}

footer .search .kk {
    max-width: 260px;
    position: relative;
}

footer .search .text {
    width: 100%;
    padding: 8px 90px 8px 8px;
    font-size: 14px;
    color: #fff;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #3c3c42;
    background-color: transparent;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}

footer .search .text:focus {
    border-color: #0e5fac;
}

footer .search .sub {
    width: 80px;
    height: 28px;
    background: #0e5fac;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    outline: none;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 2px;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}

footer .search .sub:hover {
    opacity: .9;
}

footer .search .jj {
    margin-top: 12px;
    line-height: 1.418;
    font-size: 12px;
    color: #c5c5c5;
}

footer .nav-box { display: table; width: 100%; padding-bottom: 10px; width: 75%; }
footer .nav { padding-bottom: 50px; display: table-cell; padding-left: 10px; }
footer .nav a { display: block; color: #fff; line-height: 25px; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); font-size: 12px; margin-bottom: 2px; }
footer .nav a:hover { color: #0e5fac; }
footer h5 { font-size: 12px; margin-bottom: 16px; color: #c5c5c5; line-height: 1.5; font-weight: bold; text-transform: uppercase; }
.banq { border-top: 1px solid #3c3c42; padding: 24px 0; line-height: 32px; background-color: #1f2024; }
.banq .left { color: #606060; font-size: 12px; margin-bottom: 0; text-align: left; line-height: 24px; float: left; }
.banq .left p { padding: 4px 0; }
.banq .left a { color: #606060; }
.banq .right { font-size: 0; float: right; margin: -5px; }
.banq .right a { margin: 5px; display: inline-block; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); background-color: #414243; border-radius: 50%; }
.banq .right a:hover { opacity: .9; }
.banq .right img { display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; }

.nybanner { height: 420px; position: relative; }
.nybanner .fgc {position: absolute; width: 100%; height: 100%; line-height: 1.35;}
.nybanner .lmtit { font-size: 50px; color: #fff; font-weight: bold; padding-bottom: 10px; letter-spacing: 2px; text-align: left; }
.nybanner .lmjj { font-size: 24px; color: #fff; font-weight: 100; max-width: 720px; text-align: left;}

.weizhi { font-size: 16px; margin-top: 36px; color: #333; }
.weizhi a { display: inline-block; padding: 6px 10px; color: #333; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); }
.weizhi i { font-size: 18px; margin: 0 10px; }

.nytitle { margin-top: 35px; margin-bottom: 35px; }
.nytitle h2 { font-size: 32px; display: inline-block; font-weight: bold; color: #333; }

.nyrightnav .card { background-color: #fff; padding: 42px 28px 54px; box-sizing: border-box; margin-bottom: 20px; }
.nyrightnav .card h3 { font-size: 20px; color: #333; border-bottom: 1px solid #eee; padding-bottom: 16px; font-weight: bold; }
.nyrightnav .card li { line-height: 1.5; padding-top: 16px; }
.nyrightnav .card a { font-size: 14px; }
.nyrightnav .card a:before {content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;margin-right: 8px;background-color: #dadada;}
.nyrightnav .card a:hover:before { background-color: #0e5fac; }

.nynav ul { background-color: #fff; text-align: left; font-size: 0; margin-bottom: 20px; border: 1px solid #bfcbd9; border-top: none; font-size: 14px; position: relative; }
.nynav ul li{ position: relative; float: left; display: inline-block; min-width: 130px; border-right: 1px solid #bfcbd9; border-top: 1px solid #bfcbd9; border-bottom: 1px solid #bfcbd9; margin-bottom: -1px; }
.nynav ul li > a { display: block; height: 45px; line-height: 45px; text-align: center; position: relative;  padding: 0 10px; }
.nynav ul li > a i{ margin-left: 5px; }
.nynav ul li > a:hover,
.nynav ul li > a.on { color: #fff; background-color: #0e5fac; }
.nynav ul:after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background-color: #bfcbd9; }
.nynav ul li .erji{ display: none; z-index: 2; padding: 10px 0; width: 100%; left: 0; top: 100%; background: #fff; border: 1px solid #bfcbd9; background: #fff; position: absolute; box-sizing: border-box; }
.nynav ul li .erji a{ display: block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; word-spacing: normal; }
.nynav ul li .erji a:hover,.nynav ul li .erji a.on{ background: #0e5fac; color: #fff; }
.nynav ul li:hover .erji{ display: block; }

.nycontact { font-size: 14px; line-height: 26px; color: #666; }
.nycontact-card { padding: 50px 54px; background-color: #fff; overflow: hidden; font-size: 16px; line-height: 30px; color: #333; }

.nypage .left { padding: 50px 55px 55px; font-size: 16px; background-color: #fff; overflow: hidden; float: left; width: calc(100% - 286px); box-sizing: border-box; line-height: 30px; content: #333; }
.nypage .right { float: right; width: 266px; }

.nynews ul li{ display: block; background-color: #fff; min-height: 200px; padding: 14px 50px 10px 350px; position: relative; margin-bottom: 30px; box-sizing: border-box; }
.nynews ul li .pic{ width: 300px; height: auto; overflow: hidden; overflow: hidden; position: absolute; left: 0; top: 0; }
.nynews ul li img{ width: 100%; height: auto; }
.nynews ul li .tit{height: 27px;line-height: 27px;font-size: 20px;font-weight: 440;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.nynews ul li .jj{font-size: 14px;color: #666;line-height: 1.5;overflow: hidden;margin-bottom: 30px;padding-right: 5%;max-height: 63px;}
.nynews ul li .more{ height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #666; padding: 0 24px; border-radius: 2px; background: #f5f5f5; border: 1px solid #dfdfdf; white-space: nowrap; -webkit-transition: all .8s cubic-bezier(.19,1,.22,1); transition: all .8s cubic-bezier(.19,1,.22,1); display: inline-block; box-sizing: border-box; }
.nynews ul li:hover .more{ background-color: #0e5fac; border: 1px solid #0e5fac; color: #fff; }
.nynews ul li:hover { -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12); box-shadow: 0 0 16px rgba(0,0,0,.12); }

.shownews .left { background-color: #fff;  padding: 55px; font-size: 14px; width: 79.5%; margin-right: 1.5%; margin-bottom: 100px; float: left; box-sizing: border-box; }
.shownews .left .tit { font-size: 20px; padding-bottom: 16px; text-align: center; color: #333; font-weight: 600; line-height: 1.4; }
.shownews .left .date { text-align: center; padding-bottom: 30px; color: #666; font-size: 14px; line-height: 1.4; }
.shownews .left .date li { display: inline-block; margin: 0 15px; }
.shownews .left .date i { margin-right: 8px; vertical-align: -1px; font-size: 16px; }
.shownews .left .wz { line-height: 1.5; color: #666; font-size: 14px; }
.shownews .left .wz img { max-width: 100%; }
.shownews .right { float: right; width: 19%; }

.page{ text-align:right; white-space: nowrap; margin-bottom: 30px; padding: 2px 5px; color: #48556a; font-size: 0; }
.page a{ overflow:hidden; display:inline-block; color:#666; padding: 0 4px; text-align: center; border: 1px solid #d1d9e5; border-right-width: 0; background: #fff; font-size: 13px; min-width: 28px; height: 28px; line-height: 28px; -webkit-box-sizing: border-box;  box-sizing: border-box; text-align: center; vertical-align: top;  }
.page a:last-child { border-right-width: 1px; }
.page a:hover { color: #0e5fac; }
.page a.active{ border-color: #0e5fac; background-color: #0e5fac; color: #fff; }
.page .btn-next,
.page .btn-prev { background: 50% no-repeat #fff; background-size: 16px; border: 1px solid #d1d9e5; color: #97a5be; padding: 0 6px; }
.page .btn-prev { border-right-width: 0; }
.page i {font-size: 24px; }

.nycase ul {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.nycase ul li {
    display: block;
    width: calc(25% - 20px);
    margin: 0 10px 24px;
    float: left;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}

.nycase ul li .wz {
    padding: 15px 20px;
}

.nycase ul li .pic {
    position: relative;
    overflow: hidden;
}

.nycase ul li .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .5s;
}

.nycase ul li .tit {
    font-size: 18px;
    color: #333;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nycase ul li:hover .pic img {
    transform: scale(1.1,1.1);
}

.nycase ul li:hover {
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12);
    box-shadow: 0 0 16px rgba(0,0,0,.12);
}

.showcase { font-size: 14px; line-height: 26px; color: #666; }
.showcase-card { padding: 54px; margin-bottom: 54px; background-color: #fff; overflow: hidden; }
.showcase .tit { font-size: 20px; padding-bottom: 16px; text-align: center; color: #333; font-weight: 600; line-height: 1.4; }
.showcase .wz { line-height: 24px; color: #333; font-size: 14px; }

.nydown ul {
    display: block;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.nydown ul li {
    display: block;
    width: calc(25% - 20px);
    margin: 0 10px 35px;
    float: left;
    box-sizing: border-box;
    padding: 60px 20px 20px;
    text-align: center;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    background-color: #fff;
}

.nydown ul li .ico img {
    height: 70px;
}

.nydown ul li .tit {
    font-size: 24px;
    color: #333;
    padding-top: 25px;
    padding-bottom: 10px;
    font-weight: 600;
}

.nydown ul li .ann {
    display: inline-block;
    height: 40px;
    max-width: 150px;
    width: 100%;
    background: #f5f5f5;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    margin-top: 37px;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
}

.nydown ul li:hover {
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12);
    box-shadow: 0 0 16px rgba(0,0,0,.12);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.nydown ul li .ann:hover {
    background-color: #0e5fac;
    color: #fff;
}

.nypro ul {
    display: block;
    position: relative;
    width: 101%;
    left: -0.5%;
}

.nypro ul li {
    display: block;
    width: 24%;
    float: left;
    margin: 0 .5% 1%;
    position: relative;
    border: 1px solid #dadada;
    background-color: #fff;
    font-size: medium;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
    box-sizing: border-box;
}


.nypro ul li:hover { -webkit-box-shadow: 0 0 16px rgba(0,0,0,.12); box-shadow: 0 0 16px rgba(0,0,0,.12);}

.nypro ul li .pic {
    overflow: hidden;
    text-align: center;
}

.nypro ul li .pic img {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 64%;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}

.nypro ul li .wz {
    padding: 24px;
    border-top: 1px solid #dadada;
}

.nypro ul li .tit {
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.nypro ul li .tit i { position: absolute; right: 0; top: 0; line-height: 30px; font-size: 24px; }

.nypro ul li .jj {
    font-size: 14px;
    color: #666;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.nypro ul li .tit:hover {
    color: #0e5fac;
}

.nypro ul li .pic:hover img {
    transform: scale(1.1,1.1);
}

.box {
    width: 700px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}

.tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.tb-pic a img {
    vertical-align: middle;
}

.tb-s310 {
    height: 460px;
    width: 700px;
    text-align: center;
}

.tb-s310 .zoom,.tb-s310 .jqzoom {
    max-height: 460px;
    max-width: 700px;
}

.picScroll-left {
    margin-top: 15px;
    padding: 0 60px;
    position: relative;
}

.picScroll-left .hd .prev {
    width: 30px;
    height: 164px;
    font-size: 28px;
    text-align: center;
    line-height: 164px;
    color: #999;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    background: #fff;
}

.picScroll-left .hd .next {
    width: 30px;
    height: 164px;
    font-size: 28px;
    text-align: center;
    line-height: 164px;
    color: #999;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    background: #fff;
}

.picScroll-left .hd .prev:hover {
    color: #0e5fac;
}

.picScroll-left .hd .next:hover {
    color: #0e5fac;
}

.picScroll-left .bd {
    display: block;
    position: relative;
    width: calc(100% + 10px);
    left: -5px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    padding: 10px;
}
.picScroll-left .bd:after{ content: ""; display: block; clear: both; }
.picScroll-left .bd ul li {
    display: block;
    width: 25%;
    cursor: pointer; float: left;
}

.picScroll-left .bd ul li a {
    display: block;
}

.picScroll-left .bd ul li a img {
    border: 1px solid transparent;
    box-sizing: border-box;
}

.picScroll-left .bd ul li.tb-selected a img {
    border: 1px solid #0e5fac;
}

.showinfo { padding-bottom: 100px; }

.showinfo .nr {
    position: relative;
    padding: 80px 0 0 770px;
    min-height: 639px;
    box-sizing: border-box;
}

.showinfo .nr .lmtit {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 1.38;
    color: #333;
    font-weight: 600;
}

.showinfo .nr .jj {
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    margin-top: 10px;
}

.showinfo .nr .wz {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-top: 20px;
}

.showprodetail {
    margin-bottom: 60px;
}

.showprodetail .lmtit {
    border-bottom: 1px solid #dadada;
}

.showprodetail .lmtit span {
    position: relative;
    display: inline-block;
    padding: 0 60px;
    font-size: 20px;
    line-height: 90px;
    cursor: pointer;
}

.showprodetail .lmtit li { display: inline-block; }
.showprodetail .lmtit li.on span {  color: #0e5fac; }
.showprodetail .lmtit li span:before {
    display: block;
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    left: 50%;
    background: #0e5fac;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.showprodetail .lmtit li.on span:before { width: 100%; }

.showprodetail .nr {
    margin-top: 30px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.showprodetail .nr table {
    max-width: 100%;
}

.showprodetail .nr table th,.showprodetail .nr table td {
    padding: 6px 10px;
    color: #333;
}