@charset "UTF-8";

#index .index-banner {
    width: 100%;
    position: relative;
}

#index .index-banner .index-swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

#index .index-banner .index-swiper .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#index .index-banner .index-swiper .swiper-slide > img {
    width: 100%;
    opacity: 0;
}

#index .index-banner .index-swiper .swiper-slide .center-position {
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#index .index-banner .index-swiper .swiper-slide .center-position .text-box {
    width: 1680px;
    margin: 0 auto;
}

#index .index-banner .index-swiper .swiper-slide .center-position .text-box .knowMore {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ef001e;
    border-radius: 25px;
    opacity: 0.9;
    color: #fff;
    font-size: 16px;
    display: block;
    margin-top: 50px;
}

#index .index-banner .index-swiper .swiper-slide .center-position .text-box .t1 {
    margin-bottom: 25px;
}

#index .index-banner .index-swiper .swiper-slide .center-position .text-box p {
    color: #eee;
    font-size: 20px;
    line-height: 2em;
}

#index .index-banner .index-swiper .swiper-slide .center-position .text-box p span {
    font-size: 36px;
    color: #fff;
}

#index .index-banner .index-swiper .page-box {
    bottom: 160px;
    left: 0 !important;
    position: absolute;
    width: 100%;
}

#index .index-banner .index-swiper .page-box .swiper-pagination-index span {
    margin-right: 20px;
}

#index .index-banner .index-swiper .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.3rem;
    background: url("../images/dot2.png") no-repeat center center;
    opacity: 1;
}

#index .index-banner .index-swiper .swiper-pagination {
    width: 100%;
}

#index .index-banner .index-swiper .swiper-pagination-bullet-active {
    background: url("../images/dot.png") no-repeat center center;

}

#index .index-banner .mouse {
    width: 15px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 15px 64px;
    background-image: url("../images/mouse.png");
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}

#index .num-position {
    margin-top: -120px;
    position: relative;
    z-index: 10001;
    background: url("../images/gongsijieshao.png") no-repeat top center;
    padding-bottom: 0.5rem;
    height: 8.2rem;
}

#index .num-position .num-box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width: 1600px;
}

#index .num-position .num-box li {
    width: 33.33%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #f3f3f3;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 1rem;
}

#index .num-position .num-box li img {
    position: absolute;
    left: 20px;
    bottom: 0.2rem;
}

#index .num-position .num-box li .t1 {
    color: #333333;
    font-size: 0.24rem;
    width: 100%;
    box-sizing: border-box;
}

#index .num-position .num-box li .pad1 {
}

#index .num-position .num-box li .pad2 {
}

#index .num-position .num-box li .pad3 {
    padding-left: 45px;
}

#index .num-position .num-box li .num {
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    text-align: left;
    width: 100%;
}

#index .num-position .num-box li .num .t2 {
    color: #ef001e;
    font-size: 0.3rem;
    height: 72px;
    display: inline;
    font-weight: bold;
}
#index .num-position .num-box li .num .t2  span{
    font-size: 0.5rem;
    margin-right: 2px;
}
#index .num-position .num-box li .info {
    text-align: center;
    margin-top: 20px;
}

#index .num-position .num-box li .info p {
    line-height: 1.8em;
    color: #999;
    font-size: 14px;
}

#index .num-position .num-box li .des {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}

#index .num-position .num-box li:last-of-type {
    border-right: none;
}

#index .business-area {
}

#index .business-area .area-box {
    margin-top: 45px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../images/area00.jpg");
    position: relative;
    transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1);
    -moz-transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1);
}

#index .business-area .area-box .area-position {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#index .business-area .area-box .area-position .area-list {
    width: 1680px;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

#index .business-area .area-box .area-position .area-list li {
    width: 25%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 36px;
    box-sizing: border-box;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

#index .business-area .area-box .area-position .area-list li > p {
    font-weight: bold;
}

#index .business-area .area-box .area-position .area-list li .info-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(201, 38, 29, 0.8);
    display: inline-block;
    padding: 65px 30px 0;
    display: none;
}

#index .business-area .area-box .area-position .area-list li .info-cover .title {
    color: #fff;
    font-size: 36px;
}

#index .business-area .area-box .area-position .area-list li .info-cover .line {
    width: 80px;
    height: 2px;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 30px;
}

#index .business-area .area-box .area-position .area-list li .info-cover .info {
    color: #fff;
    font-size: 14px;
    line-height: 1.7em;
    text-align: justify;
    height: 52%;
}

#index .business-area .area-box .area-position .area-list li .info-cover .txt {
    color: #fecfcc;
    font-size: 14px;
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #fecfcc;
}

#index .business-area .area-box .area-position .area-list li .info-cover .arr {
    width: 0px;
    height: 5px;
    background-size: 27px 5px;
    background-repeat: no-repeat;
    background-image: url("../images/arr.png");
    display: inline-block;
    position: absolute;
    right: 70px;
    bottom: 30px;
    transition: right .8s;
    -webkit-transition: right .8s;
    -moz-transition: right .8s;
}

#index .business-area .area-box .area-position .area-list li .info-cover:hover .arr {
    right: 30px;
}

#index .business-area .area-box .area-position .area-list li:nth-of-type(4n) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#index .business-area .area-box img {
    width: 100%;
    opacity: 0;
}

#index .business-area .area-box .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
}

#index .business-area .area-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    top: 50%;
    z-index: 1000;
    left: 0;
}

#index .example-intro {
    margin-top: 80px;
}

#index .example-intro .example-nav .com-title {
    margin-top: -10px;
}

#index .example-intro .example-nav .right {
    display: flex;
    align-items: center;
}

#index .example-intro .example-nav .right li {
    /* width: 105px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    /* padding: 0 8px; */
    box-sizing: border-box;
    margin-left: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    color: #222222;
}

#index .example-intro .example-nav .right li span {
    position: relative;
    z-index: 10;
}

#index .example-intro .example-nav .right li i {
    display: inline-block;
    font-style: normal;
    position: absolute;
    left: 0;
    width: 0;
    /* top: 0; */
    bottom: 0;
    background: #ef001e;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 9;
    height: 2px;
}

#index .example-intro .example-nav .right li:hover {
}

#index .example-intro .example-nav .right li:hover i {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

#index .example-intro .example-nav .right .active {
    /* color: #fff; */
    /* border-bottom: 1px solid #ef001e; */
}

#index .example-intro .example-nav .right .active i {
    background: #ef001e;
    width: 100%;
}

#index .example-intro .example-list-box {
    margin-top: 50px;
}

#index .example-intro .example-list-box li {
    width: 402px;
    float: left;
    margin-right: 24px;
}

#index .example-intro .example-list-box li > div {
    position: relative;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#index .example-intro .example-list-box li > div > img {
    width: 100%;
    /* opacity: 0; */
}

#index .example-intro .example-list-box li > div .mask {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 118, 229, 0.8);
    padding: 10px;
    z-index: 1000;
    display: none;
}

#index .example-intro .example-list-box li > div:hover .mask {
    display: block !important;
}

#index .example-intro .example-list-box li > div .mask .cont {
    border: 1px solid rgba(253, 173, 0, 0.2);
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px;
    box-sizing: border-box;
}

#index .example-intro .example-list-box li > div .mask .cont .award {
    position: absolute;
    top: 10px;
    right: 10px;
}

#index .example-intro .example-list-box li > div .mask .cont .award span {
    vertical-align: middle;
    margin-left: 6px;
    color: #fff;
    font-size: 14px;
}

#index .example-intro .example-list-box li > div .mask .cont .t1 {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

#index .example-intro .example-list-box li > div .mask .cont .t2 {
    margin-top: 15px;
}

#index .example-intro .example-list-box li > div .mask .cont .t2 span {
    color: #eee;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 6px;
}

#index .example-intro .example-list-box li > div .mask .cont .arr {
    width: 27px;
    height: 5px;
    background-size: 27px 5px;
    background-repeat: no-repeat;
    background-image: url("../images/arr.png");
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -40px;
    transition: margin-left .5s;
    -webkit-transition: margin-left .5s;
    -moz-transition: margin-left .5s;
}

#index .example-intro .example-list-box li > div .mask .cont:hover .arr {
    margin-left: -13.5px;
}

#index .example-intro .example-list-box li > div:hover {
    box-shadow: 0px 5px 25px 0px rgba(201, 38, 29, 0.35);
}

#index .example-intro .example-list-box li .top {
    width: 100%;
    height: auto;
}

#index .example-intro .example-list-box li .bottom {
    width: 100%;
    height: auto;
    margin-top: 24px;
}

#index .example-intro .example-list-box li:nth-of-type(2n) {
    display: flex;
    flex-direction: column-reverse;
}

#index .example-intro .example-list-box li:nth-of-type(2n) .bottom {
    margin-top: 0;
}

