@font-face {
    font-family: PingFangMedium;
    src: url('PingFangMedium.otf')
}

@font-face {
    font-family: DIN;
    src: url('DIN-Medium.otf')
}

body, input, h1, h2, h3, h4, h5, h6, p, textarea, table, div, ul, li, select, td, th, em, span, i, button {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
    font-family: 'PingFangMedium', 'PingFangSC-Regular', "microsoft yahei";
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

:focus {
    outline: none !important;
    border-color: inherit;
}

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

h3, h4, h5, h6 {
    font-weight: normal;
}

em, i {
    font-style: normal;
}

* {
    box-sizing: border-box;
}

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

input[type="button"] {
    border: none;
}

textarea {
    -webkit-appearance: none;
}

.auto {
    max-width: 1600px;
    margin: 0 auto;
    width: 94%;
}

:hover {
    transition: all .2s;
}

.img_hover_wrap {
    overflow: hidden;
}

.img_hover {
    transition: all .3s;
}

.img_hover:hover {
    transform: scale(1.05, 1.05);
}

.img_traslate {
    transition: all .3s;
}

.img_traslate:hover {
    transform: translateY(-10px);
}

.img_rotate {
    transition: all .3s;
}

.img_rotate:hover {
    transform: rotate(-360deg);
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal !important;
}

.center {
    text-align: center !important;
}

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

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ele {
    position: relative;
}

.ele:before, .ele:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.ipt {
    display: block;
    border: none;
}

.ipt_button {
    cursor: pointer;
}

.item_scale .icon {
    transition: all .3s;
}

.item_scale:hover .icon {
    transform: scale(1.05, 1.05);
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webk
it-line-clamp: 3;*/
}

body {
    background: #fff;
    overflow-x: hidden;
}

.c_main {
    color: #044b91 !important;
}

.flipx .icon {
    transition: all .3s;
}

.flipx:hover .icon {
    transform: scaleX(-1);
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-w {
    flex-wrap: wrap;
}

.item {
}

.item .imgbox {
    display: block;
    overflow: hidden;
}

.item .img {
    transition: all 1s;
}

.item:hover .imgbox .img {
    transform: scale(1.1, 1.1);
}

/* 科技创新 */
.head { /* padding:30px 0; */
    position: relative;
    z-index: 100;
}

.head .auto { /* max-width:96%; */
}

.hd_logo .img {
    height: 60px;
    width: auto;
    margin-top: 30px;
}

.hd_nav {
}

.hd_nav li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    padding: 30px 0;
}

.hd_nav li > a {
    display: block;
    font-size: 23px;
    color: #333333;
    line-height: 60px;
    font-weight: 700;
}

/*.hd_nav li.has>a::after{content:'';display: inline-block;vertical-align: middle;width: 8px;height: 8px;background: url(../images/arrow.png) no-repeat center;background-size:contain;margin-left: 10px;}*/
.hd_nav li:hover > a, .hd_nav li.cur > a {
    color: #044b91;
}

.hd_nav li:hover > a::after, .hd_nav li.cur > a::after {
    background-image: url(../images/arrow-1.png);
}

.hd_nav li:hover .drop {
    display: block;
}

.hd_nav .drop {
    padding: 20px 0;
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    font-size: 0;
    border-top: 2px solid #044b91;
    top: 120px;
}

.hd_nav .drop .item-list {
    margin-left: -2%;
    display: flex;
    flex-wrap: wrap;
}

.hd_nav .drop .item {
    width: 23%;
    margin: 0 0 2% 2%;
    display: block;
}

.hd_nav .drop .item .img {
    width: 100%;
    display: block;
    transition: all .3s;
}

.hd_nav .drop .item .title {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
    text-align: center;
}

.hd_nav .drop .item:hover .title {
    color: #044b91;
}


.inner_ban_wrap {
    position: relative;
}

.inner_ban {
    height: 550px;
}

.inner_ban .box {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 145px;
}

.inner_ban .tag {
    font-size: 36px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px;
    line-height: 90px;
    border: 2px solid #fff;
}

.inner_ban .en {
    font-size: 60px;
    color: #fff;
    margin: 20px 0;
    text-transform: uppercase;
}

.inner_ban .line {
    width: 46px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 0 auto;
}

.pub_bar {
    border-bottom: 2px solid #efefef;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.pub_bar .auto {
    background: #fff;
}

.crumb {
    padding: 0 60px 0 35px;
    background: #f3f5fa;
    font-size: 20px;
    color: #666666;
    line-height: 65px;
}

.crumb a:hover {
    color: #044b91;
    text-decoration: underline;
}

.crumb > img {
    margin: 0 10px;
}

.sub_menu {
}

.sub_menu .lk {
    font-size: 20px;
    color: #525252;
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
    line-height: 65px;
    position: relative;
}

.sub_menu .lk::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #044b91;
    transition: all .3s;
}

.sub_menu .lk.cur, .sub_menu .lk:hover {
    color: #044b91;
}

.sub_menu .lk.cur::after, .sub_menu .lk:hover::after {
    width: 100%;
    left: 0;
}


.foot {
    padding: 35px 0;
    background: url(../images/ft_02.jpg) no-repeat center;
    background-size: cover;
}

.foot .auto {
    max-width: 1200px;
}

.foot .lbox {
}

.foot .smlogo {
    height: 60px;
    width: auto;
}

.foot .info {
    font-size: 20px;
    color: #637c8f;
    line-height: 30px;
    margin-top: 30px;
}

.foot .rbox {
    text-align: center;
    padding-top: 20px;
}

.foot .tp {
    border: 8px solid #044b91;
    width: 188px;
}

.foot .fz {
    font-size: 20px;
    color: #637c8f;
    margin-top: 10px;
}

/* 联系我们 */
.main {
    padding: 30px 0 70px;
}

.lx_tit {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    position: relative;
}

.lx_tit::before {
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    width: 6px;
    height: 22px;
    background: #044b91;
    margin-top: -11px;
    border-radius: 3px;
}

.lx_gs {
    margin-bottom: 20px;
    box-shadow: 0 1px 10px rgba(14, 48, 81, .17);
    padding: 35px 35px 25px;
}

.lx_gs .detail {
    margin-top: 10px;
}

.lx_gs .info {
    width: 75%;
    max-width: 850px;
}

.lx_gs .smtit {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.lx_gs .list {
    margin-top: 25px;
}

.lx_gs .list li {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    float: left;
    width: 50%;
    margin-bottom: 13px;
    font-weight: bold;
}

.lx_gs .list .ico {
    background-repeat: no-repeat;
    background-position: left 4px;
    background-size: 16px;
    padding-left: 25px;
}

.lx_gs .list .tel {
    background-image: url(../images/lx_02.png)
}

.lx_gs .list .email {
    background-image: url(../images/lx_03.png)
}

.lx_gs .list .fax {
    background-image: url(../images/lx_04.png)
}

.lx_gs .list .code {
    background-image: url(../images/lx_05.png)
}

.lx_gs .list .dz {
    background-image: url(../images/lx_06.png)
}

.lx_gs .list .lk {
    color: #044b91;
    text-decoration: underline;
    margin-left: 10px;
}

.lx_gs .vxbox {
    text-align: center;
    margin-top: -15px;
}

.lx_gs .vxbox .pic {
    width: 130px;
}

.lx_gs .vxbox .fz {
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
}

.BMapLabel {
    border: none !important
}


.lx_intro {
    margin-bottom: 20px;
    box-shadow: 0 1px 10px rgba(14, 48, 81, .17);
    padding: 30px 25px;
}

.lx_intro .col { /* width:33.3%;float: left; */
}

.lx_intro .col span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.lx_intro .tit {
    font-size: 20px;
    color: #044b91;
    padding-bottom: 10px;
    position: relative;
}

.lx_intro .tit::after {
    content: '';
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #435871;
}

.lx_intro .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}

.lx_intro .box {
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    padding-left: 30px;
    margin-top: 15px;
}

.lx_intro .box p {
    margin-bottom: 5px;
}

.lx_intro .list-zi {
}

.lx_intro .list-zi li {
    width: 20%;
    margin-bottom: 10px;
}

.lx_intro .list-zi .fz {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.lx_intro .list-zi .website {
    font-size: 14px;
    color: #044b91;
    text-decoration: underline;
}

.lx_intro .list-zi .website:hover {
    font-weight: bold;
}

.lx_map {
    height: 430px;
    background: #eee;
}

/* 产品中心 */
.pro_l {
    width: 220px;
}

.pro_l .t_tit {
    font-size: 22px;
    color: #fff;
    line-height: 60px;
    background: url(../images/pro_02.jpg) no-repeat center;
    background-size: cover;
    padding-left: 18px;
}

.pro_l .box {
    padding: 20px 0 30px 20px;
    background: url(../images/pro_04.jpg) no-repeat center bottom;
    background-size: cover;
}

.pro_l .lk {
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    background: url(../images/pro_03.png) no-repeat left center;
    background-size: 10px;
    padding-left: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
}

.pro_l .lk.this, .pro_l .lk:hover {
    color: #004188;
}

.pro_r {
    margin-left: 240px;
}

.pro_list {
    margin-left: -2%;
}

.pro_list .item {
    float: left;
    width: 30%;
    margin: 0 0 30px 2%;
}

.pro_list .imgbox {
    display: block;
    overflow: hidden;
}

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

.pro_list .info {
    padding: 15px 15px;
}

.pro_list .title {
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    background: url(../images/pro_09.png) no-repeat right center;
    background-size: 20px;
    padding-right: 30px;
    font-weight: bold;
}

.pro_list .txt {
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    margin-top: 8px;
    -webkit-line-clamp: 2;
    height: 44px;
}

.pro_list .item:hover {
    box-shadow: 0 1px 9px rgba(19, 77, 132, .15);
}

.pro_list .item:hover .title {
    background-image: url(../images/pro_09-1.png);
    color: #004188;
}

/* 江南镜头 */
.sp_main {
    padding: 70px 0;
}

.sp_titbox {
    margin-bottom: 30px;
}

.sp_titbox .en {
    font-size: 36px;
    color: #044b91;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.sp_titbox .cn {
    font-size: 26px;
    color: #333333;
    margin-top: 5px;
    font-weight: bold;
}

.sp_list {
}

.sp_list .item {
    position: relative;
    float: left;
}

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

.sp_list .title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    background: rgba(0, 0, 0, .55);
    padding: 0 15px;
}

.sp_list .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 54px;
    background: url(../images/sp_09.png) no-repeat center;
    background-size: contain;
    margin-left: -27px;
    margin-top: -27px;
    border-radius: 50%;
}

.sp_list_t {
}

.sp_list_t .item {
    width: 39.2%;
    margin-left: 1.6%;
    margin-bottom: 1.6%;
}

.sp_list_t .item_1 {
    width: 59.2%;
    margin-left: 0;
}


.sp_list_b {
    margin-left: -2%;
    margin-top: 40px;
}

.sp_list_b .item {
    width: 31.3%;
    margin: 0 0 2% 2%;
}

/* 关于我们 */
.us_gk {
    padding: 80px 0;
}

.us_gk .detail {
}

.us_gk .info {
    width: 54%;
}

.us_gk .txt {
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    -webkit-line-clamp: 14;
    height: 600px;
}

.us_gk .imgbox {
    margin-top: -40px;
    position: relative;
    width: 26%;
    margin-right: 10%;
}

.us_gk .imgbox .img_1 {
    width: 100%;
    display: block;
}

.us_gk .imgbox .img_2 {
    position: absolute;
    width: 600px;
    height: 400px;
    left: 50%;
    margin-left: -227px;
    top: 50%;
    margin-top: 80px;
    max-width: initial;
    border: 2px solid #fff;
    overflow: hidden;
}

.us_gk .imgbox .img_2 .img {
    width: 100%;
    display: block;
}

.us_gk .imgbox .img_2 .swiper-container {
    height: 400px;
}

.us_gk .imgbox .swiper-pagination-bullet {
    background: #fff;
}

.us_gk .imgbox .swiper-pagination-bullet-active {
    opacity: 1;
}


.us_evo {
    padding: 0 0 80px;
}

