body {
    font-size: 15px;
    color: #666666;
}

img {
    max-width: 100%;
}

@font-face {
    font-family: "helev";
    src: url("/static/css/../font/helev.TTF");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "helev2";
    src: url("http://www.szrongsen.cn/fonts/HELVETICANEUELTPRO-CN_0.TTF");
    font-weight: normal;
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.footH {
    height: 50px;
    display: none;
}

.footFix {
    background: #1a68b3;
    padding: 10px 0;
    display: none;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    color: #fff;
}

.footFix>a {
    display: inline-block;
    width: 33%;
    font-size: 16px;
    color: #ffffff !important;
}

.footFix>a>i.iconfont {
    font-size: 20px;
    margin-right: 5px;
    color: #fff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.swiper-pagination-bullet-active {
    background: #1766b2 !important;
}

.container.index {
    width: 96%;
    max-width: 1480px;
}


/* head */


/* banner */

#container1 {
    width: 100%;
    height: 100%;
    position: relative;
}

#container1 .swiper-slide {
    width: 100%;
    position: relative;
}


/* Sybanner */

#container1 .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

#sybannerN,
#sybannerP {
    width: 68px;
    height: 68px;
    border: 1px solid #fff;
    border-radius: 100%;
    margin-top: -34px;
}

#sybannerN {
    background: url(/static/css/../image/banner-next.png) no-repeat center center;
    right: 4%;
    transition: all .5s ease;
}

#sybannerN:hover {
    background: rgba(0, 0, 0, 0.2) url(/static/css/../image/banner-next.png) no-repeat center center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all .5s ease;
}

#sybannerP {
    background: url(/static/css/../image/banner-prev.png) no-repeat center center;
    left: 4%;
    transition: all .5s ease;
}

#sybannerP:hover {
    background: rgba(0, 0, 0, 0.2) url(/static/css/../image/banner-prev.png) no-repeat center center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all .5s ease;
}

#bannerbp {
    width: auto !important;
    left: 11.5%;
    bottom: 18%;
}

#bannerbp .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.6;
    border-radius: 8px;
    transition: all .5s ease;
}

#bannerbp .swiper-pagination-bullet-active {
    width: 26px;
    height: 8px;
    opacity: 1;
    background: #fff !important;
    transition: all .5s ease;
}

.banner_mouse {
    display: block;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -11.5px;
    z-index: 2;
    margin-top: 50px;
    width: 23px;
    height: 40px;
    cursor: pointer;
    background: url(/static/css/../image/banner_mouse_ico.png) no-repeat -23px 0px;
    -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite;
}

.banner_mouse:after,
.banner_mouse:before {
    content: "";
    position: absolute;
}

.banner_mouse:before {
    width: 23px;
    height: 40px;
    background: url(/static/css/../image/banner_mouse_ico.png) no-repeat 0px 0px;
    -webkit-animation: colorSlide 1.6s linear infinite;
    animation: colorSlide 1.6s linear infinite;
    top: 0;
    left: 0;
}

.banner_mouse:after {
    background-color: #ffffff;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 1.6s linear infinite;
    animation: trackBallSlide 1.6s linear infinite;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@-webkit-keyframes colorSlide {
    0% {
        height: 0;
    }
    90% {
        height: 40px;
    }
}

@keyframes colorSlide {
    0% {
        height: 0;
    }
    90% {
        height: 40px;
    }
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/* indexAbout */

.indexAbout {
    width: 100%;
    height: 100%;
    background: url(/static/css/../image/sy-abt-back.jpg) no-repeat top center;
    background-size: cover;
    padding: 178px 0 0 0;
}

.indexAbout .rs-sy-cn {
    text-align: left;
    color: #fff;
}

.indexAbout .rs-sy-en {
    text-align: left;
    color: #fff;
}

.sub-sy-about-left {
    width: 40.3125%;
    float: left;
}

.sub-sy-about-left .sub {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-top: 48px;
}

.rs-sy-more {
    display: block;
    width: 145px;
    line-height: 44px;
    background: #31a138;
    border-radius: 48px;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    height: 48px;
    margin-top: 84px;
}

.rs-sy-more:hover {
    color: #fff;
}

.rs-sy-more i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-left: 12px;
    transition: all .5s ease;
}

.rs-sy-more:hover i {
    margin-left: 22px;
    transition: all .5s ease;
}

.sub-sy-about-left .box {
    overflow: hidden;
    border-top: 3px solid rgba(255, 255, 255, 0.3);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
    padding: 26px 0;
    margin-top: 120px;
}

.sub-sy-about-left .box .list {
    width: 25%;
    float: left;
    text-align: center;
    color: #fff;
    position: relative;
}

.sub-sy-about-left .box .list::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 72px;
    background: rgba(255, 255, 255, 0.2);
    right: 0;
    top: 0;
}

.sub-sy-about-left .box .list:last-child::after {
    display: none;
}

.sub-sy-about-left .box .list a {
    color: #fff;
}

.sub-sy-about-left .box .list i {
    display: block;
    font-size: 32px;
}

.sub-sy-about-left .box .list span {
    font-size: 18px;
    margin-top: 18px;
}

.sub-sy-about-right {
    width: 40.3125%;
    float: right;
}

.abt-num-info {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 60px;
}

.abt-num-info .list {
    width: 50%;
    float: left;
    color: #fff;
    margin-bottom: 48px;
}

.abt-num-info .list:last-child {}

.abt-num-info .list .txt1 {
    font-size: 18px;
}

.abt-num-info .list .txt1 span {
    font-size: 64px;
    line-height: 68px;
    font-family: 'helev';
}

.abt-num-info .list .txt1 sup {
    position: relative;
    top: -40px;
    font-size: 24px;
}

.abt-num-info .list .txt2 {
    font-size: 16px;
    margin-top: 12px;
}

