body {
    height: 2100px;
}

a:hover {
    text-decoration: none;
    color: #b98c5e
}
.wap_index{
    display: none;
}
a,
.small_menu,
.header,
.header_menu,
.more,
.tab-pane,
.swiper-button-next1,
.swiper-button-next2,
.swiper-button-next3,
.tab-pane .swiper-button-next,
.swiper-button-prev1,
.swiper-button-prev2,
.swiper-button-prev3,
.swiper-button-next4,
.swiper-button-prev4,
.jm_6_main .row > div img,
.hydk_box li img {
    color: #333333;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none
}

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

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #a1a1a1;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4e6b5c;
}

.header {
    width: 100%;
    height: 80px;
    background: rgba(26, 26, 26, 60);
    position: fixed;
    z-index: 9999;
}

.header_main {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}

.header_main .logo {
    padding-top: 24px;
    display: block;
    height: 80px;
    width: 160px;
    float: left;
}

.header .header_menu {
    float: right;
    padding-top: 26px;
}

.header .header_menu a {
    line-height: 28px;
}

.header_main .header_menu img {
    margin-left: 25px
}

.header_main .header_menu a {
    margin: 0 25px;
    color: #ffffff;
    text-decoration: none
}

.header_main .header_menu a:hover,
.header_menu a.active {
    color: #b98c5e
}

.small_menu {
    height: 60px
}

.small_menu .logo {
    padding-top: 14px;
}

.small_menu .header_menu {
    padding-top: 16px;
}

.small_menu .header_menu a {
    margin: 0 20px;
}

html,
body,
#banner {
    width: 100%;
    height: 100%;
}

#banner .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    border-radius: 0;
    opacity: 1;
}

#banner .swiper-pagination1 {
    bottom: 3%;
    position: absolute;
    z-index: 999;
    text-align: center
}

#banner .swiper-pagination-bullet-active {
    opacity: 0.4;
}

#banner .swiper-pagination-bullet:nth-child(1) {
    background: #a01b2e;
}

#banner .swiper-pagination-bullet:nth-child(2) {
    background: #c4a177;
}

#banner .swiper-pagination-bullet:nth-child(3) {
    background: #131313;
}

#banner .swiper-pagination-bullet:nth-child(4) {
    background: #7e8594;
}

#banner .swiper-pagination-bullet:nth-child(5) {
    background: #4c664f;
}

.row {
    margin: 0 !important
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 0 !important
}

#index_2 {
    background: #8b94a9;
    margin-top: 180px;
    overflow: hidden;
}

#index_2 .col-md-4 .row {
    padding-top: 100px;
}

.about_3 {
    padding-top: 100px
}

#index_2 p {
    padding-top: 52px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-bottom: 40px;
}

.more {
    margin-bottom: 32px;
    background: url(/images/more.png) center center
}

.more:hover {
    background: url(/images/more_on.png) center center
}

#index_3 {
    background: #8b94a9;
}

#index_4 {
    background: #819483;
    margin-top: 100px;
}

#index_4 .col-md-10 {
    padding: 100px 0 !important;
}

/**tabs**/
.tabPanel {
    width: 80%;
    margin: 0 auto;
}

.tabPanel ul {
    overflow: hidden;
    margin-bottom: 70px
}

.tabPanel ul li {
    float: left;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    position: relative;
    color: #fff;
    margin-right: 10px;
    z-index: 2
}

.tabPanel ul li.hit::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 4px;
    z-index: -1;
    background: #c4a177
}

.pane {
    display: none;
    position: relative;
}
#index_cp_1{
    width: 60%;
    float: left;
}
#index_cp_1 img,#index_cp_2 img{
    width: 100%
}
#index_cp_2{
    width: 38.3%;
    float: right
}


/* .cp_all .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 20%;
} */

.pane .swiper-slide p {
    text-align: right;
    padding-top: 5px;
    color: #fff
}

.swiper-button-next1,
.swiper-button-next2,
.swiper-button-next3 {
    display: block;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -10px;
    outline-style: none;
    z-index: 9;
    width: 70px;
    height: 20px;
    background: url(/images/right.png) center center no-repeat;
    cursor: pointer;
}

.swiper-button-next1:hover,
.swiper-button-next2:hover,
.swiper-button-next3:hover {
    right: -60px
}

.swiper-button-prev1,
.swiper-button-prev2,
.swiper-button-prev3 {
    display: block;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -10px;
    outline-style: none;
    z-index: 9;
    width: 70px;
    height: 20px;
    background: url(/images/left.png) center center no-repeat;
    cursor: pointer;
}

.swiper-button-prev1:hover,
.swiper-button-prev2:hover,
.swiper-button-prev3:hover {
    left: -60px
}

#index_5 {
    margin-top: 100px;
    background: url(/images/index_5.jpg) top center fixed no-repeat;
    padding: 100px 0
}

#index_5 .col-md-10 {
    margin: 0 auto;
    padding: 0 5% !important
}

#index_5 .col-md-10 h1 {
    padding-top: 100px;
    margin-bottom: 100px;
}

.kwicks {
    width: 100%;
    height: 360px;
}

.kwicks>li {
    height: 360px;
    /* overridden by kwicks but good for when JavaScript is disabled */
    width: 125px;

    float: left;
}

#panel-1 {
    background: url(/images/zs_11.jpg) center center no-repeat
}

#panel-2 {
    background: url(/images/zs_22.jpg) center center no-repeat
}

#panel-3 {
    background: url(/images/zs_33.jpg) center center no-repeat
}

#panel-4 {
    background: url(/images/zs_144.jpg) center center no-repeat
}

#panel-1.kwicks-expanded {
    background: url(/images/zs_1.jpg) center left no-repeat
}

#panel-2.kwicks-expanded {
    background: url(/images/zs_2.jpg) center left no-repeat
}

#panel-3.kwicks-expanded {
    background: url(/images/zs_3.jpg) center left no-repeat
}