.us_evo .item {
    text-align: center;
    cursor: pointer;
}

.us_evo .item .circle {
    width: 18px;
    height: 18px;
    background: url(../images/us_05.png) no-repeat center;
    background-size: contain;
    display: block;
    margin: 0 auto;
}

.us_evo .item .arrow {
    width: 10px;
    height: 10px;
    background: url(../images/us_06.png) no-repeat center;
    background-size: contain;
    display: block;
    margin: 10px auto 0;
}

.us_evo .item .year {
    font-size: 28px;
    color: #666666;
    font-family: 'DIN';
    margin-top: 25px;
}

.us_evo .detail {
    margin-top: 60px;
}

.us_evo .module {
    padding: 0 60px;
}

.us_evo .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.us_evo .txt {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    margin-top: 10px;
}

.us_evo .list {
    margin-left: -2%;
    margin-top: 20px;
}

.us_evo .list li {
    float: left;
    width: 18%;
    margin-left: 2%;
    border: 1px solid #efefef;
    padding: 5px;
}

.us_evo .list img {
    width: 100%;
    display: block;
}

.us_evo .list li p {
    font-size: 9pt;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #efefef;
}

.us_evo .list li p span {
    color: #ff6600;
}


.us_evo .gallery-top {
    margin-top: 55px;
}

.us_evo .swiper-slide-active .item .year {
    color: #044b91;
}

.us_evo .swiper-slide-active .circle {
    background-image: url(../images/us_05-1.png)
}

.us_evo .gallery-thumbs {
    position: relative;
    padding: 0 60px;
}

.us_evo .gallery-thumbs::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    height: 1px;
    background: #e5e5e5;
}

.us_evo .swiper-button-next, .us_evo .swiper-button-prev {
    width: 42px;
    height: 42px;
    top: 50%;
    margin-top: -22px;
}

.us_evo .swiper-button-prev {
    background: url(../images/us_03.png) no-repeat center;
    background-size: contain;
    left: 30px;
}

.us_evo .swiper-button-next {
    background: url(../images/us_04.png) no-repeat center;
    background-size: contain;
    right: 30px;
}

.us_evo .swiper-button-prev:hover {
    background: url(../images/us_03-1.png) no-repeat center;
    background-size: contain;
}

.us_evo .swiper-button-next:hover {
    background: url(../images/us_04-1.png) no-repeat center;
    background-size: contain;
}


.us_us {
    background: url(../images/us_24.jpg) no-repeat center top;
    background-size: 100% 630px;
    margin-bottom: 85px;
}

.us_us .list-show {
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
}