.sub-sy-about-right .pic-box {
    text-align: center;
    margin-top: 140px;
}

.sub-sy-about-right .pic-box .pic {
    display: inline-block;
    width: 26.667%;
    margin: 0 5px;
}

.sub-sy-about-right .pic-box .pic img {
    display: block;
    width: 100%;
}


/* indexService */

.indexService {
    width: 100%;
    height: 100%;
    background: #f1f1f1 url(../image/sy-fw-bw.jpg) no-repeat top left;
    padding: 135px 0 0 0;
}

.indexService .rs-sy-cn,
.indexService .rs-sy-en {
    text-align: left;
}

.syFw-show {
    position: relative;
}

.syFw-thumbs {
    position: absolute !important;
    width: 40.625%;
    left: 0;
    top: 42px;
}

.syFw-thumbs .swiper-slide {
    font-weight: bold;
    color: #d5d5d5;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 25px;
    cursor: pointer;
}

.syFw-thumbs .swiper-slide-thumb-active {
    color: #1766b2;
}

.syFw-top {}

.syFw-top .Info {
    width: 40.625%;
    float: left;
    padding-top: 210px;
}

.syFw-top .Info .tit {
    font-size: 22px;
    line-height: 25px;
    color: #1766b2;
}

.syFw-top .Info .sub {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    height: 112px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 22px 0 40px;
}

.syFw-top .Info .more {
    display: inline-block;
    font-size: 16px;
    color: #31a138;
    line-height: 32px;
    transition: all .5s ease;
}

.syFw-top .swiper-slide:hover .Info .more {
    background: #31a138;
    color: #fff;
    padding: 0 22px;
    border-radius: 32px;
    transition: all .5s ease;
}

.syFw-top .Info .more i {
    font-size: 16px;
    margin-right: 10px;
}

.syFw-top .Pic {
    width: 45.5%;
    float: right;
    margin-right: 72px;
}

.syFw-top .Pic img {
    display: block;
    width: 100%;
}

.syFw-jt-box {
    width: 106px;
    height: 46px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#syFwN,
#syFwP {
    width: 46px;
    height: 46px;
    margin-top: 0;
    top: 0;
    border-radius: 100%;
}

#syFwN {
    background: #1766b2 url(../image/sy-fw-next-bs.png) no-repeat center center;
    right: 0;
}

#syFwN.swiper-button-disabled {
    background: #fff url(../image/sy-fw-next-ls.png) no-repeat center center;
    right: 0;
    opacity: 1;
}

#syFwP {
    background: #1766b2 url(../image/sy-fw-prev-bs.png) no-repeat center center;
    left: 0;
}

#syFwP.swiper-button-disabled {
    background: #fff url(../image/sy-fw-prev-ls.png) no-repeat center center;
    right: 0;
    opacity: 1;
}


/* indexCase */

.indexCase {
    height: 100%;
    width: 100%;
    background: #81b9df url(../image/sy-case-back.jpg) no-repeat bottom left;
    background-size: auto 100%;
    padding: 178px 0 0 0;
}

.indexCase .top-info {
    width: 14.6875%;
    float: left;
}

.indexCase .rs-sy-cn,
.indexCase .rs-sy-en {
    text-align: left;
    color: #fff;
}

.indexCase .top-info .sub {
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    margin-top: 50px;
}

.syCase-show {
    width: 82.5%;
    float: right;
    position: relative;
}

.syCase-top {
    /* width: 40.1875%;
	float: left;
	
	padding: 60px; */
}

.syCase-top .Pic {
    width: 48.712121%;
    float: left;
    background: url(/static/css/../image/sy-case-big-img-back.png) no-repeat center center;
    overflow: hidden;
}

.syCase-top .Pic img {
    padding: 60px;
    border-radius: 100%;
}

.syCase-right {
    width: 35.9375%;
    float: right;
}

.syCase-top .Info {
    width: 43.94%;
    float: right;
    color: #fff;
    padding-top: 65px;
    position: relative;
}

.syCase-top .Info .tit1 {
    font-size: 42px;
    line-height: 50px;
}

.syCase-top .Info .tit2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    margin: 36px 0 25px;
}

.syCase-top .Info .sub {
    font-size: 15px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.syCase-top .Info .more {
    width: 145px;
    line-height: 42px;
    height: 48px;
    text-align: center;
    background: #e6f1f9;
    color: #32a139;
    border-radius: 48px;
    font-size: 15px;
    margin-top: 48px;
    transition: all .5s ease;
}

.syCase-top .Info .more:hover {
    background: #32a139;
    color: #fff;
    transition: all .5s ease;
}

.syCase-top .Info .more i {
    font-size: 22px;
    position: relative;
    top: 2px;
    margin-left: 8px;
}

.syCase-top .Info .num {
    font-size: 205px;
    color: #fff;
    font-family: helve;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 150px;
}

.syCase-right {
    width: 43.94%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9009;
}

.syCase-thumbs {
    width: 75%;
    float: left;
}

.syCase-thumbs .swiper-slide {
    cursor: pointer;
}

.syCase-thumbs .Pic {
    position: relative;
}

.syCase-thumbs .Pic span {
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    background: #59ad8b;
    bottom: 0;
    left: 0;
    z-index: 11;
}

.syCase-thumbs .Pic img {
    transform: scale(0.7);
    display: block;
    position: relative;
    z-index: 22;
    border-radius: 100%;
    transition: all .5s ease;
}

.syCase-thumbs .swiper-slide-thumb-active .Pic img {
    transform: scale(0.89);
    transition: all .5s ease;
}

.syCase-thumbs p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.syCase-right .jtbox {
    width: 80px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 35px;
}

#syCaseN,
#syCaseP {
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 100%;
}

#syCaseN {
    background: url(/static/css/../image/sy-case-next.png) no-repeat center center;
    right: 0;
}