#index .example-intro .example-list-box li:nth-of-type(2n) .top {
    margin-top: 24px;
}

#index .example-intro .example-list-box li:nth-of-type(4n) {
    margin-right: 0;
}

#index .example-intro .checkMore {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    color: #ef001e;
    border: solid 1px #ef001e;
}

#index .example-intro .checkMore:hover {
    box-shadow: 0px 10px 20px 0px rgb(18 118 229 / 31%);
    color: #fff;
    background-color: #ef001e;
    border: solid 1px #ef001e;
}

#index .advantage-box {
    position: relative;
    margin-top: 90px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 685px;
}

#index .advantage-box .advantage-position {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    padding-top: 80px;
}

#index .advantage-box .advantage-position .title {
    color: #fff;
    font-size: 18px;
}

#index .advantage-box .advantage-position .title .t1 {
    font-size: 40px;
    font-weight: bold;
    margin-right: 30px;
}

#index .advantage-box .advantage-position .pot-list li {
    display: flex;
    flex-direction: column;
    color: #fff;
    width: 310px;
    position: absolute;
}

#index .advantage-box .advantage-position .pot-list li .t1 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#index .advantage-box .advantage-position .pot-list li p {
    font-size: 14px;
    text-align: left;
    line-height: 2em;
}

#index .advantage-box .advantage-position .pot-list li .pic {
    background: #4d428e;
    width: 110px;
    height: 110px;
    box-sizing: border-box;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    transition: background .8s;
}

#index .advantage-box .advantage-position .pot-list li .pic .inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 90px;
    text-align: center;
    background: #fff;
    transition: all .8s;
}

#index .advantage-box .advantage-position .pot-list li .pic .inner > img {
    width: 40px;
}

#index .advantage-box .advantage-position .pot-list li .pic:after {
    content: '';
    width: 24px;
    height: 74px;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("../images/line.png");
    left: 40%;
}

#index .advantage-box .advantage-position .pot-list li .pic:hover .inner {
    background: #ef001e;
}

#index .advantage-box .advantage-position .pot-list li .pic-logo {
    width: 146px;
    margin: 0 auto;
}

#index .advantage-box .advantage-position .pot-list li .pic-logo > img {
    width: 100%;
}

#index .advantage-box .advantage-position .pot-list li .pic-logo:after {
    content: '';
    width: 24px;
    height: 74px;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("../images/line.png");
    left: 46%;
    top: 100%;
}

#index .advantage-box .advantage-position .pot-list li:nth-of-type(1) {
    top: 49.5%;
    left: 7%;
}

#index .advantage-box .advantage-position .pot-list li:nth-of-type(2) {
    top: 40.5%;
    left: 27.5%;
}

#index .advantage-box .advantage-position .pot-list li:nth-of-type(3) {
    top: 45%;
    left: 42%;
}

#index .advantage-box .advantage-position .pot-list li:nth-of-type(4) {
    top: 49.5%;
    left: 57%;
}

#index .advantage-box .advantage-position .pot-list li:nth-of-type(5) {
    top: 41%;
    left: 76.5%;
}

#index .advantage-box > img {
    width: 100%;
    opacity: 0;
}

#index .company-news {
    background: #f7f7f7;
    padding: 80px 0 85px;
    overflow: hidden;
}

#index .company-news .company-nav .com-title {
    margin-top: -10px;
}

#index .company-news .company-nav .right {
    display: flex;
    align-items: center;
}

#index .company-news .company-nav .right li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
    margin-left: 40px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    cursor: pointer;
    position: relative;
    color: #222;
    font-size: 18px;
}

#index .company-news .company-nav .right li span {
    position: relative;
    z-index: 10;
}

#index .company-news .company-nav .right li i {
    display: inline-block;
    font-style: normal;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    background: #ef001e;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 9;
    height: 2px;
}

#index .company-news .company-nav .right li:hover {
}

#index .company-news .company-nav .right li:hover i {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

#index .company-news .company-nav .right .active {
}

#index .company-news .company-nav .right .active i {
    background: #ef001e;
    width: 100%;
}

#index .company-news .news-box {
    display: flex;
    margin-top: 45px;
}

#index .company-news .news-box li {
    width: 402px;
    height: auto !important;
    background: #fff;
    position: relative;
    float: left;
    margin-right: 24px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    padding-bottom: 0.9rem;
}

#index .company-news .news-box li .pic {
    width: 100%;
    overflow: hidden;
}

#index .company-news .news-box li .pic img {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
}

#index .company-news .news-box li .info-box {
    padding: 25px 30px 0;
}

#index .company-news .news-box li .info-box .tt {
    color: #333;
    font-size: 22px;
}

#index .company-news .news-box li .info-box .info {
    line-height: 2em;
    margin-top: 8px;
    color: #666666;
    font-size: 18px;
}

#index .company-news .news-box li .bottom {
    height: 60px;
    position: absolute;
    width: 100%;
    bottom: 0;
    display: block;
}

#index .company-news .news-box li .bottom .time {
    width: calc(100% - 60px);
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    box-sizing: border-box;
    color: #bbb;
    font-size: 14px;
}

#index .company-news .news-box li .bottom .arr {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: center center;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    line-height: 60px;
    text-align: center;
}

#index .company-news .news-box li:nth-of-type(4n) {
    margin-right: 0;
}

#index .company-news .news-box li:hover {
    box-shadow: 0px 10px 20px 0px rgba(113, 6, 0, 0.2);
}

#index .company-news .news-box li:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

#index .company-news .news-box li:hover .info-box .tt {
    color: #ef001e;
}

#index .company-news .news-box li:hover .bottom .arr {

}

#index .company-news .more {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    display: block;
    margin: 0 auto;
    margin-top: 75px;
    font-size: 16px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    color: #ef001e;
    border: solid 1px #ef001e;
    float: right;
}

#index .company-news .more:hover {
    box-shadow: 0px 10px 20px 0px rgba(113, 6, 0, 0.3);
    color: #fff;
    background-color: #ef001e;
    border: solid 1px #ef001e;
}

#index .two-template > div {
    width: 50%;
    position: relative;
}

#index .two-template > div .tem-position {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 105px 0 0 115px;
    box-sizing: border-box;
    top: 0;
}

#index .two-template > div .tem-position .t1 {
    font-size: 36px;
    color: #fff;
}

#index .two-template > div .tem-position .t2 {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

#index .two-template > div .tem-position .more {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: transparent;
    border: solid 1px rgba(255, 255, 255, 0.8);
    display: block;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    margin-top: 50px;
}

#index .two-template > div .tem-position .more:hover {
    background: #ef001e;
    border: 1px solid #ef001e;
}

#index .two-template > div img {
    width: 100%;
}

#index .icon-box {
    padding: 90px 0 100px;
    background-size: 100%;
    background-repeat: no-repeat;
}

#index .icon-box .center {
    width: 100%;
}

#index .icon-box .center .icon-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#index .icon-box .center .icon-list li {
    width: 25%;
    border-right: 1px solid #eeeeee;
}

#index .icon-box .center .icon-list li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#index .icon-box .center .icon-list li a .pic {
    width: 140px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    border-radius: 50%;
    border: solid 1px #ef001e;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
}

#index .icon-box .center .icon-list li a .pic img {
    width: 54px;
}

#index .icon-box .center .icon-list li a p {
    text-align: center;
}

#index .icon-box .center .icon-list li a .t1 {
    color: #333;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#index .icon-box .center .icon-list li a .t2 {
    color: #666;
    font-size: 14px;
}

#index .icon-box .center .icon-list li:nth-of-type(2) .pic img {
    width: 59px;
}

#index .icon-box .center .icon-list li:hover .pic {
    background: #ef001e;
    box-shadow: 0px 10px 20px 0px rgba(137, 7, 0, 0.25);
}

#index .icon-box .center .icon-list li:hover .t1 {
    color: #ef001e;
}

#index .icon-box .center .icon-list li:last-of-type {
    border-right: 0;
}

#news .news-content {
    margin-top: 60px;
    margin-bottom: 40px;
}

#news .news-content .news-display {
    width: 100%;
    height: 520px;
}

#news .news-content .news-display .left {
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
}

#news .news-content .news-display .right {
    float: right;
    padding: 50px 25px 0 40px;
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    background: #fff;
    position: relative;
}

#news .news-content .news-display .right .title {
    padding-right: 50px;
    font-size: 36px;
    color: #333;
    line-height: 1.8em;
}

#news .news-content .news-display .right .info-box {
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 50px;
    height: 205px;
    overflow-y: auto;
    /*定义滑块 内阴影+圆角*/
}

#news .news-content .news-display .right .info-box::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: #F5F5F5;
}

#news .news-content .news-display .right .info-box::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #ffffff;
}

#news .news-content .news-display .right .info-box::-webkit-scrollbar-thumb {
    background-color: #fed130;
}