#panel-4.kwicks-expanded {
    background: url(/images/zs_4.jpg) center left no-repeat
}

.kwicks>li a {
    display: block;
    width: 100%;
    height: 100%
}

#index_6 {
    margin-top: 100px;
    background: #cfaa7e;
    margin-bottom: 100px;
}

#index_6 .col-md-11 {
    padding-left: 6% !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

#index_6 .col-md-11 h1 {
    padding-bottom: 60px;
}

#new_all img {
    width: 100%
}

.new_main {
    background: #fff;
    padding: 20px;
}

.new_main h5 {
    color: #1a1a1a;
    font-size: 18px;
    overflow: hidden; 
text-overflow:ellipsis; 
white-space: nowrap; 
display: block;
width: 100%;
}

.new_main p {
    color: #4c4c4c;
    margin: 0;
    font-size: 14px;
    padding-bottom: 5px;
}

.new_main span {
    display: block;
    text-align: right;
    color: #1a1a1a
}

.swiper-button-next4 img,
.swiper-button-prev4 img {
    width: 32px !important;

}

.swiper-button-next4,
.swiper-button-prev4 {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

.swiper-button-next4:hover,
.swiper-button-prev4:hover {
    background: rgba(153, 126, 93, 0.4)
}

.pages_new {
    width: 67%;
    padding-top: 20px;
    text-align: right
}

#footer {
    background: #3d3d3d;
    padding-top: 60px;
}

#footer_bot {
    border-top: 1px solid #5e5e5e;
    margin-top: 45px;
    padding: 20px 0;
    color: #919191;
    font-size: 14px;
    text-align: right
}

#footer_bot a {
    color: #919191;
    font-size: 14px
}

.ewm {
    text-align: right
}

#footer .col-md-1 h1,#footer .col-md-2 h1 {
    font-size: 16px;
    color: #ffffff
}

#footer .col-md-1 ul li a,#footer .col-md-2 ul li a {
    color: #c4c4c4;
    font-size: 14px;
}

#footer .col-md-1 ul li a:hover,#footer .col-md-2 ul li a:hover {
    color: #c5a380
}

#footer .col-md-1 {
    margin-right: 40px;
}

/*产品中心*/
.head_blank {
    widows: 100%;
    height: 80px;
    background: rgba(26, 26, 26, 60)
}

#cp_list {
    position: relative;
    width: 100%;
    min-height: 100%;
    margin-top: 100px;
    padding-bottom: 100px
}

#cp_list .cp_menu {
    position: absolute;
    left: 5%
}

.cp_menu li {
    padding-bottom: 70px;
}

.cp_menu li a {
    font-size: 18px;
    color: #1a1a1a
}

.cp_menu li.active a {
    font-size: 24px;
}

.cp_menu li a::after {
    content: '';
    display: block;
    width: 40%;
    height: 2px;
    background: #1a1a1a;
    margin-top: 18px;
}

.cp_menu li.active a::after {
    content: '';
    display: block;
    width: 70%;
    height: 4px;
    background: #1a1a1a;
    margin-top: 18px;
}

.cp_list_main .cp_menu_2 {

    margin-bottom: 40px;
}

.cp_list_main .cp_menu_2 li {
    display: inline-block;
    margin-right: 40px;
    overflow: hidden;
}

.cp_list_main .cp_menu_2 li a {
    font-size: 16px;
    color: #1a1a1a;
    padding-bottom: 6px;
    display: block;
    border-bottom: 2px solid #fff
}

.cp_list_main .cp_menu_2 li a.active {
    border-bottom: 2px solid #1a1a1a
}

#gallery img {
    width: 100%
}

#gallery li {
    width: 49%;
    padding-bottom: 20px;
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#gallery li p {
    color: #1a1a1a;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.fs_gallery {
    z-index: 9999 !important
}

.pagination {
    text-align: center;
    justify-content: flex-end;
    margin-top: 50px
}

.pagination li {
    width: 60px;
    height: 60px;
    background: #1a1a1a;
    line-height: 60px;

}

.pagination li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
}

.pagination li.lt a {
    background: url(/images/tg.png) center center no-repeat;
    text-indent: -9999px;
}

.pagination li.gt a {
    background: url(/images/lt.png) center center no-repeat;
    text-indent: -9999px;
}

.pagination li a.active,
.pagination li a:hover {
    background: #4d6650
}

.pagination li.lt a:hover {
    background: url(/images/tg.png) center center no-repeat #4d6650;
}

.pagination li.gt a:hover {
    background: url(/images/lt.png) center center no-repeat #4d6650;
}

.zmd_tit {
    font-size: 36px;
    line-height: 36px;

}

.zmd_tit::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    margin-top: 30px;
    background: #1a1a1a;
    margin-bottom: 100px;
}

.card {
    margin: 20px 10px;
    border: 0;
}

.card h4 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1a1a1a
}