#syCaseP {
    background: url(/static/css/../image/sy-case-prev.png) no-repeat center center;
    left: 0;
}

.indexCase .swiper-num {
    position: absolute;
    bottom: 110px;
}

.indexCase .swiper-num .line {
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #fff;
    opacity: 0.5;
    position: relative;
    top: -8px;
    margin: 0 5px;
}

.indexCase .swiper-num .active {
    font-family: helev;
    font-size: 28px;
    color: #fff;
}

.indexCase .swiper-num .total {
    font-family: helev;
    font-size: 20px;
    color: #fff;
    opacity: 0.5;
}


/* indexNews */

.indexNews {
    width: 100%;
    height: 100%;
    background: #f2f2f2 url(../image/sy-news-back.jpg) no-repeat bottom center;
    background-size: cover;
    padding: 170px 0 0 0;
}

.syNewsShwo {
    width: 68.75%;
    float: left;
    margin-top: 22px;
}

.syNewsShwo .hd {}

.syNewsShwo .hd ul {
    border: 1px solid #cecece;
    border-radius: 50px;
    display: inline-block;
}

.syNewsShwo .hd ul li {
    line-height: 48px;
    padding: 0 32px;
    font-size: 20px;
    color: #333;
    float: left;
    border-radius: 50px;
    cursor: pointer;
    transition: all .5s ease;
}

.syNewsShwo .hd ul li:hover,
.syNewsShwo .hd ul li.on {
    background: #1766b2;
    color: #fff;
    transition: all .5s ease;
}

.syNewsShwo .bd {
    margin-top: 44px;
}

.syNewsShwo .bd ul li {
    overflow: hidden;
}

.syNewsShwo .bd ul li .list {
    width: 47%;
    float: left;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 25px;
    margin-bottom: 38px;
    transition: all .5s ease;
}

.syNewsShwo .bd ul li .list:hover {
    border-bottom: 1px solid #0075BE;
    transition: all .5s ease;
}

.syNewsShwo .bd ul li .list:nth-of-type(2n+2) {
    float: right;
}

.syNewsShwo .bd ul li .time {
    font-size: 16px;
    color: #999999;
}

.syNewsShwo .bd ul li .tit {
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    color: #1766b2;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 16px 0 20px;
}

.syNewsShwo .bd ul li .sub {
    font-size: 15px;
    color: #888888;
    line-height: 28px;
    height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.syNewsShwo .bd ul li .list:hover .sub {
    color: #333;
    transition: all .5s ease;
}

.indexNews .more {
    display: block;
    width: 145px;
    line-height: 44px;
    border-radius: 48px;
    background: #fff;
    text-align: center;
    font-size: 15px;
    color: #32a139;
    height: 48px;
}

.indexNews .more:hover {
    background-color: #32a139;
    color: #fff;
}

.indexNews .more i {
    font-size: 22px;
    position: relative;
    top: 3px;
}


/* about */

.about {
    padding: 40px 0 60px;
}

.about .about-top-tit {
    color: #1766b2;
}

.sub-about-left {
    width: 52.451%;
    float: left;
}

.sub-about-left .cont {
    font-size: 15px;
    color: #666666;
    margin-top: 40px;
    line-height: 25px;
}

.sub-about-right {
    width: 41.2%;
    float: right;
    margin-top: 113px;
}

.about-num-info {
    background: url(/static/css/../image/abt-num-back.jpg) no-repeat center center;
    overflow: hidden;
    height: 202px;
    color: #fff;
}

.about-num-info .list {
    float: left;
    text-align: center;
    padding-top: 45px;
}

.about-num-info .list .txt1 {
    font-size: 18px;
}

.about-num-info .list .txt1 span {
    font-size: 56px;
    line-height: 60px;
}

.about-num-info .list .txt1 sup {
    font-size: 24px;
    position: relative;
    top: -30px;
}

.about-num-info .list .txt2 {
    font-size: 15px;
    margin-top: 20px;
}

.about-num-info .list:nth-child(1) {
    width: 50%;
}

.about-num-info .list:nth-child(2) {
    width: 50%;
}

.about-num-info .list:nth-child(3) {
    width: 33.333%;
}

.about-num-info .list:nth-child(4) {
    width: 20%;
}

.Culture {
    position: relative;
    padding: 80px 0 100px;
}

.Culture .round-title {
    width: 561px;
    height: 560px;
    background: url(/static/css/../image/qywh-y.png) no-repeat top center;
    position: absolute;
    left: 50%;
    margin-left: -280.5px;
    text-align: center;
    top: 115px;
}

.Culture .round-title img {
    display: block;
    margin: 162px auto 0;
}

.Culture .round-title .titcn {
    font-size: 42px;
    color: #333333;
    margin: 14px 0;
}

.Culture .round-title .titen {
    font-size: 16px;
    font-family: arial;
    color: #555555;
}

.Culture .container {
    max-width: 1380px;
}

.Culture .box {
    position: relative;
    top: 130px;
}

.Culture .list {
    overflow: hidden;
}

.Culture .list1,
.Culture .list2 {
    width: 28%;
}

.Culture .list1 {
    float: left;
}

.Culture .list2 {
    float: right;
}

.Culture .list .ico {
    width: 84px;
    height: 84px;
    text-align: center;
    line-height: 82px;
    border-radius: 100%;
    border: 1px dashed #95d7f6;
    background: #f8fafb;
    margin-top: 9px;
}

.Culture .list1 .ico {
    float: right;
}

.Culture .list2 .ico {
    float: left;
}

.Culture .list .ico i {
    font-size: 38px;
    color: #0877c8;
}

.Culture .list .info {
    width: 56%;
}

.Culture .list1 .info {
    float: left;
    text-align: right;
}

.Culture .list2 .info {
    float: right;
}

.Culture .list .info .tit {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}

.Culture .list .info .sub {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 18px;
}

.Culture .list3 {
    margin-top: 345px;
}

.Culture .list3 .ico {
    margin: 0 auto;
}

.Culture .list3 .info {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.history {
    padding: 0 0 110px 0;
}

.history-show {
    position: relative;
    margin-top: 28px;
    background: url(/static/css/../image/0fzlc-maps.jpg) no-repeat center center;
}


/*20210813*/

.lc-warp {
    background: url(/static/css/../image/0lc-lline.jpg) repeat-y top center;
    padding-bottom: 50px;
}

.lc-box {
    overflow: hidden
}

.lc-box .list {
    width: 46%;
    float: left;
    text-align: right;
    position: relative;
}

.lc-box .list::after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(/static/css/../image/0lc-dot.png) no-repeat center center;
    top: 10px;
    position: absolute;
}

.lc-box:nth-of-type(2n+1) .list::after {
    right: -51px;
}

.lc-box:nth-of-type(2n+2) .list::after {
    left: -51px;
}

.lc-box:nth-of-type(2n+2) .list {
    float: right;
    text-align: left;
}

.lc-box .list .year {
    font-size: 64px;
    color: #222222;
    font-family: "Microsoft Himalaya";
    line-height: 60px;
    font-weight: 100;
    font-style: italic;
}

.lc-box .list .sub {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.lc-box:nth-of-type(2n+1) .list .sub p {
    background: url(/static/css/../image/0lc-line2.jpg) no-repeat right top 14px;
    padding-right: 20px;
}

.lc-box:nth-of-type(2n+2) .list .sub p {
    background: url(/static/css/../image/0lc-line2.jpg) no-repeat left top 14px;
    padding-left: 20px;
}

.lc-box .list .sub p.on {
    font-weight: bold;
    color: #1968b1;
    font-size: 18px;
}


/*20210813 end*/

#historySwiper {
    width: 86%;
    margin: 0 auto;
    height: 410px;
    padding: 10px;
    background: url(/static/css/../image/history-back.jpg) repeat-x top 187px center;
}

#historySwiper .swiper-slide {
    position: relative;
}