#news .news-content .news-display .right .date {
    color: #bbb;
    font-size: 14px;
    bottom: 30px;
    position: absolute;
}

#news .news-content .news-list {
    margin-top: 70px;
}

#news .news-content .news-list li {
    width: 530px;
    /*height: 660px;*/
    height: auto !important;
    background: #fff;
    position: relative;
    float: left;
    margin-right: 24px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    margin-bottom: 40px;
}

#news .news-content .news-list li > a {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

#news .news-content .news-list li .pic {
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    height:260px; text-align:center;
}

#news .news-content .news-list li .pic img {
    
    /*height: 100%;*/
    transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
    max-width:100%;
    max-height:100%;
}

#news .news-content .news-list li .bottoms-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#news .news-content .news-list li .info-box {
    padding: 25px 30px 25px;
}

#news .news-content .news-list li .info-box .tt {
    color: #222;
    font-size: 22px;
    height: 30px;
}

#news .news-content .news-list li .info-box .info {
    line-height: 1.5;
    margin-top: 5px;
    color: #888;
    font-size: 16px;
}

#news .news-content .news-list li .bottom {
    height: 60px;
    position: static;
    width: 100%;
    bottom: 0;
    display: block;
}

#news .news-content .news-list li .bottom .time {
    width: calc(100% - 60px);
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    box-sizing: border-box;
    color: #888888;
    font-size: 12px;
}

#news .news-content .news-list li .bottom .arr {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: center center;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    line-height: 60px;
    text-align: center;
}

#news .news-content .news-list li:nth-of-type(3n) {
    margin-right: 0;
}

#news .news-content .news-list li:hover {
    box-shadow: 0px 10px 20px 0px rgba(232, 93, 111, 0.42);
}

#news .news-content .news-list li:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

#news .news-content .news-list li:hover .info-box .tt {
    color: #ef001e;
}

#news .news-content .news-list li:hover .bottom .arr {
}

#news .news-content .content {
    width: 100%;
    padding: 40px 50px 0px;
    margin: 20px auto;
    max-width: 1200px;
}

#news .news-content .content .title-box {
    padding-bottom: 25px;
   
    text-align: center;
}

#news .news-content .content .title-box .t1 {
    font-size: 18px;
    color: #333;
    margin-bottom: 50px;
    text-align: left;
    margin-top: -40px;
}

#news .news-content .content .title-box .t2 {
    font-weight: bold;
    color: #e00c00;
    font-size: 0.36rem;
    color: #101010;
}

#news .news-content .content .title-box .t3 {
    font-size: 16px;
    color: #808080;
    margin-top: 10px;
}

#news .news-content .content .title-box .t3 span:last-of-type {
    margin-left: 30px;
}



.social-box {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding: 0 0 20px 0;
			 border-bottom: 1px solid #eee;
		}
		
		.wb-icon {
			margin: 0 0 0 21px;
		}
		
		.qq-icon {
			margin: 0 0 0 23px;
		}
		
		.wx-icon {
			margin: 0 0 0 30px;
		}
		.wechat-icon-box {
			margin: 0 0 0 23px;
		}

		.social-box>span {
			font-size: 14px;
			font-weight: 500;
			color: #333333;
		}
		
		.social-box>.middle-word {
			padding: 0 8px;
		}
		.weixin-popup {
		    position: absolute;
		    display: none;
		    bottom: 50px;
		    left: -81px;
		    z-index: 999;
		    font-size: 14px;
		}
		.position-relative {
		    position: relative !important;
		}
		.wechat-icon-box:hover .weixin-popup {
		    display: block;
		}
		
		.weixin-popup .info {
		    width: 202px;
		    height: 195px;
		    background: #FFFFFF;
		    position: relative;
		    box-shadow: 0 0 5px #A3A3A3;
		    text-align: center;
		}
		
		.weixin-popup .info::before {
		    content: '';
		    position: absolute;
		    display: block;
		    height: 8px;
		    width: 8px;
		    background: #fff;
		    transform: rotateZ(45deg);
		    bottom: -4px;
		    left: 50%;
		    margin-left: -6px;
		    border-right: 1px solid #E5E5E5;
		    border-bottom: 1px solid #E5E5E5;
		    color: #666666;
		    font-size: 14px;
		}
		
		.weixin-popup .info .tit {
		    width: 100%;
		    height: 28px;
		    line-height: 28px;
		    background: #F3F3F3;
		    font-family: Source Han Sans CN;
		    font-weight: 400;
		}
		
		.weixin-popup .info img {
		    width: 109px;
		    height: 109px;
		    margin-top: 3px;
		    margin-bottom: 2px;
		}
		
		.weixin-popup .info .d {
		    padding: 0 16px;
		}


#news .news-content .content .cont {
    padding-top: 35px;
    padding-bottom: 130px;
}

#news .news-content .content .cont p {
    /*color: #666;*/
    /*font-size: 14px;*/
    /*line-height: 1.8em;*/
    /*text-indent: 2em; */
}

#news .news-content .content .cont .tt {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

#news .news-content .content .cont .first {
    letter-spacing: 7px;
}

#news .news-content .content .cont .date {
    text-align: right;
}

#news .news-content .content .cont img {
    max-width: 100%;
}



#news .news-content .news-nav-right {
}

#news .news-content .news-nav-right .top {
    color: #333;
    width: 100%;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    padding-left: 30px;
}

#news .news-content .news-nav-right .top .line {
    display: inline-block;
    vertical-align: text-bottom;
    width: 4px;
    height: 20px;
    background: #e00c00;
    margin-right: 10px;
}

#news .news-content .news-nav-right .nav-list {
    margin-top: 10px;
}

#news .news-content .news-nav-right .nav-list li {
    padding: 25px 30px 25px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #eee;
}

#news .news-content .news-nav-right .nav-list li .t1 {
    color: #333;
    font-size: 24px;
}

#news .news-content .news-nav-right .nav-list li .t2 {
    color: #333;
    font-size: 18px;
    line-height: 1.8em;
}

#news .news-content .news-nav-right .nav-list li .info {
    color: #999;
    font-size: 14px;
    line-height: 2em;
    margin-top: 25px;
}

#news .news-content .news-nav-right .nav-list li:last-of-type {
    border-bottom: 0;
}

#news .news-content .news-nav-right .nav-list li:hover .t1,
#news .news-content .news-nav-right .nav-list li:hover .t2 {
    color: #ef001e;
}

#news .news-content .news-nav-right .nav-list .active .t1,
#news .news-content .news-nav-right .nav-list .active .t2 {
    color: #ef001e;
}

#news .law-content .content {
    width: 100% !important;
}


#recruitment .recruitment-content .recruitment {
    padding: 40px 0px;
}

#recruitment .recruitment-content .recruitment .recruit-center {
    background: #fff;
    padding: 40px 40px 30px;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box {
    width: 100%;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li {
    margin-bottom: 18px;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top {
    width: 100%;
    height: 90px;
    padding: 0px 40px 0px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
    cursor: pointer;
    font-size: 20px;
    box-sizing: border-box;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
 
#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top > div {width:25%;
    color: #666666;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top > div span {
    color: #222;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top > div:nth-of-type(2),
#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top > div:nth-of-type(3) {
    text-align: left;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top > div:nth-of-type(4) {
    text-align: right;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top:hover {
    background: #ef001e;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top:hover > div {
    color: #fff;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-top:hover > div span {
    color: #fff;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .active {
    background: #ef001e;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .active > div {
    color: #fff;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .active > div span {
    color: #fff;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content {
    width: 100%;
    padding: 0px 40px 50px 40px;
    box-sizing: border-box;
    background: #f5f5f5;
    display: none;
    font-size: 0.22rem;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content .t1 {
    color: #333;
    font-size: 18px;
    padding-bottom: 25px;
    padding-top: 25px;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content .content p {
    line-height: 2em;
    color: #666;
    font-size: 14px;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content .zhaopin-box {
    padding-top: 20px;
    margin-top: 25px;
    border-top: 1px solid #eee;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content .zhaopin-box .tt {
    color: #666;
    font-size: 14px;
    line-height: 2em;
}

#recruitment .recruitment-content .recruitment .recruit-center .recruit-box li .recruit-content .join-in {
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    background: #ef001e;
    margin-top: 35px;
}

#bidding .bidding-content {
    margin-top: 40px;
    margin-bottom: 70px;
}

#bidding .bidding-content .bidding-box li {
    width: 100%;
    height: 110px;
    background: #fff;
    transition: all .6s;
    margin-bottom: 20px;
}

#bidding .bidding-content .bidding-box li .date {
    float: right;
    width: 120px;
    height: 100%;
    text-align: center;
    padding-top: 15px;
    border-left: 1px solid #ebe9f0;
}

#bidding .bidding-content .bidding-box li .date .t1 {
    color: #333;
    font-size: 40px;
}

#bidding .bidding-content .bidding-box li .date .t2 {
    color: #333;
    font-size: 14px;
}

#bidding .bidding-content .bidding-box li .info {
    width: 90%;
    height: 100%;
    color: #222222;
    float: left;
    line-height: 110px;
    font-size: 22px;
    padding-left: 30px;
}