.card p {
    font-size: 14px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_one {
    margin: 0 10px;
    margin-bottom: 40px
}

.new_one a h4 {
    font-size: 16px;
    color: #1a1a1a;
    padding-top: 40px;
    margin-bottom: 0
}

.new_one a h5 {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhFBMVEUAAABFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEj///94uPRKAAAAK3RSTlMACnnT+vvUeAwk2LdEDQ5CtAt/am572biAsj8PwAkxJwb+Q9WjfDqxPqU8etUQpAAAAAFiS0dEKyS55AgAAAAHdElNRQfjBh0WHh5H0mQQAAAAdUlEQVQI1zXN2xKCMAwE0LUtlFZALlZjtVhELvr/H2hwYB8yczYzCYCDkCpJdQaOsce8KE+VNUBtG6A9A+6SQV95S8TjJiDzHT6Fuq94EJmQQBWMjoiesYd8YYsfIKod75FPuw1TWJ/OS4j+8/03tZaqHxz3P6TnBkGm0MJ8AAAAAElFTkSuQmCC") center left no-repeat;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 10px;
    color: #666;
}

.new_one a p {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
}

.new_show {
    padding-top: 100px;
}

.content-center {
    text-align: center
}

.show_new_tit {
    padding-bottom: 40px;
}

.show_new_tit .time {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAhFBMVEUAAABFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEj///94uPRKAAAAK3RSTlMACnnT+vvUeAwk2LdEDQ5CtAt/am572biAsj8PwAkxJwb+Q9WjfDqxPqU8etUQpAAAAAFiS0dEKyS55AgAAAAHdElNRQfjBh0WHh5H0mQQAAAAdUlEQVQI1zXN2xKCMAwE0LUtlFZALlZjtVhELvr/H2hwYB8yczYzCYCDkCpJdQaOsce8KE+VNUBtG6A9A+6SQV95S8TjJiDzHT6Fuq94EJmQQBWMjoiesYd8YYsfIKod75FPuw1TWJ/OS4j+8/03tZaqHxz3P6TnBkGm0MJ8AAAAAElFTkSuQmCC") center left no-repeat;
    font-size: 16px;
    padding-left: 20px;
    margin-top: 10px;
    color: #666;
    padding-right: 30px;
}

.show_new_tit .fwl {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA8FBMVEUAAABFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEhFSEj///9O2DGwAAAATnRSTlMAH4fZBIP41XhDP2rED8HzYQJZvcBpAU3oztwjYIZ98ncYzLjHa97LqNgRzWfkB8YM0MkTc/Z8du6LC7MV4T55BjEIkfy5XjYyrforl90M4bBvAAAAAWJLR0RPbmZBSQAAAAd0SU1FB+MGHgABEGcuN6UAAACYSURBVAjXLY7ZFoEAAERHq60QoqyJyhJlj2zZtfz/56jDfZp75mEGiEkRZBSRRAo/KJph05lsLs/QVOIcXyiWhHKlKtbqPBe7JDfQZFrtThdKT+KgygrQp4GBFre6CmM4AsZtYGIC05kBy54vsFytN1sHu71tAa5+OIonzXTOF1Z3kxnvers/ni/h/bl6/yd+EEZRGPhJ/gIXcBEihVvLfgAAAABJRU5ErkJggg==") center left no-repeat;
    font-size: 16px;
    padding-left: 20px;
    margin-top: 10px;
    color: #666;
}

.content—Show {
    padding-bottom: 40px;
}

.before-and-next .row {
    justify-content: flex-end;
    padding-bottom: 100px;

}

.before-and-next .row span {
    display: block;
    line-height: 60px;
    background: #1a1a1a;
    color: #fff;
    padding: 0 20px;
}

.before-and-next .row span.fhlb a {
    color: #fff;
    padding: 0 40px;
}

.xgwz {
    padding-bottom: 100px;
}

.xgwz h5::after {
    content: '';
    display: block;
    width: 5%;
    margin-top: 10px;
    height: 2px;
    background: #1a1a1a
}

.xgwz ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #cccccc
}

.xgwz ul li a {
    line-height: 60px;
    color: #1a1a1a
}

.xgwz ul li a span {
    padding-left: 60px;
    position: relative
}

.xgwz ul li a span::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #1a1a1a;
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -2px;
}

.xgwz ul li a:hover {
    color: #cfaa7e
}

.xgwz ul li a:hover span::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #cfaa7e;
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -2px;
}

.us_left .col-md-6 {
    padding-right: 5% !important
}

.us_left .col-md-6 ul li {
    margin-bottom: 10px;
}

.us_left .col-md-6 ul li input,
.us_left .col-md-6 ul li textarea {
    border: 1px solid #cccccc;
    border-radius: 0;
    outline: none;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    width: 100%
}

.us_left .col-md-6 ul li button {
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    padding: 10px 60px;
    outline: none;
    cursor: pointer;
}

.us_left .col-md-6 ul li h5 {
    color: #4c4c4c;
    margin-bottom: 20px;
    padding-top: 30px;
}

.us_top h2 {
    padding-top: 80px !important;
    padding-bottom: 30px;
}

.us_top i {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0
}

.us_top dd {
    padding-left: 35px;
    position: relative;
    line-height: 24px;
    font-size: 16px;
    color: #1a1a1a;
    padding-bottom: 10px;
}

.us_top dd a {
    color: #1a1a1a;
    font-size: 16px;
}

.us_top i.tel {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEX///+5jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF65jF7///+dGqqdAAAAanRSTlMAAAaS+eVTB7n9OwOx6zWO2wR67CzcXA/1RWO1PM8U7Rj8VPp29h74qYMd4Ea6S7Y+xX9zoALhNgXaSUoBgdXIdBVdYgx8+4JtI/BgCP6nP93St1j3xiCFu8ciJmHv54e4VtZfEhyM3nXu7GW1GgAAAAFiS0dEAIgFHUgAAAAHdElNRQfjBwEBGwIQYrh4AAABNUlEQVQoz2XSaVPCQAwG4A2gUkqBClhQwQu8OOVUWEEFFUVFFO/71vf//wBbqDKzzZfM7DObZDPLmBn0Fza7Y2SUiIkw5gQguSwgu6F4vPCpIozDHyA1iAkBtBDCeprElADTiBgpihkBZuekeSMvQOwRQ3xRHwFLlnGXsUK0ioQFkkgRpZGxQBZrRF7kLJBHgYollEVY30CFqghyETZRk3kdW4Ndaa5tE3YgZakBpWmAvBvCXr6/2X2gRQeHaBtrP3LjOAKcJDuxU0gt0ro44zrYnPCH2XkPRtSypF0gEdVvMzuUgF7v8ur6ppCW6bYL5c4oy3rwDKfi9w9I9M+JPeJJNaFYrQPP0cF87EXC69s74x+Vzy9AaXDzQYx1fHrXeL938Lv5/1n0Imo79QNHKZMrcxrGL5asOoHZBLpAAAAAAElFTkSuQmCC") center center no-repeat
}