#historySwiper .swiper-slide .cont {
    border-left: 1px solid #1766b2;
    padding-left: 20px;
    position: absolute;
    top: 0;
    padding-bottom: 15px;
}

#historySwiper .swiper-slide:nth-of-type(2n+2) .cont {
    bottom: 16px;
    top: auto;
    padding-bottom: 0;
}

#historySwiper .swiper-slide:nth-of-type(2n+2) .cont .year {
    margin-top: 20px;
}

#historySwiper .swiper-slide .cont::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/static/css/../image/history-dot.png) no-repeat center center;
    top: 0;
    left: -9px;
    position: absolute;
}

#historySwiper .swiper-slide:nth-of-type(2n+2) .cont::after {
    bottom: 0;
    top: auto;
}

#historySwiper .swiper-slide .year {
    font-family: arial;
    font-size: 42px;
    line-height: 45px;
    color: #1766b2;
    margin-top: -15px;
}

#historySwiper .swiper-slide .list {
    font-size: 15px;
    color: #333333;
    line-height: 28px;
    margin-top: 20px;
    height: 112px;
    overflow-y: auto;
}

#historySwiper .swiper-slide .list p {
    padding-left: 16px;
    background: url(/static/css/../image/history-dot2.png) no-repeat left top 8px;
}

#historyN,
#historyP {
    width: 58px;
    height: 58px;
    margin-top: 0;
    top: 39%;
}

#historyN {
    background: url(/static/css/../image/history-next.png) no-repeat center center;
    right: 0;
}

#historyP {
    background: url(/static/css/../image/history-prev.png) no-repeat center center;
    left: 0;
}

#honorSwiper {
    margin-top: 58px;
    padding-bottom: 50px;
}

#honorSwiper .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 25px;
}

#honorSwiper .pic {
    background: #f4f4f4;
    padding: 28px;
    text-align: center;
}

#honorSwiper .pic img {
    widows: auto;
}

#honorSwiper p {
    text-align: center;
    font-size: 15px;
    color: #333333;
    margin-top: 25px;
}

.advantage {
    padding: 85px 0 90px;
}

.about-top-sub {
    font-size: 15px;
    color: #666666;
    margin-top: 25px;
    line-height: 25px;
}

.advantage .row {
    margin-top: 55px;
}

.advantage .row .pdg {
    padding: 0 12px;
}

.ys-list {
    border-bottom: 2px solid #1766b2;
}

.advantage .row .pdg:nth-of-type(2n+2) .ys-list {
    border-bottom: 2px solid #31a138;
}

.ys-list .tit {
    text-align: center;
    line-height: 70px;
    background: #1867b0 url(../image/ys-t-back.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-size: 28px;
}

.advantage .row .pdg:nth-of-type(2n+2) .ys-list .tit {
    background: #31a138 url(../image/ys-t-back.png) no-repeat center center;
}

.ys-list .tit img {
    margin-right: 15px;
    position: relative;
    top: -2px;
}

.ys-list .cont {
    min-height: 175px;
    margin-top: 22px;
    font-size: 15px;
    color: #666666;
    line-height: 28px;
}

.ys-list .cont .list1 {
    overflow: hidden;
    margin-top: 34px;
}

.ys-list .cont .list1 a {
    display: block;
    float: left;
    font-size: 15px;
    color: #1866b0;
    line-height: 28px;
    margin-right: 28px;
    margin-bottom: 8px;
}

.ys-list .cont .list {
    background: url(/static/css/../image/ys-dot.png) no-repeat left top 10px;
    padding-left: 16px;
}

.about-top-tit {
    font-size: 32px;
    line-height: 40px;
    color: #1766b2;
}