#bidding .bidding-content .bidding-box li:hover {
    background: #ef001e;
    transition: all .6s;
}

#bidding .bidding-content .bidding-box li:hover .date .t1,
#bidding .bidding-content .bidding-box li:hover .date .t2 {
    color: #f7f7f7;
}

#bidding .bidding-content .bidding-box li:hover .info {
    color: #f7f7f7;
}

#bidding .bidding-content .pages-box {
    margin-top: 40px;
}


#company .concept {
    width: 100%;
    padding: 70px 45px 70px 60px;
    margin-top: 60px;
    margin-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/concept_bg.png");
}

#company .concept img {
    max-width: 100%;
}

#company .award-content {
    margin: 45px 0;
}

#company .award-content .award-nav {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

#company .award-content .award-nav li {
    width: 100px;
    height: 40px;
    transition: all .6s;
    background-color: #fff;
    display: inline-block;
}

#company .award-content .award-nav li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    color: #666;
}

#company .award-content .award-nav li:hover {
    background-color: #ef001e;
}

#company .award-content .award-nav li:hover a {
    color: #fff;
}

#company .award-content .award-nav .active {
    background-color: #ef001e;
}

#company .award-content .award-nav .active a {
    color: #fff;
}

#company .award-content .award-list {
    display: flex;
    flex-wrap: wrap;
}

#company .award-content .award-list li {
    width: 390px;
     height: 416px; 
    transition: all .6s;
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    padding: 0 25px;
    background: #fff;
}

#company .award-content .award-list li .pic {
    width: 100%;
     height: 300px; 
    overflow: hidden;  
    background: #fff;
    text-align:center;
    border-bottom: 1px solid #e8e8e8;
}

    #company .award-content .award-list li .pic img {
        max-width: 100%;
        transition: transform .5s ease-out;
        -webkit-transition: transform .5s ease-out;
        -moz-transition: transform .5s ease-out;
    }
#company .award-content .award-list li .info {
    color: #333;
    background: #fff;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    text-align: left;
}

#company .award-content .award-list li .info::after {
    float: right;
    background: url(../images/fangda.png) no-repeat top center;
    width: 20px;
    height: 20px;
    content: '';
    margin-top: 20px;

}

#company .award-content .award-list li:hover {
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}

#company .award-content .award-list li:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

#company .award-content .award-list li:hover .info {
    color: #ef001e;
}

#company .award-content .award-list li:nth-of-type(4n) {
    margin-right: 0;
}

#company .award-content .map-box {
    padding: 20px 0;
    background: #fff;
    text-align: center;
}

#company .award-content .map-box .container-box {
    position: relative;
    width: 1150px;
    height: 900px;
    margin: 0 auto;
}

#company .award-content .map-box .container-box .hk,
#company .award-content .map-box .container-box .macao {
    position: absolute;
}

#company .award-content .map-box .container-box .hk {
    bottom: 18%;
    right: 35%;
}

#company .award-content .map-box .container-box .macao {
    bottom: 17%;
    right: 38%;
}

#company .award-content .map-box .container-box .p-icon {
    width: 20px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-size: 20px 28px;
    position: absolute;
    background-image: url("../images/2121.png");
}

#company .award-content .map-box .container-box .p-icon.icon-zj {
    bottom: 37%;
    right: 28.5%;
}

#company .award-content .map-box .container-box .p-icon.icon-js {
    bottom: 45%;
    right: 29.5%;
}

#company .award-content .map-box .container-box .p-icon.icon-sd {
    bottom: 51%;
    right: 30%;
}

#company .award-content .map-box .container-box .p-icon.icon-jjj {
    bottom: 57%;
    right: 34%;
}

#company .award-content .map-box .container-box .p-icon.icon-ln {
    bottom: 62%;
    right: 27%;
}

#company .award-content .map-box .container-box .p-icon.icon-hlj {
    bottom: 74%;
    right: 17%;
}

#company .award-content .map-box .container-box .p-icon.icon-nmg {
    bottom: 65%;
    right: 37%;
}

#company .award-content .map-box .container-box .p-icon.icon-hn {
    bottom: 46%;
    right: 37%;
}

#company .award-content .map-box .container-box .p-icon.icon-hb {
    bottom: 40%;
    right: 40%;
}

#company .award-content .map-box .container-box .p-icon.icon-hunan {
    bottom: 33%;
    right: 40%;
}

#company .award-content .map-box .container-box .p-icon.icon-ah {
    bottom: 41%;
    right: 32%;
}

#company .award-content .map-box .container-box .p-icon.icon-jx {
    bottom: 33%;
    right: 34%;
}

#company .award-content .map-box .container-box .p-icon.icon-jx {
    bottom: 33%;
    right: 34%;
}

#company .award-content .map-box .container-box .p-icon.icon-fj {
    bottom: 29%;
    right: 31%;
}

#company .award-content .map-box .container-box .p-icon.icon-gd {
    bottom: 23%;
    right: 35%;
}

#company .award-content .map-box .container-box .p-icon.icon-hainan {
    bottom: 13%;
    right: 43%;
}

#company .award-content .map-box .container-box .p-icon.icon-gx {
    bottom: 23%;
    right: 43%;
}

#company .award-content .map-box .container-box .p-icon.icon-gz {
    bottom: 30%;
    right: 45%;
}

#company .award-content .map-box .container-box .p-icon.icon-yl {
    bottom: 26%;
    right: 54%;
}

#company .award-content .map-box .container-box .p-icon.icon-sc {
    bottom: 38%;
    right: 52%;
}

#company .award-content .map-box .container-box .p-icon.icon-sx {
    bottom: 49%;
    right: 42%;
}

#company .award-content .map-box .container-box .p-icon.icon-cq {
    bottom: 38%;
    right: 44%;
}

#company .award-content .map-box .container-box .p-icon.icon-qh {
    bottom: 48%;
    right: 62%;
}

#company .award-content .map-box .container-box .p-icon.icon-xj {
    bottom: 60%;
    right: 75%;
}

#company .award-content .map-box .container-box .p-icon.icon-gs {
    bottom: 48%;
    right: 49%;
}

#company .award-content .map-box .container-box .p-icon.icon-nx {
    bottom: 52%;
    right: 47%;
}

#company .award-content .map-box .container-box .p-icon.icon-xz {
    bottom: 40%;
    right: 70%;
}

#company .award-content .map-box .container-box .p-icon.icon-tw {
    bottom: 22%;
    right: 28%;
}

#company .award-content .map-box .container-box .p-icon.icon-sxx {
    bottom: 53%;
    right: 39%;
}

#company .award-content .map-box .container-box .p-icon.icon-bj {
    bottom: 57%;
    right: 32%;
}

#company .award-content .map-box .container-box .p-icon.icon-tj {
    bottom: 60%;
    right: 33%;
}

#company .award-content .map-box .container-box .p-icon.icon-sh {
    bottom: 40%;
    right: 27%;
}

#company .award-content .map-box .container-box .p-icon.icon-jl {
    bottom: 66%;
    right: 20%;
}

#company .award-content .map-box .container-box #container {
    width: 100%;
    height: 100%;
}

#company .award-content .map-box .company-items {
    display: none;
}

#company .award-content .map-box .company-items .items-box {
    margin-bottom: 0.4rem;
}

#company .award-content .map-box .company-items .items-box .tops {
    color: #ef001e;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#company .award-content .map-box .company-items .items-box .com-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#company .award-content .map-box .company-items .items-box .com-list span {
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
}

#company .award-content #map01 img {
    width: 864px;
}

#company .award-content #map02 img {
    width: 1266px;
}

#company .company .intro-box {
    margin-top: 40px;
}

#company .company .intro-box .left {
    width: 820px;
    float: left;
}

#company .company .intro-box .left .title-box .t1 {
    font-size: 40px;
    color: #ef001e;
}

#company .company .intro-box .left .title-box .t2 {
    color: #666;
    font-size: 22px;
}

#company .company .intro-box .left .title-box .t3 {
    color: #333;
    font-size: 24px;
    margin-top: 10px;
}

#company .company .intro-box .left .info-box {
    margin-top: 30px;
}

#company .company .intro-box .left .info-box p {
    line-height: 2em;
    text-align: justify;
}

#company .company .intro-box .right {
    width: 825px;
    float: right;
}

#company .company .intro-box .right .img-box {
    width: 100%;
}

#company .company .intro-box .right .intro-video {
    width: 100%;
    height: 570px;
    margin-top: 175px;
}

