/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face{
font-family:'siyuanm';
src:url('/home/image/new/siyuanm.otf');
}
@font-face{
font-family:'siyuanr';
src:url('/home/image/new/siyuanr.otf');
}
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: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    object-fit: fill
}

strong {
    font-weight: bold !important;
}
html{
    font-size: 0.5208vw;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*width: 100%;*/
    overflow-x: hidden;
}
html,
body {
    width: 100%;
    /* overflow-x: auto; */
}

body {
    font-size: 14px;
    /*background-color: #fff;*/

    background: url(/home/image/new/footerbg2.jpg);
    background-size: cover;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}

body {
    /*font-size: 0.3rem;*/
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/* HTML5 display-role reset for older browsers */

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

body {
    line-height: 1;
    position: relative;
    /*padding-bottom: 380px;*/
    min-height: calc(100vh - 450px);
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#paging {
    text-align: center;
}


/* 妫ｆ牠銆� */

header {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 99;
    box-shadow: 0px 2px 2px #999;
}

.header {
    width: 100%;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.7);
}

.menu {
    width: 100%;
    background-color: #fff;
    height: 70px;
}

.header .header-c,
.menu .menu-c {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.menu .menu-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .header-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .header-c .logo {
    height: 75px;
}

.header .header-c .search-all {
    /* display: flex; */
    margin-top: 10px;
}

.header .header-c .search-all .tips {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-right: -12px;
}

.header .header-c .search-all .tips li {
    color: #0B4A8D;
    font-size: 12px;
    width: 80%;
    text-align: center;
    border-right: 1px solid #0B4A8D;
}

.header .header-c .search-all .tips li a {
    color: #0B4A8D;
}

.header .header-c .search-all .tips li:last-child {
    border-right: none
}

.menu .menu-c .fsize {
    border: 1px solid #888;
    width: 183px;
    height: 32px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 10px;
    position: relative;
}

.menu .menu-c .fsize input {
    width: 84%;
    /* height: 100%; */
    border: none;
    outline: none;
}

.header .header-c .fsize input::-webkit-input-placeholder {
    color: #0B4A8D;
}

.header .header-c .fsize input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #0B4A8D;
}

.header .header-c .fsize input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #0B4A8D;
}

.header .header-c .fsize input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #0B4A8D;
}

.header .header-c .in-search img {
    width: 18px;
    margin-top: 5px;
}

.header .header-c .search-in {
    width: 170px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #0B4A8D;
    padding-left: 10px;
}

.hideMenu {
    position: absolute;
    left: 0;
    width: 205px;
    color: #000;
    left: 0;
    top: 33px;
    background-color: #fff;
    box-shadow: #999 0px 0px 5px;
    border-radius: 10px;
    display: none;
}

.hideMenu .record {
    position: relative;
    /* display: flex; */
    padding: 10px;
}

.hideMenu .record .left {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
}

.hideMenu .record .left span {
    line-height: 25px;
    margin-right: 10px;
}

.hideMenu .record .del {
    width: 13px;
    position: absolute;
    top: 15px;
    right: 10px;
}

.tuijian {
    color: #2E7FF6;
    text-align: left;
    padding: 10px;
}

.tuijian img {
    width: 14px;
}

.tuijian .title {
    display: flex;
    align-items: center;
    line-height: 10px;
}

.tuijian .search-item {
    color: #888;
    display: flex;
    align-items: center;
    line-height: 30px;
    justify-content: space-between;
}

header .menu .menu-c ul {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;

}

header .menu .menu-c ul li {
    display: flex;
    align-items: center;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
    width: 80%;
    height: 100%;
    text-align: center;
    border-right: 1px solid #fff;
}

header .menu .menu-c ul li:last-child {
    border-right: none;
}

header .menu .menu-c ul li a {
    display: block;
    /* width: 100%; */
    height: 100%;
    color: #000;
    font-size: 16px;
    margin: 0 auto;
}

header .menu .menu-c ul li a.active {
    color: #2E7FF6;
    position: relative;
}

header .menu .menu-c ul li a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;

    width: 100%;
    background-color: #2E7FF6;
}

/*.banner {
    width: 100%;
    height: 892px;
    background: url(../image/banner.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.banner .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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    left: 10px;
    right: auto;
}

.banner .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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.banner-c {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.banner .swiper-slide {
    position: relative;
}

.banner .btn {
    position: absolute;
    bottom: 100px;
    left: calc(50% - 84px);
    width: 165px;
    height: 45px;
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    margin-top: 80px;
    cursor: pointer;
}

.banner-c .btn {
    width: 165px;
    height: 45px;
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    margin-top: 80px;
    cursor: pointer;
}

.banner img {
    width: 100%;
    height: 892px;
}

.banner .btn img {
    width: 35px;
    height: 9px;
}

.banner-c p {
    text-align: left;
    font-size: 58px;
    font-weight: bold;
    color: #fff;
}

.banner-c p.second {
    font-size: 62px;
    line-height: 150px;
    font-weight: normal;
}

.banner-c p.third {
    line-height: 100px;
    font-size: 40px;
    font-weight: normal;
}

.myTitle {
    margin: 0 auto;

}

.myTitle .myTitle-top {
    position: relative;
    text-align: center;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myTitle .myTitle-top span {
    display: block;
    height: 40px;
    line-height: 40px;
}

.myTitle .myTitle-top .etitle {
    font-size: 32px;
    margin-right: 10px;
    position: relative;
}

.myTitle .myTitle-top .etitle::before {
    content: "";
    position: absolute;
    width: 106px;
    height: 2px;
    background-color: #E0E0E0;
    left: -136px;
    top: 50%;
}

.myTitle .myTitle-top .ctitle {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    line-height: 35px;
}

.myTitle .myTitle-top .ctitle::before {
    content: "";
    position: absolute;
    width: 106px;
    height: 2px;
    background-color: #E0E0E0;
    right: -136px;
    top: 50%;
}

.myTitle .myTitle-bottom {
    color: #959595;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}

.newInfo {
    width: 100%;
    margin-top: 100px;
}

.newInfo .newInfo-c {
    width: 1200px;
    margin: 0 auto;
}

.red {
    color: red;
}

.newInfo .newInfo-content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.newInfo .newInfo-content img {
    width: 653px;
    height: 443px;
}

.newInfo .newInfo-content .news-con {
    width: 42%;
}

.newInfo .newInfo-content .title {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #888;
    border-bottom: 1px solid #ccc;
}

.newInfo .newInfo-content .title .more {
    color: #888;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
    color: #888;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
}

.newInfo .newInfo-content .title ul {
    display: flex;
}

.newInfo .newInfo-content .title ul li {
    margin-right: 20px;
}

.newInfo .newInfo-content .title ul li a {
    display: inline-block;
    height: 100%;
    color: #333;
    font-size: 16px;
}

.newInfo .newInfo-content .title ul li a.active {
    color: #2E7FF6;
    position: relative;
}

.newInfo .newInfo-content li a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #2E7FF6;
}

.newInfo .newInfo-content .title .more img {
    width: 11px;
    height: 11px;
    margin-left: 10px;
}

.newInfo .newInfo-content .con li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #B3B3B3;
    padding: 8px 0;
}

.newInfo .newInfo-content li a {
    width: 100%;
    font-size: 14px;
    line-height: 39.2px;
    position: relative;
    cursor: pointer;
    color: #000;
}

.newInfo .newInfo-content .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newInfo .newInfo-content .head span {
    display: inline-block;
}

.newInfo .newInfo-content .head span:first-child {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newInfo .newInfo-content .c-body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.science {
    margin-top: 100px;

}

.science .science-more {
    margin: 30px auto;
    width: 86px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #B5B5B5;
    cursor: pointer;
}

.science-con {
    background-color: #f5f5f5;
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.science-con .science-img {
    position: absolute;
    right: 0;
    top: -8%;
    width: 52%;
}

@media (max-width: 1800px) {
    .science-con .science-img {
        top: 0;
        height: 100%;
        width: auto;
    }
}

.science-c {
    margin: 0 auto;
    width: 1200px;
    padding: 80px 0 50px;
}

.science-c .mySwiper p {
    color: #666;
    font-size: 14px;
    line-height: 28px;
}

.science-c .mySwiper .slide-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.science-c .mySwiper .time {
    color: #666;
    font-size: 14px;
    line-height: 80px;
}

.science-c .mySwiper .main {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    min-height: 140px;
}

.mySwiper {
    width: 40%;
}

.science .swiper-button-next {
    right: 0;
}

.science .swiper-slide {
    margin-bottom: 100px;
}

.science .swiper-button-next,
.science .swiper-button-prev {
    top: 90%;
    width: 30px;
    height: 30px;
    background-color: #2E7FF6;
    background-image: url(../image/arr-r.png);
    background-size: 7px 14px;
}

.science .swiper-button-prev {
    left: unset;
    right: 8%;
    background-image: url(../image/arr-l.png);

}

.science .swiper-button-disabled {
    background-color: #C4C4C4;
}

.science .swiper-pagination.swiper-pagination-fraction {
    bottom: 10%;
    text-align: left;
    font-size: 14px;
}

.science .swiper-pagination-current {
    font-weight: bold;
    font-size: 16px;
}

.science .detail {
    position: relative;
    width: 164px;
    height: 37px;
    border: 2px solid #000;
    line-height: 37px;
    text-align: center;
    margin-top: 60px;
    cursor: pointer;
}

.science .long {
    position: absolute;
    top: 16px;
    right: -73px;
}

.team-ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.team-ul li {
    width: 276px;
    border: 1px solid #E2E2E2;
}

.team-ul li img {
    width: 276px;
    height: 276px;
}

.team-ul li p {
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    height: 60px;
    padding: 0 10px;
    margin: 20px 0px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.myteam {
    margin-bottom: 50px;
}

.team-ul li .detail {
    width: 66px;
    height: 24px;
    border: 1px solid #B5B5B5;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 34px;
}

.index-fix {
    position: fixed;
    right: 0;
    bottom: calc(50% - 235px);
    width: 128px;
    height: 398px;
    border: 1px solid #E2E2E2;
    background-color: #fff;
    z-index: 9;
    cursor: pointer;
    display: none;
}

.index-fix li {
    height: 33%;
    width: 90%;
    border-bottom: 1px solid #B5B5B5;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.index-fix li img {
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index-fix li:last-child {
    border: none;
}

.new-title {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    min-width: 1200px;
}

.new-title .new-title-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.new-title .new-title-c .now,
.new-title .new-title-c .now span {
    display: flex;
    align-items: center;
    font-size: 13px
}

.new-title .new-title-c .now span img {
    margin: 0 5px;
}

.new-title .new-title-c .now-item {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.new-title .new-title-c .now-item li {
    margin-left: 40px;
    height: 100%;
    line-height: 60px;
    cursor: pointer;
}

.new-title .new-title-c .now-item .active {
    color: #2E7FF6;
    position: relative;
}

.new-title .new-title-c .now-item .active::after {
    width: 60px;
    height: 1px;
    background-color: #2E7FF6;
    position: absolute;
    bottom: 0;
    content: "";
    left: calc(50% - 30px);
}

/*.science-banner {
    width: 100%;
    height: 521px;
    background: url(../image/science-banner.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}*/