.us_top i.add {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAQAAABKIxwrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwEBGyIrDJiwAAAB00lEQVQ4y33STUgVURgG4GfGP7IwogRToV0QFQlBJUgUVE5R0EJKbCEZQYHSphaFFZGkLSsppAxbZD9gLXRxQQjcBBUERYvASklSCMOKULhXtEXXy3jVvtXM9z6c75zDCWbFK2Kz8/ZaY1y/Nu/nxYIsXu+uPExZhpSTHsTzcB6u1ClPuzKFyrTL06lySa5FjjZNRjGqSZscLUtsJioyIWm1yUyr0A/5Vvm92OrlQoMxzKRBofL03wor43wCJYL4bCXpfuiUrz6GEB2NhqMniTFDilXFeJViQ8ZUeO2OVUrCaEP0wmPrQBcuxXhzutdlq29ShF7a7bt6tbhh3B4Nadxgn3E30eys9SYJqmdNKk38St9OnYeSdnpluwEFjunOzPr576ipOYxuHfL1qdWnQEcMg1zZ1ajUIY/QqzE7DBfwaTV68EyN6exw4eokHbHJBzMLo8U4M9kPd6nNBP5bMR5tjHpNuW3tojIQZHhUGt3zzkEFTht0VVEWPeytIjMhcqMWn5ww45YdeizX7Isz8mP0uQojjgfVcw/+qQuJzxFsc90uDLvoj8sqMOKa+5JBdUquAecSbyCaG79fqy3p7zSFoPqAVKI/c9z4JdS5IlfrHIW/x4SEuF3fE6cAAAAASUVORK5CYII=") center center no-repeat
}

.us_top i.QQ {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAMAAAAiV0Z6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEX///9ocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXxocXz///85nFYXAAAAYnRSTlMACGrC7+29aQZB3/U+SvrHTwoMTsYg84UBhB6gnpyjEfzyExDx+1OlVHZyb3dYVuoVEiri4CwCzpGSTNUFTadd3ejpSUMP1uFjYl7sX1GpqmiZS+ZXCwfQ8LADxPb5ZWfFZEFBKZEAAAABYktHRACIBR1IAAAAB3RJTUUH4wcBARs6OGAA5gAAAQ9JREFUKM9dkQdTwkAUhBcBC0iMiogNDBh7iyWoRJqCoqIgIIJi2f//I7zEiBd25l75Zva9uTvAkW/EH2BwdGwckiZCJMPihCb/YUThlDqNmdkolcgfnItxPu5U8QXGFl26xOWBbYWJ3yK5qqUGNL2mJ51inRvS4gQ3nbzFbYnucNcduyfRfdd5oB9K1FACdjrisXwhnPAUMDM889BzZkxcMGt5qJXlJXLMw6s8cyjQGKIGC2ARwyoSLKWvPOy6XCIqvOGtBKuir+BOvHVQoveifwBq5KNEn8iaSHU2PHMbrIv4zGarjRe189pRLbRbTdqfZHbFJE2nLUUToWvall717Z396Ifv86vPsP+7B/wAEQE0XVXYcHYAAAAASUVORK5CYII=") center center no-repeat
}

.us_top i.email {
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAWCAMAAAAGlBe5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABsFBMVEX///9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk9MZk////9tLnYMAAAAjnRSTlMALZ3Y4efl4MlyDiTw++nc1uP9iwhW7fpnEiqc/NcZRu+FAhbI3xAM5vJiT9W6BxfG0y69vIT+3flFkrQJL9osj+I56mAVmq8dBAUY3vXrigo/7tuz5D5I9swh9ETH954BKEN78xF/1Ox9tphOYw1XIwsTgGszGvhlMnN3xcFoJWrKzRRhBgPAzvEgO7vo3b9E9QAAAAFiS0dEAIgFHUgAAAAHdElNRQfjChUVHgZWvIfxAAABn0lEQVQoz2NgAAFGJmYWVjZ2Dk4uBjTAzcHDy8cvwCzII8QnLIIiJSomzi8hCWJJSfPJyMohSckr8CgqwTjKKuKqanApdQ1NLQZtHV09BgZ9A0MjJWMhE7icqZkuA4N5n4UlA4NVX581g40gjy1Mzk7BnoHBgc9RmYHBidXZhcHVzczdAyqnwQI22RNEenmb+vD5mon7qfoHgPiszAhnBQqaBQWHuLnL+gmFhgH5oWxwR4aLRUQygllRJtFiMQwMsRHaUCkutrj4hET5BKA/kxKSUzRSGWKiVQMgcmlm6QlqznGmDPoZEZkMWX3ZDAzGMrE2YDnDiByGAEe/XIa8UL98hoIMHwaGQmYZuyKQHD+fKwODSCqQZQMiHDVA7uf3jSkuKS1TdS5DDmZWVhDJEuFs1uebUc5bgSQVHi0LJCtTeAWrqt1raqNZEBFUqFpeB6TqDRvAocLQKFNTCJXKixRqSkC2oZlfyLGlFcho0+MQUi1CTQCp7ZoWbAIdAmysvp1d6KmDobvHsdev11FDSEiLAQtQ61JnsFEUy2RgAADTuEiv9R6nkgAAAABJRU5ErkJggg==") center center no-repeat;
    background-size: contain;
}

.my-map {
    margin: 0 auto;
    width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0
}

.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.my-map .icon-flg {
    height: 32px;
    width: 29px;
}

.my-map .icon-flg-gray {
    background-position: -65px -205px;
}

.amap-container {
    height: 100%;
}

.blank {
    width: 100%;
    height: 100px
}

.bzd_1 {
    padding: 100px 0;
    display: block;
    width: 100%
}

.bzd_c {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between
}

.bzd_c li {
    max-width: 49%;
    margin-bottom: 100px
}