#company .company .intro-box .right .intro-video video {
    width: 100%;
    height: 100%;
    outline: none;
    background: #000;
}

#company .company .intro-pic {
    width: 100%;
    padding: 40px 0 55px;
    margin-top: 50px;
    background: #f8f8f8;
}

#company .company .intro-pic .title-box .tt {
    font-size: 40px;
    color: #333;
}

#company .company .intro-pic .title-box .t1 {
    color: #999;
    font-size: 22px;
}

#company .company .intro-pic .intro-bg {
    background-color: #000421;
    position: relative;
    padding: 16px 0;
    margin-top: 30px;
}

#company .company .intro-pic .intro-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    background-image: url("../images/video-line.png");
    background-repeat: no-repeat;
    background-size: 100% 16px;
    top: 0;
    left: 0;
}

#company .company .intro-pic .intro-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    background-image: url("../images/video-line.png");
    background-repeat: no-repeat;
    background-size: 100% 16px;
    bottom: 0;
    left: 0;
}

#company .company .intro-pic .intro-bg .intro-swiper {
    width: 100%;
    height: 224px;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper {
    width: 100%;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide {
    width: 396px !important;
    background-size: cover;
    background-repeat: no-repeat;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide .intro-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide .intro-mask .large {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url("../images/large.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide .intro-mask .text {
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    line-height: 2em;
    text-align: center;
    width: 100%;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    opacity: 0;
}

#company .company .intro-pic .intro-bg .intro-swiper .swiper-wrapper .swiper-slide:hover .intro-mask {
    display: block;
}

#company .company .development-history {
    padding-top: 50px;
    width: 100%;
    height: 720px;
    background-size: cover;
    background-image: url("../images/intro-bg.png");
    background-repeat: no-repeat;
}

#company .company .development-history .title-box .tt {
    font-size: 40px;
    color: #333;
}

#company .company .development-history .title-box .t1 {
    color: #999;
    font-size: 22px;
}

#company .company .development-history .develop-swiper {
    width: 100%;
    height: 450px;
}

#company .company .development-history .develop-swiper .swiper-wrapper {
    width: 100%;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide {
    width: 420px !important;
    height: 100%;
    padding-top: 70px;
    transition: all .6s;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide .year-box {
    width: 100%;
    height: 64px;
    background-image: url("../images/intro_line02.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide .year-box span {
    color: #ef001e;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: inline-block;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide .info-box {
    padding: 50px 40px 0;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide .info-box p {
    line-height: 2em;
    color: #666;
    font-size: 14px;
}

#company .company .development-history .develop-swiper .swiper-wrapper .swiper-slide:hover {
    background-color: #ffffff;
    box-shadow: 0px 20px 20px 0px rgba(39, 2, 0, 0.1);
    border-radius: 5px;
}

#company .company .development-history .develop-swiper .swiper-button-prev-develop {
    width: 40px;
    height: 40px;
    background-image: url("../images/intro_arr.png");
    background-repeat: no-repeat;
    transform: rotate(-180deg);
    background-size: cover;
    background-position: center;
    outline: none;
    cursor: pointer;
    margin-top: -120px;
    left: 0;
}

#company .company .development-history .develop-swiper .swiper-button-prev-develop.swiper-button-disabled {
    display: none;
    opacity: 1;
    cursor: pointer;
}

#company .company .development-history .develop-swiper .swiper-button-next-develop {
    width: 40px;
    height: 40px;
    background-image: url("../images/intro_arr.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    outline: none;
    cursor: pointer;
    margin-top: -120px;
    right: 0;
}

#company .company .development-history .develop-swiper .swiper-button-next-develop.swiper-button-disabled {
    display: none;
    opacity: 1;
    cursor: pointer;
}

#company .area-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 999;
}

#company .com-area-box {
    padding: 25px 25px 30px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    z-index: 1000;
    display: none;
}

#company .com-area-box .tops {
    color: #ef001e;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#company .com-area-box .com-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#company .com-area-box .com-list span {
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
}

#search .search-result {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 50px;
    min-height: 600px;
}

#search .search-result .item {
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
}

#search .search-result .item .title {
    width: 100%;
    line-height: 14px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#search .search-result .item .title i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #ef001e;
    margin-right: 10px;
}

#search .search-result .item .title p {
    display: inline-block;
    width: calc(100% - 14px);
}

#search .search-result .item .date {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    margin-top: 10px;
    padding-left: 14px;
}

#search .search-result .pages-box {
    margin-top: 30px;
}

.newtt {
    text-align: center;
    display: block !important;
    padding: 0.8rem 0.2rem 0.4rem;
}

.newtt > h3 {
    font-size: 0.46rem;
    padding-top: 0.3rem;
    color: #1a1a1a;
    background: url("../images/mytt.png") no-repeat top center;
    background-size: auto 66%;
}

.newtt > p {
    font-size: 0.24rem;
    color: #666666;
}

.section3 {
    /* 	background: url(../images/ywfw.png) no-repeat center;
        background-size: cover; */
    position: relative;
}

.section3 .inliner-banner-con {
    width: 800px;
    height: 800px;
    margin: auto;
    position: relative;
    z-index: 6;
    background: url(../images/i10.png) no-repeat center;
    background-size: 100%;
}

.section3 .inliner-banner-con .ul {
    width: 510px;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: auto;
    z-index: 12;
}

.section3 .inliner-banner-con .item-text {
    width: 100%;
    height: 100%;
    color: #ffffff;
    line-height: 1;
}

.section3 .inliner-banner-con .item-text .h02 {
    margin-top: 12px;
    margin-bottom: 33px;
}

.section3 .inliner-banner-con .item-text .line {
    margin: 0 auto;
    width: 30px;
    height: 2px;
    background: #fff;
}

.section3 .inliner-banner-con .item-text .p {
    line-height: 28px;
    height: 56px;
    margin-top: 40px;
}

.section3 .inliner-banner-con .item-text .h03 {
    display: block;
    margin: 0 auto;
    margin-top: 80px;
}

.section3 .inliner-banner-con {

}

.section3 .inliner-banner-con .center {
    width: 6.6rem;
    height: 6.6rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 8;
}