.science-banner.news-banner {
    background: url(../image/news-banner.png) no-repeat;
    background-size: 100% 100%;
}

/*.science-banner.friend-banner {
    background: url(../image/friend.png) no-repeat;
    background-size: 100% 100%;
}*/

.science-banner.contact-banner {
    height: 321px;
    background: url(../image/contact-banner.png) no-repeat;
    background-size: 100% 100%;
}

.science-banner.team-banner {
    background: url(../image/team-banner.png) no-repeat;
    background-size: 100% 100%;
}

.science-banner .first {
    font-size: 48px;
}

.science-banner.contact-banner {
    text-align: left;
    font-size: 40px;
}

.science-banner.contact-banner .second {
    font-size: 30px;
    margin-top: 30px;
}

.science-banner.contact-banner .science-banner-c {
    width: 1200px;
    margin: 0 auto;
}

.banner-txt {
    width: 416px;
    height: 59px;
    border: 2px solid #fff;
    font-size: 24px;
    line-height: 59px;
    margin-top: 40px;
}

.achi-ul {
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}

.achi-ul li {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 370px;
    width: 100%;
    margin-bottom: 50px;
}

.achi-ul li img {
    width: 370px;
    height: 370px;
    position: absolute;
    left: 0;
}

.achi-ul li .achi-con {
    width: 70%;
    box-shadow: #ddd 0px 0px 5px;
    z-index: 98;
    background-color: #fff;
    padding: 30px;
    font-size: 16px;
    cursor: pointer;
}

.achi-ul li .achi-con .time {
    color: #666;
    font-size: 14px;
    line-height: 50px;
}

.achi-ul li .achi-con .achi-content {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    min-height: 125px;
}

.achi-ul li .achi-con .detail-btn {
    width: 105px;
    height: 36px;
    background-color: #2E7FF6;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
    margin-top: 20px;
}

#paging {
    text-align: center;
    margin: 5rem 0;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #ad1f32;
}

.layui-laypage a,
.layui-laypage .layui-laypage-spr,
.layui-laypage .layui-laypage-curr {
    text-decoration: none;
    margin-right: 10px;
}

.news-ul {
    margin: 0 auto;
    width: 1200px;
    padding: 40px 0;
    cursor: pointer;
}

.news-ul img {
    width: 240px;
    height: 137px;
}

.news-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.news-ul .news-con {
    width: 77%;
    background-color: #fff;
    font-size: 16px;
}

.news-ul .news-con .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-ul .news-con .title .time {
    color: #666;
    font-size: 14px;
    line-height: 50px;
}