.bzd_c li img {
    width: 100%;
    height: 274px;
}

.big {
    height: 690px;
    margin-bottom: 100px
}

#big_1 {
    background: url(/images/bzd/big_1.jpg) center center no-repeat fixed;
    background-size: cover
}

#big_2 {
    background: url(/images/bzd/big_2.jpg) center center no-repeat fixed;
    background-size: cover
}

#big_3 {
    background: url(/images/bzd/big_3.jpg) center center no-repeat fixed;
    background-size: cover
}

#big_4 {
    background: url(/images/bzd/big_4.jpg) center center no-repeat fixed;
    background-size: cover
}

#big_5 {
    background: url(/images/bzd/big_5.jpg) center center no-repeat fixed;
    background-size: cover
}

.bzd_a {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.bzd_a a {
    color: #fff;
    background: #1a1a1a;
    width: 300px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    margin-left: 10px;
}

.bzd_a a span {
    padding-right: 30px;
    background: url(/images/le.png) center right no-repeat
}

.ss_lx {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-bottom: 60px;
}

.ss_lx .xc_an {
    display: inline-block;
    margin-left: 10px;
}

.ss_lx .xc_an select {
    width: 150px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 36px;
}

.ss_lx .xc_an select option {
    width: 150px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 36px;
}

#mylist {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between
}

#mylist p {
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}

.zmd_li {
    width: 49%;
    margin-bottom: 40px;
}

.zmd_li img {
    width: 100%
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #999999;
    color: #a8a8a8;
    background: transparent;
    outline: none;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwkUMyk+2qbmAAAAW0lEQVQI11XLQQqCQABA0TdDeDA3QtCqmCu47TZ2kyCoE8wBgrxChFtlwIUh+nf/ww/5prWnC7lyV2/SUxONkn5NH2cl4utkAD9HAxG8JcXksjyH//ZwVbwWmQHv2hUlTqRYxAAAAABJRU5ErkJggg==") no-repeat scroll 130px center transparent;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

#cp_show_1 {
    padding: 100px 2%
}

#cp_show_1 ul li {
    display: flex;
    flex-direction: row ;

    width: 100%;
    color: #1a1a1a;

    line-height: 16px;
    margin-bottom: 30px;
}
#cp_show_1 ul li i{
    display:inline-block;
    width:2px;
    height:16px;
    margin-right: 10px
}
#cp_show_1 ul li i.i1 {
    background: #333;
}

#cp_show_1 ul li i.i2 {
    background: #8c9297;
}

#cp_show_1 ul li i.i3 {
    background: #b11e24;
}

#cp_show_1 ul li i.i4 {
    background: #4f6c51;
}

#cp_show_1 ul li i.i5 {
    background: #d1924a;
}

#cp_show_1 ul li i.i6 {
    background: #4f6c51;
}

#cp_show_1 ul li i.i7 {
    background: #b11e24;
}
#cp_show_1 ul li i.i8 {
    background: #4f6c51;
}
#cp_show_1 ul li .cp_tit{
    font-weight: bold;
    display: inline-block;
    width:64px;
    margin-right: 10px;

}
#cp_show_1 ul li .cp_main{
    text-decoration:underline;
    color: #4c4c4c;
    font-size: 16px;
    width: 340px;
}
.sjjx h1{
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 5px
}
.sjjx p{
    line-height: 24px
}
#cp_show_1 dl{
    display: flex;
    margin-top: 60px;
    margin-bottom: 0
}
#cp_show_1  dd a{
    background: #1a1a1a;
    height: 54px;
    color: #fff;
    display: inline-block;
    line-height: 54px;
    text-align: center;
    width: 54px;
}
#cp_show_1  dd a.fhlb{
    width: 180px;
}
.prev{
    width:54px;
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAQAAADfhhWZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwoMMTqI0ticAAAAJ0lEQVQI12P8zwAF/xkYGdAAE1wKC2CCSzFil8QhxcDA+B+rgRAAAEMqBwV0ovGkAAAAAElFTkSuQmCC") center center no-repeat #1a1a1a !important
}
.prev{
    width:54px;
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAQAAADfhhWZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwoMMTqI0ticAAAAJ0lEQVQI12P8zwAF/xkYGdAAE1wKC2CCSzFil8QhxcDA+B+rgRAAAEMqBwV0ovGkAAAAAElFTkSuQmCC") center center no-repeat #1a1a1a !important
}
.next{
    width:54px;
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAQAAADfhhWZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwoMNCgGHF2RAAAAJUlEQVQI12P8z4AB/jMwQhhMDNjAf9ySjDBp7Dqh0oz//zPgBAADSAcFsLigKAAAAABJRU5ErkJggg==") center center no-repeat #1a1a1a !important
}
.bj_show_cp{
    width:100%;
    padding:100px 0;
    background: #eff0f4
}
.show_gy_1{
    padding:0 15px!important;
    padding-top: 60px!important;
}
.show_gy_1 img{
    width: 100%
}
.show_gy_1 ul{
    display: flex;
    justify-content:  space-between;
}
.show_gy_1 ul li{
    display: inline-block;
    width: 48%;
}
.show_gy_1 ul li span,.show_gy_1 h2{
    display: block;
    width: 100%;
    font-size: 20px;
    color:#1a1a1a;
    margin-bottom: 4px;
    margin-top: 20px;
}
.show_gy_1 p{
    font-size:14px;
    line-height: 18px;
}
.bj_show_2{
    width:100%;
    background: url(/images/bj_show.jpg) fixed center center no-repeat;
    background-size:cover;
    height:840px;
}
.bj_show_3{
    width:100%;
    background: url(/images/stmm.jpg) fixed center top no-repeat;
    background-size:cover;
    height:840px;
}
.bj_show_4{
    width:100%;
    background: url(/images/zw.jpg) fixed center top no-repeat;
    background-size:cover;
    height:840px;
}
.show_kxsb{
    margin-top: -274px!important;
    background: #eff0f4;
    padding:5%;
    margin-bottom: 100px
}
.show_kxsb_main{
    margin-top: 60px;
    margin-bottom: 100px; 
}
.show_kxsb_main img{
    max-width: 100%!important;
    height:auto;
    display: block;
    margin: 0 auto
    
}
.ys_1_p{
    padding-top: 60px;
    font-size: 28px;
    padding-left: 5px;
    padding-bottom: 20px
}
.ys_1_main{
    text-align: center;
    color: #fff;
    padding:0 5px!important;
}