@keyframes zhuan0 {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.section3 .inliner-banner-con .center .cbox {
    width: 100%;
    height: 100%;
    background: url(../images/i9.png) no-repeat center;
    background-size: 100%;
    animation: zhuan0 7s infinite linear .65s;
}

.section3 .inliner-banner-con .center .ul {
    display: none;
}

.section3 .inliner-banner-con .center .i {
    display: block;
    color: #ef001e;
    position: absolute;
    width: 65px;
    height: 65px;
    opacity: 0;
    cursor: pointer;
}

.section3 .inliner-banner-con .center .i.active img, .section3 .inliner-banner-con .center .i:hover img {
    background: #ef001e;
    transition: 0.5s ease-in-out;
}

.section3 .inliner-banner-con .center .i.active span {
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.section3 .inliner-banner-con .center .i span {
    width: 120px;
    display: block;
    height: 65px;
    line-height: 65px;
    position: absolute;
    top: 0;
    font-size: 18px;
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.section3 .inliner-banner-con .center .i img {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.section3 .inliner-banner-con .center .i.s1 span, .section3 .inliner-banner-con .center .i.s2 span, .section3 .inliner-banner-con .center .i.s3 span, .section3 .inliner-banner-con .center .i.s4 span {
    left: -120px;
}

.section3 .inliner-banner-con .center .i.s5 span, .section3 .inliner-banner-con .center .i.s6 span, .section3 .inliner-banner-con .center .i.s7 span, .section3 .inliner-banner-con .center .i.s8 span {
    right: -120px;
}

.section3 .inliner-banner-con .center .i.s1 {
    opacity: 1;
    top: -1%;
    left: 5.5%;
}

.section3 .inliner-banner-con .center .i.s2 {
    opacity: 1;
    top: 28%;
    left: -13%;
}

.section3 .inliner-banner-con .center .i.s3 {
    opacity: 1;
    bottom: 30.5%;
    left: -14.5%;
}

.section3 .inliner-banner-con .center .i.s4 {
    opacity: 1;
    bottom: 1.5%;
    left: 2.5%;
}

.section3 .inliner-banner-con .center .i.s5 {
    opacity: 1;
    bottom: 1.5%;
    right: 2.5%;
}

.section3 .inliner-banner-con .center .i.s6 {
    opacity: 1;
    bottom: 30.5%;
    right: -14.5%;
}

.section3 .inliner-banner-con .center .i.s7 {
    opacity: 1;
    top: 28%;
    right: -13%;
}

.section3 .inliner-banner-con .center .i.s8 {
    opacity: 1;
    top: -1%;
    right: 5.5%;
}

.section .dingk .i {
    width: 100%;
    height: 100%;
}

.inliner-banner ul, .inliner-banner-con ul {
    width: 100%;
    height: 100%;
}

.inliner-banner li, .inliner-banner-con li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    text-align: center;
    transform: scale(0.8);
    z-index: 1;
}

.inliner-banner li.index, .inliner-banner-con li.index {
    z-index: 2;
}

.inliner-banner li:first-child, .inliner-banner-con li:first-child {
    left: 0;
    transform: scale(1);
}

.inliner-banner li .con, .inliner-banner-con li .con {
    display: block;
    width: 606px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -145px 0 0 -303px;
    transform: scale(0);
}

.inliner-banner li h3, .inliner-banner-con li h3 {
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
}

.inliner-banner li h2, .inliner-banner-con li h2 {
    font-size: 45px;
    color: #fff;
    line-height: 51px;
}

.split_line {
    background-color: #ef001e;
    height: 12px;
    width: 2px;
    display: inline-block;
    margin-top: 9px;
}

.item-text .ft42 {
    font-size: .42rem;
}

.com-title2 {
    color: #fff;
    font-size: 0.46rem;
    padding-top: 0.2rem;
}

.com-title_3 {
    color: #fff;
    font-size: 0.16rem;
}

.more {
    width: 125px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ffffff;
    transition: .5s ease-in-out;
    text-transform: uppercase;
    text-align: center;
}

.more span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 40px;
    transition: .5s ease-in-out;
}

/* .videolist { position:relative; float:left; width:500px; height:300px; margin-right:50px; margin-top:15px; margin-bottom:30px; } */
.videolist:hover {
    cursor: pointer;
}

.videoed {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    margin-left: -0.4rem;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
    text-align: center;
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -5rem;
    margin-top: -2.5rem;
    z-index: 10002;
    width: 10rem;
    height: 5rem;
}

.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

.videos video {
    width: 100%;
}

.videoed h5 {
    color: #fff;
    font-size: 0.16rem;
    line-height: 3;
}

.mbox {
    display: none;
}

.yewyfw {
    position: relative;
    z-index: 99;
}

.news-lunbo {
    max-width: 1300px;
    /* height: 500px; */
    margin: 30px auto;
    padding: 30px 0;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}

.swiper-news .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
    margin-top: 5%;
    height: auto;
}

.swiper-news .swiper-slide-active, .swiper-news .swiper-slide-duplicate-active {
    transform: scale(1.4);
    z-index: 9999;
}

.swiper-news .swiper-slide {
    position: relative;
    /* height: 302px; */
}

.swiper-news .swiper-slide img {
    width: 100%;
}

.swiper-news .lunbott {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 0.2rem;
    text-align: left;
    font-size: 16px;
    color: #fff;
    /* display: none; */
    background-color:rgba(0, 0, 0, 0.6);
}

.lunbott a {
    color: #fff;
}

.news-lunbo .swiper-pagination {
    text-align: center;
    width: 100%;
}

.news-lunbo .swiper-pagination-bullets {
    bottom: 0;
}

.news-lunbo .swiper-pagination-bullet {
    margin: 0 14px;
    width: 100px;
    height: 4px;
    border-radius: 0;
}
.swiper-pagination-bullet-active{
    background-color: #ef001e;
}
.qywh, .jiaruzp {
    max-width: 1700px;
    width: 95%;
    margin: 20px auto;
}

.div_img {
    margin: 20px auto;
}

.div_img img {
    display: block;
    max-width: 100%;
}

.div_img3 {
    margin: 20px auto;
    overflow: hidden;
}

.div_img3 img {
    float: left;
    width: 32.33%;
    margin-right: 1.5%;
}

.div_img3 img:last-of-type {
    margin-right: 0;
}

.qywhdj {
    overflow: hidden;
}

.qywhdjA {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 30px;
}

.qywhdjA:nth-of-type(2n) {
    margin-right: 0;
}

.qywhdjA img {
    display: block;
    max-width: 100%;
}

.qywhdjA h4 {
    line-height: 0.79rem;
    background-color: #fff;
    font-size: 0.24rem;
    color: #666666;
    overflow: hidden;
    padding: 0 20px;
}

.jiarumpBox {
    padding: 30px;
    background-color: #fff;
    margin: 0.3rem auto;
    width: 95%;
    max-width: 1700px;
}

.jiarump {
    height: 6.8rem;
    width: 100%;
}

.lxfs {
    overflow: hidden;
    padding: 30px 10%;
    line-height: 2;
}

.lxfsA {
    float: left;
    font-size: 0.2rem;
    color: #222222;
    width: 50%;
}

.lxfsA:nth-of-type(2n) {
}

.num-positionX {
    position: relative;
    z-index: 10001;
    padding-bottom: 0.5rem;
}

.num-positionX .num-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width: 1600px;
    justify-content: space-between;
}

.num-positionX .num-box li {
    /* width: 33.33%; */
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 0;
}

.num-positionX .num-box li img {
    position: absolute;
    left: 20px;
    bottom: 0.2rem;
    max-width: 0.7rem;
}

.num-positionX .num-box li .t1 {
    color: #333333;
    font-size: 0.2rem;
    width: 100%;
    box-sizing: border-box;
}

.num-positionX .num-box li .pad1 {
}

.num-positionX .num-box li .pad2 {
}

.num-positionX .num-box li .pad3 {
    padding-left: 45px;
}

.num-positionX .num-box li .num {
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    text-align: center;
    width: 100%;
}

.num-positionX .num-box li .num .t2 {
    color: #ef001e;
    font-size: 0.35rem;
    height: 72px;
    display: inline;
    font-weight: bold;
}
.num-positionX .num-box li .num .t2 span{
    font-size: 0.55rem;
}

.num-positionX .num-box li .info {
    text-align: center;
    margin-top: 20px;
}

.num-positionX .num-box li .info p {
    line-height: 1.8em;
    color: #999;
    font-size: 14px;
}

.num-positionX .num-box li .des {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}

.num-positionX .num-box li:last-of-type {
    border-right: none;
}

.aboutBox {
    margin: 0 auto;
    padding: 30px 0 0;
}

.aboutT {
    position: relative;
    border-bottom: 3px solid #fff;
    overflow: hidden;
    max-width: 1620px;
    margin: 0 auto;
}

.commonW {
    max-width: 1700px;
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
}

.commonW2 {
    max-width: 1210px;
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
}

.aboutTL {
    width: 50%;
    position: relative;
    z-index: 9;
    float: left;
    padding: 0 0.5rem;
}

.aboutTL > h3 {
    font-size: 0.3rem;
    color: #1a1a1a;
    margin: 0.7rem 0 0;
}
.aboutTL > h4{
    font-size: 0.14rem;
    margin-bottom: 0.4rem;
}
.aboutTL > p {
    font-size: 0.18rem;
    line-height: 1.5;
    color: #222222;
    margin-bottom: 0.4rem;
}

.aboutTR {
    width: 50%;
    float: left;
}

.im10 {
}

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

.videolistV {
    width: 100%;
    height: 6rem;
}

.aboutM {
    position: relative;
    background-size: 100% 100%;
    background-position: center;
}

.aboutZ {
    padding: 0.3rem 0;
    text-align: center;
    min-height: 8rem;
    background-size: cover;
    background-position: center;
}

.aboutZt {

}

.aboutZt h3 {
    font-size: 0.42rem;
    line-height: 3;
    color: #fff;
    font-weight: normal;
}

.aboutZt h4 {
    font-size: 0.32rem;
    color: #fff;
    font-weight: normal;
}

.aboutZc {
    max-width: 1000px;
    margin: 20px auto;
}

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

.aboutZcx a {
    width: 229px;
    height: 119px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    margin: 0 5px;
}

.aboutZcx a.on {
    background-color: #dd8322;
}

.aboutZcx a img {
    display: block;
    margin: 0.3rem auto 0.1rem;
}

.aboutZbx {
    text-align: center;
    font-size: 18px;
    color: #fff;
    max-width: 88%;
    margin: 0.4rem auto;
    display: none;
}

.rongyuBox {
    background: url(../images/rongyubj.png) no-repeat top center;
    background-size: 100%;
    overflow: hidden;
}

.pagesX {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px;
}

.pagesX img {
    margin: 0 10px;
}

.aboutLc {
    max-width: 1053px;
    width: 100%;
    margin: 0.5rem auto 0;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 0.9rem;
}

.aboutJg {
    padding: 0.8rem 0;
}

.aboutJg .tit {
    width: 44px;
    height: 54px;
    background: url(../images/qidian.png) no-repeat center center;
    margin: 20px auto 0;
}

.aboutJg ul {
    background: url(../images/timeline.png) repeat-y center;
    padding-top: 0.4rem;
}

.clearfix-time {
    display: block;
    zoom: 1;
}

ol, ul {
    padding-left: 0;
    list-style: none;
}

.aboutJg .tit h6 {
    color: #666;
}