.news-ul .news-con .achi-content {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-ul .news-con .detail-btn {
    text-align: right;
    margin-top: 10px;
}

.news-ul .news-con .detail-btn img {
    width: 11px;
    height: 11px;
    margin-left: 10px;
}

.contact-us {
    width: 100%;
    text-align: center;
    margin-top: 100px;
}

.contact-us img {
    width: 19px;
    margin-bottom: -3px;
    margin-right: 5px;
}

.contact-us .phone {
    margin-top: 30px;
    line-height: 20px;
    text-align: left;
    padding: 0 30px;
    font-size: 16px;
}

.contact-us .address {
    width: 1200px;
    margin: 50px auto;
    height: 274px;
    display: flex;
}

.contact-us .address li:first-child {
    width: 535px;
    height: 100%;
    box-shadow: #ddd 0px 0px 5px;
}

.contact-us .address li:first-child p:first-child {
    margin-top: 70px;
}

.contact-us .address li:last-child {
    width: 665px;
    height: 100%;
}

.contact-us .address li:last-child img {
    width: 100%;
    height: 100%;
}

.friend {
    margin-top: 100px;
}

.friend,
.friend .swiper2,
.friend .swiper2 .swiper-slide {
    width: 100%;
}

.friend .swiper2 .swiper-slide {
    position: relative;
    width: 25%;
    /* max-width: 341px !important; */
    margin-bottom: 100px;
    height: 430px;
}

.friend .swiper2 .swiper-item {
    width: 100%;
    height: 100%;
    position: relative;
}

.friend .swiper2 .swiper-slide .mask {
    width: 100%;
    height: 100%;
    background-color: RGBA(148, 216, 246, .5);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.friend .swiper2 .swiper-slide .team-text {
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: #2E7FF6;
    position: absolute;
    top: 0;
    left: -8px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    display: none;
}

.friend .swiper2 .swiper-slide .team-text .title {
    font-size: 18px;
    margin: 20px auto;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.friend .swiper2 .swiper-slide .mask {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.friend .swiper2 .swiper-slide .mask-c {}

.hover-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    height: 300px;
    width: 95%;
}

.friend .swiper2 .swiper-slide .mask .mask-c {
    text-align: center;
    line-height: 34px;
    text-align: center;
    color: #fff;
    margin: 20px auto;
}

.friend .swiper2 .swiper-slide .bottom {
    display: none;
    position: absolute;
    width: calc(100% - 20px);
    bottom: 0;
    background-color: #000;
    background-color: RGBA(200, 235, 250);
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    color: RGB(154, 119, 9);
    text-align: center;
}

.friend .swiper2 .swiper-slide:hover .mask {
    display: none;
}

.friend .swiper2 .swiper-slide:hover .bottom {
    display: block;
}

.friend .swiper2 img {
    width: 100%;
    /* position: absolute; */
    left: 0;
    height: 430px;
}

.friend .swiper-button-next,
.friend .swiper-button-prev {
    top: 95%;
    width: 30px;
    height: 30px;
    background-color: #2E7FF6;
    background-image: url(../image/arr-r.png);
    background-size: 7px 14px;
}

.friend .swiper-button-disabled {
    background-color: #C4C4C4;
}

.friend .swiper-button-next {
    right: 48%;
}

.friend .swiper-button-prev {
    left: unset;
    right: 50%;
    background-image: url(../image/arr-l.png);
    margin-right: 10px;
}

.friend .swiper-button-disabled {
    background-color: #C4C4C4;
}

.friend .swiper-pagination.swiper-pagination-fraction {
    bottom: 10%;
    text-align: left;
    font-size: 14px;
}

.team-work {
    width: 1200px;
    margin: 0 auto;
}

.team-work ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.team-work ul li {
    width: 387px;
    height: 425px;
    border: 1px solid #F0F0F0;
    margin-right: 16px;
    margin-bottom: 20px;
    cursor: pointer;
}

.team-work ul li:nth-child(3n+3) {
    margin-right: 0;
}

.team-work ul li img {
    width: 387px;
    height: 257px;
}

.team-work ul li p {
    width: 95%;
    margin: 0 auto;
    color: #969696;
    font-size: 14px;
}

.team-work ul li .title {
    font-size: 16px;
    color: #000;
    margin: 20px auto 0;
    line-height: 23px;
    height: 46px;
}

.team-work ul li .main {
    width: 95%;
    height: 58px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 28px;
    border-bottom: 1px solid #F0F0F0;
}

.team-work ul li .time {
    margin-top: 15px;
}

.new-content .content-c {
    width: 1200px;
    margin: 0 auto;
}

.new-content .content-c .new-item {
    width: 100%;
}

.new-content .content-c .new-item li {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 200px;
    width: 100%;
    color: #888;
    line-height: 25px;
    /* margin: 40px 0; */
    border-bottom: 1px solid #ccc;
}

.new-content .content-c .new-item li a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    color: #888;
    line-height: 25px;
    /* margin: 40px 0; */
    border-bottom: 1px solid #ccc;
}

.new-content .content-c .new-item li .title {
    font-size: 16px;
    color: #000;
    line-height: 40px;
}

.new-content .content-c .new-item li .container {
    width: calc(100% - 280px);
    height: 152px;
    font-size: 13px;
}

.new-content .content-c .new-item li .time {
    text-align: right;
}

.new-content .content-c .new-item img {
    width: 239px;
    height: 152px
}

.new-content .content-c .new-detail {
    /* display: none; */
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.new-content .content-c .new-detail .new-detail-left {
    width: 835px;
    font-size: 12px;
    line-height: 28px;
    color: #555;
}

.new-content .content-c .new-detail .new-detail-left.contact-detail {
    width: 100%;
}

.new-content .content-c .new-detail .new-detail-left img {
    max-width: 100%;
}

.new-content .content-c .new-detail .new-detail-left .title {
    font-size: 20px;
    text-align: center;
    color: #0A4A8C;
    line-height: 40px;
    font-weight: bold;
}

.new-content .content-c .new-detail .new-detail-left .addtime {
    font-size: 14px;
    text-align: left;
    line-height: 40px;
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
}

.new-content .content-c .new-detail .new-detail-left .addtime span {
    margin-left: 20px;
}

.new-content .content-c .new-detail .new-detail-right {
    width: 332px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.new-content .new-detail .new-detail-right li img {
    width: 332px;
    height: 211px;
}

.new-content .content-c .new-detail .new-detail-right .zxdt {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    position: relative;
    color: #2E7FF6;
    font-weight: bold;
}

.new-content .content-c .new-detail .new-detail-right .zxdt .more {
    color: #888;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
}

.new-content .content-c .new-detail .new-detail-right .zxdt span:first-child {
    text-indent: 5px;
}

.new-content .content-c .new-detail .new-detail-right .zxdt::after {
    width: 2px;
    height: 18px;
    background-color: #2E7FF6;
    position: absolute;
    /* bottom: 0; */
    content: "";
    left: 0px;
}

.new-content .content-c .person-more {
    color: #2E7FF6;
    border: 1px solid #2E7FF6;
    width: 70px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin: 30px auto;
    font-size: 14px;
}

.new-content .new-detail-right ul {
    margin-top: 30px;
}

.new-content .new-detail-right ul,
.new-content .new-detail-right ul li {
    width: 100%;
}

.new-content .new-detail-right ul li {
    margin-bottom: 20px;
}

.new-content .new-detail-right ul li p {
    border: 1px solid #ccc;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin-top: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.new-content .content-c .new-detail.contact-detail-all .new-detail-right {
    display: none;
}

.new-content #paging {
    margin-top: 30px;
}

.search {
    margin-top: 70px;
}

/* 閹兼粎鍌� */
.kind {
    display: flex;
    align-items: center;
}

.search .new-title-c {
    height: 60px;
}

.search .new-title {
    height: 100px;
}

.search .new-title .kind {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.search .new-title .kind div {
    width: 70px;
}

.search .new-title .kind ul {
    display: flex;
    align-items: center;
}

.search .new-title .kind ul li {
    padding: 6px 18px;
    cursor: pointer;
}

.search .new-title .kind ul li.active {
    background-color: #2F7EF5;
    color: #fff;
    border-radius: 30px;
}

.search-head {
    box-shadow: 1px 3px 7px #eee;
}

footer {
    position: absolute;
    bottom: 0;
    margin-top: 30px;
    background-color: #000;
    width: 100%;
    height: 330px;
    min-width: 1200px;
}

footer a {
    color: #fff;
}

footer .footer-c {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

footer .footer-c .foot-left p {
    margin-bottom: 20px;
}

footer .footer-c .foot-center p,
footer .footer-c .foot-left p {
    font-size: 18px;
    line-height: 40px;
}

footer .footer-c .foot-left select {
    width: 150px;
    height: 30px;
    border: 1px solid #ccc;
    padding-left: 10px;
    margin-right: 10px;
}

footer .footer-c .foot-center li {
    font-size: 14px;
    line-height: 45px;
}

footer .footer-c .foot-center li span:first-child {
    margin-right: 20px;
}

footer .footer-c .foot-right {
    display: flex;
    align-items: center;
}

footer .footer-c .foot-right img {
    width: 112px;
}

footer .footer-c .foot-right div {
    height: 185px;
    margin-left: 150px;
}

footer .footer-c .foot-right p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}
#myheader{
    height: 169px;
}
.allbg{
    width: 100%;
    background: #000;
}
.fix1080wrap{
    max-width: 1366px;
    min-width: 1366px;
    margin:0 auto;
    /*background: red;*/
}
.fix1080wraprem{
    width: 145rem;
    margin:0 auto;
}
.fix1080wrap .fullimg{
    width: 100%;
}
.fix1080wrap img{
    /*width: 100%;*/
}
#topNav{
    background: #fff;
}
.topnavBar{
    height: 45px;
    background: #fff;
    color:#1B456E;
    font-size:14px;
    line-height: 45px;
    display: flex;
    flex-direction: row;
    /*justify-content: flex-start;*/
    align-items: center;
    padding:0 60px;
}
.topnavBar .hello{
    flex:1;
}
.topnavBar .rightTopNavItem{
    padding:0 25px;
}
.topnavBar .rightTopSplit{
    border-left: 1px solid #1B456E;
    width: 1px;
    height: 20px;
}
.topnavBar .laugItem{
    line-height: 24px;
    padding:0px 10px;
    height: 24px;
    color:#1B456E;
    border-radius: 20px;
    font-size:12px;
    margin-left:20px;
}
.topnavBar .laugItem.selected,.topnavBar .laugItem:hover{
    cursor: pointer;
    color:#fff;
    background: #1B456E;
}
.homenavBar{
    /*min-width: 1500px;*/
    height: 8rem;
    display: flex;;
    align-items: center;
    /*background: url(/home/image/new/homenavbg.png);*/
    background-size: cover;
}

.homenavBar .newlogo{
    display: flex;
    /*flex:1;*/
    margin-left:50px;
    justify-content: flex-start;
    align-items: center;
}
.homenavBar .newlogo .imgdiv{
    width: 19rem;
    height: 5.1rem;
    background:url("/home/image/new/newlogo.png") no-repeat center;
    background-size: contain;
    margin-right: 5rem;
}

.scroll .homenavBar .newlogo .imgdiv{
    background:url("/home/image/new/newlogowhite.png") no-repeat center;
    background-size: contain;
}
.homenavBar .navitem{
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding:0 2rem;*/
    margin: 0 3rem;
    font-size:1.6rem;
    font-weight: bold;
    /*font-size:1.8rem;*/
    color:#fff;
    position: relative;
    cursor: pointer;
}
.homenavBar .navitem.short{
    padding:0 5px;
    margin: 0 5px;
}
.homenavBar .navitem.active
/*,.homenavBar .navitem:hover*/
{
    /*border-bottom: 4px solid #AD1F32;*/
    color:#AD1F32;
}
.homenavBar .navitem.active a{

    color:#AD1F32;
}

.scroll .homenavBar .navitem.active a{

    color:#fff;
}
.homenavBar .splititem{
    margin: 50px 40px;
    height: 30px;
    border-left: 1px solid #fff;
    width: 1px;
}
.homenavBar .navitem a{
    color:#fff;
    transition: all .3s ease-out 0s;
}
.homenavBar .navitem>a:before {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: "";
    width: 0px;
    height: 1px;
    background-color: #AD1F32;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
#newMyHeader.scroll .homenavBar .navitem>a:before {
    background-color: #fff;
}
.homenavBar .navitem:hover>a:before,.homenavBar .navitem.active>a:before{
    width: 100%;
    color:#AD1F32;
}
.homenavBar .navitem:hover>a{
    /*width: 100%;*/
    color:#AD1F32;
}
.homenavBar .navitem .trig{
    display: inline-block;
    width: 5px;
    height: 5px ;
    border-bottom: 2px solid #ccc;;
    border-left: 2px solid #ccc;;
    transform: rotate(-45deg);
    /*margin: -30px 0 0 20px;*/
    /*background: red;*/
    position: absolute;
    right:0;
    top:50%;
    margin-top: -4px;
    transition: all .3s ease-out 0s;
}
.homenavBar .navitem:hover .trig{
    border-color: #AD1F32;
}
.homenavBar .navitem .subtitles{
    position: absolute;
    left:50%;
    top:4rem;
    /*padding:0 20px;*/
    width: 15rem;
    margin-left: -7.5rem;
    /*max-width: 160px;*/
    /*min-width: 100px;*/
    /*height: 80px;*/
    display: none;
    /*opacity: 0;*/
    border-radius: 2px;
}
.homenavBar .navitem:hover .subtitles{
    display: block;
    opacity: 100;
    z-index: 99;
    background: #fff;
    /*padding:0.5rem 0;*/
    /*display: ;*/
    /*transition: opacity 0.8s ;*/
    /*padding:10px;*/
}
.homenavBar .navitem:hover .subtitles a{
    color: #000;
}
.homenavBar .navitem .subtitles .subitem{
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border-bottom: 1px solid #000;*/
    font-size:1.4rem;
    font-weight: normal;
    word-break: keep-all;
}
.homenavBar .rightitem{
    margin-right:4rem;
    flex:1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.homenavBar .rightitem .menu{
    height: 2.8rem;
    width: 2.8rem;
    margin-left: 5rem;
    cursor: pointer;
    background: url(/home/image/new/menu.png) no-repeat center;
}

.indexWrap{
    /*background: #efefef;*/
}
.indexWrap .homeAd{
    position: relative;
    /*overflow-x: hidden;*/
    overflow: hidden;
    /*wi*/
}
.indexWrap .homeAd .scrollbox{
    width:20000px;
    transition: margin-left 0.8s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.indexWrap .homeAd .scrollbox .scrollItem{
    width: 192rem;
    height: 103rem;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
@keyframes fadeIn {
    0%{
        opacity: 0;
        transform: translateY(10rem);
    }
    100%{
        opacity: 1;
        transform: translateY(0rem);
    }
}
.indexWrap .homeAd .scrollbox .scrollItem.selected .ti1{
    animation: fadeIn 1.3s;
}
.indexWrap .homeAd .scrollbox .scrollItem.selected .ti2{
    animation: fadeIn 1.3s;
    animation-delay: 0.2s;
}
.indexWrap .homeAd .scrollbox .scrollItem.p0 .ti1{
    width: 75rem;
    position: absolute;
    left:30rem;
    top:38rem;
}
.indexWrap .homeAd .scrollbox .scrollItem.p0 .ti2{
    width: 78rem;
    position: absolute;
    left: 29.5rem;
    top: 62rem;
}

.indexWrap .homeAd .scrollbox .scrollItem.p1 .ti1{
    width: 52rem;
    position: absolute;
    left: 28rem;
    top: 28rem;
}
.indexWrap .homeAd .scrollbox .scrollItem.p1 .ti2{
    width: 48rem;
    position: absolute;
    left: 29.5rem;
    top: 67rem;
}


.indexWrap .homeAd .scrollbox .scrollItem.p2 .ti1{
    width: 65rem;
    position: absolute;
    left:30rem;
    top:32rem;
}
.indexWrap .homeAd .scrollbox .scrollItem.p2 .ti2{
    width: 40rem;
    position: absolute;
    left: 30rem;
    top: 72rem;
}


.indexWrap .homeAd .scrollbox .scrollItem.p3 .ti1{
    width: 45rem;
    position: absolute;
    left: 74rem;
    top: 49rem;
}
.indexWrap .homeAd .scrollbox .scrollItem.p3 .ti2{
    width: 45rem;
    position: absolute;
    left: 73rem;
    top: 53rem;
}
.indexWrap .homeAd  .cleft{
    width: 2rem;
    height: 2rem;
    /*background: red;*/
    left:5rem;
    top:50%;
    margin-top:-1rem;
    position: absolute;
    border-left:0.4rem #fff solid;
    border-bottom:0.4rem #fff solid;
    transform: rotate(45deg);
}

.indexWrap .homeAd  .cright{
    width: 2rem;
    height: 2rem;
    border-left:0.4rem #fff solid;
    border-bottom:0.4rem #fff solid;
    transform: rotate(-135deg);
    right:5rem;
    top:50%;
    margin-top:-1rem;
    position: absolute;
}
.indexWrap .homeAd  .cleft.cansel,.indexWrap .homeAd  .cright.cansel{
    border-color: #AD1F32;
    cursor: pointer;
}
/*.indexWrap .homeAd .scrollbox img{*/
/*    width: 100vw;*/
/*    height: 81rem;*/
/*}*/
.indexWrap .homeAd .control{
    position: absolute;
    left:50%;
    bottom:50px;
    width: 200px;
    height: 50px;
    margin-left:-100px;
    /*border: 1px solid #fff;*/
    display: flex;
    justify-content: center;
}
.indexWrap .homeAd .control .cbox{
    height: 15px;
    width: 15px;
    border-radius: 15px;
    margin: 0 3px;
    background: #ccc;
    cursor: pointer;
    transition: width 0.4s;
}
.indexWrap .homeAd .control .cbox.selected{
    width: 35px;
}


.indexWrap .centerAd{
    position: relative;
    overflow-x: hidden;
    height: 105rem;
    overflow: hidden;
    /*wi*/
}
.indexWrap .centerAd .scrollbox{
    width:20000px;
    transition: margin-left 0.8s;
}
.indexWrap .centerAd .scrollbox img{
    width: 100vw;
}
.indexWrap .centerAd .control{
    position: absolute;
    left:50%;
    bottom:50px;
    width: 200px;
    height: 50px;
    margin-left:-100px;
    /*border: 1px solid #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.indexWrap .centerAd .control>div{
    cursor: pointer;
}
.indexWrap .centerAd .control .leftcbox{
    width: 10px;
    height: 10px;
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    transform: rotate(-45deg);
}
.indexWrap .centerAd .control .rightcbox{
    width: 10px;
    height: 10px;
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    transform: rotate(135deg);
}
.indexWrap .centerAd .control .cbox{
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    margin: 0 1rem;
    background: #ccc;
    cursor: pointer;
    transition: width 0.4s;
}
.indexWrap .centerAd .control .cbox.selected:after{
    content: attr(data-content);
    position: absolute;
    width: 35px;
    margin-left:-17.5px;
    left:50%;
    text-align: center;
    top:-20px;
    color:#fff;
    font-weight: bold;
    fong-size:40px;
}
.indexWrap .centerAd .control .cbox.selected{
    width: 35px;
    position: relative;
}
.indexWrap .indexAboutUs{
    /*height: 1670px;*/
    position: relative;

    background: #efefef;
}
.indexWrap .indexAboutUs .redLeft{
    width: 16px;
    height: 460px;
    background: #AD1F32;
    position: absolute;
    left:0;
    top:378px;
}
.indexWrap .indexAboutUs .centerUs{
    padding:120px 0;
    width: 1120px;
    /*border:1px solid  #000;*/
    /*height: 800px;*/
    margin: 0 auto;
    position: relative;
}
.indexWrap .indexAboutUs .centerUs #founded{
    position: absolute;
    right:-90px;
    top:750px;
    width: 15px;
}
.indexWrap .indexAboutUs .centerUs .UsTitle{
    color:#AD1F32;
    font-size:28px;
    padding: 90px 0 20px;
    /*font-weight: bold;*/
}
.indexWrap .indexAboutUs .centerUs .UsTitle.eng{
    font-weight: bold;
    font-size: 24px;
}
.indexWrap .indexAboutUs .centerUs .UsTitle span{
    color:#999;
    margin: 0 5px;
}
.indexWrap .indexAboutUs .centerUs .UsContent{
    color:#3E3A39;
    font-size:17px;
    line-height: 36px;
}

.indexWrap .indexAboutUs .centerUs .UsContent.eng{
    font-size:14px;
}
.indexWrap .indexAboutUs .centerUs .UsContent.showDetail{
    margin-top:80px;
}
.indexWrap .indexFooter{
    /*margin-top:-5px;*/
    overflow: hidden;
}
.indexWrap .indexFooter .year50{
    padding:220px 0 330px;
}
.indexWrap .indexFooter .year50 .title50year{
    height: 390px;
    position: relative;
}
.indexWrap .indexFooter .year50 .title50year .img50year{
    position: absolute;
    left:330px;
}
.indexWrap .indexFooter .year50 .title50year .desc50year{
    position: absolute;
    left:730px;
    top:101px;
    color:#fff;
    font-size:14px;
    line-height: 25px;
}
.indexWrap .indexFooter .year50 .title50year .desc50year.footer{
    top:182px;
}
.indexWrap .indexFooter .year50 .ourbussniess{
    font-size:36px;
    font-weight: bold;
    color:#fff;
    text-align: center;
}
.indexWrap .indexFooter .year50 .ourbussniess span{
    color:#AD1F32;
}
.indexWrap .indexFooter .year50 .pplist{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top:130px;
    overflow: hidden;
}
.indexWrap .indexFooter .year50 .pplist .inwrap{
    width: 2800px;
    display: flex;
    flex-direction: row;
    animation: ppanima 40s linear infinite;
}

@keyframes ppanima {
    0%{
        margin-left:0px;
    }
    100%{
        margin-left:-100%;
    }
}
.indexWrap .indexFooter .year50 .pplist .ppitem{
    /*width:280px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    margin-right: 50px;
}
.indexWrap .indexFooter .year50 .pplist .ppitem img{
    /*width: 190px;*/
    height: 75px;
}
.indexWrap .indexFooter .introBox{
    height: 115rem;
    /*overflow-x: scroll;*/
    position: relative;
    /* overflow-x: scroll; */
    position: relative;
    width: 166rem;
    overflow: hidden;
    margin: 0 auto;
}
.indexWrap .indexFooter .introBox .lrswiper{
    display: inline-block;
}
.indexWrap .indexFooter .introBox .innerWrap{
    position: absolute;
    left:15rem;
    top:0px;
    width: 800rem;
    height: 92rem;
    display: inline-block;
    overflow: hidden;
    /*transform: translate();*/
}
.indexWrap .indexFooter .introBox .innerMoveBox{
    transition: margin-left 0.6s;
    margin-left:0px;
}
.indexWrap .indexFooter .introBox .swiperBox{
    width: 36.75rem;
    height: 69rem;
    /*background: red;*/
    display: inline-block;
    margin-right: 1rem;
    position: relative;
    background-size: cover;
}
.indexWrap .indexFooter .introBox .swiperBox .sbox{
    width: 36.75rem;
    height: 69rem;
    position: absolute;
    left:0;
    top:0;
    /*background-color: yellow;*/
    transition: background-color 0.4s;
    mix-blend-mode: multiply;
}
.indexWrap .indexFooter .introBox .swiperBox .supbox{
    width: 36.75rem;
    height: 69rem;
    position: absolute;
    left:0;
    top:0;
}
.indexWrap .indexFooter .introBox .swiperBox .supbox{
    transition: color 0.8s;
    color:#AD1F32;
}
.indexWrap .indexFooter .introBox .swiperBox:hover .supbox{
    color:#fff;
}
.indexWrap .indexFooter .introBox .swiperBox .supbox .anibox{
    position: absolute;
    width: 30rem;
    height: 10rem;
    left:4.5rem;
    bottom:10rem;
    /*border:1px solid #fff;*/
    overflow-y: hidden;
    transition: height 0.8s;
}

.indexWrap .indexFooter .introBox .swiperBox:hover .supbox .anibox{
    height: 50rem;
}
.indexWrap .indexFooter .introBox .swiperBox .supbox .anibox .content{
}

.indexWrap .indexFooter .introBox .swiperBox:hover .supbox .anibox .content{

}

.indexWrap .indexFooter .introBox .swiperBox .supbox .anibox .content .top{
    height: 18rem;
    font-size:2rem;
    line-height: 2.5rem;
    font-weight: bold;
}
.indexWrap .indexFooter .introBox .swiperBox .supbox .anibox .content .desc{
    font-size:1.4rem;
    line-height: 2.8rem;
}

.indexWrap .indexFooter .introBox .swiperBox .supbox .stitle{
    position: absolute;
    left:4.1rem;
    bottom:7.3rem;
    font-size:1.4rem;
    color:#AD1F32;
}
.indexWrap .indexFooter .introBox .swiperBox:hover .sbox{
    background-color: rgba(173,30,50,0.9);
}
.indexWrap .indexFooter .introBox .lrswiper{
    display: flex;
    flex-direction: row;
}
.indexWrap .indexFooter .introBox .lrswiper .lbtn{
    width: 2.5rem;
    height: 2.1rem;
    background: url(/home/image/new/rightarrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin:0 1.5rem;
    cursor: pointer;
}
.indexWrap .indexFooter .introBox .lrswiper .lbtn:hover{
    background: url(/home/image/new/rightarrow2.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.indexWrap .indexFooter .introBox .lrswiper .lbtn.leftBtn{
    transform: rotate(180deg);
}
.indexWrap .indexFooter .zbnewsWrap{
    background: #fff;
    height: 120rem;
    width: 100%;
    padding-top:20rem;
}
.indexWrap .indexFooter .zbnewsWrap .last{
    width: 138rem;
    margin: 0 auto;
    font-size:4rem;
    color: #AD1F32;
    font-weight: bold;
    padding-bottom: 80px;
    position: relative;
}
.indexWrap .indexFooter .zbnewsWrap .last .rightBox{
    position: absolute;
    right: 10px;
    top:15px;
    display: flex;
    flex-direction: row;
}
.indexWrap .indexFooter .zbnewsWrap .last .rightBox .lbtn{
    width: 2.5rem;
    height: 2.1rem;
    background: url(/home/image/new/rightarrow3.png);
    background-size: contain;
    margin:0 0 0 1.5rem;
    cursor: pointer;
}
.indexWrap .indexFooter .zbnewsWrap .last .rightBox .lbtn:hover{
    background: url(/home/image/new/rightarrow2.png);
}
.indexWrap .indexFooter .zbnewsWrap .last .rightBox .lbtn.leftBtn{
    transform: rotate(180deg);
}
.indexWrap .indexFooter .zbnewsWrap .centerbox{
    /*border: 1px solid #000;*/
    width: 138rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    /*justify-content: center;*/
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem{
    height: 95rem;
    width: 43.66rem;
    /*border:1px solid #fff;*/
    transition: box-shadow 0.3s ,margin-top 0.8s;
    margin:0 3rem 0 0;
    /*display: inline-block;*/
    cursor: pointer;
    /*background: red;*/
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem:hover{
    /*box-shadow: 0 0 5rem #000 ;*/
    margin-top:-7rem;
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .topNum{
    /*height: 12.0rem;*/
    height: 0;
    font-size:5.1rem;
    text-indent: 5rem;
    color:#fff;
    font-weight: bold;
    /*background: red;*/
    /*border:1px solid #fff;*/
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem.selected .topNum,.indexWrap .indexFooter .zbnewsWrap .zbNewItem:hover .topNum{
    color:#AD1F32;
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .imgBox{
    /*border:1px solid #fff;*/
    width: 43.66rem;
    height: 35rem;
    background-size: cover;
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .zbTitle{
    color:#AD1F32;
    font-size:2.2rem;
    /*margin-left:5rem;*/
    margin-top:9rem;
    font-weight: bold;
    line-height: 3.8rem;
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .zbSubTitle{
    font-size:16px;
    font-weight: bold;
    color:#666;
    line-height: 4rem;
    /*margin-left:5rem;*/
    margin-top:5rem;
    height: 8rem;
    overflow: hidden;
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .zbDesc{
    font-size:16px;
    color:#666;
    line-height: 3.3rem;
    height: 10rem;
    overflow: hidden;
    /*margin-left:5rem;*/
    margin-top:2rem
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient:
        /*width: 400px;*/
}
.indexWrap .indexFooter .zbnewsWrap .zbNewItem .zbTime{
    font-size:18px;
    color:#666;
    line-height: 4rem;
    /*marg!**!in-left:5rem;*/
    margin-top:9rem;

}
.indexWrap .indexFooter .indexBottom{
    height: 50rem;
    /*background: rgba(255,255,255,0.1);*/
}
.indexWrap .indexFooter .indexBottom .fix1080wrap1{
    position: relative;
    height: 54rem;
    font-size:1.4rem;
    /*border:1px solid #ccc;*/
}
.indexWrap .indexFooter .indexBottom .icp{
    position: absolute;
    left:50%;
    color:#ccc;
    bottom: 7rem;
    width: 80rem;
    margin-left: -40rem;
    text-align: center;
}
.indexWrap .indexFooter .indexBottom .aernovaFooter{
    font-size:4.1rem;
    width: 78rem;
    height: 8.1rem;
    position: absolute;
    top:13rem;
    left:30rem;
    color:#fff;
    border-bottom:1px solid #fff;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter{
    height: 32rem;
    width: 62rem;
    /*border-left:1px solid #fff;*/
    left:114rem;
    top:12rem;
    position: absolute;
    /*padding-left:5rem;*/
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter .simpleRow{
    height: 1.8rem;
    line-height: 2.5rem;
    color:#fff;
    font-size:1.4rem;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t1{
    margin-top: 8rem;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t2{
}

.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t2 a{
    color:#fff;
    font-size:1.7rem;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t3{
    margin-top: 1.8rem;
    margin-bottom: 3.8rem;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t4{
    margin-top: 4rem;
}

.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t4 a{
    color:#fff;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter >div.t4 img{
    margin: 0 3rem 0 0.5rem;
    height: 1.2rem;
}
.indexWrap .indexFooter .indexBottom .aernovaRightFooter .tel{
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 4.5rem;
    color:#fff;
    /*margin-top: 1rem;*/
}
.indexWrap .indexFooter .indexBottom .qrBox{
    position: absolute;
    right:30rem;
    top:21rem;
    width: 13rem;
    height: 16rem;
    /*border:1px solid #fff;*/
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 3rem;
}
.indexWrap .indexFooter .indexBottom .qrBox img{
    width: 13rem;
    height: 13rem;
    /*border:4px solid #fff*/
}
.indexWrap .indexFooter .indexBottom .bottomNav{
    position: absolute;
    top:25.3rem;
    left:30rem;
    width: 73rem;
    height: 20rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.indexWrap .indexFooter .indexBottom .bottomNav .bottomNavCol{
    /*flex:1;*/
}
.indexWrap .indexFooter .indexBottom .bottomNav .bottomNavCol .bottomNavColTitle{
    width: 3rem;
    height: 3rem;
    /*border-bottom: 2px solid #ccc;*/
    color:#ab2033;
    word-break: keep-all;
    margin-bottom: 1.5rem;
    font-size:1.7rem;
}

.indexWrap .indexFooter .indexBottom .bottomNav .bottomNavCol .bottomNavColItem{
    height: 3rem;
    /*margin-top: 30px;*/
    font-size:1.3rem;
    color:#fff;
}
.indexWrap #zaa{
    width: 1350px;
    height: 493px;
    overflow: hidden;
    position: relative;
}
.indexWrap #zaa .circle{
    position: absolute;
    left:350px;
    top:150px;
    width: 200px;
    height: 200px;
    border-radius: 200px;;
    background: #ab2033;
    /*transition: background-color 0.4s;*/
    mix-blend-mode: multiply;
    animation: abc 10s infinite;
    /*animation-timing-function: cubic-bezier(0.3, 1.0, 1.0, 0.3);*/
}
@keyframes abc {
    0%{

        left:350px;
        top:100px;
    }
    33%{

        left:800px;
        top:250px;
    }
    66%{

        left:150px;
        top:350px;
    }
    /*0%{*/

    /*    left:350px;*/
    /*    top:150px;*/
    /*}*/
    /*30%{*/

    /*    left:650px;*/
    /*    top:150px;*/
    /*}*/
    100%{

        left:350px;
        top:100px;
    }
}
/*920px,490px*/
.aboutWrap .aboutTop{
    position: relative;
    width: 100%;
    height: 102rem;
    overflow: hidden;
    /*background: #fff;*/

}
.aboutWrap .aboutTop .titleimg{
    width: 100%;
    position: absolute;
}
.aboutWrap .aboutTop .titleimg.t1{
    top:40rem;
    left:0;
    animation: fadeIn 1.3s;
}
.aboutWrap .aboutTop .titleimg.t2{
    top:52rem;
    left:0;
    animation: fadeIn 1.3s;
    animation-delay: 0.2s;
}

.aboutWrap .aboutTop .titleimg.t3{
    top:45rem;
    left:0;
    animation: fadeIn 1.3s;
}
.aboutWrap .aboutTop .circle{
    position: absolute;
    left:50%;
    top:50%;
    margin:-32.5rem 0 0 -32.5rem ;
    height: 65rem;
    width: 65rem;
    background: url("/home/image/new/clrclebg.png") no-repeat;
    background-size: contain;
    mix-blend-mode: multiply;
    animation: zhuanquan 40s infinite linear;
    /*animation-delay: 3s;*/
    /*animation-duration: 5s;*/
    /*animation-delay: ;*/
}
.aboutWrap .aboutTop .circle.right{
    left:auto;;
    right:-10rem;
    top:50%;
    margin:-32.5rem 0  0 0  ;
}


.homeAd .circle{
    position: absolute;
    left:50%;
    top:50%;
    margin:-32.5rem 0 0 -32.5rem ;
    height: 65rem;
    width: 65rem;
    background: url("/home/image/new/clrclebg.png") no-repeat;
    background-size: contain;
    mix-blend-mode: multiply;
    animation: zhuanquan 40s infinite linear;
    /*animation-delay: 3s;*/
    /*animation-duration: 5s;*/
    /*animation-delay: ;*/
}
.homeAd .circle.right{
    left:auto;;
    right:-10rem;
    top:50%;
    margin:-32.5rem 0  0 0  ;
}
.aboutWrap .aboutTop .circle.left{
    left:-15rem;;
    /*right:-10rem;*/
    top:50%;
    margin:-32.5rem 0  0 0  ;
}
@keyframes zhuanquan {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.aboutWrap .aboutTop img{
    width: 192rem;
}
.aboutWrap .contact{
    padding: 30rem 0 10rem;
}
.aboutWrap .contact .luokuan{
    padding:100px 0;
    color:#ccc;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.aboutWrap .contact .luokuan .title{
    height: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    font-size:24px;
}

.aboutWrap .contact .luokuan .desc{
    line-height: 30px;
}
.aboutWrap .contact .tijiao{
    color:#ccc;
}
.aboutWrap .contact .tijiao .title{
    font-size:20px;
}

.aboutWrap .contact .tijiao .shouhou{
    font-size:18px;
    font-family: siyuanm;
    padding-bottom: 40px;
}
.aboutWrap .contact .tijiao .shouhou span{
    color:#a60c20;
    font-size:22px;
}
.aboutWrap .contact .inputyx{
    padding: 4.5rem 0 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 145rem;
    /*border: 1px solid red;*/
    color:#ccc;
}
.aboutWrap .contact .inputyx .title{
    /*border-bottom: 1px solid #fff;*/
    width: 14rem;
    height: 7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4rem;
    text-indent: 3rem;
}
.aboutWrap .contact .inputyx .title span{
    color:#ab2033;
    text-indent: 1rem;
}
.aboutWrap .contact .inputyx .inputBox{
    width: 54.3rem;
    height: 7rem;
    border:1px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.aboutWrap .contact .inputyx .inputBox.short{
    width: 33rem;
}
.aboutWrap .contact .inputyx .inputBox .radio{
    width: 2rem;
    height: 2rem;
    background-image:url("/home/image/new/houtai/circo2.png") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 2rem;
    cursor: pointer;
}
.aboutWrap .contact .inputyx .inputBox .radio.selected{
    background-image:url("/home/image/new/houtai/circo.png") ;
}
.aboutWrap .contact .inputyx .inputBox.noheight{
    height: auto;
}
.aboutWrap .contact .inputyx .inputBox input{
    width: 100%;
    height: 7rem;
    background: none;
    border: none;
    text-indent: 2rem;
    color:#fff;
}
.aboutWrap .contact .inputyx .inputBox .area{
    width: 8rem;
    text-align: center;
}
.aboutWrap .contact .inputyx .inputBox select{
    flex:1;
    /*appearance: none;*/
    background: none;
    border: none;
    color:#fff;
    text-align: center;
}
.aboutWrap .contact .inputyx .inputBox select option{
    color:#000;
}
.aboutWrap .contact .inputyx .inputBox.no-borders{
    border: none;
}
.aboutWrap .contact .inputyx .inputBox.long{
    width: 122.6rem;
}
.aboutWrap .contact .inputyx .bigtextarea{
    background: none;
    border:1px solid #fff;
    width: 122.6rem;
    height: 40rem;
    padding:2rem;
    color:#fff;
    box-sizing: border-box;
}
.aboutWrap .contact .inputyx .box{
    width: 43rem;
    height: 8rem;
    border:1px solid #ccc;
    margin:0 3.5rem 2.5rem 0;
}
.aboutWrap .contact .inputyx .box input{
    width: 43rem;
    height: 8rem;
    color:#fff;
    background: none;
    border: none;
    border: none;
    text-indent: 2ren;
}
.aboutWrap .contact .inputyx .box input::placeholder{
    color:#fff;
}
.aboutWrap .contact .inputyx .box select{
    width: 43rem;
    height: 8rem;
    color:#fff;
    background:transparent;
    text-indent: 2rem;
    appearance:none
}
.aboutWrap .contact .inputyx .box select option{
    color:#000;
}
.aboutWrap .contact .inputyx .bbox{
    width: 136.6rem;
    border:1px solid #ccc;
    padding:2rem;
    box-sizing:border-box;
    height: 30rem;
    display: flex;
    flex-direction: row;
}
.aboutWrap .contact .inputyx .bbox textarea{
    height: 26rem;
    width: 115rem;
    margin-left: 5rem;
    background: none;
    border: none;
    color:#ccc;
}
.aboutWrap .contact .inputyx .submit{
    background:linear-gradient(90deg,#ab2033,#214668);
    margin: 8rem 2rem 0 0;
    width: 9rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    /*margin-right: 20px;*/
}
.aboutWrap .contact .tijiao .desc{
    line-height: 30px;
}
.teamWrap{
    padding-top:250px;
    text-align: center;
}
.teamWrap .title{
    font-size:40px;
    color:#ad1f32;
    font-weight: bold;
    padding-bottom: 65px;
}
.teamWrap .content{
    font-size:18px;
    color:#fff;
    padding: 60px 0 60px;
    text-align: center;
    line-height: 40px;
}
.teamWrap .cbox{
    width:450px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 250px;
}
.teamWrap .cbox .item{
    width: 90px;
    height: 80px;
    border-bottom: 1px solid #fff;
    margin: 0 30px;
    font-size:14px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.teamWrap .cbox .item span{
    font-size:34px;
    font-weight: bold;
}
.teamWrap .fzbox{
    background: #fff;
    padding:10rem 0 ;
    position: relative;
}
.teamWrap .fzbox .hotbox{
    position: absolute;
    left:37.5rem;
    width: 37.9rem;
    height: 24.8rem;
    cursor: pointer;
    mix-blend-mode: multiply;
    transition: background-color 0.8s;
    /*background: #ad1f32;*/
}
.teamWrap .fzbox .hotbox.right{
    left:117.1rem;
    top:55.6rem;
}
.teamWrap .fzbox .hotbox:hover{
    background: #ad1f32;
}
.teamWrap .fzbox .hotbox{
    top:29.2rem;
}
.teamWrap .fzbox img{
    width: 120rem;
}
.houtaiWrap .houtaiGroup{
    padding:100px 0 ;
    margin: 0 auto;
    width: 600px;
    display: flex;
    justify-content: center;
}

.houtaiWrap .houtaiGroup .hitem{
    width:200px;
    display: inline-block;
    margin: 450px 250px;
}
.houtaiWrap .houtaiGroup .hitem .himgb{
    text-align: center;
}
.houtaiWrap .houtaiGroup .hitem .title{
    color:#ddd;
    text-align: center;
    padding:50px 0 10px;
}
.houtaiWrap .houtaiGroup .hitem .desc{
    color:#ddd;
    text-align: center;
    /*padding:20px;*/
}
.houtaiWrap .houtaiyezhuGroup{
    padding:36rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.houtaiWrap .houtaiyezhuGroup .item{
    width: 67rem;
    height: 8rem;
    background: #fff;
    border-radius: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ad1f32;
    font-size:2rem;
    margin: 4rem;
}
.houtaiWrap .houtaiyezhuGroup .item.color{
    background: linear-gradient(90deg,#ab2033,#214668);
    color:#fff;
}
.jizuwrap{
    width: 140rem;
    background: url(/home/image/new/wuhengzujian3.png);
     background-repeat: no-repeat;
     background-position:6rem 3.9rem;
     /*border: 1px solid #000;*/
    background-size: contain;
    height: 80rem;
     margin: 10rem auto 0;
     position: relative;
    padding-bottom: 40rem;
}
.jizuwrap .jizuhover{
    position: absolute;
    font-size:1.2rem;
    /*border:1px solid #000;*/
    line-height: 2.2rem;
    transition: transform 5s;
    cursor: pointer;
    animation: bounce 2s infinite;
    /*transform: scale(1);*/
}
.jizuwrap .jizuhover:nth-child(1){

}
.jizuwrap .jizuhover:hover{
    animation: fangda 1s infinite;
    color:#ac2230;
    /*transform: scale(1.05);*/
}
@keyframes fangda {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.05);
    }
}
.jizuwrap .jizuhover .title{
    color:#ac2230;
    font-size:1.8rem;
    line-height: 4rem;
}
.jizuwrap .jizuhover.j1{
    width: 18rem;
    left:18rem;
    top:11rem;
}
.jizuwrap .jizuhover.j2{
    width: 41rem;
    left:51rem;
    top:49rem;
}
.jizuwrap .jizuhover.j3{
    width: 24rem;
    left:114rem;
    top:49rem;
}
.jizuwrap .jizuhover.j4
{
    width: 24rem;
    left:114rem;
    top:18rem;
}
.jizuwrap .jizuhover.j5
{
    width: 24rem;
    left:75rem;
    top:6rem;
}
.newsWrap{
    padding: 26rem 0 0;
}

.newsWrap .topBox{
    text-align: center;
    color:#ad1f32;
}
.newsWrap .topBox .title{
    font-size:34px;
    font-weight: bold;
    line-height: 60px;
}
.newsWrap .topBox .titleblue{
    font-size:34px;
    font-weight: bold;
    line-height: 45px;
    color:#1b4668;
}
.newsWrap .topBox .desc{
    font-size:20px;
}
.newsWrap .topBox .descblue{
    margin-top: 15px;
    font-size:20px;
    color:#1b4668;
}
.newsWrap .newlist{
    margin: 0 auto;
    width: 117rem;
}
.newsWrap .newlist .newitem{
    padding:10rem 8rem;
    /*width: 117rem;*/
    border-bottom: 2px solid #b1b8be;
    display: flex;
    flex-direction: row;
}
.newsWrap .newlist .newitem .imgbox{
    width: 380px;
    height: 200px;
    background: rgba(255,255,255,0.3);
    overflow: hidden;
}

.newsWrap .newlist .newitem .imgbox img{
    min-width: 380px;
    min-height: 200px;
}
.newsWrap .newlist .newitem .titlebox{
    flex:1;
    color:#ccc;
    margin-left: 100px;
}

.newsWrap .newlist .newitem .titlebox .title {
    font-size: 20px;
    line-height: 30px;
}
.newsWrap .newlist .newitem .titlebox .desc{
    margin-top:2rem;
    font-size:14px;
    height: 6rem;
    word-break: break-all;
    line-height: 27px;
    overflow: hidden;
}

.newsWrap .newlist .newitem .titlebox .time{

    /*margin-top:1.4rem;*/
    margin-bottom:4.9rem;
}

.newsWrap .newlist .newitem .titlebox .more{
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #ccc;
}
.newsWrap .newlist .newitem .titlebox a .more{
    color:#ccc;
}
.newdetailWrap{
    padding:200px 0;
    background: #fff;
}
.newdetailWrap .detailbox{
    display: flex;
    flex-direction: row;
    font-family: "siyuanr";
}

.newdetailWrap .detailbox{
}
.newdetailWrap .detailbox .leftbox{
    flex:1;
    margin-right: 80px;
}
.newdetailWrap .detailbox .leftbox .title{
    color:#ad1f32;
    font-size:28px;
    line-height: 35px;
    text-align: center;
    font-family: "siyuanm";
}
.newdetailWrap .detailbox .leftbox .addtime{
    text-align: center;
    line-height: 40px;
    color:#999;
    font-size:18px;
    margin-bottom: 110px;
}
.newdetailWrap .detailbox .leftbox .desc{
    font-size:14px;
    color:#999;
}
.newdetailWrap .detailbox .leftbox .raw{
    line-height: 35px;
    font-size:16px;
    /*text-indent: 40px;*/
}
.newdetailWrap .detailbox .rightbox{
    width: 270px;
    /*background: red;*/
}
.newdetailWrap .detailbox .rightbox .title{
    font-size:18px;
    color:#ddd;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg,#ab2033,#214668);
}
.newdetailWrap .detailbox .rightbox .box{
    background: #e6e7e7;
    padding:10px 0;
    margin-bottom: 40px;
}
.newdetailWrap .detailbox .rightbox .box ul li{
    height: 50px;
    border-bottom: 1px solid #ccc;
    margin:20px;
}
.newdetailWrap .detailbox .rightbox .box ul li p{
    line-height: 25px;
    height: 25px ;
    overflow: hidden;
}
.newdetailWrap .detailbox .rightbox .box.imgbox{
    padding:50px;
    text-align: center;
}
.newdetailWrap .detailbox .rightbox img{
    /*margin:40px auto;*/
    height: 120px;
    width: 120px;
}
.caseListWrap{
    display: flex;
    flex-direction: row;
    width: 150rem;
    flex-wrap: wrap;
    margin: 8rem auto;
    /*border: 1px solid #fff;*/

}

.caseListWrap .caseItem{
    width: 43rem;
    height: 66rem;
     margin: 2rem 3.5rem 6rem;
}
.caseListWrap .caseItem .imgbox{
    width: 43rem;
    height: 59rem;
    overflow: hidden;
}
.caseListWrap .caseItem .imgbox img{
    margin: -.5rem 0 0 -.5rem;
    min-width: 45rem;
    min-height: 66rem;
    width: 43rem;
    height: 59rem;
}

.caseListWrap .caseItem .title{
    height: 2.5rem;
    line-height: 4rem;
    color:#ccc;
    margin-top: 2rem;
}

.caseListWrap .caseItem .desc{
    height: 2.5rem;
    line-height: 3rem;
    color:#ccc;
}
.caseDetailWrap .anlidetail{
    width: 1000px;
    margin: 0 auto;
    /*background: red;*/
}
.caseDetailWrap .anlidetail .showBox{
    display: flex;
    flex-direction: row;
    padding-bottom: 200px;
}
.caseDetailWrap .anlidetail .showBox .leftBox{
    width: 420px;
    height: 420px;
    /*background: yellow;*/
    overflow: hidden;
}

.caseDetailWrap .anlidetail .showBox .leftBox img{
    width: 420px;
    height: 420px;
}
.caseDetailWrap .anlidetail .showBox .rightBox{
    flex:1;
    margin-left:120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'siyuanr';
}

.caseDetailWrap .anlidetail .showBox .rightBox .title{
    font-size:18px;
    color:#a60c20;
    border-bottom: 3px solid #a60c20;
    display: inline-block;
    padding-bottom: 15px;
}

.caseDetailWrap .anlidetail .showBox .rightBox .desc{
    color:#999;
    line-height: 25px;
    margin: 20px 0;
}
.caseDetailWrap .anlidetail .detailtitle{
    font-size:18px;;
    padding-bottom: 15px;
    width: 80px;
    border-bottom: 3px solid #a60c20;
    color:#a60c20;
    font-family: "siyuanm";
}
.caseDetailWrap .anlidetail .detailtitle p{
    width: 800px;
}
.caseDetailWrap .anlidetail .detailctx{
    width: 1000px;
    line-height: 40px;
    font-size:16px;
    color:#999;
    padding: 40px 0;
    font-family: "siyuanr";
}
/*.caseDetailWrap .anlidetail .detailctxWrap */
.caseDetailWrap .anlidetail .detailctxWrap{
    width: 1000px;
    overflow: hidden;
}
/*.caseDetailWrap .anlidetail .detailctxWrap */
.caseDetailWrap .anlidetail .detailctxWrap .detailImgs{
    width: 400px;
    height: 186px;
    display: block;
    margin-right: 15px;
    /*border:1px solid #f5f5f5;*/
}
.caseDetailWrap .anlidetail .detailctxWrap .detailImgs img{
    width: 400px;
    height: 186px;
}
.caseDetailWrap .anlidetail .detailctxWrap .scrollrow{
    /*width: 8000px;*/
    display: flex;
    flex-wrap: nowrap;
    padding-right: 1020px;
    height: 250px;
    transition: margin-left 0.8s;
}
.proddetailWrap{
    /*padding:250px 0;*/
    background: #f7f8f8;
}
.proddetailWrap .designImg{
    text-align: center;
    /*margin-top: 100px;*/
}
.proddetailWrap .designImg.top{
    margin-top: 100px;
}
.proddetailWrap .designImg img{
    width: 250px;
}
.proddetailWrap .prodDesc{
    padding:12rem 0 0;
    line-height: 30px;
    color:#666;
    font-size:16px;
}
.proddetailWrap .prodDescNew{
    padding:12rem 0 0;
    line-height: 30px;
    color:#666;
    font-size:16px;
}
.proddetailWrap .prodDescNew img{
    width: 100%;
    display: block;
}
.prodListWrap{
    /*padding-top: 80px;*/
}
.prodListWrap .bgwrap{
    background: #f7f8f8;
    /*padding:15rem 0;*/
}
.prodListWrap .prodlisttopbox{
    height: 1300px;
    /*background: red;*/
    position: relative;
}
.prodListWrap .prodlisttopbox .rightbox{
    position: absolute;
    left:730px;
    top:160px;
}


.prodListWrap .prodlisttopbox .rightbox .title{
    width: 480px;
    font-size:28px;
    line-height: 35px;
    color:#a60c20 ;
    font-weight: bold;
    word-break: break-all;
}
.prodListWrap .prodlisttopbox .rightbox .desc{
    width: 5rem;
    height: 3px;
    background: #383839;
    margin-top: 10rem;
}

.prodListWrap .prodlisttopbox .rightbox .desc2{
    color:#383839;
    line-height: 35px;
    width: 415px;
    margin-top: 1.5rem;
}
.prodListWrap .prodlisttopbox .list1img{
    position: absolute;
    /*width: 617px;*/
    height: 565px;
    left:50px;
    top:50px;
}
.prodListWrap .prodlisttopbox .abox{
    position: absolute;
    mix-blend-mode: multiply;
    background: linear-gradient(90deg,#ab2033,#214668) ;
    height: 150px;
    width: 150px;
    left:50px;
    top:150px;
    animation: 14s anibox infinite;
}
@keyframes anibox {
    0%{
        left:50px;
        top:150px;
    }
    33%{
        left:350px;
        top:390px;
    }
    66%{
        left:400px;
        top:50px;
    }
    100%{
        left:50px;
        top:150px;
    }
}
.prodListWrap .prodlisttopbox .te004box{
    width: 1150px;
    height: 510px;
    background: linear-gradient(90deg,#ad1f32,#214668) ;
    top:700px;
    left:50px;
    position: absolute;
    padding-left:100px;
    box-sizing: border-box;
}
.prodListWrap .prodlisttopbox .te004box .head{
    margin-top: 80px;
    color:#fff;
    font-size:30px;
}

.prodListWrap .prodlisttopbox .te004box .title{
    width: 440px;
    font-size:28px;
    line-height: 35px;
    color:#fff ;
    /*font-weight: bold;*/
    word-break: break-all;
    margin-top: 20px;
}

.prodListWrap .prodlisttopbox .te004box .desc{
    color:#ddd;
    /*margin-top: 100px;*/
    line-height: 35px;
    width: 400px;
    margin-top: 60px;
}

.prodListWrap .prodlisttopbox .te004box .desc2{
    color:#ddd;
    /*margin-top: 100px;*/
    line-height: 35px;
    width: 400px;
    margin-top: 60px;

}

.prodListWrap .prodlisttopbox .te004box .knowmore{

    color:#ad1f32;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 260px;
    height: 40px;
    /*margin-top: 240px;*/
}
.prodListWrap .prodlisttopbox .list2img{
    position: absolute;
    /*width: 617px;*/
    width: 730px;
    right:50px;
    top:740px;
}
.prodListWrap .prodlistcenterbox{
    height: 1240px;
    /*background: red;*/
    /*background: #f7f8f8;*/
    position: relative;
}
.prodListWrap .prodlistcenterbox .fix1080wrap{
    position: relative;
}
.prodListWrap .prodlistcenterbox .list3img{
    position: absolute;
    /*width: 617px;*/
    width: 700px;
    left:50px;
    top:160px;
}

.prodListWrap .prodlistcenterbox .abox2{
    position: absolute;
    mix-blend-mode: multiply;
    background: #214668;
    height: 200px;
    width:200px;
    left:70px;
    top:210px;
    border-radius: 200px;
    animation: 14s anibox2 infinite;
}
.prodListWrap .prodlistcenterbox .abox2.muticolor{
    background: linear-gradient(90deg,#ab2033,#214668);
}
@keyframes anibox2 {
    0%{
        left:70px;
        top:210px;
    }
    33%{
        left:350px;
        top:790px;
    }
    66%{
        left:450px;
        top:250px;
    }
    100%{
        left:70px;
        top:210px;
    }
}
.prodListWrap .prodlistcenterbox .rightbox{
    width: 260px;
    top:170px;
    position: absolute;
    right:170px;
    /*background: yellow;*/
}

.prodListWrap .prodlistcenterbox .rightbox .title{
    font-size:28px;
    line-height: 35px;
    color:#a60c20 ;
    font-weight: bold;
    word-break: break-all;
    width: 500px;
}
.prodListWrap .prodlistcenterbox .rightbox .desc{
    color:#fff;
    margin-top: 40px;
}
.prodListWrap .prodlistcenterbox .rightbox .desc.black {
    color: #383838;
}
.prodListWrap .prodlistcenterbox .rightbox .list4img{
    margin-top: 100px;
    width: 230px;
}
.prodListWrap .prodlistcenterbox .rightbox  .list6img{
    width: 26rem;
}
.prodListWrap .prodlistcenterbox .rightbox .knowmore{
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ad1f32;
    width: 260px;
    height: 40px;
    margin-top: 40px;
}
.prodListWrap .prodlistbottombox{
    height: 1200px;
    /*background: red;*/
    position: relative;
}
.prodListWrap .prodlistbottombox .leftbox {
    position: absolute;
    /*width: 617px;*/
    width: 570px;
    left:50px;
    top:190px;
}
.prodListWrap .prodlistbottombox .leftbox  .list5img{
    width: 570px;
}
.prodListWrap .prodlistbottombox .list6img{
    position: absolute;
    /*width: 617px;*/
    width: 600px;
    right:50px;
    top:130px;
}

.prodListWrap .prodlistbottombox .abox3{
    position: absolute;
    mix-blend-mode: multiply;
    background: #ad1f32;
    height: 150px;
    width:150px;
    right:80px;
    top:830px;
    /*border-radius: 200px;*/
    transform: scale(1);
    animation: 14s anibox3 infinite;
}
@keyframes anibox3 {
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(0.8);
    }
    50%{
        transform: scale(0.7);
    }
    66%{
        transform: scale(0.8);
    }
    100%{

        transform: scale(1);
    }
}
.prodListWrap .prodlistbottombox .leftbox .title{
    width: 580px;
    font-size:28px;
    line-height: 35px;
    color:#a60c20 ;
    font-weight: bold;
    word-break: break-all;
    margin-top: 50px;
}
.prodListWrap .prodlistbottombox .leftbox .desc{
    color:#383839;
    margin-top: 40px;
    line-height: 35px;
}
.prodListWrap .prodlistbottombox .leftbox .desc2{
    color:#383839;
    margin-top: 40px;
    line-height: 35px;
    margin-top: 240px;
}
.prodListWrap .prodlistbottombox .leftbox .knowmore{
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ad1f32;
    width: 260px;
    height: 40px;
}
#paging .layui-laypage a, .layui-laypage span{
    background: none;
    color:#fff;
}
#paging .layui-laypage-em{
    border-radius: 0;
}
.mapWrap{
    width: 400px;
    height: 100px;
    background: #064573;
    display: flex;
    flex-direction: row;
    position: relative;
}
/*.mapWrap:after{*/
/*    position: absolute;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: #064573;*/
/*    border:0 */
/*    bottom: 0;*/
/*    left:0;*/
/*    content: "#";*/
/*    color:#064573*/
/*}*/
.mapWrap .left{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.mapWrap .left img{
    width: 90px;
    height: 90px;
}
.mapWrap .right{
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mapWrap .title{
    color:#fff;
    font-size:28px;
    line-height: 50px;
}
.mapWrap .desc{
    color:#fff;
    font-size:18px;
}
.lunboBtn .o-interface-animations svg{ width:42px; height:42px;}

.o-interface-animations { cursor: pointer; vertical-align: middle; color: #888; display: inline-block; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.o-interface-animations svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; width: 50px; height: 50px; margin-right: 5px; }
.o-interface-animations__fillrect { fill-opacity: 0; }
.o-interface-animations__icon { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; -webkit-transition: stroke .5s ease-out; transition: stroke .5s ease-out; }
.o-interface-animations__icon--hover { stroke: #666; }
.o-interface-animations__icon__download-line { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; -webkit-transition: stroke .5s ease-out; transition: stroke .5s ease-out; }
.o-interface-animations__icon__download-line--hover { stroke: #666; }
.o-interface-animations__circle-line-1 { fill-opacity: 0; stroke: #e80000; stroke-width: 4px; }
.o-interface-animations__circle-line-2 { fill-opacity: 0; stroke: #999; stroke-width: 4px; }
.o-fff .o-interface-animations__circle-line-2 { stroke: #fff; }
.o-fff .o-interface-animations__icon--hover { stroke: #fff; }
.o-interface-animations-blockbutton { padding: 0 10px 0 25px; position: relative; text-transform: uppercase; color: #999; border: 2px solid #999; line-height: 1; text-align: center; top: 0; }
.o-interface-animations-blockbutton svg { display: inline-block; position: relative; top: -1px; height: 34px; width: 36px; vertical-align: middle; margin: 0; }
.indexContact .o-interface-animations-blockbutton:hover { border-color: #E6001F; color: #999; }

.lunboBtn{
    text-align: right;
}

@keyframes bounce {
    0%,20%,50%,80%,100%{
    transform: translateY(0);
    }
    40%{
        transform: translateY(-30px);
    }
    60%{
        transform: translateY(-15px);
    }
}
#newMyHeader{
    position: fixed;
    top:0;
    left:0;
    z-index: 10;
    height: 8rem;
    width: 100%;
    /*border: 1px solid red;*/
    background: rgba(8,48,73,0);
    transition: background-color 0.8s;
}
#newMyHeader.scroll{
    background: rgba(8,48,73,1);
}
.indexWrap .slidebar{
    width: 400px;
    /*height: 100%;*/
    bottom:0;
    /*top:8rem;*/
    top:0;
    position: fixed;
    right:0;
    background: #efefef;
    z-index: 999;
    /*position: relative;*/
}
.indexWrap .slidebar .close{
    position: absolute;
    right:40px;
    top:45px;
    width: 25px;
    cursor: pointer;
}
.indexWrap .slidebar .btn{
    width: 80px;
    height: 30px;
    border-radius: 30px;
    border:1px solid #333;
    position: absolute;
    left:40px;
    top:40px;
    line-height: 30px;
    /*text-indent: -10px;*/
    text-align: center;
}
.indexWrap .slidebar .btn span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
    margin-left: 10px;
    margin-bottom: 3px;
}
.indexWrap .slidebar .searchBox{
    position: absolute;
    left:40px;
    top:120px;
    width: 320px;
    height: 52px;
    border-bottom: 1px solid #38383a;
    display: flex;
    align-items: center;
}
.indexWrap .slidebar .searchresult{
    background: #fff;
    position: absolute;
    left:40px;
    top:190px;
    border-radius: 10px;
    width: 320px;
    padding:20px 0;
    display: none;
    /*height: 52px;*/
    /*border-bottom: 1px solid #38383a;*/
    /*display: flex;*/
    /*align-items: center;*/
}
.indexWrap .slidebar .searchresult .noresult{
    text-indent: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    width: 290px;
    margin: 0 auto;
}
.indexWrap .slidebar .searchresult .searchitem{
    text-indent: 20px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    width: 290px;
    margin: 0 auto;
    cursor: pointer;
}

.indexWrap .slidebar .searchresult .searchitem:hover{

    background: #efefef;
}
.indexWrap .slidebar.close{
    display: none;
}
.indexWrap .slidebar .searchBox input{
    background: none;
    border:none;
    height: 52px;
    flex:1;
}

.indexWrap .slidebar .searchBox input::placeholder{
    color:#38383a;
}
.indexWrap .slidebar .searchBox .search1{
    width: 25px;
    height: 25px;
}
.aboutus{
    background: #fff;
    padding:300px 0;
    text-align: center;
}
.aboutus img{
    width: 600px;
}
.backtop{
    width: 4rem;
    height: 4rem;
    border-radius: 3rem;
    background: #ad1f32;
    position: absolute;
    right:5rem;
    top:40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.backtop .arrow{
    width: 1.2rem;
    height: 1.2rem;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}