.ys_1_main p{
    font-size: 22px;
    margin-bottom: 0
}
.ys_1_main h1{
    font-size: 18px;
}

.ys_1_main_1{
    padding:45px 0;
    background: url("/images/VS.png") left bottom no-repeat #9f0007
}
.ys_1_main_2{
    padding:45px 0;
    background: url("/images/VS.png") left bottom no-repeat #4c664f
}
.ys_1_main_3{
    padding:45px 0;
    background: url("/images/VS.png") left bottom no-repeat #b98c5e
}
.ys_1_main_4{
    padding:45px 0;
    background: url("/images/VS.png") left bottom no-repeat #68717c
}
.jm_2_main{
    display: flex;

}
.jm_2_main li{
    padding:5px;
    padding-top: 0;
    padding-bottom: 10px
}
.jm_2_main img{
    width: 100%
}
.ys_2_main{
    padding-bottom: 100px
}
.jm_3_box{
    width: 100%;
    height:690px;
    background: url(/images/jm_3.jpg) center center no-repeat fixed;
    background-size:cover
}
.jm_3_main{
    margin-top: -533px
}
.jm_4_box{
    margin-top: 100px;
    width: 100%;
    height:690px;
    background: url(/images/jm_4.jpg) center center no-repeat fixed;
    background-size:cover
}
.jm_3_main{
    margin-top: -533px
}
.jm_5_box{
    margin-top: 100px;
    width: 100%;
    height:690px;
    background: url(/images/jm_5.jpg) center center no-repeat fixed;
    background-size:cover
}

.jm_6_main .row{
    padding:0 100px;
    background: #68717c;
    padding-bottom: 100px;
    margin-bottom: 100px!important
}
.jm_6_main .row img{
    width:100%;
    padding:5px
}
.jm_6_main img.on_jm_6{
 position: absolute;

}
.jm_6_main .row > div:hover img.on_jm_6{
    opacity: 0;
}
.tj_1_box{
    margin: 100px 0;
    width: 100%;
    height:690px;
    background: url(/images/tj_1.jpg) center center no-repeat fixed;
    background-size:cover
}

#jxsjz_box  .col-md-9 a {
    display: block;
    width: 156px;
    height:38px;
    background: url(/images/more_jm.png) 
}

#jxsjz_box .col-md-9 a:hover{
    display: block;
    width: 156px;
    height:38px;
    background: url(/images/more_jm_on.png) 
}

#jxsjz_box .row{
    padding-bottom: 60px
}
#jxsjz_box .col-md-9{
    padding:0 40px!important;
}
#jxsjz_box .col-md-9 h4{
    font-size: 20px;
    color:#1a1a1a;
    padding-top: 25px;
    font-weight: bold
}
#jxsjz_box .col-md-9  p{
    padding-bottom: 10px
}

.jmbd {
    display: block;
    width:60%;
    margin-top:60px; 
}
.jmbd input{
    width:100%;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    outline: none;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    border:1px solid #999999
}
.jmbd textarea {
    border: 1px solid #999999;
    border-radius: 0;
    outline: none;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px
}
.jmbd button{
    display: block;
    width: 140px;
    height:40px;
    line-height:35px;
    background: #fff;
    border:1px solid #999;
    color:#1a1a1a;
    cursor: pointer;

}
.jmbd button:hover{
    color:#fff;
    background: #1a1a1a
}

.about_main_1{
    padding:100px 0
}
#ppxx .swiper-slide{
background: #000
}
#ppxx .swiper-slide img{
    opacity: 0.4;
}
#ppxx .swiper-slide-active img{
    opacity: 1;
}
#ppry{
    padding:100px 0;
    padding-bottom: 0
}
#ppry_1 .swiper-slide {
    padding:40px!important;
    text-align: center
}
#ppry_1 .swiper-slide p{
    font-size: 16px;
    line-height: 60px;
    margin-bottom: 0
}
.ry_a .swiper-button-prev
{
    width: 65px;
    height: 20px;
background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAJCAQAAADAt1faAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwsTKjv5JaC4AAAAQUlEQVQ4y8XTsQ0AIAwDwQ9iCvbfMxQQQaB3foGTC9vgyTFEtY8WlnEH3e6Mi+kbl9MHL6ADL6EXXkRD3+eSXiyar3wKK3wl5PAAAAAASUVORK5CYII=") no-repeat;
outline: none;
}
.ry_a .swiper-button-next
{
    width: 65px;
    height: 20px;
background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAJCAQAAADAt1faAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBwsTLSlF3Uc3AAAAPklEQVQ4y8XSwQ0AIAxCUTBO4f571puxDPDLkcsLCT7CUnIvFmdLqjncybPLg2fx4Gm88Tz+8RP443feH0xd/EIKK8Fktv0AAAAASUVORK5CYII=") no-repeat;
outline: none;
}
.myMetro {
	position:relative;
	overflow:hidden;
	zoom:1;
	margin:0 auto;
}
.MBox {
	float:left;
}
.widgetBox {
	position:relative;
	overflow:hidden;

}
.innerBox a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	text-decoration: none;
}
.sjs_main{
    display: flex;
    flex-direction: row ;
    flex-wrap: wrap ;
    align-items: flex-start 
}
 .w1200{
     width: 1200px;
     margin:0 auto;
     overflow: hidden;
     margin-bottom: 100px
 }
 .hydk_tit{
     padding-left:3%
 }
 .hydk_box ul{
     display: block;
     width: 1210px;
     margin:0 auto;
     margin-top: 60px;
 }
 .hydk_box li{
     float: left;
     margin-bottom: 10px
 }
 .hydk_box li:first-child{ 
     display: block;
     width: 710px;
     margin-right: 10px;
 }
 .hydk_box li:nth-child(3){
    display: block;
    width: 480px;
    margin-right: 10px;
 }
 .hydk_box li:nth-child(5){
    display: block;
    width: 350px;
    margin-right: 10px;
 }
 .hydk_box li:hover img{
     opacity: 0;
 }
 .sjs_main_box .hydk_tit{
     margin-bottom: 60px
 }
 .sjs_main_box ul li{
     display: block;
     width: 32%;
     margin-bottom: 24px;
     position: relative;
 }
 .sjs_main_box ul{
     display: flex;
     flex-direction: row ;
     flex-wrap: wrap ;
     justify-content:space-between
 }
 .sjs_main_box ul li img{
     width: 100%
 }
 .sjs_1{
     width:80%;
     position: absolute;
     right: 0;
     bottom: 0;
     background: #9f0007;
     overflow: hidden;
     height: 90px;
     text-align: right;
     color: #fff;
     padding:21px;
     -moz-transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in; 

 }
 .sjs_1::after{
     content: '';
     display: block;
     width: 100%;
     height: 21px;
     background: #9f0007;
     position: absolute;
     right: 0;
     bottom: 0;
     -moz-transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
     transition: all 0.3s ease-in; 
 }
 .sjs_1 h1{
     font-size: 20px;
     line-height: 20px;
     margin-bottom: 10px
 }
 .sjs_1 p{
     font-size: 14px;
     line-height:20px;
     margin-bottom:0
 }
 .sjs_main_box ul li:hover .sjs_1{
     height: 210px;
     padding-top: 30px;
     background: rgba(159, 0, 7, 0.74)
 }
 .sjs_main_box ul li:hover .sjs_1::after{
     opacity: 0
 }