.us_us .list-show li {
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.us_us .list-show .icon {
    width: 80px;
}

.us_us .list-show .num {
    font-size: 26px;
    color: #fff;
    margin-top: 10px;
}

.us_us .list-show .fz {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    margin-top: 10px;
}

.us_us .list-show li:last-child {
    border: none;
}

.us_us .detail {
    background: #fff;
    padding: 10px 0 10px 10px;
}

.us_us .list {
}

.us_us .list .item { /* float: left;width: 25%; */
    margin: 0 0 10px;
    width: 100% !important;
}

.us_us .list .shade {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -45px;
}

.us_us .list .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.us_us .list .line {
    width: 30px;
    height: 2px;
    background: #d7000f;
    display: block;
    margin: 13px auto;
}

.us_us .list .int {
    font-size: 26px;
    color: #d7000f;
    font-weight: bold;
}

.us_us .list .imgbox {
    display: block;
    position: relative;
    width: calc(100% - 10px);
}

.us_us .list .img {
    width: 100%;
    height: 260px;
    display: block;
}

.us_us .list .tit {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 36px;
    background: rgba(0, 0, 0, .5);
    padding: 0 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.us_us .list-t .item:first-child { /* float: right; */
}


.us_us .swiper-pagination {
    position: static;
    margin-top: 10px;
    font-size: 0;
}

/* 人力资源 */
.hr_titbox {
    margin-bottom: 35px;
}

.hr_titbox .cn {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.hr_titbox .en {
    font-size: 14px;
    color: #637688;
    text-transform: uppercase;
    margin-top: 5px;
}

.hr_main {
    padding: 80px 0 70px;
}

.hr_l {
    width: 67%;
    max-width: 900px;
}

.hr_r {
    width: 31%;
}

.hr_smtit {
    margin-bottom: 25px;
}

.hr_smtit .en {
    font-size: 36px;
    color: #044b91;
    font-weight: bold;
    text-transform: uppercase;
}

.hr_smtit .cn {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 3px;
}

.hr_smtit .smen {
    font-size: 14px;
    color: #637688;
    margin-top: 3px;
    text-transform: uppercase;
}

.hr_idea {
}

.hr_idea .smbt {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.hr_idea .txt {
    font-size: 18px;
    color: #333333;
    line-height: 34px;
    margin-top: 25px;
}

.hr_zp {
    margin-top: 65px;
}

.hr_zp .table {
}

.hr_zp .table th, .hr_zp .table td {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    padding: 11px 0;
    text-align: left;
}

.hr_zp .table th {
    background: #e5ecf3;
}

.hr_zp .table td {
}

.hr_zp .table .title {
    background: url(../images/hr_03.png) no-repeat left center;
    background-size: 6px 10px;
    padding-left: 18px;
    -webkit-line-clamp: 1;
}

.hr_zp .table .title:hover {
    color: #004188;
    font-weight: bold;
}

.hr_zp .table tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.hr_zp .table th:last-child, .hr_zp .table td:last-child {
    text-align: center;
}

.hr_zp .table th:first-child {
    padding-left: 40px;
    width: 80%;
}

.hr_zp .table td:first-child {
    padding-left: 20px;
}

.hr_zp .table th:last-child {
    width: 20%;
}

.hr_human {
    background: #f0f5f8;
}

.hr_human .top .img {
    width: 100%;
    display: block;
}

.hr_human .list {
    padding: 20px 15px;
}

.hr_human .list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.hr_human .list .num {
    font-size: 20px;
    color: #004188;
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 15px;
    text-align: center;
    line-height: 36px;
    font-family: 'DIN';
    background: #d8e3ed;
}

.hr_human .list .info {
    flex: 1;
    display: block;
}

.hr_human .list .title {
    font-size: 20px;
    color: #333333;
    display: block;
}

.hr_human .list .sm {
    font-size: 12px;
    color: #777777;
    line-height: 14px;
    margin-top: 5px;
    text-transform: uppercase;
    word-break: break-all;
}

.hr_human .list li:hover .title {
    color: #004188;
    font-weight: bold;
}

.hr_human .list li:last-child {
    margin-bottom: 12px;
}


.hr_boat {
    margin-bottom: 70px;
}

.hr_boat .detail {
    display: flex;
    justify-content: space-between;
}

.hr_boat .detail .item {
    overflow: hidden;
}

.hr_boat .detail .imgbox {
    transition: all 3s;
    overflow: hidden;
}

.hr_boat .detail .item:hover .imgbox {
    transform: scale(1.1, 1.1);
}

.hr_boat .col_l {
    width: 36.5%;
}

.hr_boat .col_l .imgbox {
    height: 380px;
}

.hr_boat .col_c {
    width: 30%;
}

.hr_boat .col_c .item {
}

.hr_boat .col_c .imgbox {
    height: 305px;
    display: block;
}

.hr_boat .col_c .info {
}

.hr_boat .col_c .title {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.hr_boat .col_c .txt {
    font-size: 16px;
    color: #888888;
    line-height: 22px;
    margin-top: 5px;
    position: relative;
    -webkit-line-clamp: 2;
    height: 44px;
}

.hr_boat .col_c .item:hover .title {
    color: #044b91;
}

.hr_boat .col_c .more {
    color: #044b91;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-left: 5px;
}

.hr_boat .col_r {
    width: 30%;
}

.hr_boat .col_r .item {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.hr_boat .col_r .imgbox {
    height: 180px;
}

.hr_boat .col_r .icon {
    width: 55px;
    height: 55px;
    background: url(../images/cul_14.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
}


.pagelist {
    text-align: center;
    margin-top: 30px;
}

.pagelist a {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #363636;
    min-width: 36px;
    line-height: 36px;
    border: 1px solid #efefef;
    border-radius: 0;
    margin: 0 3px;
    background: #eeeeee;
    padding: 0 5px;
    text-align: center;
}

.pagelist a:hover, .pagelist a.active {
    color: #fff;
    background: #004188;
    border-color: #004188;
}

.pagelist a.prev, .pagelist a.next {
    padding: 0 15px;
}

.pagelist .total {
    font-size: 14px;
    color: #333333;
    line-height: 36px;
}


.video_icon {
    width: 54px;
    height: 54px;
    background: url(../images/sp_09.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
    border-radius: 50%;
}


.pub_sec {
}

.pub_sec .slide { /* width: 46%; */
    width: 550px;
}

.pub_sec .slide .item {
    position: relative;
}

.pub_sec .slide .imgbox {
    display: block;
}

.pub_sec .slide .img {
    width: 100%;
    display: block;
}

.pub_sec .slide .bot {
    font-size: 0;
    background: rgba(32, 49, 64, .6);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 60px;
}

.pub_sec .slide .date {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/hr_12.png) no-repeat center;
    background-size: cover;
    width: 96px;
    height: 60px;
    margin-right: 10px;
    padding-left: 14px;
    padding-top: 10px;
}

.pub_sec .slide .day {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
}

.pub_sec .slide .year {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.pub_sec .slide .title {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 110px);
}

.pub_sec .slide .item:hover .title {
    opacity: .8;
}

.pub_sec .swiper-button-next, .pub_sec .swiper-button-prev {
    width: 49px;
    height: 38px;
    top: auto;
    margin: 0;
    bottom: 60px;
    left: auto;
    opacity: 1;
    z-index: 50;
}

.pub_sec .swiper-button-prev {
    background: url(../images/hr_10.png) no-repeat center;
    background-size: contain;
    right: 49px;
}

.pub_sec .swiper-button-next {
    background: url(../images/hr_11.png) no-repeat center;
    background-size: contain;
    right: 0;
}


.pub_sec .list { /* width: 52%; */
    margin-left: 575px;
}

.pub_sec .list .item {
    margin-bottom: 19px;
}

.pub_sec .list .topbox {
    font-size: 0;
    background: #fff;
    border: 1px solid #dae1e6;
}

.pub_sec .list .date {
    display: inline-block;
    padding-left: 8px;
    width: 70px;
    height: 44px;
    background: url(../images/hr_09.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding-top: 2px;
}

.pub_sec .list .day {
    font-size: 16px;
    color: #fff;
}

.pub_sec .list .year {
    font-size: 12px;
    color: #fff;
}

.pub_sec .list .title {
    font-size: 20px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    font-weight: bold;
    padding-right: 15px;
}

.pub_sec .list .botbox {
    margin-top: 19px;
    display: none;
    border: 1px solid #dae1e6;
    padding: 11px 15px;
    background: #fff;
}

.pub_sec .list .txt {
    font-size: 18px;
    color: #888888;
    line-height: 24px;
    -webkit-line-clamp: 2;
    height: 48px;
}

.pub_sec .list .more {
    color: #044b91;
}

.pub_sec .list .more:hover {
    text-decoration: underline;
}

.pub_sec .list .item.cur .botbox {
    display: block;
}

.pub_sec .list .item:hover .title {
    color: #044b91;
}


.pub_sec_red .list .date {
    background-image: url(../images/cul_02.png);
}

.pub_sec_red .list .item:hover .title {
    color: #c00000;
}

.pub_sec_red .slide .date {
    background-image: url(../images/cul_03.png);
}

.pub_sec_red .swiper-button-prev {
    background: url(../images/cul_04.png) no-repeat center;
    background-size: contain;
}

.pub_sec_red .swiper-button-next {
    background: url(../images/cul_05.png) no-repeat center;
    background-size: contain;
}


/* 新闻中心 */
.xw_news {
    padding: 80px 0 60px;
    background: #f0f4f6;
}

.xw_news .menubox {
    margin-bottom: 30px;
    margin-left: -20px;
}

.xw_news .menubox .lk {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    border-right: 2px solid #004188;
}

.xw_news .menubox .lk:last-child {
    border-right: none;
}

.xw_news .menubox .cn {
    font-size: 30px;
    color: #999999;
    font-weight: bold;
    line-height: 30px;
}

.xw_news .menubox .en {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    line-height: 14px;
    margin-top: 8px;
}

.xw_news .menubox .lk.cur .cn, .xw_news .menubox .lk:hover .cn {
    color: #004188;
}

.xw_news .menubox .lk.cur .en, .xw_news .menubox .lk:hover .en {
    color: #004188;
}

.xw_news .hot_box {
    margin-bottom: 25px;
}

.xw_news .hot_box .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    display: block;
}

.xw_news .hot_box .txt {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    -webkit-line-clamp: 2;
    height: 56px;
    margin-top: 5px;
}

.xw_news .hot_box:hover .title {
    color: #004188;
}


.xw_shot {
    padding: 80px 0;
}

.xw_shot .detail {
}

.xw_shot .list {
}

.xw_shot .list .item {
    position: relative;
    overflow: hidden;
}

.xw_shot .list .imgbox {
    display: block;
    position: relative;
}

.xw_shot .list_l {
    width: 53.3%;
}

.xw_shot .list_c {
    width: 25%; /* width: 28.4%; */
    margin-left: 1.7%;
}

.xw_shot .list_c .item {
    margin: 0 0 6.5%
}

.xw_shot .list_r {
    width: 18.3%;
}

.xw_shot .list_r .shade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(4, 75, 145, .6);
}

.xw_shot .list_r .shade .more {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -20px;
    text-align: center;
}


/* 党建文化 */
.cul_s1 {
    padding: 70px 0 50px;
    background: #fff;
}

.cul_xw {
    width: 55%;
}

.cul_xw .pub_sec .list {
    margin-left: 0;
}

.cul_zt {
    width: 40%;
}

.cul_zt .list {
}

.cul_zt .list li {
    margin-bottom: 31px;
    overflow: hidden;
}

.cul_zt .list .img {
    width: 100%;
    display: block;
    transition: all 3s;
}

.cul_zt .list li:hover .img {
    transform: scale(1.1, 1.1);
}

.cul_s2 {
    padding: 80px 0 70px;
    background: #f7f7f9;
}

.cul_fc {
    width: 50%;
}

.cul_fc .list {
    margin-left: -2%;
}

.cul_fc .list .item {
    float: left;
    width: 48%;
    margin: 0 0 2% 2%;
}

.cul_fc .list .imgbox {
    display: block;
    position: relative;
}

.cul_fc .list .img {
    width: 100%;
    display: block;
}

.cul_fc .list .icon {
    width: 55px;
    height: 55px;
    background: url(../images/cul_14.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.cul_idea {
    width: 44.5%;
}

.cul_idea .list {
}

.cul_idea .list li {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
    transition: all .3s;
}

.cul_idea .list .img {
    width: 100%;
    display: block;
    transition: all 3s;
}

.cul_idea .list li:hover .img {
    transform: scale(1.1, 1.1);
}

.cul_idea .list li:hover .shade {
    display: flex;
}

.cul_idea .list li:hover .shade2 {
    display: none;
}

.cul_idea .list .shade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 15px 15px;
    align-items: center;
    display: none;
    background: rgba(0, 0, 0, .5);
}

.cul_idea .list .shade2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 15px 15px;
    display: flex;
    align-items: center;
}

.cul_idea .list .shade .txt {
    font-family: "楷体";
    font-size: 35px;
    color: #fff;
    margin: 0 auto;
}

.cul_idea .list .shade2 .txt {
    font-family: "楷体";
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    margin: 0 auto;
}

/* 党建文化列表 */

.cul_l {
    width: 240px;
}

.cul_l .t_tit {
    font-size: 22px;
    color: #fff;
    line-height: 76px;
    text-align: center;
    background: #004188;
}

.cul_l .t_tit .ico {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
}

.cul_l .menu {
    background: #f2f6f9;
    padding: 0 25px;
}

.cul_l .menu .lk {
    font-size: 18px;
    color: #666666;
    display: block;
    line-height: 75px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
}

.cul_l .menu .lk::before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%;
    vertical-align: middle;
}

.cul_l .menu .lk.this, .cul_l .menu .lk:hover {
    color: #004188;
    font-weight: bold;
}

.cul_l .menu .lk.this::before, .cul_l .menu .lk:hover::before {
    background: #004188;
}

.cul_l .menu .lk:last-child {
    border: none;
}

.cul_r {
    margin-left: 260px;
}


/* 新闻列表 */
.xw_list {
    padding-bottom: 10px;
}

.xw_list .item {
    padding: 15px;
    border: 1px solid #fff;
    overflow: hidden;
}

.xw_list .imgbox {
    display: block;
    float: left;
    width: 260px;
}

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

.xw_list .info {
    margin-left: 290px;
    padding-top: 12px;
}

.xw_list .title {
    display: block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.xw_list .txt {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    -webkit-line-clamp: 2;
    height: 56px;
    margin-top: 10px;
}

.xw_list .bot {
    margin-top: 25px;
    line-height: 38px;
}

.xw_list .more {
    font-size: 14px;
    color: #00508f;
    width: 120px;
    line-height: 38px;
    border: 1px solid #00508f;
    text-align: center;
    display: block;
    float: left;
}

.xw_list .more::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    background: url(../images/xw_08.png) no-repeat center;
    background-size: contain;
}

.xw_list .date {
    font-size: 14px;
    color: #999999;
    background: url(../images/xw_09.png) no-repeat left center;
    background-size: 13px;
    padding-left: 20px;
}

.xw_list .item:hover {
    border-color: #00508f;
}

.xw_list .item:hover .title {
    color: #00508f;
}

.xw_list .item:hover .more {
    color: #fff;
    background: #00508f;
}

.xw_list .item:hover .more::after {
    background-image: url(../images/xw_08-1.png)
}


/* 视频详情 */
.det_body .head {
    box-shadow: 0 2px 8px rgba(11, 59, 108, .16);
}

.crumb_det {
    background: #fff;
}

.crumb_det .auto {
    max-width: 1200px;
}

.det_main {
    padding-bottom: 40px;
}

.det_main .auto {
    max-width: 1200px;
}

.det_video {
}

.det_video .video {
    width: 100%;
    height: 560px;
    object-fit: fill;
}

.video-js {
    background-color: #000;
}

/*.vjs-icon-play:before{display: none;}
.vjs-icon-placeholder{display: none;}*/
.vjs-icon-placeholder:before { /*display: none;*/
}

.det_video .video-js .vjs-big-play-button {
    background: url(../images/video.png) no-repeat center;
    background-size: contain;
    width: 64px;
    height: 64px;
    border: none;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    border-radius: 50%;
}

.det_video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: none;
}

.vjs-poster {
    background: #fff;
}

.det_wrap {
    margin-top: 30px;
}

.det_wrap .title {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}

.det_wrap .sm {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.det_wrap .sm span {
    font-size: 16px;
    color: #999999;
    padding: 0 10px;
}

.det_wrap .sm span:first-child {
    padding-left: 0;
}

.det_wrap .editbox {
    font-size: 18px;
    color: #333333;
    line-height: 34px;
    padding: 20px 0 35px;
}

.det_bot {
    display: flex;
}

.det_bot .ico {
    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    padding-left: 20px;
}

.det_bot .store {
    background-image: url(../images/xw_14.png);
}

.det_bot .thumb {
    background-image: url(../images/xw_15.png);
}

.det_bot .share {
    background-image: url(../images/xw_16.png);
}

.det_bot .msg {
    background-image: url(../images/xw_17.png);
}

.det_bot .report {
    background-image: url(../images/xw_18.png);
}

.det_bot .store:hover, .det_bot .store.checked {
    background-image: url(../images/xw_14-1.png);
}

.det_bot .thumb:hover, .det_bot .thumb.checked {
    background-image: url(../images/xw_15-1.png);
}

.det_bot .share:hover {
    background-image: url(../images/xw_16-1.png);
}

.det_bot .report:hover {
    background-image: url(../images/xw_18-1.png);
}

.pagenav {
    margin-top: 30px;
}

.pagenav li {
    max-width: 45%;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    background: url(../images/xw_19.png) no-repeat left center;
    background-size: 8px;
    padding-left: 15px;
}

.pagenav li.prev {
}

.pagenav li.next {
    text-align: right;
    float: right;
    background-image: url(../images/xw_20.png);
}

.pagenav li:hover {
    color: #044b91;
    font-weight: bold;
}


/* 新闻详情 */
.det_wrap .top_desc {
    padding: 20px 15px;
    background: #f0f4f6;
    margin-top: 30px;
}

.det_wrap .top_desc .txt {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}


/* index */
.idx_ban {
    position: relative;
}

.idx_ban .swiper-container {
    display: none;
}

.idx_ban .shade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    opacity: 1;
    display: block;
    transition: all .3s;
}

.idx_ban .shade .title {
    font-size: 66px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 4px;
    text-shadow: 0 0 10px #555;
}

.idx_ban .shade .title em {
    color: #ff8c19;
}

.idx_ban .shade .txt {
    font-size: 18px;
    color: #fff;
    line-height: 44px;
    margin-top: 50px;
    max-width: 465px;
}

.idx_ban .shade .more {
    font-size: 14px;
    color: #fff;
    width: 190px;
    line-height: 50px;
    display: block;
    background: #004188;
    margin-top: 75px;
    text-align: center;
}

.idx_ban .shade .more:hover {
    background: #ff8c19;
}

.idx_ban .shade .auto {
    height: 100%;
}

.idx_ban .shade .info {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* .idx_ban .item:hover .shade{opacity: 1;} */


.ag7-bannerslide .slidebox .item:hover .shade {
    left: 0;
}


.bg_img {
    width: 100%;
    display: block !important;
    opacity: 0;
}


.ag7-bannerslide {
    position: relative;
}

.ag7-bannerslide .slidebox {
    position: relative;
}

.ag7-bannerslide .slidebox .item {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.ag7-bannerslide img {
    display: block;
    width: 100%;
}


.ag7-bannerslide .slideinfo {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 40px;
    z-index: 10; /* background: rgba(0,33,68,.8); *//* padding:15px 0; */
}

.ag7-bannerslide .slidelist { /* position:absolute;right:0;bottom:0;width: 60px;height: 280px;color: #fff;font-size: 14px;background-color: #222; */
}

.ag7-bannerslide .slidelist ul { /* position:absolute; z-index:10; */
    width: 100%;
    text-align: center;
    font-size: 0;
    text-align: right;
    max-width: 1400px;
    margin: 0 auto;
}

.ag7-bannerslide .slidelist li {
    margin: 0 8px 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle; /* width: 288px; */
    border: 4px solid rgba(255, 255, 255, .6);
    border-radius: 6px;
    position: relative;
    width: 188px;
}

.ag7-bannerslide .slidelist li.this {
    border-color: #fff;
}

.ag7-bannerslide .slidelist .smimg {
    width: 100%; /* height: 130px; */
    height: 100px;
}

.ag7-bannerslide .slidelist li.this::before {
    content: '';
    position: absolute;
    width: 28px;
    height: 10px;
    background: url(../images/idx_02.png) no-repeat center;
    background-size: contain;
    display: block;
    left: 50%;
    top: -10px;
    margin-left: -14px;
}


.idx_titbox {
    background: url(../images/idx_15.png) repeat-x center;
    margin-bottom: 35px;
}

.idx_titbox .box {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    background: #fff;
}

.idx_titbox .cn {
    font-size: 45px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 1px;
}

.idx_titbox .fz {
    font-size: 25px;
    color: #637688;
    margin-top: 5px;
}

.idx_titbox.xian {
    background: transparent;
}

.idx_titbox.xian .box {
    background: transparent;
}


.idx_ad {
    padding: 100px 0;
}

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

.idx_dt {
    padding: 100px 0;
    background: #f0f5f8;
}

.idx_dt .idx_titbox .box {
    background: #f0f5f8;
}

.idx_dt .pub_sec {
    width: 82%;
}

.idx_dt .pub_sec .slide {
    width: 630px;
}

.idx_dt .pub_sec .list {
    margin-left: 650px;
}

.idx_dt .pub_sec .slide .img {
    height: 330px;
}


.idx_dt .thumb_list {
    width: 16.3%;
}

.idx_dt .thumb_list .item {
    margin-bottom: 19px;
    position: relative;
}

.idx_dt .thumb_list .img {
    width: 100%;
    display: block;
    height: 155px;
}


.idx_cp {
    padding: 100px 0;
}

.idx_cp .list {
    height: 320px;
    position: relative;
}

/* .idx_cp .list li{width:180px;height:320px;position:relative;overflow:hidden;float:left;}
.idx_cp .list li img{max-width:initial;width: 480px;height: 320px;}

.idx_cp .list li.cur{width:480px;} */
/* .idx_cp ul li.first{width:480px;} */


/* .idx_cp .list li.fast{position:absolute;right:0px;bottom:0px;} */

.idx_cp .list .box {
    border-top: 2px solid #ff8c19;
    width: 320px; /* height: 190px; */
    background: rgba(17, 57, 97, .8);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -95px;
    padding: 15px 30px;
    display: none;
}

.idx_cp .list .title {
    font-size: 25px;
    color: #fff;
    text-align: center;
}

.idx_cp .list .txt {
    font-size: 20px;
    color: #d1e8ff;
    line-height: 30px;
    padding-left: 40px;
    margin-top: 20px;
}

.idx_cp .list .txt p {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}

.idx_cp .list .txt p::before {
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    top: 12px;
}

.idx_cp .list li.on .box {
    display: block;
}


.xinxi_solution_main ul {
    overflow: hidden;
}

.xinxi_solution_main ul li {
    height: 320px;
    float: left;
    width: 224px;
    position: relative;
    overflow: hidden;
    transition: all 1s;;
}

.xinxi_solution_main ul li.on {
    width: 480px;
}

.idx_intro {
    background: url(../images/kjcx2.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    height: 570px;
}

.idx_intro .lbox {
    width: 50%;
}

.idx_intro .titbox {
    margin-top: 95px;
}

.idx_intro .titbox .bt {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
}

.idx_intro .titbox .en {
    font-size: 30px;
    color: #999999;
    margin-top: 10px;
    text-transform: uppercase;
}

.idx_intro .smlist {
    margin-top: 85px;
    margin-left: -5%;
}

.idx_intro .smlist li {
    width: 20%;
    text-align: center;
}

.idx_intro .smlist .icon {
    width: 66px;
    display: block;
    margin: 0 auto;
}

.idx_intro .smlist .tit {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-top: 15px;
}

.idx_intro .smlist .fz {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    margin-top: 5px;
}

.idx_intro .rbox {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.idx_intro .list {
}

.idx_intro .list .item {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}

.idx_intro .list .bg {
    height: 285px;
    width: 100%;
    display: block;
    transition: all 3s;
}

.idx_intro .list .shade {
    padding: 50px 5%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.idx_intro .list .title {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.idx_intro .list .txt {
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    -webkit-line-clamp: 5;
    height: 130px;
    max-width: 370px;
    margin-top: 15px;
}

.idx_intro .list .item:hover .bg {
    transform: scale(1.2, 1.2);
}

.idx_rc {
    padding: 100px 0;
}

.idx_rc .list {
}

.idx_rc .list li { /* margin-bottom: 20px; */
}

.idx_rc .list .img {
    width: 100%;
    display: block;
}

.idx_rc .list_l {
    width: 57.5%;
}

.idx_rc .list_l li {
    width: 97.1%;
    margin: 0 2.9% 2.9% 0;
}

.idx_rc .list_r {
    width: 42.5%;
}

/* 科技创新-低碳化转型 */
.cx_titbox {
    text-align: center;
    margin-bottom: 40px;
}

.cx_titbox .bt {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.cx_titbox .line {
    width: 50px;
    height: 2px;
    background: #004188;
    display: block;
    margin: 10px auto;
}

.cx_titbox .desc {
    font-size: 20px;
    color: #666666;
    line-height: 32px;
}


.cx_newtit {
    margin-bottom: 30px;
    text-align: center;
}

.cx_newtit .desc {
    font-size: 26px;
    color: #333333;
    line-height: 36px;
}

.cx_intro .cx_newtit {
    position: relative;
}

.cx_intro .cx_newtit .tit {
    font-size: 30px;
    color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 28px;
}

.cx_intro {
    padding: 70px 0;
}

.cx_intro .imgbox {
    max-width: 1080px;
    margin: 0 auto;
}

.cx_intro .imgbox .img {
    width: 100%;
    display: block;
}

.cx_intro .imgbox .fz {
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    text-align: center;
}

.cx_zc {
    padding: 70px 0;
    background: #f0f5f8;
}

.cx_zc .desc.aa {
    font-size: 20px;
    line-height: 34px;
}


.cx_zc .dtail {
}

.cx_zc .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.cx_zc .list .item {
    width: 49%;
    margin-bottom: 35px;
}

.cx_zc .list .imgbox {
}

.cx_zc .list .img {
    width: 100%;
    display: block;
}

.cx_zc .list .tit {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    -webkit-line-clamp: 1;
    line-height: 26px;
    height: 26px;
}

.cx_zc .list .item1 .img {
    height: 170px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.cx_zc .list .item1 .txt {
    font-size: 16px;
    color: #666666;
    margin: 10px auto 0;
    max-width: 440px;
}

.cx_zc .line_bar {
    margin-bottom: 60px;
    margin-top: 20px;
}

.line_bar {
    background: #b7c2c9;
    width: 100%;
    height: 1px;
    position: relative;
}

.line_bar::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 30px;
    height: 30px;
    background: url(../images/cx_13.png) no-repeat center;
    background-size: contain;
    margin-left: -15px;
    top: -15px;
}

/* 科技创新-设计研发 */
.cx_yf {
    padding: 70px 0;
    background: url(../images/cx_24.jpg) no-repeat center;
    background-size: cover;
}

.cx_yf .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cx_yf .list .item {
    width: 32%;
    margin-bottom: 20px;
}

.cx_yf .list .imgbox {
    display: block;
}

.cx_yf .list .img {
    width: 100%;
    display: block;
}

.cx_yf .list .title {
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.cx_tools {
    padding: 70px 0 90px;
}

.cx_tools .detail ul li {
    float: left;
    height: 240px;
    line-height: 240px;
    background-color: white;
    padding: 0 5px;
}

.cx_tools .detail .img {
    display: inline-block;
    vertical-align: middle;
}

/* 科技创新-数字化 */
.cx_szh {
    padding: 100px 0 65px;
    background: #f0f5f8;
}

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

.cx_szh .txt {
    font-size: 20px;
    color: #666666;
    margin: 20px 0 50px;
    text-align: center;
}


.cx_zx {
    padding: 70px 0;
}

.cx_zx .detail {
    padding-top: 30px;
}

.cx_zx .list {
}

.cx_zx .list .item {
    padding: 30px;
    width: 49%;
    background: #f0f5f8;
    display: flex;
    justify-content: space-between;
}

.cx_zx .list .imgbox {
    margin-top: -60px;
    width: 57%;
}

.cx_zx .list .img {
}

.cx_zx .list .info {
    width: 39%;
    padding-top: 20px;
}

.cx_zx .list .en {
    font-size: 14px;
    color: #999999;
}

.cx_zx .list .title {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
}

.cx_zx .list .line {
    width: 48px;
    height: 3px;
    background: #004188;
    display: block;
    margin-top: 10px;
    margin-bottom: 8px;
}

.cx_zx .list .txt {
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    -webkit-line-clamp: 5;
    height: 110px;
}


.cx_sz {
    padding: 70px 0;
    background: #f0f5f8;
}

.cx_sz .list {
    margin-left: -1%;
}

.cx_sz .list .item {
    float: left;
    background: #fff;
    width: 19%;
    margin-left: 1%;
}

.cx_sz .list .imgbox {
    height: 260px;
    line-height: 260px;
    text-align: center;
}

.cx_sz .list .img {
    max-width: 100%;
    max-height: 200px;
    display: inline-block;
    vertical-align: middle;
}

.cx_sz .list .title {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    border-top: 1px solid #f0f5f8;
}

.cx_sz .list .num {
    font-size: 14px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #004188;
    margin-right: 10px;
}

.cx_chuan {
    padding: 100px 0 70px;
}

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

.cx_chuan .bot {
    flex-wrap: wrap;
    margin-top: 60px;
}

.cx_chuan .bot span {
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    display: block;
    margin-bottom: 20px;
    background: #004188;
    width: 32%;
    text-align: center;
}

.cx_xt {
    padding: 90px 0;
}

.cx_xt .detail {
}

.cx_xt .lbox {
    width: 41%;
}

.cx_xt .info {
    width: 77%;
}

.cx_xt .info .imgbox {
}

.cx_xt .info .img {
    width: 100%;
    height: 200px;
}

.cx_xt .info .title {
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.cx_xt .xian {
    margin: 0 2%;
    width: 19%;
    height: auto;
    height: 30px;
    background: url(../images/cx_33.png) no-repeat center;
    background-size: cover;
    margin-top: 85px;
}

.cx_xt .rbox {
    width: 59%;
}

.cx_xt .list {
}

.cx_xt .list .item {
    width: 32%;
}

.cx_xt .list .imgbox {
}

.cx_xt .list .img {
    width: 100%;
    display: block;
    height: 200px;
}

.cx_xt {
}

.cx_xt .t-tit {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-bottom: 45px;
    font-weight: bold;
}

.cx_xt .detail .img {
    width: 100%;
}

/* 科技创新-智能制造 */
.cz_zhin {
    padding: 70px 0;
}

.cz_zhin .list { /* margin-left: -1%; */
}

.cz_zhin .list .item { /* float: left;width: 19%;margin-left: 1%; */
    background: #f0f5f8;
}

.cz_zhin .list .imgbox {
}

.cz_zhin .list .img {
    width: 100%;
    display: block;
}

.cz_zhin .list .title {
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    line-height: 50px;
}

.cz_zhin .swiper-pagination {
    display: none;
}

.cz_zhin .detail {
    position: relative;
}

.cz_zhin .swiper-container {
    position: static;
}

.cz_zhin .swiper-button-next, .cz_zhin .swiper-button-prev {
    width: 42px;
    height: 42px;
    top: 50%;
    margin-top: -22px;
}

.cz_zhin .swiper-button-prev {
    background: url(../images/us_03.png) no-repeat center;
    background-size: contain;
    left: -80px;
}

.cz_zhin .swiper-button-next {
    background: url(../images/us_04.png) no-repeat center;
    background-size: contain;
    right: -80px;
}

.cz_zhin .swiper-button-prev:hover {
    background: url(../images/us_03-1.png) no-repeat center;
    background-size: contain;
}

.cz_zhin .swiper-button-next:hover {
    background: url(../images/us_04-1.png) no-repeat center;
    background-size: contain;
}


.cz_zaoc {
    background: url(../images/cx_45.jpg) no-repeat center;
    background-size: cover;
    padding: 70px 0;
}

.cz_zaoc .detail {
}

.cz_zaoc .detail .img {
    max-width: 1200px;
    margin: 0 auto;
}


/* 关于我们-新闻中心 */
.us_xw {
    padding: 80px 0;
    background: #f0f4f6;
}

.us_xw .menu {
    margin-bottom: 30px;
}

.us_xw .menu .lk {
    cursor: pointer;
}

.us_xw .menu .tit {
    font-size: 30px;
    color: #999999;
    font-weight: bold;
}

.us_xw .menu .en {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
}

.us_xw .menu .line {
    width: 2px;
    height: 50px;
    display: block;
    background: #004188;
    margin: 0 25px;
}

.us_xw .menu .lk.cur .tit, .us_xw .menu .lk:hover .tit {
    color: #004188;
}

.us_xw .menu .lk.cur .en, .us_xw .menu .lk:hover .en {
    color: #004188;
}

.us_xw .top_hot {
    margin-bottom: 20px;
}

.us_xw .top_hot .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    display: block;
}

.us_xw .top_hot .txt {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    -webkit-line-clamp: 2;
    margin-top: 8px;
}

.us_xw .top_hot .title:hover {
    color: #004188;
}

.us_shot {
    padding: 80px 0 90px;
}

.us_shot .titbox {
    margin-bottom: 35px;
}

.us_shot .titbox .cn {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.us_shot .titbox .en {
    font-size: 14px;
    color: #637688;
    text-transform: uppercase;
}

.us_shot .detail {
}

.us_shot .item {
    overflow: hidden;
    position: relative;
}

.us_shot .item .imgbox {
    transition: all 3s;
    display: block;
}

.us_shot .item:hover .imgbox {
    transform: scale(1.1, 1.1);
}

.us_shot .col_l {
    width: 50%;
}

.us_shot .col_l .imgbox {
    height: 360px;
}

.us_shot .col_c {
    width: 25.8%;
}

.us_shot .col_c .item {
    margin-bottom: 20px;
}

.us_shot .col_c .imgbox {
    height: 170px;
}

.us_shot .col_r {
    width: 21.5%;
}

.us_shot .col_r .imgbox {
    height: 360px;
}

.us_shot .col_r .more {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 100%;
}


@media screen and (min-width: 1400px) and (max-width: 1670px) {
    .head .auto {
        width: 98%;
    }

    .hd_logo .img {
        height: 50px;
    }

    .hd_nav li {
        margin-left: 20px;
    }


}

@media screen and (min-width: 1270px) and (max-width: 1399px) {
    .head .auto {
        width: 96%;
    }

    .hd_logo .img {
        height: 40px;
    }

    .hd_nav li {
        margin-left: 20px;
    }

    .hd_nav li > a {
        font-size: 16px;
        line-height: 40px;
    }

    .hd_nav li > a::after {
        margin-left: 5px;
    }


    .hd_nav .drop {
        top: 100px;
    }

    .hd_nav .drop .item .title {
        font-size: 16px;
    }


    /* 关于我们 */
    .us_us {
        background-size: 100% 580px;
    }

    /* index */
    .idx_intro .titbox .en {
        font-size: 26px;
    }


}

@media screen and (min-width: 1201px) and (max-width: 1266px) {
    .head .auto {
        width: 98%;
    }

    .hd_logo .img {
        height: 40px;
    }

    .hd_nav li {
        margin-left: 20px;
    }

    .hd_nav li > a {
        font-size: 16px;
        line-height: 40px;
    }

    .hd_nav li > a::after {
        margin-left: 5px;
    }

    .hd_nav .drop {
        top: 100px;
    }

    .hd_nav .drop .item .title {
        font-size: 16px;
    }


}


@media screen and (min-width: 320px) and (max-width: 1199px) {
    .auto {
        width: 100%;
        padding: 0 2% !important;
    }

    .ag7-bannerslide {
        display: none;
    }

    .idx_ban .swiper-container {
        display: block;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .head {
        padding: 25px 0;
    }

    .hd_logo {
        float: none;
    }

    .hd_logo .img {
        display: block;
        margin: 0 auto;
        height: 50px;
    }

    .hd_nav {
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .hd_nav li {
        margin: 0 15px;
        text-align: left;
    }

    .hd_nav li > a {
        font-size: 17px;
        line-height: 40px;
    }

    .hd_nav .drop {
        top: auto;
    }


    .inner_ban {
        height: 450px;
    }

    .inner_ban .tag {
        font-size: 30px;
        line-height: 70px;
    }

    .inner_ban .en {
        font-size: 46px;
    }

    .pub_bar {
        position: static;
    }

    .pub_bar .auto {
        padding: 0 !important;
    }

    .crumb {
        padding: 0 30px;
    }

    .sub_menu .lk {
        margin-right: 30px;
    }

    .foot .smlogo {
        height: 50px;
    }

    .foot .tp {
        width: 160px;
    }

    /* 关于我们 */
    .sp_titbox .en {
        font-size: 30px;
    }

    .sp_titbox .cn {
        font-size: 23px;
    }

    .us_evo .item .year {
        font-size: 20px;
    }

    .us_evo .module {
        padding: 0 10px;
    }

    .us_evo .swiper-button-next, .us_evo .swiper-button-prev {
        margin-top: -16px;
    }

    /* 人力资源 */
    .hr_idea .list .fz {
        line-height: 20px;
        height: 40px;
    }

    .pub_sec .slide {
        width: 500px;
    }

    .pub_sec .list {
        margin-left: 525px;
    }

    .pub_sec .list .item {
        margin-bottom: 14px;
    }

    .pub_sec .list .botbox {
        margin-top: 13px;
        padding: 10px 15px;
    }


    /* index */
    .idx_ban .swiper-pagination {
        bottom: 20px !important;
    }

    .idx_ban .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #fff;
        opacity: 1;
    }

    .idx_ban .swiper-pagination-bullet-active {
        background: #044b91;
    }

    .xinxi_solution_main {
        width: 990px;
        margin: 0 auto;
    }

    .xinxi_solution_main ul li {
        width: 150px !important;
    }

    .xinxi_solution_main ul li.on {
        width: 390px !important;
    }

    .idx_dt .pub_sec .slide {
        width: 400px;
    }

    .idx_dt .pub_sec .list {
        margin-left: 420px;
    }

    .idx_dt .pub_sec .slide .img {
        height: 310px;
    }

    .idx_dt .thumb_list .img {
        height: 145px;
    }


    /* 联系我们 */
    .lx_intro .box {
        display: block;
    }

    .lx_intro .col {
        width: 100%;
    }

    .lx_intro .col span {
        min-width: auto;
    }

    /* 科技创新-数字化 */
    .cx_zx .list .item {
        padding: 20px;
    }

    .cx_zx .list .imgbox {
        margin-top: 0;
    }

    .cx_zx .list .info {
        padding-top: 0;
    }

    .cx_sz .list .imgbox {
        height: 200px;
        line-height: 200px;
    }

    /* index */
    .idx_intro .titbox .bt {
        font-size: 30px;
    }

    .idx_intro .titbox .en {
        font-size: 22px;
    }

    .idx_intro .smlist .icon {
        width: 56px;
    }

    /* 科技创新-智能制造 */
    .cz_zhin .swiper-pagination {
        display: block;
        position: static;
        margin-top: 20px;
    }

    .cz_zhin .swiper-button-next, .cz_zhin .swiper-button-prev {
        display: none;
    }

    .cx_chuan .bot span {
        font-size: 16px;
    }

    .cx_intro .cx_newtit .tit {
        position: static;
        margin-bottom: 10px;
        display: block;
    }

    .cx_newtit .desc {
        font-size: 24px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .sj_menu {
        position: absolute;
        right: 3%;
        top: 50%;
        width: 36px;
        height: 36px;
        background: url(../images/menu.png) no-repeat center;
        background-size: cover;
        margin-top: -18px;
    }

    .sj_menu.close {
        background: url(../images/close.png) no-repeat center;
        background-size: 28px;
    }

    .head {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        padding: 15px 0;
        height: 80px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    .head .auto {
        width: 100%;
    }

    .head + div {
        margin-top: 80px;
    }

    .hd_logo .img {
        height: 50px;
        margin-top: 0;
    }

    .hd_nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 80px;
        background: #fff;
        bottom: 0;
        overflow-y: scroll !important;
        display: none;
    }

    .hd_nav li {
        display: block;
        margin: 0;
        padding: 0 20px;
        position: relative;
    }

    .hd_nav li > a {
        line-height: 50px;
        border-bottom: 1px solid #efefef;
        font-size: 17px;
    }

    .hd_nav li > a::after {
        display: none;
    }

    .hd_nav li:hover > a::after, .hd_nav li.cur > a::after {
        display: none !important;
    }

    .hd_nav li .arrow {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 15px;
        top: 0;
        background: url(../images/arr.png) no-repeat center;
        background-size: 16px;
    }

    .hd_nav li .arrow.a {
        background-image: url(../images/arr-1.png);
    }

    .hd_nav li:hover > a {
        color: #333;
    }

    .hd_nav li.has > a::after {
        display: none !important;
    }

    .hd_nav li:hover .drop {
        display: none;
    }

    .hd_nav .drop {
        position: static;
        display: none;
        width: 100%;
        box-shadow: none;
        padding: 0 10px;
        border: none;
    }

    .hd_nav .drop .item-list {
        display: block;
        margin: 0;
    }

    .hd_nav .drop .item {
        width: 100%;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #efefef;
    }

    .hd_nav .drop .imgbox {
        display: none;
    }

    .hd_nav .drop .item .title {
        font-size: 16px;
        text-align: left;
        line-height: 40px;
        margin: 0;
        padding-left: 10px;
    }

    .inner_ban {
        height: 340px;
    }

    .inner_ban .box {
        top: 100px;
    }

    .inner_ban .tag {
        font-size: 24px;
        line-height: 54px;
        border-width: 1px;
    }

    .inner_ban .en {
        font-size: 36px;
        margin: 15px 0;
    }

    .inner_ban .line {
        width: 36px;
        height: 3px;
    }

    .pub_bar {
        position: static;
    }

    .pub_bar .auto {
        padding: 0 !important;
    }

    .crumb {
        padding: 0 20px;
        line-height: 50px;
    }

    .sub_menu .lk {
        margin-right: 20px;
        line-height: 50px;
    }

    .cx_main {
        padding: 30px 0;
    }

    .cx_mod .info {
        padding-top: 0;
    }

    .cx_mod .num {
        font-size: 44px;
    }

    .cx_mod .bt {
        padding-bottom: 10px;
    }

    .cx_mod .txt {
        margin-top: 10px;
        line-height: 24px;
        height: 120px;
    }

    .cx_mod .swiper-button-next, .cx_mod .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .cx_mod .swiper-button-prev {
        left: 5px;
    }

    .cx_mod .swiper-button-next {
        right: 5px;
    }


    .foot .smlogo {
        height: 40px;
    }

    .foot .info {
        margin-top: 10px;
        line-height: 26px;
    }

    .foot .tp {
        width: 140px;
        border-width: 3px;
    }

    /* 产品中心 */
    .pro_l {
        width: 100%;
        float: none;
    }

    .pro_l .t_tit {
        font-size: 20px;
        text-align: center;
    }

    .pro_l .box {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .pro_l .lk {
        width: 25%;
        text-align: center;
        background: none;
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 0;
        padding: 0;
    }

    .pro_r {
        margin-left: 0;
        margin-top: 30px;
    }

    .pro_list .item {
        margin-bottom: 20px;
    }

    /* 江南镜头 */
    .sp_titbox .en {
        font-size: 26px;
    }

    .sp_titbox .cn {
        font-size: 20px;
    }

    .sp_list .icon {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
    }

    .sp_main {
        padding: 40px 0;
    }

    .sp_list .title {
        font-size: 14px;
        padding: 0 10px;
        line-height: 36px;
    }

    /* 关于我们 */
    .sp_titbox .en {
        font-size: 30px;
    }

    .sp_titbox .cn {
        font-size: 23px;
    }

    .us_gk .info {
        width: 100%;
        float: none;
    }

    .us_gk .txt {
        height: auto;
        -webkit-line-clamp: initial;
    }

    .us_gk .imgbox {
        margin-top: 0;
        width: 80%;
        float: none;
        margin: 25px auto 0;
    }

    .us_gk .imgbox .img_1 {
        display: none;
    }

    .us_gk .imgbox .img_2 {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .us_evo .item .year {
        font-size: 18px;
    }

    .us_evo .module {
        padding: 0 10px;
    }

    .us_evo .swiper-button-next, .us_evo .swiper-button-prev {
        margin-top: -12px;
        width: 34px;
        height: 34px;
    }

    .us_us {
        margin-bottom: 60px;
    }

    .us_us .list-show {
        padding: 50px 0;
        flex-wrap: wrap;
    }

    .us_us .list-show li {
        width: 25%;
        flex: auto;
        margin: 15px 0;
    }

    .us_us .list-show .icon {
        width: 60px;
    }

    .us_us .list-show .num {
        font-size: 22px;
    }

    .us_us .list-show .fz {
        font-size: 13px;
    }

    .us_us .list-show li:nth-child(4n+4) {
        border-right: none;
    }

    .us_us .list .item {
        width: 50%;
    }

    .us_us .list-t .item:first-child {
        float: left;
    }


    /* 人力资源 */
    .hr_titbox {
        margin-bottom: 30px;
    }

    .hr_titbox .cn {
        font-size: 26px;
    }

    .hr_smtit .en {
        font-size: 28px;
    }

    .hr_smtit .cn {
        font-size: 22px;
    }


    .hr_main {
        padding: 60px 0 50px;
    }

    .hr_l, .hr_r {
        width: 100%;
        float: none;
    }

    .hr_human {
        margin-top: 40px;
    }


    .hr_boat .detail {
        display: block;
        font-size: 0;
    }

    .hr_boat .col_l {
        width: 49%;
        margin-right: 2%;
        display: inline-block;
    }

    .hr_boat .col_l .imgbox {
        height: 280px;
    }

    .hr_boat .col_c {
        width: 48%;
        display: inline-block;
    }

    .hr_boat .col_c .imgbox {
        height: 200px;
    }

    .hr_boat .col_r {
        width: 100%;
        font-size: 0;
    }

    .hr_boat .col_r .item {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 49%;
        margin-top: 2%;
    }

    .hr_boat .col_r .item:first-child {
        margin-right: 2%;
    }

    .hr_boat .col_r .imgbox {
        height: 100px;
    }

    .hr_boat .col_r .icon {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }


    .pub_sec .slide {
        width: 380px;
    }

    .pub_sec .list {
        margin-left: 400px;
    }

    .pub_sec .list .item {
        margin-bottom: 18px;
    }

    .pub_sec .list .botbox {
        margin-top: 13px;
        padding: 10px 15px;
        display: none !important;
    }


    /* 新闻中心 */
    .pub_bar.xw .crumb {
        float: none;
    }

    .pub_bar.xw .sub_menu {
        float: none;
        width: 100%;
        text-align: center;
    }


    .xw_news {
        padding: 50px 0;
    }

    .xw_news .menubox .cn {
        font-size: 24px;
    }

    .xw_news .menubox .en {
        font-size: 13px;
    }

    .xw_shot {
        padding: 50px 0;
    }

    .xw_shot .list_r .shade .more {
        font-size: 18px;
    }

    /* 党建文化 */
    .cul_s1 {
        padding: 60px 0 30px;
    }

    .cul_xw {
        width: 51%;
    }

    .cul_xw .pub_sec .list .item {
        margin-bottom: 10px;
    }

    .cul_zt .list li {
        margin-bottom: 36px;
    }

    .cul_zt .list .img {
        height: 65px;
    }

    .cul_s2 {
        padding: 60px 0 30px;
    }

    .cul_fc {
        width: 51%;
    }

    .cul_fc .list .icon {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

    .cul_idea .list li {
        margin-bottom: 10px;
    }

    /* 党建文化列表 */
    .cul_l {
        width: 100%;
        float: none;
    }

    .cul_l .t_tit {
        display: none;
    }

    .cul_l .menu {
        display: flex;
        justify-content: space-between;
    }

    .cul_l .menu .lk {
        width: 33.3%;
        border: none;
        text-align: center;
        padding-left: 0;
        line-height: 60px;
    }

    .cul_l .menu .lk::before {
        margin-right: 10px;
    }

    .cul_r {
        margin-left: 0;
    }

    /* 详情 */
    .det_body .head {
        box-shadow: none;
    }

    .crumb_det .auto {
        padding: 0 !important;
    }

    .det_video .video {
        height: 360px;
    }

    .det_wrap .title {
        font-size: 24px;
    }

    .det_wrap .sm span {
        font-size: 14px;
    }

    .pagenav li {
        float: none !important;
        text-align: left !important;
        font-size: 15px;
        width: 100%;
    }

    /* index */
    .idx_ban .swiper-pagination {
        bottom: 10px !important;
    }

    .idx_ban .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #fff;
        opacity: 1;
    }

    .idx_ban .swiper-pagination-bullet-active {
        background: #044b91;
    }

    .idx_ad {
        padding: 50px 0;
    }

    .idx_dt {
        padding: 50px 0;
    }

    .idx_dt .pub_sec {
        width: 100%;
        float: none;
    }

    .idx_dt .pub_sec .slide {
        width: 400px;
    }

    .idx_dt .pub_sec .slide .img {
        height: 240px;
    }

    .idx_dt .pub_sec .list {
        margin-left: 420px;
    }

    .idx_dt .thumb_list {
        width: 100%;
        float: none;
        margin-left: -2%;
    }

    .idx_dt .thumb_list .item {
        width: 48%;
        margin: 0 0 0 2%;
        float: left;
    }

    .idx_cp {
        padding: 50px 0;
    }

    .idx_cp .list .box {
        width: 80%;
        margin-left: -40%;
        padding: 15px 15px;
    }

    .idx_cp .list .txt p {
        margin-bottom: 0;
        padding-left: 10px;
    }

    .idx_cp .list .txt p::before {
        width: 4px;
        height: 4px;
        top: 10px;
    }

    .idx_cp .list .txt {
        font-size: 13px;
        margin-top: 15px;
        line-height: 26px;
        padding-left: 0;
        -webkit-line-clamp: 4;
        height: 104px;
    }

    .xinxi_solution_main {
        width: 760px;
        margin: 0 auto;
    }

    .xinxi_solution_main ul li {
        width: 120px !important;
    }

    .xinxi_solution_main ul li.on {
        width: 280px !important;
    }


    .idx_intro {
        padding: 50px 0 0;
        height: auto;
        background-position: left center;
    }

    .idx_intro .lbox {
        width: 100%;
        float: none;
        position: static;
        margin-bottom: 30px;
        padding-top: 0;
    }

    .idx_intro .titbox {
        margin-top: 0;
    }

    .idx_intro .titbox .bt {
        font-size: 28px;
        text-align: center;
    }

    .idx_intro .titbox .en {
        font-size: 18px;
        text-align: center;
        margin-top: 5px;
    }

    .idx_intro .smlist {
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
    }

    .idx_intro .smlist li {
        width: 25%;
        text-align: center;
    }

    .idx_intro .smlist .icon {
        width: 56px;
    }

    .idx_intro .rbox {
        width: 100%;
        float: none;
        position: static;
    }

    .idx_rc {
        padding: 50px 0;
    }

    /* 联系我们 */
    .lx_intro .box {
        display: block;
    }

    .lx_intro .col {
        width: 100%;
    }

    .lx_intro .col span {
        min-width: auto;
    }

    .lx_intro .list-zi {
    }

    .lx_intro .list-zi li {
        width: 33.3%;
    }


    /* 科技创新-低碳化转型 */
    .cx_titbox .bt {
        font-size: 26px;
    }

    .cx_szh .txt {
        font-size: 18px;
    }

    .cx_zc .desc.aa {
        font-size: 16px;
        line-height: 28px;
    }

    .line_bar::after {
        width: 24px;
        height: 24px;
        top: -12px;
        margin-left: -12px;
    }

    .cx_zc .list .tit {
        -webkit-line-clamp: 2;
        height: 52px;
        font-size: 16px;
    }

    .cx_zc .list .item1 .img {
        height: 100px;
    }

    .cx_zc .list .item1 .txt {
        font-size: 14px;
    }

    .cx_yf .list .title {
        font-size: 17px;
    }

    /* 科技创新-设计研发 */
    .cx_newtit .desc {
        font-size: 18px;
    }

    .cx_intro .cx_newtit .tit {
        position: relative;
        display: block;
        margin-bottom: 10px;
        font-size: 26px;
    }


    /* 科技创新-数字化 */
    .cx_szh {
        padding: 60px 0;
    }

    .cx_zx .detail {
        padding-top: 0;
    }

    .cx_zx .list .item {
        padding: 10px;
    }

    .cx_zx .list .imgbox {
        margin-top: 0;
    }

    .cx_zx .list .info {
        padding-top: 0;
    }

    .cx_zx .list .title {
        font-size: 17px;
    }

    .cx_zx .list .line {
        width: 28px;
        height: 2px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .cx_zx .list .txt {
        font-size: 13px;
        -webkit-line-clamp: 4;
        height: 88px;
    }


    .cx_sz .list {
        margin-left: -2%;
    }

    .cx_sz .list .item {
        width: 31.3%;
        margin-bottom: 2%;
        margin-left: 2%;
    }

    .cx_chuan .bot span {
        width: 49%;
        margin-bottom: 15px;
    }

    .cx_xt {
        padding: 60px 0;
    }

    .cx_xt .info .img {
        height: 140px;
    }

    .cx_xt .xian {
        margin-top: 60px;
    }

    .cx_xt .list .img {
        height: 140px;
    }


    /* 科技创新-智能制造 */
    .cz_zhin .swiper-pagination {
        display: block;
        position: static;
        margin-top: 20px;
    }

    .cz_zhin .swiper-button-next, .cz_zhin .swiper-button-prev {
        display: none;
    }

    /* 关于我们-新闻中心 */
    .us_xw {
        padding: 60px 0;
    }

    .us_xw .menu .tit {
        font-size: 24px;
    }


    .us_shot {
        padding: 60px 0;
    }

    .us_shot .titbox .cn {
        font-size: 24px;
    }

    .us_shot .col_l .imgbox {
        height: 260px;
    }

    .us_shot .col_c .item {
        margin-bottom: 10px;
    }

    .us_shot .col_c .imgbox {
        height: 125px;
    }

    .us_shot .col_r .imgbox {
        height: 260px;
    }

    .us_shot .video_icon {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }


}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .auto {
        padding: 0 3% !important;
    }

    .sj_menu {
        position: absolute;
        right: 3%;
        top: 50%;
        width: 24px;
        height: 24px;
        background: url(../images/menu.png) no-repeat center;
        background-size: cover;
        margin-top: -12px;
    }

    .sj_menu.close {
        background: url(../images/close.png) no-repeat center;
        background-size: 18px;
    }

    .head {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        padding: 15px 0;
        height: 58px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        box-shadow: none !important;
    }

    .head .auto {
        width: 100%;
    }

    .head + div {
        margin-top: 58px;
    }

    .hd_logo .img {
        height: 28px;
        width: auto;
        margin-top: 0;
    }

    .hd_nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 58px;
        background: #fff;
        bottom: 0;
        overflow-y: scroll !important;
        display: none;
    }

    .hd_nav li {
        display: block;
        margin: 0;
        position: relative;
        padding: 0;
    }

    .hd_nav li > a {
        line-height: 48px;
        border-bottom: 1px solid #efefef;
        font-size: 16px;
        padding: 0 15px;
    }

    .hd_nav li > a::after {
        display: none;
    }

    .hd_nav li .arrow {
        width: 48px;
        height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/arr.png) no-repeat center;
        background-size: 16px;
    }

    .hd_nav li .arrow.a {
        background-image: url(../images/arr-1.png);
    }

    .hd_nav li:hover > a {
        color: #333;
    }

    .hd_nav li.has > a::after {
        display: none !important;
    }

    .hd_nav li:hover .drop {
        display: none;
    }

    .hd_nav .drop {
        position: static;
        display: none;
        width: 100%;
        box-shadow: none;
        padding: 0 10px;
        border: none;
    }

    .hd_nav .drop .item-list {
        display: block;
        margin: 0;
    }

    .hd_nav .drop .item {
        width: 100%;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #efefef;
    }

    .hd_nav .drop .imgbox {
        display: none;
    }

    .hd_nav .drop .item .title {
        font-size: 14px;
        text-align: left;
        line-height: 40px;
        margin: 0;
        padding-left: 10px;
    }


    .inner_ban {
        height: 180px;
    }

    .inner_ban .box {
        top: 55px;
    }

    .inner_ban .tag {
        font-size: 14px;
        line-height: 30px;
        border-width: 1px;
        padding: 0 20px;
    }

    .inner_ban .en {
        font-size: 18px;
        margin: 10px 0;
    }

    .inner_ban .line {
        width: 26px;
        height: 2px;
    }

    .pub_bar {
        position: static;
    }

    .pub_bar .auto {
        padding: 0 !important;
    }

    .crumb {
        padding: 0 3%;
        line-height: 40px;
        float: none;
        font-size: 13px;
    }

    .crumb > img {
        margin: 0 5px;
    }

    .sub_menu {
        float: none;
        display: flex;
        justify-content: space-between;
    }

    .sub_menu .lk {
        margin-right: 0;
        line-height: 40px;
        text-align: center;
        flex: auto;
    }

    .sub_menu .lk.cur::after, .sub_menu .lk:hover::after {
        width: 30px;
        margin-left: -15px;
        left: 50%;
    }


    .foot {
        padding: 30px 0 20px;
    }

    .foot .lbox {
        float: none;
    }

    .foot .smlogo {
        height: auto;
        width: 96%;
        display: block;
    }

    .foot .info {
        margin-top: 10px;
        line-height: 26px;
    }

    .foot .rbox {
        float: none;
    }

    .foot .tp {
        width: 120px;
        border-width: 2px;
    }

    .foot .fz {
        font-size: 12px;
        margin-top: 5px;
    }

    /* 联系我们 */
    .main {
        padding: 30px 0 40px;
    }

    .lx_tit {
        font-size: 20px;
    }

    .lx_gs {
        box-shadow: none;
        padding: 0;
    }

    .lx_gs .info {
        width: 100%;
        max-width: 100%;
    }

    .lx_gs .smtit {
        font-size: 16px;
    }

    .lx_gs .list {
        margin-top: 15px;
    }

    .lx_gs .list li {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }

    .lx_gs .vxbox {
        float: none;
        margin: 0;
    }

    .lx_intro {
        box-shadow: none;
        padding: 0;
    }

    .lx_intro .box {
        display: block;
        padding-left: 0;
        font-size: 13px;
    }

    .lx_intro .col {
        width: 100%;
        float: none;
        padding: 0 0;
        margin-bottom: 15px;
    }

    .lx_intro .col span {
        min-width: auto;
    }

    .lx_intro .list-zi li {
        width: 50%;
    }

    .lx_map {
        height: 300px;
    }

    /* 产品中心 */
    .pro_l {
        width: 100%;
        float: none;
    }

    .pro_l .t_tit {
        font-size: 16px;
        text-align: center;
        line-height: 40px;
    }

    .pro_l .box {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 12px;
    }

    .pro_l .lk {
        width: auto;
        text-align: center;
        background: none;
        font-size: 14px;
        line-height: 46px;
        margin-bottom: 0;
        padding: 0;
    }

    .pro_r {
        margin-left: 0;
        margin-top: 30px;
    }

    .pro_list {
        margin-left: -3%;
    }

    .pro_list .item {
        margin-bottom: 3%;
        width: 47%;
        margin-left: 3%;
    }

    .pro_list .title {
        font-size: 16px;
        background-size: 14px;
        padding-right: 20px;
    }

    .pro_list .info {
        padding: 10px 0;
    }

    .pro_list .txt {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
        margin-top: 5px;
    }

    .pro_list .item:hover {
        box-shadow: none;
    }


    /* 江南镜头 */
    .sp_titbox {
        text-align: center;
        margin-bottom: 20px;
    }

    .sp_titbox .en {
        font-size: 15px;
        line-height: 20px;
    }

    .sp_titbox .cn {
        font-size: 20px;
        line-height: 20px;
    }

    .sp_list .icon {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        margin-left: -17px;
    }

    .sp_main {
        padding: 40px 0;
    }

    .sp_list_t .item {
        width: 48%;
    }

    .sp_list_t .item_1 {
        width: 100%;
    }

    .sp_list_b {
        margin-top: 20px;
        margin-left: -3%;
    }

    .sp_list_b .item {
        width: 47%;
        margin: 0 0 3% 3%;
    }

    .sp_list .title {
        font-size: 13px;
        padding: 0 10px;
        line-height: 34px;
    }

    /* 关于我们 */
    .us_gk {
        padding: 40px 0;
    }

    .us_gk .info {
        width: 100%;
        float: none;
    }

    .us_gk .txt {
        height: auto;
        -webkit-line-clamp: initial;
        line-height: 26px;
    }

    .us_gk .imgbox {
        margin-top: 0;
        width: 100%;
        float: none;
        margin: 25px auto 0;
    }

    .us_gk .imgbox .img_1 {
        display: none;
    }

    .us_gk .imgbox .img_2 {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .us_gk .imgbox .img_2 .swiper-container {
        height: auto;
    }

    .us_evo {
        padding: 0 0 40px;
    }

    .us_evo .item .year {
        font-size: 16px;
        margin-top: 15px;
    }

    .us_evo .module {
        padding: 0;
    }

    .us_evo .swiper-button-next, .us_evo .swiper-button-prev {
        margin-top: -8px;
        width: 26px;
        height: 26px;
    }

    .us_evo .swiper-button-prev {
        left: 0;
    }

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

    .us_evo .gallery-thumbs {
        padding: 0;
    }

    .us_evo .gallery-thumbs::after {
        top: 40px;
    }

    .us_evo .item .circle {
        width: 14px;
        height: 14px;
    }

    .us_evo .gallery-top {
        margin-top: 30px;
    }

    .us_evo .title {
        font-size: 18px;
    }

    .us_evo .txt {
        line-height: 26px;
        margin-top: 5px;
    }

    .us_evo .list {
        margin-left: -2%;
    }

    .us_evo .list li {
        width: 31.3%;
        margin: 0 0 2% 2%;
    }

    .us_us {
        margin-bottom: 40px;
        background-size: cover;
        padding-bottom: 15px;
    }

    .us_us .list-show {
        padding: 20px 0;
        flex-wrap: wrap;
    }

    .us_us .list-show li {
        width: 25%;
        flex: auto;
        border: none;
        padding: 15px 0;
    }

    .us_us .list-show .icon {
        width: 44px;
    }

    .us_us .list-show .num {
        font-size: 16px;
        margin-top: 5px;
    }

    .us_us .list-show .fz {
        font-size: 13px;
        margin-top: 5px;
    }

    .us_us .detail {
        padding: 5px 0 10px 5px;
    }

    .us_us .list .item {
        width: 50%;
        margin-bottom: 5px;
    }

    .us_us .list .imgbox {
        width: calc(100% - 5px);
    }

    .us_us .list .tit {
        line-height: 28px;
    }

    .us_us .list-t .item:first-child {
        float: left;
    }

    .us_us .list .shade {
        margin-top: -27px;
    }

    .us_us .list .title {
        font-size: 14px;
    }

    .us_us .list .line {
        width: 20px;
        margin: 5px auto;
    }

    .us_us .list .int {
        font-size: 16px;
    }


    /* 人力资源 */
    .video_icon {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        margin-left: -17px;
    }

    .hr_titbox {
        margin-bottom: 20px;
        text-align: center;
    }

    .hr_titbox .cn {
        font-size: 20px;
    }

    .hr_titbox .en {
        font-size: 13px;
    }

    .hr_smtit .en {
        font-size: 20px;
    }

    .hr_smtit .cn {
        font-size: 16px;
    }

    .hr_smtit .smen {
        font-size: 13px;
    }

    .hr_main {
        padding: 40px 0 30px;
    }

    .hr_l, .hr_r {
        width: 100%;
        float: none;
    }

    .hr_idea .smbt {
        font-size: 14px;
    }

    .hr_idea .txt {
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }

    .hr_zp {
        margin-top: 30px;
    }

    .hr_zp .table th, .hr_zp .table td {
        font-size: 13px;
        line-height: 20px;
        padding: 6px 0;
    }

    .hr_zp .table td:first-child {
        padding-left: 0;
    }

    .hr_zp .table .title {
        background-size: 4px 7px;
        padding-left: 10px;
        -webkit-line-clamp: 2;
        background: none;
    }

    .hr_zp .table th:first-child {
        width: 70%;
        padding-left: 13px;
    }

    .hr_zp .table th:last-child {
        width: 30%;
    }

    .pagelist .total {
        display: none;
    }

    .hr_human {
        margin-top: 35px;
    }

    .hr_human .list {
        padding: 20px 10px 10px;
    }

    .hr_human .list li {
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .hr_human .list .num {
        font-size: 14px;
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin-right: 10px;
    }


    .hr_boat {
        margin-bottom: 30px;
    }

    .hr_boat .detail {
        display: block;
        font-size: 0;
    }

    .hr_boat .col_l {
        width: 100%;
    }

    .hr_boat .col_l .imgbox {
        height: 200px;
    }

    .hr_boat .col_c {
        width: 100%;
        margin-top: 10px;
    }

    .hr_boat .col_c .imgbox {
        height: 180px;
    }

    .hr_boat .col_r {
        width: 100%;
        font-size: 0;
    }

    .hr_boat .col_r .item {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .hr_boat .col_r .imgbox {
        height: 100px;
    }

    .hr_boat .col_r .icon {
        width: 34px;
        height: 34px;
        margin-left: -17px;
        margin-top: -17px;
    }


    .pub_sec .slide {
        width: 100%;
        float: none;
    }

    .pub_sec .slide .bot {
        line-height: 40px;
    }

    .pub_sec .slide .date {
        display: none;
    }

    .pub_sec .slide .title {
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
    }

    .pub_sec .swiper-button-next, .pub_sec .swiper-button-prev {
        width: 30px;
        height: 23px;
        bottom: 40px;
    }

    .pub_sec .swiper-button-prev {
        right: 30px;
    }

    .pub_sec .list {
        margin-left: 0;
        margin-top: 20px;
    }

    .pub_sec .list .item {
        margin-bottom: 15px;
    }

    .pub_sec .list .botbox {
        margin-top: 13px;
        padding: 10px 15px;
        display: none !important;
    }

    .pub_sec .list .title {
        font-size: 15px;
    }


    .pagelist {
        margin-top: 20px;
        text-align: center !important;
    }

    .pagelist a {
        font-size: 12px;
        min-width: 26px;
        line-height: 26px;
        margin: 0 0;
        padding: 0;
    }

    .pagelist a.prev, .pagelist a.next {
        padding: 0 7px;
    }


    /* 新闻中心 */
    .pub_bar.xw .sub_menu {
        float: none;
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .pub_bar.xw .sub_menu .lk {
        min-width: 25%;
        margin-bottom: 5px;
    }

    .xw_news {
        padding: 30px 0;
    }

    .xw_news .menubox {
        display: flex;
        justify-content: space-between;
    }

    .xw_news .menubox .lk {
        display: block;
        flex: 1;
        text-align: center;
        border-width: 1px;
    }

    .xw_news .menubox .cn {
        font-size: 18px;
        line-height: 20px;
    }

    .xw_news .menubox .en {
        font-size: 12px;
    }

    .xw_news .hot_box .title {
        font-size: 16px;
    }

    .xw_news .hot_box .txt {
        line-height: 24px;
        height: 48px;
    }

    .xw_shot {
        padding: 30px 0;
    }

    .xw_shot .list_l {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .xw_shot .list_c {
        width: 56%;
        margin: 0;
    }

    .xw_shot .list_r {
        width: 41%;
    }

    .xw_shot .list_r .shade .more {
        font-size: 18px;
    }

    /* 党建文化 */
    .cul_s1 {
        padding: 40px 0 30px;
    }

    .cul_xw {
        width: 100%;
        float: none;
    }

    .cul_xw .pub_sec .list {
        margin-top: 0;
    }

    .cul_xw .pub_sec .list .item {
        margin-bottom: 10px;
    }

    .cul_zt {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .cul_zt .list li {
        margin-bottom: 10px;
    }

    .cul_s2 {
        padding: 40px 0 30px;
    }

    .cul_fc {
        width: 100%;
        float: none;
    }

    .cul_fc .list .icon {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

    .cul_idea {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .cul_idea .list li {
        margin-bottom: 10px;
    }

    .cul_idea .list .shade .txt {
        font-size: 12px;
        -webkit-line-clamp: 2;
        line-height: 20px;
    }


    /* 党建文化列表 */
    .cul_l {
        width: 100%;
        float: none;
    }

    .cul_l .t_tit {
        display: none;
    }

    .cul_l .menu {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 0;
    }

    .cul_l .menu .lk {
        width: 33.3%;
        border: none;
        text-align: center;
        padding-left: 0;
        line-height: 40px;
        font-size: 15px;
    }

    .cul_l .menu .lk::before {
        display: none;
    }

    .cul_l .menu .lk:hover, .cul_l .menu .lk.this {
        color: #fff;
        background: #004188;
        font-weight: normal;
    }

    .cul_r {
        margin-left: 0;
    }


    /* 新闻列表 */
    .xw_list {
        margin-top: -15px;
    }

    .xw_list .item {
        padding: 15px 0;
        border: none;
        border-bottom: 1px dashed #efefef;;
    }

    .xw_list .imgbox {
        width: 135px;
    }

    .xw_list .info {
        margin-left: 145px;
        padding-top: 0;
    }

    .xw_list .title {
        font-size: 15px;
    }

    .xw_list .txt {
        font-size: 12px;
        line-height: 18px;
        height: 36px;
        margin-top: 5px;
    }

    .xw_list .bot {
        line-height: 26px;
        margin-top: 5px;
    }

    .xw_list .more {
        font-size: 12px;
        line-height: 26px;
        width: 80px;
        display: none;
    }

    .xw_list .more::after {
        width: 8px;
        height: 8px;
        margin-left: 3px;
    }

    .xw_list .date {
        font-size: 12px;
        background-size: 10px;
        padding-left: 15px;
    }


    /* 视频详情 */
    .det_body .head {
        box-shadow: none;
    }

    .det_main {
        padding-bottom: 30px;
    }

    .crumb_det .auto {
        padding: 0 !important;
    }

    .det_video .video {
        height: 220px;
    }

    .det_video .video-js .vjs-big-play-button {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

    .det_wrap .title {
        font-size: 18px;
    }

    .det_wrap .sm span {
        font-size: 12px;
    }

    .det_wrap .editbox {
        font-size: 14px;
        line-height: 26px;
    }

    .det_bot .ico {
        margin-right: 15px;
        font-size: 13px;
    }


    .pagenav {
        margin-top: 15px;
        border-top: 1px dashed #efefef;
        padding-top: 15px;
    }

    .pagenav li {
        float: none !important;
        text-align: left !important;
        font-size: 14px;
        max-width: 100%;
    }

    /* index */
    .idx_ban .swiper-pagination {
        bottom: 10px !important;
    }

    .idx_ban .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #fff;
        opacity: 1;
        margin: 0 4px !important;
    }

    .idx_ban .swiper-pagination-bullet-active {
        background: #044b91;
    }

    .idx_ad {
        padding: 3% 0;
    }

    .idx_titbox {
        margin-bottom: 20px;
    }

    .idx_titbox .cn {
        font-size: 20px;
        line-height: 20px;
    }

    .idx_titbox .fz {
        font-size: 12px;
    }


    .idx_dt {
        padding: 40px 0;
    }

    .idx_dt .pub_sec {
        width: 100%;
        float: none;
    }

    .idx_dt .thumb_list {
        width: 100%;
        float: none;
        margin-left: -2%;
    }

    .idx_dt .thumb_list .item {
        width: 48%;
        margin: 0 0 0 2%;
        float: left;
    }

    .idx_dt .pub_sec .slide {
        width: 100%;
    }

    .idx_dt .pub_sec .slide .img {
        height: auto;
    }

    .idx_dt .pub_sec .list {
        margin-left: 0;
    }

    .idx_dt .thumb_list .img {
        height: auto;
    }


    .idx_cp {
        padding: 40px 0;
    }

    .idx_cp .list {
        height: auto;
    }

    .idx_cp .list .box {
        width: 90%;
        margin: 0 auto;
        padding: 30px 15px;
        display: block;
        position: static;
    }

    .idx_cp .list .txt p {
        margin-bottom: 0;
        padding-left: 10px;
    }

    .idx_cp .list .txt p::before {
        width: 4px;
        height: 4px;
        top: 10px;
    }

    .idx_cp .list .txt {
        font-size: 13px;
        margin-top: 10px;
        line-height: 26px;
        padding-left: 0;
    }

    .xinxi_solution_main {
        width: 100%;
        margin: 0 auto;
    }

    .xinxi_solution_main ul li {
        width: 100% !important;
        float: none;
        height: auto;
        padding: 25px 0;
    }

    .xinxi_solution_main ul li.on {
        width: 100% !important;
    }


    .idx_intro {
        padding: 40px 0 0;
        background-position: left center;
        height: auto;
    }

    .idx_intro .lbox {
        width: 100%;
        float: none;
        position: static;
        margin-bottom: 30px;
        padding-top: 0;
    }

    .idx_intro .titbox {
        margin-top: 0;
    }

    .idx_intro .titbox .bt {
        font-size: 20px;
        text-align: center;
    }

    .idx_intro .titbox .en {
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
    }

    .idx_intro .smlist {
        margin-top: 25px;
        margin-left: 0;
        width: 100%;
    }

    .idx_intro .smlist li {
        width: 25%;
        text-align: center;
    }

    .idx_intro .smlist .icon {
        width: 44px;
    }

    .idx_intro .smlist .tit {
        font-size: 14px;
        margin-top: 10px;
    }

    .idx_intro .smlist .fz {
        font-size: 13px;
    }

    .idx_intro .rbox {
        width: 100%;
        float: none;
        position: static;
    }

    .idx_intro .list .shade {
        padding: 30px 15px;
    }

    .idx_intro .list .title {
        font-size: 16px;
    }

    .idx_intro .list .txt {
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 8;
        height: 160px;
        text-align: justify;
        margin-top: 10px;
    }

    .idx_intro .list .bg {
        height: 250px;
    }

    .idx_rc {
        padding: 40px 0;
    }

    .idx_rc .list_l {
        width: 100%;
        float: none;
    }

    .idx_rc .list_l li {
        width: 100%;
        margin: 0 0 3%;
    }

    .idx_rc .list_r {
        width: 100%;
        float: none;
    }

    /* 科技创新-低碳化转型 */
    .cx_titbox {
        margin-bottom: 20px;
    }

    .cx_titbox .bt {
        font-size: 19px;
    }

    .cx_titbox .line {
        width: 24px;
        margin: 8px auto;
    }

    .cx_titbox .desc {
        font-size: 14px;
        line-height: 22px;
    }

    .line_bar::after {
        width: 16px;
        height: 16px;
        top: -8px;
        margin-left: -8px;
    }

    .cx_intro {
        padding: 40px 0;
    }

    .cx_intro .imgbox .fz {
        font-size: 14px;
    }

    .cx_zc {
        padding: 40px 0 20px;
    }

    .cx_zc .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .cx_zc .list .tit {
        -webkit-line-clamp: initial;
        height: auto;
        margin-top: 10px;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
    }

    .cx_zc .line_bar {
        margin-top: 10px;
        margin-bottom: 35px;
    }

    .cx_zc .list .item1 .img {
        height: 100px;
    }

    .cx_zc .list .item1 .txt {
        font-size: 14px;
    }

    .cx_zc .desc.aa {
        font-size: 14px;
        line-height: 24px;
    }


    /* 科技创新-设计研发 */
    .cx_newtit {
        margin-bottom: 20px;
    }

    .cx_newtit .desc {
        font-size: 15px;
        line-height: 22px;
    }

    .cx_intro .cx_newtit .tit {
        position: relative;
        display: block;
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 24px;
    }


    .cx_yf {
        padding: 40px 0 20px;
    }

    .cx_yf .list .item {
        width: 48%;
        margin-bottom: 15px;
    }

    .cx_yf .list .title {
        margin-top: 10px;
        font-weight: normal;
        font-size: 15px;
    }

    .cx_tools {
        padding: 40px 0 20px;
    }

    /* 科技创新-数字化 */
    .cx_szh {
        padding: 20px 0;
    }

    .cx_szh .txt {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .cx_zx {
        padding: 40px 0;
    }

    .cx_zx .detail {
        padding-top: 0;
    }

    .cx_zx .list {
        flex-wrap: wrap;
    }

    .cx_zx .list .item {
        padding: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

    .cx_zx .list .imgbox {
        margin-top: 0;
        width: 48%;
    }

    .cx_zx .list .info {
        padding-top: 0;
        width: 47%;
    }

    .cx_zx .list .en {
        font-size: 12px;
    }

    .cx_zx .list .title {
        font-size: 15px;
    }

    .cx_zx .list .line {
        width: 20px;
        height: 2px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .cx_zx .list .txt {
        font-size: 12px;
        -webkit-line-clamp: 3;
        height: 66px;
    }

    .cx_sz {
        padding: 40px 0;
    }

    .cx_sz .list {
        margin-left: -2%;
    }

    .cx_sz .list .item {
        width: 48%;
        margin-bottom: 2%;
        margin-left: 2%;
    }

    .cx_sz .list .imgbox {
        height: 160px;
        line-height: 160px;
    }

    .cx_sz .list .img {
        max-height: 120px;
    }

    .cx_sz .list .title {
        font-size: 15px;
        font-weight: normal;
        line-height: 40px;
    }

    .cx_sz .list .num {
        font-size: 12px;
        margin-right: 6px;
    }

    .cx_chuan {
        padding: 40px 0;
    }

    .cx_chuan .bot {
        margin-top: 40px;
    }

    .cx_chuan .bot span {
        width: 100%;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 40px;
    }

    .cx_xt {
        padding: 40px 0;
    }

    .cx_xt .detail {
        flex-wrap: wrap;
    }

    .cx_xt .lbox {
        width: 100%;
    }

    .cx_xt .info {
        width: 100%;
    }

    .cx_xt .info .img {
        height: 160px;
    }

    .cx_xt .xian {
        margin-top: 40px;
        height: 20px;
        display: none;
    }

    .cx_xt .rbox {
        width: 100%;
        margin-top: 20px;
    }

    .cx_xt .list .img {
        height: 70px;
    }

    .cx_xt .t-tit {
        font-size: 18px;
        margin-bottom: 20px;
    }

    /* 科技创新-智能制造 */
    .cz_zhin {
        padding: 40px 0;
    }

    .cz_zhin .list .title {
        font-weight: normal;
        font-size: 14px;
        line-height: 40px;
    }

    .cz_zhin .swiper-pagination {
        display: block;
        position: static;
        margin-top: 20px;
        margin-top: 10px;
    }

    .cz_zhin .swiper-button-next, .cz_zhin .swiper-button-prev {
        display: none;
    }

    .cz_zaoc {
        padding: 40px 0;
    }


    /* 关于我们-新闻中心 */
    .us_xw {
        padding: 40px 0;
    }

    .us_xw .menu {
        justify-content: center;
        text-align: center;
        margin-bottom: 25px;
    }

    .us_xw .menu .tit {
        font-size: 18px;
    }

    .us_xw .menu .en {
        font-size: 13px;
    }

    .us_xw .menu .line {
        width: 2px;
        height: 30px;
    }

    .us_xw .top_hot .title {
        font-size: 15px;
    }

    .us_xw .top_hot .txt {
        line-height: 24px;
        font-size: 13px;
        margin-top: 5px;
    }

    .us_shot {
        padding: 40px 0;
    }

    .us_shot .titbox {
        text-align: center;
        margin-bottom: 20px;
    }

    .us_shot .titbox .cn {
        font-size: 20px;
    }

    .us_shot .titbox .en {
        font-size: 13px;
    }

    .us_shot .detail {
        flex-wrap: wrap;
    }

    .us_shot .col_l {
        width: 100%;
        margin-bottom: 10px;
    }

    .us_shot .col_l .imgbox {
        height: 220px;
    }

    .us_shot .col_c {
        width: 49%;
    }

    .us_shot .col_c .item {
        margin-bottom: 10px;
    }

    .us_shot .col_c .imgbox {
        height: 105px;
    }

    .us_shot .col_r {
        width: 48.5%;
    }

    .us_shot .col_r .imgbox {
        height: 220px;
    }

    .us_shot .col_r .more {
        font-size: 18px;
    }

    .us_shot .video_icon {
        width: 36px;
        height: 36px;
        margin-left: -18px;
        margin-top: -18px;
    }


}