.about-top-line {
    width: 38px;
    height: 3px;
    background: #31a138;
    margin-top: 28px;
	display:none;
}


/* 服务内容 */

.engineeringConsulting {
    padding: 55px 0 110px;
}

.gczx-box {
    overflow: hidden;
    margin-top: 67px;
}

.gczx-list {
    border-left: 1px solid #d3d3d3;
    width: 33.333%;
    float: left;
    padding: 7px 45px 55px 22px;
    margin-bottom: 75px;
    text-align: center;
    position: relative;
}

.gczx-list::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 23px;
    background-color: #1766b2;
    left: -1px;
    top: 82px;
    transition: all .5s ease;
}

.gczx-list:hover::after {
    height: 100%;
    top: 0;
    transition: all .5s ease;
}

.gczx-list .tit {
    font-size: 20px;
    line-height: 25px;
    color: #1766b2;
    margin: 22px 0 26px;
}

.gczx-list .sub {
    text-align: left;
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    min-height: 224px;
}

.fw-top-tit {
    font-size: 32px;
    line-height: 40px;
    color: #005bac;
}

.fw-top-cont {
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    margin-top: 38px;
}

.engineeringDesign {
    padding: 55px 0 120px;
}

.gcsj-warp {
    overflow: hidden;
    margin-top: 78px;
}

.gcsj-warp .hd {
    width: 18.4314%;
    float: right;
}