.aboutJg li:before {
    background: url(../images/pointX.png) no-repeat center center;
    left: -22px;
    top: 13px;
    content: "";
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
}

.aboutJg li span {
    color: #222;
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.aboutJg li:nth-child(2n+1) span {
    justify-content: flex-start;
}

.aboutJg li:nth-child(2n) span::after {
    content: '●';
    font-size: 0.12rem;
    margin-left: 0.1rem;
    color: #ef001e;
}

.aboutJg li:nth-child(2n+1) span::before {
    content: '●';
    font-size: 0.12rem;
    margin-right: 0.1rem;
    color: #ef001e;
}

.aboutJg li h4 {
    position: relative;
    display: block;
    text-decoration: none;
    color: #ecf0f1;
    text-transform: uppercase;
    padding: 4px 0;
    transition: 0.5s;
    font-size: 0.42rem;
    margin-bottom: 20px;
}

.aboutJg li h4::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background: #3498db;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}

.aboutJg li:nth-child(2n):before {
    background: url(../images/pointX.png) no-repeat center center;
    right: -22px;
    content: "";
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    left: auto;
}

.aboutJg li h4 {
    color: #ef001e;
    transition: all 1s;
}

.aboutJg li p {
    color: #333333;
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.24rem;
}

.future {
    text-align: center;
    color: #ef001e;
    font-size: 12px;
    margin-top: 0px;
    line-height: 0;
}

.clearfix-time:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* 表示1-3之间的间距 */
.aboutJg li {
    float: right;
    width: 50%;
    text-align: left;
    position: relative;
    margin-top: 200px;
    padding-left: 6%;
    min-height: 200px;
}

.aboutJg li:nth-child(2n) {
    float: left;
    text-align: right;
    margin-top: 90px;
    color: #ef001e;
    font-size: 0.24rem;
    margin-top: 200px;
    padding-right: 6%;
}

.aboutJg li:nth-child(1) {
    margin-top: 0;
}

.aboutJg li:nth-child(2) {
    margin-top: 7px;
}

.timeT {
    text-align: center;
    font-size: 16px;
    color: #808080;
}

.timeT img {
    display: block;
    margin: 20px auto;
}

.timeT h3 {
    font-size: 24px;
}

.aboutJt {
    padding: 0.8rem 0;
}

.aboutJt img {
    max-width: 100%;
    display: block;
    margin: 20px auto;
}

.aboutJt p {
    text-indent: 2em;
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 0.4rem;
}

.case-nav-desc {
    color: #666666;
    font-size: 16px;
    background-color: #fff;
    padding: 25px 20px;
    line-height: 1.5;
    margin-top: 12px;
}

.case-nav-desc h4 {
    color: #000000;
    margin-bottom: 0.2rem;
}

.news-lunbo .swiper-button-next {
    background: url(../images/rightZ.png) center;
    background-size: 100%;
    width: 0.47rem;
    height: 0.88rem;
    right: -0.7rem;
}

.news-lunbo .swiper-button-prev {
    background: url(../images/leftZ.png) center;
    background-size: 100%;
    width: 0.47rem;
    height: 0.88rem;
    left: -0.7rem;
}
.aboutyj{
    overflow: hidden;
    min-height: 12.4rem;
    padding-bottom: 2rem;
    background: url("../images/yuanj.png") no-repeat bottom;
    background-size: 100%;
}
.aboutyja{
    overflow: hidden;
    padding-top: 1rem;
    max-width: 1600px;
    margin: 0 auto;
}
.aboutyjb{
   
    box-sizing: border-box;display: flex;flex-direction: row;justify-content:center; width: 100%;flex-wrap:wrap
}
.aboutyjb .kuan{width:49%}
.aboutyjb h1{
    font-size: 0.24rem;
    color: #222222;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 0.25rem;
}
.aboutyjb p{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.8;
    min-height: 1.4rem;
    margin-bottom: 0.3rem;
    width: 85%;
}
.fwyzc{
    overflow: hidden;
    background-color: #f7f7f7;
    padding-top: 1.2rem;
}
.fwyzca{
    width: 16.2rem;
    overflow: hidden;
    margin: 0 auto;
}
.fwyzcb{
    background-color: #fff;
    width: 5rem;
    max-height: 6.38rem;
    margin-right: 0.58rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.35rem;
    padding-top: 0.6rem;
    float: left;
    margin-bottom: 0.6rem;
}
.fwyzcb:nth-of-type(3n){
    margin-right: 0;
}
.fwyzcb .yl{
    overflow: hidden;
    margin-bottom: 0.45rem;
	overflow: hidden;
}
.fwyzcb .p1{
    color: #ffffff;
    width: 0.3rem;
    height: 0.3rem;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
    line-height: 0.3rem;
    margin-right: 0.15rem;
    flex: 0.18rem;
    background-color: #ef001e;
    float: left;
}
.fwyzcb .p1.hh{
    background-color: #7c7c7c;
}
.fwyzcb .p2{
    font-size: 0.22rem;
    color: #222222;
	height: 0.6rem;overflow: hidden;
    line-height: 0.3rem;
}
.fwyzcb .p3{
    font-size: 0.18rem;
    color: #666;
    line-height: 1.8;
    height:2rem;
    overflow: hidden;
}
.fwyzcb .ck{
    font-size: 0.18rem;
    color: #ef001e;
    margin-top: 0.35rem;
    margin-left: 0.5rem;
}
.fwyzcbz{
    overflow: hidden;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.fwyzcbza{
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.4rem;
    padding-bottom: 0.85rem;
    margin-bottom: 0.58rem;
    overflow: hidden;
}
.fwyzcbza .bt{
    margin: 0 auto;
    display: block;
    margin-bottom: 0.2rem;
    height: auto;
    max-width: 70%;
}
.fwyzcbza .bt2{
    margin: 0 auto;
    display: block;
    margin-bottom: 0.2rem;
    height: auto;
    max-width: 50%;
}
.fwyzcbza .p1{
    font-size: 0.22rem;
    color: #666666;
    text-align: center;
    max-width: 14rem;
    margin: 0 auto;
    margin-bottom: 0.85rem;
}
.fwyzcbza .sh{
    max-width: 9.4rem;
    margin: 0 auto;
}
.fwyzcbza .sha{
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.02rem;
    float: left;
    margin-right: 0.4rem;
    margin-bottom: 0.6rem;
    color: #666;
    border: 1px solid #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.3rem;
}
.fwyzcbza .sha:nth-of-type(5n){
    margin-right: 0;
}
.fwyzcbza .tt1{
    display: block;
    margin: 0 auto;
    height: 0.43rem;
    margin-bottom: 0.22rem;
}
.fwyzcbza .p2{
    text-align: center;
    font-size: 0.16rem;
    color: #666666;
    width: 1.42rem;
    margin: 0 auto;
}
.fwyzcbzb{
    width: 16.2rem;
    margin: 0 auto;
    overflow: hidden;
}
.fwyzcbzb .anz{
    overflow: hidden;
    float: left;
    text-align: center;
    width: 33.3%;
}
.fwyzcbzb .pp2{
    font-size: 0.16rem;
    color: #666666;
    margin-top: 0.22rem;
}
.fwyzcxq{
    overflow: hidden;
    max-width: 12.2rem;
    margin: 0 auto;
}
.fwyzcxq .bt{
    overflow: hidden;
    padding-top: 0.4rem;
}
.fwyzcxq .bt p{
    float: left;
    color: #333;
    font-size: 0.18rem;
}
.fwyzcxq .bt a{
    float: left;
    display: block;
    color: #333;
    font-size: 0.18rem;
}
.fwyzcxq .bt a.a1{
    color: #999;
}
.fwyzcxq h1{
    font-size: 0.4rem;
    color: #1a1a1a;
    line-height: 1;
    margin: 0.7rem auto;
    text-align: center;
    font-weight: normal;
}
.fwyzcxqB{
    max-width: 12rem;
}
.fwyzcxq img{
    max-width: 100%;
	height: auto;
}
.fwyzcal{
    overflow: hidden;
    width: 16.2rem;
    margin: 0 auto;
}
.fwyzcal .bt img{
    display: block;
    margin: 0.7rem auto;
}
.fwyzcala{
    overflow: hidden;
}
.fwyzcala .anl{
    overflow: hidden;
    margin: 0 auto 0.4rem;
    max-width: 11rem;
}
.fwyzcala .anl a{
    display: block;
    font-size: 0.18rem;
    color: #222222;
    float: left;
    margin:auto 0.15rem;
    margin-bottom: 0.2rem;
}
.fwyzcala .anl a span{
    border-bottom: 2px solid transparent;
    padding-bottom: 0.25rem;
    display: block;
}
.fwyzcala .anl a.on span{
    border-bottom: 2px solid #000;
}
.fwyzcala .xxals{
    overflow: hidden;
}
.fwyzcala .xxal{
    overflow: hidden;
    display: none;
}
.fwyzcala .xxal:first-of-type{
    display: block;
}
.fwyzcala .xxala{
    width: 5rem;
height: 4rem;
    float: left;
    margin-right: 0.59rem;
    margin-bottom: 0.58rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
}
.fwyzcala .xxala:nth-of-type(3n){
    margin-right: 0;
}
.fwyzcala .t1{
    display: block;
    width: 100%;
max-height:2.8rem
}
.fwyzcala .sm{
    overflow: hidden;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fwyzcala .sm span{
    color: #222222;
    font-size: 0.26rem;
    float: left;
    margin-left: 0.2rem;
    display: block;
}
.fwyzcala .sm .t2{
    float: right;
    width: 0.2rem;
    height: 0.06rem;
    margin-right: 0.2rem;
}
.cpfwlb{
    overflow: hidden;
    width: 16.2rem;
    margin: 0 auto;
    padding-top: 0.2rem;
}
.cpfwlb .bt{
    border-bottom: 1px solid #EEEEEE;
    padding-top: 0.2rem;
    overflow: hidden;
}
.cpfwlb .bt img{
    float: left;
    margin-right: 0.2rem;
}
.cpfwlb .bt p{
    float: left;
    font-size: 0.18rem;
    color: #000;
    margin-right: 0.4rem;
}
.cpfwlb .bt a{
    margin-bottom: 0.2rem;
    display: block;
    float: left;
    margin-right: 0.6rem;
    font-size: 0.18rem;
}
.cpfwlb .bt .fl{
    width: 12rem;
    float: left;
    overflow: hidden;
    color: #666666;
}
.cpfwlb .bt a.on,.cpfwlb .bt a:hover{
    color: #ef001e;
}
.cpfwlba{
    overflow: hidden;
    padding-top: 0.5rem;
}
.cpfwlbb{
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
    float: left;
    width: 5rem;
    position: relative;
}
.cpfwlbb:nth-of-type(3n){
    margin-right: 0;
}
.cpfwlbb .tt{
    width: 100%;
}
.cpfwlbc{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.7rem;
    padding-left: 0.35rem;
}
.cpfwlbc .lj{
    color: #222;
    font-size: 0.18rem;
    position: absolute;
    bottom: 1rem;
}
.cpfwlbc .p1{
    font-size: 0.36rem;
    color: #222222;
    width: 2.7rem;
}
.cpfwlbc .p2{
    font-size: 0.18rem;
    color: #222222;
    width: 2.7rem;
    margin-top: 0.1rem;
}
.cpfwlba .cpfy{
    width: 4.8rem;
    overflow: hidden;
    margin: 0 auto;
}
.cpfwlba .cpfy a{
    display: block;
    float: left;
    height: 0.4rem;
    width: 0.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 0.38rem;
    border: 1px solid #CCCCCC;
    margin-right: 0.2rem;
    color: #808080;
    font-size: 0.16rem;
}
.cpfwlba .cpfy a.on{
    color: #ffffff;
    border: none;
    background-color: #da2129;
}
.cpfwlba .cpfy a.aa{
    width: 0.8rem;
}
.cpfwlba .cpfy p{
    float: left;
    line-height: 0.38rem;
    color: #808080;
    font-size: 0.16rem;
    width: 0.4rem;
    text-align: center;
}
.cpfwlba .cpfy a.my{
    margin-right: 0;
}
.cpxxq{
    overflow: hidden;
    width: 16.2rem;
    margin: 0 auto;
}
.cpxxq .bt{
    border-bottom: 1px solid #CCCCCC;
    padding-top: 0.4rem;
    padding-bottom: 0.1rem;
    overflow: hidden;
    margin-bottom: 0.3rem;
}
.cpxxq .bt p{
    font-size: 0.14rem;
    color: #333333;
    float: left;
}
.cpxxq .bt a{
    display: block;
    float: left;
    font-size: 0.14rem;
    color: #999999;
}
.cpxxq .bt .a1{
    color: #333;
}
.cpxxqa{
    overflow: hidden;
}
.cpxxqa .btl{
    overflow: hidden;
    margin-bottom:0.6rem ;
}
.cpxxqa .btl a{
    display: block;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.84rem;
    height: 0.4rem;
    line-height: 0.38rem;
    border-radius: 0.08rem;
    border: 1px solid #ccc;
    font-size: 0.18rem;
    color: #333;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;

}
.cpxxqa .btl a.on{
    color: #ffffff;
    border: none;
    background-color: #ef001e;
}
.cpxxqbs{
    overflow: hidden;
}
.cpxxqb{
    overflow: hidden;
    display: none;
}
.cpxxqb:first-of-type{
    display: block;
}
.cpxxqb .ptkk{
    width: 7.7rem;
    float: left;
    height: 6rem;
}
.cpxxqb .ptkka{
    height: 4.9rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
}
.cpxxqb .ptkka img{
    height: 100%;
    
}
.cpxxqb .wzjs{
    float: left;
    margin-left: 0.25rem;
    width: 8rem;
}
.cpxxqb .wzjs h1{
    font-size: 0.3rem;
    color: #222222;
    line-height: 1;
    margin-top: 0.25rem;
    margin-bottom: 0.35rem;
    font-weight: normal;
}
.cpxxqb .wzjs .yl{
    overflow: hidden;
    margin-bottom: 0.08rem;
}
.cpxxqb .wzjs p{
    font-size: 0.18rem;
    float: left;
}
.cpxxqb .wzjs .p1{
    color: #808080;
}
.cpxxqb .wzjs .p2{
    color: #333;
}
.cpxxqc{
    overflow: hidden;
}
.cpxxqc .btt{
    border-bottom: 1px solid #ef001e;
}
.cpxxqc .btt p{
    width: 1.4rem;
    height: 0.48rem;
    text-align: center;
    line-height: 0.48rem;
    color: #ffffff;
    background-color: #ef001e;
    font-size: 0.18rem;
}
.cpxxqc .xbt{
    display: block;
    width: 4.2rem;
    margin-bottom:0.75rem;
}
.cpxxqd{
    overflow: hidden;
    padding: 1rem 2rem;
}
.cpxxqd .xqq1{
    float: left;
}
.cpxxqd .xqq2{
    float: left;
    margin-left: 1.2rem;
}
.cpxxqd .xqq3{
    margin-top: 0.75rem;
}
.fwyzcbza.sy{
    background-color: #f7f9fa;
}
.fwyzcbza.sy .fwyzcbzb .pp2{
    font-size: 0.24rem;
    color: #222;
}
.fwyzcbza.sy .lj{
    color: #222;
    font-size: 0.16rem;
    margin-top: 0.2rem;
    display: block;
}
.fwyzcbzb .hz{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.ccc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ptkkb{
    overflow: hidden;
    padding-top: 0.1rem;
}
.ptkkc{
    width: 0.4rem;
    height: 0.4rem;
    float: left;
    margin-right: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
}
.ptkkc img{width:100%;height:100%}
.ptkkc.on{
    border: 1px solid #ef001e;
}


.cp-swiper {
    width: 100%;
    height: 8rem;
    position: relative;
    padding: 0;
    background-color: rgba(127,182,222,0.6);
}

.cp-swiper .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.cp-swiper .swiper-slide .cpbj {
    width: 100%;
    display: block;
}
.cp-swiper .swiper-slide .cpbjBox {
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    background-color: rgba(127,182,222,0.6);

}

.cp-swiper .swiper-slide .cpcp1 {
    position: absolute;
    z-index: 1000;
    max-height: 100%;
    top: 0;
    right: 0;
}
.cp-swiper .swiper-slide .cpcp2 {
    position: absolute;
    z-index: 1001;
    max-height: 100%;
    top: 0;
    right: 0;
}
.cp-swiper .page-box {
    bottom: 0.4rem;
    left: 0 !important;
    position: absolute;
    width: 100%;
}

.cp-swiper .page-box .swiper-pagination-index span {
    margin-right: 20px;
}

.cp-swiper .swiper-pagination-bullet {
    width: 0.7rem;
    height: 0.04rem;
    background: #fff;
    border-radius: 0;
    opacity: 0.6;
}

.cp-swiper .swiper-pagination {
    width: 100%;
}

.cp-swiper .swiper-pagination-bullet-active {
    opacity: 1;

}
.cpfwlbb:hover, .fwyzcb:hover, .fwyzcala .xxala:hover,#company .award-content .award-list li:hover{
    box-shadow:5px 5px 15px 0px rgba(232, 93, 111, 0.42);
}
.fwyzcbza.sy .lj:hover,.linked:hover,.cpfwlbc .lj:hover{
    color: #ff0020;
}
.fwyzcala .xxala,.pic_box{
    overflow: hidden;
}
.fwyzcala .t1{
    width: 100%;
    transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
}
.fwyzcala .xxala:hover .t1{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}








无法连接到远程服务器