.fd_all{
    width: 100%;
    padding:30px 0;
    background: rgba(0,0,0, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.w1200_fd{
    width: 1050px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}
.w1200_fd img{float: left;width: 310px;}
.index_all{
    display: flex;
    float: right;
    padding-top: 15px;
    padding-right: 60px
}
.index_all input{
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    outline: none;
    border:1px solid #fff;
    background: #fff;
    margin-left: 10px
    
}
.index_all button{
    width: 130px;
    font-size: 14px;
    line-height: 32px;
    height: 35px;
    background: #a90a1f;
    color: #fff;
    border:1px solid #a90a1f;
    margin-left: 10px
}
.close_index{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEX////e5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fLe5fL////dbZwtAAAAHXRSTlMABFCh2vxZ4OyXVzMgCqzycgnD1CMP3Wlr42z+qNVPZtkAAAABYktHRACIBR1IAAAAB3RJTUUH4wcQCQscRhn2CAAAAK9JREFUKM91UlsSgyAMDK/yUkBBUSv3v2atgENnSj4gs0uSTQLAbQgTyhKjBCNo7MWFVHrQSgr+etDRWDcVf3LWjAWefWhig58zYfzS5oTFmzu3DfBrwV41EHeXu8aCbft1OI4Ai2/J452JeN+TwEBkA8RCSwJUwUNUGBQFpqESZ4VBM0hDlXGms7pD6r7v5e/pyfrjo38r+nO/+1GrrKXf3ny68+zOv7ev7n7//YcPXYkMZK4YEH4AAAAASUVORK5CYII=")
}
.tb_all{
    position: fixed;
    bottom:2%;
    right: 2%;
    cursor: pointer;
    z-index: 9999;
    display: none
}

.rxf_all{
    position: fixed;
    right: 0;
    bottom: 25%;
}
.rxf_all ul li{
    display: block;
    width: 50px;
    height: 50px;
    background: #4e6b5c;
    position: relative;
    margin-bottom: 2px;
}
.rxf_all ul li i{
    display: block;
    width: 100%;
    height: 100%
}
.rxf_all ul li i.tell{
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAQAAABDlVUJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBxAJJwhl8knbAAABpklEQVQ4y9WUz0tUURTHP88ZF5bVIp0gIgxSREF8gX9BRIG4KIhaJChuo4X9WIu7oFWI4qbCje2SaGXQMrGohhYWIogikRGF4hg6rz4uGmXmzTwn3PU9XLgXzueec8+5HCRmdd7wqQvmVd1yzideNh33Kz2mveN3K2nZPoMk8KSzqv7woT22etyMbV7zsb9UfeGxSuBpF9S8Q9aXpd/omKqzHo2Dtb5TNz1fBu1ar7/V53HwnqrdiRjiLVWvFoNpv6oT+2IY+Fp9WwxeULWjCohXVD0rUgNAF/CFj1TTS/4UvME2p91QI7P27xtvwKyq607bjvMljT6XiHWV+M3X0AwMEhKSAzoS02wHcoSE3Aaa0wAskgWiqm+MyAJNQKE4B9B/Ba4BLQB8K6x/k5Pqkg1ixrCkc5d85owjnhLxuho55ZRv1G1sdVP9bHdsPPTvNXvFjHjET0Uf4H4g9DDJYSAiV5RKPSleMcEoh7jLA6COizQB23xg5u/tZ3zkzwqTZtwWV9Wh8i8YuBshxQkaCfYiDnCzsMvTyVx5cZIs5bCr6vvK42QHAwwjHbiuC80AAAAASUVORK5CYII=") no-repeat center center;
}
.rxf_all ul li i.zxly{
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBxAJJy0u9p2cAAAB2UlEQVQ4y5WTz0tUURiGnwtXk35QMkbF4CBtKohSEtoEgZBQVAT1F0RtC1u0aG2rDFwVSLUooRYtLIowAsWgsjb9VEJKyzGybDScNJhpnhbJ7Q7qRd9vc7/vvM95z+Hei8yrS455200LrMzVQsMeVbO2Wbk0KOVh094xr+pbTywF6nTWB251n08sqgV7bUiGtvtD1W92uNrTvle1PxnqViccV3XIs670sgNeTIIOOatec7P3/KWWfO6B5DsF9qvDrhVxv88sqV9NJUEt/lFbo/6gM+r1pKQVDqqvDKPcp+qI1UlQu1rweLRwyqJ6PunlbjCr9kXjSgfU11HugtAtddq90bhNLXgy6dtrcFLtiobrHVUflxk3Wj9XO12F+Egdty4y3FTzNsWQeif9r3d41N9qR2TYYU69W5azy58xaDDwBY18oJ48/9RNM9/ZzTBx1VEbPb/BT+rVaM8jzqpXFv8BRUJyZKia2yPgHFV8pCWWsYZmKmJ9ge6QCSAFBGzhDI3ADaZjpi6aKNfDkBywjT5qSVMBvKS1zDJFniDWy1TIFyBDBoAco1ygWAYdI00Y64uMBdbQSTWjfKaXnrKDLapA2DPv1EkqcT9wHUPULAOCkZAZsrgsKPsXqs9dJf0YNI0AAAAASUVORK5CYII=") no-repeat center center;
}
.rxf_all ul li i.wx{
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAQAAABHYIU0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBxAJKytrIHelAAAClElEQVQ4y4WUTWgURhSAv93VJWp+hKZqpdaoadOU2mgIYhWWSBErFMFA69FADu2pkFN7KIX2UPHSniqRUpHQkyjSQyA5VBQhKEgSIhTSFqKSsGZ/spvdJG6y2Xw97CYk2U2cd5h5783Hm3kz7wVkdQQ4QyenqWI7skSKe/zKGJsPV+QLJ5xV004ZNWrMOTXpiC1SWYpT2D6zvnLSn2xzu4i7bPcPYxZMe9XAZnDYJ+ad9ltDZRtqvO6M8/5ZCUe8ad6ELWKj3X646my022PiBVPO+2Ml+ANTpo2IB02qCfeJ+JZJNekB8bJZp32nHL6lDoh4woyaslnEo6bVtMdEHFKvlcOTZvykpH7jsD+sOrsd8Yph2/3ZUQtmveHn7lgLx41bv8ljVHnVKbOq5iyoORP2WFf0B4wjB1io8AWa6OdtFpnhAf28pI5TfEY9NUzRwSPAqNO2VojaYExN2GVwnf20z1wy5UnBPrW3DA34VI3bKJ4zUrLu9ZJ73OmwBSetwlZnnPboBjhixpSnxE7nnPVLEcctOGHQWqPm/S7IEH9RywCH1t33K2r4j0FgkWUK5ADIk2cZyPAL0FnM6VMLxjy7JvKw+n1pfXI1J7s9724R3zXhVNG400EXnDBgk1Uijqpfb1ZN4h5jxoMAzPM7IXKMM8gLnvMvR4DIFpUcoZrFQKkZPKGVPIuk2UaIIFLNHE0kK6IhxjjMbyvHyJj2sR+L+KbNHnbcZe9XKFLEXnPGrV9Rz5X1i+OmXPChb2ywh73jrDNeFLZIyqcmXTZmj22GxKDNdthl3pRdxb+9RVZ4j9s0UEOaPEtsI0Qtc4SJcgQguBXLP3zEee6SRULIPH8DO6hj//ru+TrZVZqbfGDG90X+B8Czz1OgRTtRAAAAAElFTkSuQmCC") no-repeat center center;
}
.rxf_all ul li i.top{
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAQAAABQQhX9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBxAJLDig36C8AAAA90lEQVQoz9XTsS6DURQA4KM66WBAYhA1iFgaJguxiEWs0p1EDJ5ARGLsbvUiXkCYTIR0IDpIRFKJNOkv9Vm06f9r0w4W5273frn3nnvODRWD48t+LvIxOERzxBAuIiI3pOsBC3EW5zHe4/jUmHQFbkynV9Jsxm0n06r5fnDRc+pRXiz1gite0XACjiV4t56Fmz5Qt2YZzNnSQMN2N9yRoKYkOjCsqiNRbsMDLdwrihQMJTW07IpwBK5N/VyiG4ZZd+AwfOJCoZNUGoYJl2jmYy+KUYmkb+3eYiNO4yFbmfaOC9n5fk0x9ofd84/h7z9YjccYjafs9DcyJ0Nb8Hz8zAAAAABJRU5ErkJggg==") no-repeat center center;
    cursor: pointer;
}
.tl_le{
    position: absolute;
    width: 150px;
    background: #4e6b5c;
    height: 50px;
    left: 150px;
    top: 0;
    line-height: 50px;
    text-align: center;
    color: #fff;    
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    z-index: -1;

}
.rxf_all ul li:hover .tl_le{
    left: -150px;
}
.ewm_lf{
    padding: 10px;
    height: auto
}
.ewm_lf img{
    width: 100%
}
/*悬浮链接*/
.footer_wap{
    display: none;
}
.cp_show_1_1 img{
    padding-top: 60px;
}
 @media screen and (max-width: 1620px) {
    #cp_list .cp_menu {
        left: 3%;

}
#cp_list .cp_menu img{
    height:60px
}
@media screen and (max-width: 1540px) {
    #cp_list .cp_menu {
        left: 1%;
    }

#cp_list .cp_menu img{
    height:50px
}
}
@media screen and (max-width: 1450px) {
    #cp_list .cp_menu {
        display: none
    }
}


@media screen and (max-width: 1199){

    
 }

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

 }

 @media screen and (max-width: 800px){ 
    html,body{
        width: 100%;
        margin: 0 auto;
        max-width: 750px;
    }
    .header{
        display: none
    }





 }