.gcsj-warp .hd ul li {
    display: block;
    text-align: center;
    line-height: 48px;
    background: #f8f8f8;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.gcsj-warp .hd ul li:hover,
.gcsj-warp .hd ul li.on {
    background: #1766b2;
    color: #fff;
    border: 1px solid #1766b2;
    transition: all .5s ease;
}

.gcsj-warp .bd {
    width: 65.68627451%;
    float: left;
}

.gcsj-warp .bd ul li {
    overflow: hidden;
    font-size: 15px;
    color: #555555;
    line-height: 28px;
}

.mochaItom {
    padding: 55px 0 120px;
}

.mochaItom .row {
    margin-top: 50px;
}

.ywgl-list {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 50px;
    background: #f8f8f8;
}

.ywgl-list .tit {
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #1766b2;
    border-radius: 8px;
}

.mochaItom .row .pdg:nth-of-type(2n+2) .tit {
    background: #31a138;
}

.ywgl-list .sub {
    padding: 22px 25px 50px 28px;
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    min-height: 208px;
}

.product {
    padding: 50px 0 0;
}

.product .row {
    margin-top: 48px;
}

.product .row .pdg {
    padding: 0 10px;
}

.pro-list {
    margin-bottom: 32px;
}

.pro-list .pic {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}

.pro-list .pic img {
    display: block;
    width: 100%;
    transform: scale(1);
    transition: all .5s ease;
}

.pro-list:hover .pic img {
    transform: scale(1.12);
    transition: all .5s ease;
}

.pro-list p {
    text-align: center;
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    margin-top: 24px;
    height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.pro-list:hover p {
    color: #2972b8;
    transition: all .5s ease;
}

.proDeTop {
    background: url(/static/css/../image/prode-back.jpg) no-repeat top center;
    padding: 68px 0 74px;
    background-size: cover;
}

.proDeTop .Info {
    width: 41.6667%;
    float: left;
    padding-top: 130px;
}

.proDeTop .Info .tit {
    font-size: 42px;
    color: #333333;
    line-height: 45px;
}

.proDeTop .Info .sub {
    font-size: 16px;
    color: #555555;
    line-height: 30px;
    margin-top: 34px;
}

.proDeTop .Pic {
    width: 50%;
    float: right;
}

.proDeTab {
    padding: 65px 0 80px;
}

.proDeTab .container {
    max-width: 1380px;
}

.proDeTab:nth-of-type(2n+2) {
    background: #f9f9f9;
}

.proDeTab .top-tit {
    text-align: center;
    font-size: 42px;
    line-height: 45px;
    color: #333333;
}

.proDeTab .top-line {
    width: 36px;
    height: 3px;
    background: #31a138;
    margin: 26px auto 0;
}

.proDeTab .content {
    margin-top: 52px;
    font-size: 15px;
    line-height: 28px;
    color: #333;
}

.proDeTab .content table {
    border: 1px solid #fff;
    width: 100%;
}

.proDeTab .content table tr {
    border: 1px solid #fff;
}

.proDeTab .content table td {
    border: 1px solid #fff;
    background: #cee7ff;
    height: 64px;
}

.proDeTab .content table td:nth-child(1) {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.proDeTab .content table td:nth-child(2),
.proDeTab .content table td:last-child {
    background: #e8f1fa;
    font-size: 16px;
    padding-left: 42px;
    text-align: left;
    font-weight: normal;
}

.proDeTab .content table tr:nth-of-type(2n+2) td:nth-child(2),
.proDeTab .content table tr:nth-of-type(2n+2) td:last-child {
    background: #f2f8fd;
}


.main.case {
    padding-bottom: 50px;
}

.case-list {
    margin-bottom: 20px;
    background: #f1f2f2;
    overflow: hidden;
}

.case-list .Pic {
    width: 100%;
}

.case-list .Pic img {
    display: block;
    width: 100%;
}

.case-list .Info {
    width: 100%;
    padding: 20px 30px 10px 30px;
}

.case-list .Info .tit {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case-list .Info .cont {
    font-size: 15px;
    color: #666666;
    line-height: 30px;
    height: 120px;
    overflow-y: auto;
}

.case-list .Info .line {
    width: 36px;
    height: 3px;
    background: #31a139;
    margin: 18px 0 24px;
}

.case-list .Info .cont .mc {
    color: #1766b2;
    font-size: 16px;
    margin-bottom: 8px;
}

.sub-main-cont.case {
    width: 100%;
    padding-top: 0;
}

.case-class {
    text-align: center;
}

.case-class a {
    display: inline-block;
    width: 185px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-size: 16px;
    color: #3e3a39;
    margin: 0 4px;
}

.contact {
    padding: 65px 0 70px;
}

.top-tit {
    font-size: 32px;
    line-height: 35px;
    color: #005bac;
}

.contact .top-sub {
    font-size: 16px;
    color: #777777;
    line-height: 25px;
    margin-top: 20px;
}

.contact .box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin-top: 50px;
}

.contact .box .list {
    background: url(/static/css/../image/contact-line.jpg) repeat-x bottom center;
    padding-bottom: 40px;
    position: relative;
}

.contact .box .list::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ebecec;
    top: 0;
    right: 0;
}

.contact .box .list:last-child::after {
    display: none;
}

.contact .box .list1 {
    width: 50%;
	padding-left:20px;
	padding-right:20px;
}

.contact .box .list2 {
    width:50%;
	padding-left:20px;
	padding-right:20px;
}

.contact .box .list3 {
    width: 46%;
}

.contact .box .list .ico {
    width: 83px;
    height: 83px;
    border-radius: 100%;
    line-height: 81px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
	float:left;
	margin-top: 15px;
}

.contact .box .list .ico i {
    font-size: 41px;
    color: #aeadad;
}

.contact .box .list .info {
    font-size: 16px;
    text-align: left;
    color: #555555;
    line-height: 35px;
	float: left;
    margin-left: 25px;
}
.contact .box .list .info a{
	font-size: 16px;
	color: #555555;
}
.contact .box .list.list2 .info{
	margin-top:0;
}

.contact .box .list .info a {
    color: #555;
    font-family: arial;
}

.contact .box .list .info a:hover {
    color: #005BAC;
}

.masp {
    width: 100%;
    overflow: hidden;
}

.human {
    padding: 50px 0 70px;
}

.human .container {
    max-width: 1400px;
}

.zp-search {
    width: 40%;
    margin: 45px auto 0;
    overflow: hidden;
}

.zp-search input[type=text] {
    width: 80%;
    height: 60px;
    border: 1px solid #e5e5e5;
    padding: 0 0 0 60px;
    background: url(http://www.szrongsen.cn/images/ss-ico.jpg) no-repeat left 22px center;
    float: left;
    transition: all .5s ease;
}

.zp-search input[type=text]:focus {
    border: 1px solid #d50b1e;
    transition: all .5s ease;
}

.zp-search input[type=button] {
    width: 20%;
    float: left;
    height: 60px;
    border: none;
    outline: none;
    background: #d50b1e;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

.human-box {
    margin-top: 40px;
}

.human-box .item {
    background: #f5f5f5;
    padding: 22px 28px 30px;
}

.human-box .item:nth-of-type(2n+2) {
    background: #fff;
}

.human-box h3 {
    overflow: hidden;
}

.human-box h3 .info {
    width: 70%;
    float: left;
}

.human-box h3 .info .tit {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
}

.human-box h3 .info .txt {
    font-size: 16px;
    color: #666666;
    margin-top: 22px;
}

.human-box h3 .info .txt span {
    display: inline-block;
    position: relative;
    margin-right: 45px;
}

.human-box h3 .info .txt span::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #d3d2d2;
    right: -26px;
}

.human-box h3 .info .txt span:last-child::after {
    display: none;
}

.human-box h3 .open {
    background: url(/static/css/../image/rc-down.png) no-repeat right center;
    display: inline-block;
    font-size: 16px;
    color: #1766b2;
    padding-right: 21px;
    margin-top: 14px;
    cursor: pointer;
}

.human-box h3.on .open {
    background: url(/static/css/../image/rc-up.png) no-repeat right center;
    color: #1766b2;
}

.human-box h3 .tjl {
    display: block;
    width: 113px;
    height: 36px;
    background: #31a138;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    float: right;
    margin-top: 10px;
}

.human-box h3 .tjl:hover {
    border-radius: 20px;
}

.human-box ul {
    margin-top: 25px;
    padding-top: 26px;
    border-top: 1px solid #dfdfdf;
    display: none;
}

.human-box ul li .xx {
    margin-bottom: 26px;
    font-size: 15px;
    color: #666666;
}

.human-box ul li .cont {
    font-size: 15px;
    color: #333333;
    line-height: 28px;
    margin-bottom: 30px;
}

.human-box ul li .cont .tit {
    color: #666666;
    margin-bottom: 5px;
}

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

.download ul li {
    background: url(/static/css/../image/pdf-ico.png) no-repeat left top;
    padding-left: 100px;
    border-bottom: 1px solid #edecec;
    padding-bottom: 32px;
    overflow: hidden;
    margin-bottom: 18px;
}

.download ul li .info {
    width: 60%;
    float: left;
}

.download ul li .txt1 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    transition: all .5s ease;
}

.download ul li:hover .txt1 {
    color: #005BAC;
    transition: all .5s ease;
}

.download ul li .txt2 {
    font-size: 16px;
    color: #999999;
    margin-top: 18px;
}

.download ul li .ico {
    width: 69px;
    height: 69px;
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    float: right;
    text-align: center;
    line-height: 67px;
    transition: all .5s ease;
}

.download ul li:hover .ico {
    background: #005BAC;
    border: 1px solid #005BAC;
    color: #fff;
    transition: all .5s ease;
}

.download ul li .ico i {
    font-size: 35px;
}


/* news */

.news {
    width: 100%;
    padding: 50px 0 20px 0px;
}

.news ul {}

.news ul li {
    margin-bottom: 48px;
    transition: all .5s ease;
}

.news ul li:hover {
    transition: all .5s ease;
}

.news ul li .pic {
    width: 34.118%;
    float: left;
    overflow: hidden;
}

.news ul li .pic img {
    display: block;
    width: 100%;
    transform: scale(1);
    transition: all .5s ease;
}

.news ul li:hover .pic img {
    transform: scale(1.12);
    transition: all .5s ease;
}

.news ul li .info {
    width: 61.76%;
    float: right;
}

.news ul li .info .tit {
    font-size: 24px;
    color: #333333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
    transition: all .5s ease;
}

.news ul li:hover .info .tit {
    color: #1766b2;
    transition: all .5s ease;
}

.news ul li .info .time {
    font-size: 14px;
    color: #999999;
    margin: 16px 0 20px;
}

.news ul li .info .sub {
    font-size: 15px;
    color: #555555;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news ul li .info .more {
    width: 127px;
    line-height: 44px;
    border: 1px solid #1766b2;
    text-align: center;
    font-size: 14px;
    color: #1766b2;
    border-radius: 45px;
    margin-top: 38px;
    transition: all .5s ease;
}

.news ul li .info .more:hover {
    background: #1766b2;
    color: #fff;
}

.news ul li .info .more i {
    font-size: 18px;
    margin-left: 9px;
}

.newsDe {
    padding: 80px 0;
}

.newsDe .container {
    max-width: 1200px;
}

.news-title {
    font-size: 28px;
    line-height: 32px;
    color: #333333;
    text-align: center;
}

.news-time {
    text-align: center;
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 28px;
    margin-top: 24px;
}

.newsDe .content {
    margin-top: 25px;
    font-size: 15px;
    color: #555555;
    line-height: 30px;
}

.dePage {
    overflow: hidden;
    border-top: 1px solid #eee;
    margin-top: 60px;
    padding-top: 30px;
}

.dePage .sxy {
    float: left;
    width: 75%;
}

.dePage .sxy a {
    display: block;
    line-height: 28px;
    font-size: 16px;
    color: #555555;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dePage .sxy a:hover {
    color: #0e2e91;
}

.dePage .return {
    display: block;
    float: right;
    text-align: center;
    width: 132px;
    line-height: 40px;
    color: #555555;
    font-size: 16px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    margin-top: 5px;
}

.dePage .return:hover {
    background: #005BAC;
    color: #fff;
}


/* Nybanner */

.crumbs {
    border-top: 1px solid #ececec;
    line-height: 65px;
}

.crumbs .container {
    max-width: 1780px;
    background: url(/static/css/../image/home-ico.png) no-repeat left center;
    padding-left: 28px;
    font-size: 15px;
    color: #888888;
}

.crumbs .container a {
    color: #888;
}

.crumbs .container a:hover {
    color: #1766b2;
}

.main .container {
    max-width: 1620px;
    position: relative;
}

.container.ny {
    max-width: 1380px;
}

.Nybanner {
    width: 100%;
    overflow: hidden;
}

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

.sub-main-menu {
    width: 20.145%;
    float: left;
    margin-top: -54px;
    position: relative;
    z-index: 999;
}

.sub-main-menu.on {
    margin-top: 71px;
}

.sub-main-menu .now-lm {
    text-align: center;
    line-height: 96px;
    background: url(/static/css/../image/mian-left-back.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-size: 36px;
    border-bottom: 6px solid #31a138;
}

.sub-main-menu .lm-a {}

.sub-main-menu .lm-a>a {
    display: block;
    line-height: 56px;
    background: #f8f8f8;
    text-indent: 22px;
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-right: 50px;
    border-bottom: 1px solid #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sub-main-menu .lm-a>a:hover,
.sub-main-menu .lm-a>a.on {
    background: #31a138;
    color: #fff;
}

.sub-main-menu .lm-a>a i {
    position: absolute;
    right: 20px;
    font-size: 25px;
}

.sub-main-menu .lm-a .pro-cls {
    background-color: #f8f8f8;
    padding: 20px 0;
}

.sub-main-menu .lm-a .pro-cls a {
    display: block;
    line-height: 36px;
    color: #555555;
    font-size: 15px;
    padding: 0 18px 0 38px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sub-main-menu .lm-a .pro-cls a:hover,
.sub-main-menu .lm-a .pro-cls a.on {
    color: #31a138;
}

.sub-main-cont {
    width: 73.913044%;
    float: right;
    min-height: 500px;
}


/* footer */

footer {
    width: 100%;
    height: auto !important;
    background: #333333;
    padding: 85px 0 0 0;
}

.foot-top {
    padding: 0 0 70px 0;
}

.foot-lm {
    float: left;
    overflow: hidden;
}

.foot-lm .item {
    float: left;
    margin-left: 130px;
}

.foot-lm .item:first-child {
    margin-left: 0;
}

.foot-top h4 {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
}

.foot-lm .item .link-a {
    margin-top: 22px;
}

.foot-lm .item .link-a a {
    display: block;
    line-height: 35px;
    font-size: 15px;
    color: #999999;
}

.foot-lm .item .link-a a:hover {
    color: #fff;
}

.foot-lx {
    float: left;
    margin-left: 130px;
}

.foot-lx .info {
    margin-top: 22px;
}

.foot-lx .info p {
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    padding-left: 28px;
}

.foot-lx .info p.dz {
    background: url(/static/css/../image/f-dz.png) no-repeat left center;
}

.foot-lx .info p.dh {
    background: url(/static/css/../image/f-dh.png) no-repeat left center;
}

.foot-lx .info p.yx {
    background: url(/static/css/../image/f-yx.png) no-repeat left center;
}

.foot-lx .info a {
    color: #fff;
}

.foot-lx .info a:hover {
    text-decoration: underline;
}

.foot-ly {
    display: block;
    width: 300px;
    line-height: 50px;
    background: #1766b2;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    height: 56px;
    font-size: 18px;
    margin-top: 24px;
}

.foot-ly i {
    font-size: 22px;
    position: relative;
    top: 2px;
    margin-right: 12px;
}

.foot-share {
    margin-top: 35px;
    text-align: center;
}

.foot-share a {
    padding: 0 !important;
    width: 39px !important;
    height: 39px !important;
    background: url(/static/css/../image/f-fx.jpg) !important;
}

.foot-share a.bshare-sinaminiblog {
    background-position: -44px 0 !important;
}

.foot-copy {
    border-top: 1px solid #464648;
    line-height: 28px;
    padding: 22px 0 25px;
    font-size: 15px;
    color: #8a8a8a;
}

.foot-copy a {
    color: #8a8a8a;
}

.foot-copy a:hover {
    color: #fff;
}

.foot-ewm {
    float: right;
    width: 126px;
}

.foot-ewm p {
    text-align: center;
    font-size: 15px;
    color: #adacac;
    line-height: 25px;
    margin-top: 8px;
}


/* 公共 */

.section {
    overflow: hidden;
}

.rs-sy-cn {
    text-align: center;
    font-size: 42px;
    color: #333333;
    line-height: 46px;
}

.rs-sy-en {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    color: #666666;
    font-family: helev;
    margin-top: 16px;
}


/* MB - PC */

.isPc {
    display: block;
}

.isMobile {
    display: none !important;
}


/* 滚动  */

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg)
    }
}

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


/*page*/

.Page {
    width: 100%;
    text-align: center;
    line-height: 50px;
    padding-top: 50px;
}

.Page .disabled {
    border: 1px solid #d8d8d8;
    padding: 5px 5px;
    font-size: 10px;
    color: #d8d8d8;
    display: none;
    visibility: hidden;
}

.Page a {
    border: 1px solid #f1f1f1;
    display: inline-block;
    width: 30px;
    background: #f1f1f1;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    color: #333;
    position: relative;
    top: 2px;
}

.Page a:hover {
    border: 1px solid #0166b3;
}

.Page a.sy {
    color: #707072 !important;
}

.Page .current {
    background: #0166b3;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    color: #fff;
    position: relative;
    top: 2px;
    border: 1px solid #0166b3;
    font-size: 10px;
}

.Page .next,
.Page .prev {
    width: 65px;
}

.bsBox {
    width: auto !important;
    height: auto !important;
}


/*Webkit,Opera9.5+,Ie9+*/

::selection {
    background: #31a138;
    color: #fff;
}


/*Mozilla Firefox*/

::-moz-selection {
    background: #31a138;
    color: #fff;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 4px;
    height: 16px;
    background-color: #fff;
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    /*border-radius: 10px;*/
    background-color: #f2f2f2;
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(49, 161, 56, 1);
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(49, 161, 56, 1);
}

::-webkit-scrollbar-thumb:active {
    background-color: rgba(49, 161, 56, 1);
}


/*定义两端上下按钮*/


/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/

.sroll_top {
    right: 0.8%;
    bottom: 6%;
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 1000;
}


/*message-float*/

.message-warp {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 9001;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.message-warp.open {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}

.msg-close {
    position: absolute;
    right: -50px;
    top: -25px;
    width: 42px;
    height: 42px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    color: #1867b0;
}

.message-float {
    background: #fff;
    width: 30%;
    padding: 36px 22px;
    border-radius: 10px;
    position: fixed;
    z-index: 9009;
    left: 50%;
    margin-left: -15%;
    bottom: -10%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.message-float.open {
    bottom: 20%;
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}

.message-float input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    color: #333333;
    text-indent: 16px;
    padding: 0;
}

.message-float textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
    max-height: 180px;
    border: none;
    outline: none;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    color: #333333;
}

.message-float input[type=button] {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    background: #1867b0;
    border: none;
    outline: none;
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
}


/*head-service-center*/

.head-service-center {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: url(/static/css/../image/head-fw-back.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
}

.head-service-center .list {
    display: inline-block;
    color: #fff;
    margin: 0 25px;
    min-width: 120px;
    padding: 18px 20px 22px;
    transition: all .5s ease;
}

.head-service-center .list:hover {
    background: rgba(0, 0, 0, 0.1);
    transition: all .5s ease;
}

.head-service-center .list i {
    display: block;
    font-size: 35px;
    color: #fff;
}

.head-service-center .list span {
    display: block;
    color: #fff;
    font-size: 16px;
}

.fancybox {
    margin-bottom: 30px;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    overflow: unset !important;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(/static/css/../image/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/static/css/../image/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../image/blank.gif);
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(/static/css/../image/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(/static/css/../image/fancybox_sprite@2x.png);
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url(/static/css/../image/fancybox_loading@2x.gif);
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}


/* 缩略图样式 */

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}


/*填写下载表单*/

.downPopWarp {
    position: fixed;
    z-index: 1009;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.downPopWarp.open {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}

.downPop {
    width: 92%;
    max-width: 868px;
    top: 30%;
    left: 50%;
    margin-left: -434px;
    background: #fff;
    padding: 48px 40px 80px 40px;
    position: fixed;
    z-index: 1019;
    border-radius: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease;
}

.downPop.open {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}

.downPop .title {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    line-height: 38px;
}

.downPop .row {
    margin-top: 45px;
}

.downPop .row input[type=text] {
    width: 100%;
    height: 58px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 0;
    font-size: 16px;
    color: #333;
    text-indent: 18px;
    margin-bottom: 13px;
}

.downPop .row input[type=text].bt {
    background: url(/static/css/../image/bt-ico.png) no-repeat top 10px left 8px;
}

.downPop .row input[type=button] {
    width: 100%;
    height: 58px;
    border-radius: 8px;
    background: #005395;
    font-size: 18px;
    color: #fff;
    border: none;
    outline: none;
    margin-top: 25px;
}

.closeDwon {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.closeDwon i {
    font-size: 30px;
    color: #DC1216;
}