/* ！公用头部 */
.english{
    font-family: Arial, Helvetica, sans-serif;
}
.header{
    position: relative;
}
.header_top{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
.header_top_left{
    height: 36px;
    background: #0067bc;
    width: calc((100% - 1200px)/2);
}
.header_top_center{
    width: 1200px;
    position: relative;
}
.header_top_right{
    height: 28px;
    background: #e6ebef;
    width: calc((100% - 1200px)/2);
}
.header_top_center_left{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    top: 0;
}
.header_top_center_left_text{
    height: 36px;
    background: #0067bc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 495px;
    padding-left: 32px;
    box-sizing: border-box;
}
.tri {
    width: 0; height: 0;
    border-color: transparent #0067bc; /*上下颜色 左右颜色*/
    border-width: 0 0 36px 39px;
    border-style: solid;
}
.header_top_center_left div{
    font-size: 14px;
    color: #fff;
}
.header_top_center_left span{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /* font-family: 'Impact';
    letter-spacing: 2px; */
}
.header_top_center_right{
    width: 100%;
    height: 28px;
    background: #e6ebef;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.language img{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.language a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.language a span{
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 12px;
    color: #333;
}
.bar{
    width: 1px;
    height: 16px;
    background: #cfd9df;
    margin: 0 16px;
}
.language .cn{
    display: none;
}
.search_icon{
    color: #333;
    transition: all ease .5s;
}
.search_icon:hover{
    color: #0067bc;
}
.search_icon_active{
    color: #0067bc;
}

.know_more{
    font-size: 14px;
    color: #7bc2f3;
    transition: all ease .5s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.know_more span{
    font-size: 14px;
    color: #7bc2f3;
    transition: all ease .5s;
}
.know_more:hover{
    color: #0067bc;
}
.know_more:hover span{
    color: #0067bc;
}

/* pc导航栏 */
.logo{
    display: block;
    width: 200px;
}
.logo img{
    width: 100%;
}
.header_main{
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 36px;
    box-sizing: border-box;
    -moz-box-shadow:0px 1px 2px #ededef; 
    -webkit-box-shadow:0px 1px 2px #ededef; 
    box-shadow:0px 1px 2px #ededef;
    position: relative;
    z-index: 10;
}
.search_box{
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,.9);
    z-index: 20;
    padding: 28px 0;
    box-sizing: border-box;

    transition: 0.3s all;
    visibility: hidden;
    transform: translate(0,-20px);
    opacity: 0;
}
.search_box_active{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
.search_box_into{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search_box_into input{
    display: block;
    height: 44px;
    width: 740px;
    margin-right: 29px;
    background: #f3f3f3;
    border: none;
    outline: none;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.search_box_into a{
    width: 80px;
    height: 44px;
    background: #0081d6;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 44px;
    transition: all ease .5s;
}
.search_box_into a:hover{
    background: #0067bc;
}

.header_main_into{
    width: 1200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.nav_pc{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
.nav_pc_item{
    height: 100%;
    display: flex;
    align-items: center;
}
.nav_pc_item a{
    font-size: 16px;
    color: #333;
    transition: all ease .5s;
}
.nav_pc_item:hover>a{
    color: #0067bc;
}
.nav_pc_item .active{
    color: #0067bc;
}
.nav_pc span{
    font-size: 16px;
    color: #333;
    margin: 0 20px;
}

.nav_child{
    position: absolute;
    width: 100%;
    left: 0;
    top: 137px;
    z-index: 10;
    transition: 0.3s all;
    visibility: hidden;
    transform: translate(0,-20px);
    opacity: 0;
    background: rgba(255,255,255,.9);
}
.nav_pc_item:hover .nav_child{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
.nav_child_into{
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0 35px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.nav_child_left{
    width: 546px;
    padding-top: 20px;
    box-sizing: border-box;
}
.nav_child_left h4{
    font-size: 20px;
    color: #333333;
    margin-bottom: 23px;
}
.nav_child_left p{
    font-size: 16px;
    color: #666;
    line-height: 32px;
    word-break: break-all;
    margin-bottom: 46px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.nav_child_left a{
    font-size: 16px;
    color: #7bc2f3;
}
.nav_child_left a span{
    font-size: 16px;
    color: #7bc2f3;
    margin: 0px 0 0 10px;
    letter-spacing: -4px;
    transform: scale(1,1.4);
    -ms-transform: scale(1,1.4);
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    -o-transform: scale(1,1.4);
}
.nav_child_left a:hover{
    color: #0067bc;
}
.nav_child_left a:hover span{
    color: #0067bc;
}
.nav_child_center{
    min-height: 240px;
    padding: 8px 0 20px 0;
    box-sizing: border-box;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.nav_child_center ul li{
    margin-bottom: 5px;
    padding: 0 30px;
    box-sizing: border-box;
}
.nav_child_center ul li a{
    font-size: 16px;
    color: #333;
    display: block;
    min-width: 140px;
    line-height: 24px;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
}
.nav_child_center ul li a:hover{
    color: #0067bc;
}
.nav_child_right{
    padding-top: 20px;
    box-sizing: border-box;
}
.nav_child_right img{
    width: 350px;
}
.nav_pc_item .active{
    color: #0067bc;
}
.nav_child_product{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 25px;
    box-sizing: border-box;
}
.nav_child_product dl{
    width: 16.66%;
    margin-bottom: 10px;
}
.nav_child_product dt{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
}
.nav_child_product dt img{
    width: 160px;
    margin-bottom: 15px;
    display: block;
}
.nav_child_product dt h5{
    min-width: 160px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-bottom: 7px;
    box-sizing: border-box;
    border-bottom: 2px solid #0075c2;
}
.nav_child_product dd{
    padding: 6px 15px;
    box-sizing: border-box;
    text-align: left;
}
.nav_child_product dd a{
    color: #333;
    line-height: 16px;
    font-size: 12px;
    transition: all ease .5s;
}
.nav_child_product dd a:hover{
    color: #0067bc;
}
/* pc导航栏 -end */

/* ！公用头部 -end */


/* ！公用底部 */
.foot1{
    background: #f2f2f2;
}
.foot_into{
    padding: 40px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.foot_into_left{
    display: flex;
    /* flex-direction: column;
    justify-content: flex-start;
    align-items: center; */
    align-items: flex-start;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 112px;
    box-sizing: border-box;
    border-right: 1px solid #d6d6d6;
    width: 234px;
}
.foot_logo{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
    margin-bottom: 20px;
}
.foot_logo img{
    width: 100%;
    margin-bottom: 7px;
}
.foot_logo span{
    font-size: 14px;
    color: #666;
    white-space: nowrap;
}
.wechat{
    width:110px;
}
.wechat img{
    width: 100%;
    margin-bottom: 4px;
}
.wechat div{
    width: 100%;
    padding: 2px 15px;
    box-sizing: border-box;
    background: #0067bc;
}
.wechat div p{
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}
.foot_into_right ul{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.foot_into_right ul li{
    margin-right: 130px;
}
.foot_into_right ul li:nth-last-of-type(1){
    margin-right: 0;
}
.foot_into_right ul dt h5{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 18px;
}
.foot_into_right ul dt p{
    width: 32px;
    height: 2px;
    background: #0075c2;
    margin-bottom: 20px;
}
.foot_into_right ul dd {
    margin-bottom: 12px;
}
.foot_into_right ul dd:nth-last-of-type(1){
    margin-bottom: 0;
}
.foot_into_right ul dd a{
    font-size: 14px;
    color: #666;
    transition: all ease .5s;
    line-height: 18px;
}
.foot_into_right ul dd a:hover{
    color: #0067bc;
}
.foot_into_right ul dd p{
    font-size: 14px;
    color: #666;
    line-height: 18px;
}
.foot_into_right ul dd .phone_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.foot_into_right ul dd .phone_box span{
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 18px;
}
.foot_into_right ul dd .phone_box p{
    font-size: 14px;
    color: #666;
    line-height: 18px;
    margin-bottom: 12px;
}
.foot_into_right ul dd .phone_box p:nth-last-of-type(1){
    margin-bottom: 0;
}
.foot2{
    background: #0067bc;
}
.foot2 .floor_into{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.foot2_company{
    margin-right: 30px;
}
.foot2 h6{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
    box-sizing: border-box;
    color: #fff;
}

/* 新增-客户底部导航栏样式要求 */
.foot_into_nav{
    width: 150px;
}
.foot_into_nav h5{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 18px;
}
.foot_into_nav_title p{
    width: 32px;
    height: 2px;
    background: #0075c2;
    margin-bottom: 20px;
}
.foot_into_nav .ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.foot_into_nav .ul .li{
    margin-bottom: 12px;
    margin-right: 35px;
    /* width: 50%; */
}
.foot_into_nav .ul .li:nth-child(2n){
    margin-right: 0;
}
.foot_into_nav .ul a{
    font-size: 14px;
    color: #666;
    transition: all ease .5s;
    line-height: 18px;
}
.foot_into_nav .ul a:hover {
    color: #0067bc;
}
.phone_box>div{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.foot_into_right ul dd .phone_box p{
    margin-bottom: 0;
}
.phone_box>div p:nth-of-type(1){
    margin-right: 20px;
}

.foot_into{
    align-items: center;
}
.foot_logo{
    width: 80px;
}
.foot_logo span{
    font-size: 12px;
}
.wechat{
    width: 100px;
}
.wechat div{
    padding: 5px 10px;
}
.foot_into{
    padding: 30px 0;
}
/* .foot_into_left{
    width: auto;
} */
.foot_into_left a{
    display: block;
    text-align: center;
    width: 105px;
    /* display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    -webkit--moz-box-pack:center;
    box-pack:center;
    align-items:flex-start;
    -webkit-align-items:flex-start; */
}
.foot_into_left a img{
    width: 80px;
}
/* 新增-客户底部导航栏样式要求 -end*/

/* 侧边栏 */
.sidebar{
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -134px;
    z-index: 5;
    background: #fff;
    transition: all ease .5s;
    visibility: hidden;
    transform: translate(50px,0px);
    opacity: 0;
}
.sidebar ul{
    width: 38px;
    border: 1px solid #eeeeee;
}
.sidebar li{
    border-bottom: 1px solid #eeeeee;
    transition: all ease .5s;
    position: relative;
}
.sidebar li:nth-last-of-type(1){
    border-bottom: 0;
}
.sidebar_item_into{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 3px;
    box-sizing: border-box;
    padding-bottom: 6px;
}
.sidebar_item_into p{
    width: 26px;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: #999;
    transition: all ease .5s;
}
.sidebar_item_img{
    position: relative;
    margin-bottom: 3px;
}
.sidebar_item_img .slie_img_on{
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease .5s;
    opacity: 0;
}
.sidebar_item_img {
    width: 26px;
}
.sidebar_item_img img{
    width: 100%;
}
.sidebar li:hover {
    background: #0075c2;
}
.sidebar li:hover .sidebar_item_into p{
    color: #fff;
}
.sidebar li:hover .sidebar_item_img .slie_img_on{
    opacity: 1;
}
.sidebar_window{
    position: absolute;
    right: 39px;
    top: -1px;
    visibility: hidden;
    transform: translate(20px,0px);
    opacity: 0;
    transition: all ease .5s;
}
.sidebar li:hover .sidebar_window{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
.sidebar_window1{
    /* width: 118px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    padding: 10px; */
    background: #fbfbfb;
    width: 110px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    padding: 0 10px;
}
.sidebar_window1 dt{
    line-height: 45px;
    font-size: 14px;
    color: #0075c2;
    text-align: center;
    font-weight: bold;
}
.sidebar_window1 dd{
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
}
.sidebar_window1 dd img{
    height: 14px;
    margin-right: 10px;
}
.sidebar_window1 dd a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}
.sidebar_window1 dd a span{
    /* font-size: 16px; */
    font-size: 14px;
    color: #333;
    transition: all ease .5s;
}
.sidebar_window1 dd:hover a span{
    color: #0075c2;
}

.sidebar_window2{
    width: auto;
    height: auto;
    border: 1px solid #eee;
    padding: 9px;
    box-sizing: border-box;
    background: #fbfbfb;
}
.sidebar_window2 img{
    width: 66px;
    margin-bottom: 10px;
}
.sidebar_window2 p{
    font-size: 12px;
    color: #333;
    line-height: 14px;
    text-align: center;
    transform: scale(0.83);
}
.sidebar_window2 p:nth-last-of-type(1){
    margin-bottom: 2px;
}
.sidebar_window3{
    padding: 7px;
    box-sizing: border-box;
    border: 1px solid #eee;
    /* width: 158px; */
    width: 126px;
    background: #fbfbfb;
}
.sidebar_window3 dt{
    text-align: center;
    /* font-size: 18px; */
    font-size: 14px;
    line-height: 20px;
    color: #0075c2;
    margin-bottom: 5px;
    font-weight: bold;
}
.sidebar_window3 dd{
    text-align: center;
    color: #333;
    /* font-size: 18px; */
    font-size: 14px;
    line-height: 20px;
}
.sidebar_on{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
/* 侧边栏 -end */

.backtop{
    width: 38px;
    height: 38px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
    background: #fff;
    position: fixed;
    right: 0;
    bottom: 200px;
    z-index: 5;
    box-sizing: border-box;
}
.backtop i{
    font-size: 18px;
    color: #333;
    transition: all ease .5s;
}
.backtop:hover{
    background: #0075c2;
}
.backtop:hover i{
    color: #fff;
}

/* ！公用底部 -end */


/* ！首页 */

/* banner */
.loop{
    width: 100%!important;
}
.banner{
    width: 100%!important;
}
.banner .swiper-wrapper{
    width: 100%!important;
}
.banner .swiper-slide{
    width: 100%!important;
}
.banner .swiper-slide img{
    width: 100%!important;
}
.loop .swiper-button-prev{
    transition: all ease .5s;
    width: 68px;
    height: 120px;
    margin-top: -60px;
    /* left: 0; */
    left: -68px;
    background-color: rgba(255,255,255,.9);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.loop .swiper-button-next{
    transition: all ease .5s;
    width: 68px;
    height: 120px;
    margin-top: -60px;
    /* right: 0; */
    right: -68px;
    background-color: rgba(255,255,255,.9);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.loop .banner:hover .swiper-button-prev{
    left: 0;
}
.loop .banner:hover .swiper-button-next{
    right: 0;
}
.loop .swiper-pagination-bullet{
    margin: 0 10px!important;
    width: 10px;
    height: 10px;
    background: #fff;
    transition: all ease .5s;
    opacity: 1;
}
.loop .swiper-pagination-bullet-active{
    background: #0075c2!important;
}
.swiper-pagination-bullets{
    bottom: 27px!important;
}
/* banner -end */

.title_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.title_box h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 12px;
}
.title_box .transverse{
    width: 32px;
    height: 3px;
    background: #0067bc;
    transition: all ease .5s;
}
.floor:hover .transverse{
    width: 300px;
}
.title_box .know_more span{
    font-size: 14px;
    margin: 0px 10px 0 0;
    letter-spacing: -4px;
    transform: scale(1,1.4);
    -ms-transform: scale(1,1.4);
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    -o-transform: scale(1,1.4);
}

.floor_into{
    width: 1200px;
    margin: 0 auto;
}

/* 产品模块 */
.floor_product_into{
    padding-top: 60px;
    box-sizing: border-box;
    padding-bottom: 40px;
}
.floor_product_into .title_p{
    /*font-size: 16px;*/
    /*color: #666;*/
    /*line-height: 24px;*/
    padding-top: 16px;
    padding-bottom: 35px;
    /*box-sizing: border-box;*/
}
.floor_product_list{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.floor_product_item{
    width: 23%;
    margin-right: 2.66%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.floor_product_item:nth-child(4n){
    margin-right: 0;
}
.floor_product_item .product_class{
    background: url(../images/index_pro_head_07.jpg) no-repeat center;
    background-size: cover;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    height:90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 55px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
}
.floor_product_imgbox{
    margin-top: -12px;
}
.floor_product_imgbox img{
    width: 100%;
}
.floor_product_mask{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/maskback_07.png) no-repeat center;
    background-size: cover;
    transition: all ease .5s;
}
.floor_product_item:hover .floor_product_mask{
    top: 0;
}
.logo_pro{
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.logo_pro_into{
    width: 78px;
    height: 78px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    box-sizing: border-box;
}
.logo_pro_into img{
    width: 100%;
}
.floor_product_mask{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 12px;
    box-sizing: border-box;
}
.floor_product_mask dl{
    padding:  0 10px;
    box-sizing: border-box;
    width: 100%;
}
.floor_product_mask dt h6{
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-bottom: 8px;
}
.floor_product_mask dt {
    margin-bottom: 15px;
}
.floor_product_mask dt span{
    display: block;
    width: 32px;
    height: 3px;
    background: #fff;
    margin: 0 auto;
}
.floor_product_mask dd{
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:  all ease .5s;
}
.floor_product_mask .link_pro{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    transition:  all ease .5s;
    text-align: center;
}
/* .floor_product_mask dd{
    transition:  all ease .5s;
}*/
/* .floor_product_mask dd:hover{
    margin-top: -5px;
} */
.floor_product_mask dd:hover a{
    margin-top: -5px;
    font-weight: bold;
} 
.duoyu{
    position: absolute;
    width: 210px;
    /* height: 560px; */
    right: -251px;
    top: 0;
    /* background: url(../images/duoyu2_05.png) no-repeat center; */
}
/* 产品模块 -end */

/* 环保方案模块 */
.floor_project{
    height: 550px;
}
.floor_project_into{
    padding-top: 103px;
    box-sizing: border-box;
}
.floor_project .title_box{
    margin-bottom: 34px;
}
.floor_project_text{
    margin-bottom: 72px;
}
.floor_project_text p{
    line-height: 28px;
    font-size: 14px;
    color: #333;
}
.floor_project .know_more span{
    font-size: 14px;
    margin: 0px 0 0 10px;
    letter-spacing: -4px;
    transform: scale(1,1.4);
    -ms-transform: scale(1,1.4);
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    -o-transform: scale(1,1.4);
}
/* 环保方案模块 -end */

/* 关于我们模块 */
.floor_about{
    padding: 60px 0;
    box-sizing: border-box;
}
.floor_about_into{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 500px;
}
.floor_about_into_left{
    height: 100%;
    width: 64.17%;
    padding-top: 60px;
    padding-left: 40px;
    box-sizing: border-box;
}
.floor_about_into_left .title_box{
    margin-bottom: 20px;
}
.floor_about_into_left .title_p{
    font-size: 16px;
    color: #333;
    margin-bottom: 17px;
}
.floor_about_into_left .floor_about_text{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    width: 340px;
    margin-bottom: 32px;
}
.floor_about .know_more span{
    font-size: 14px;
    margin: 0px 0 0 10px;
    letter-spacing: -4px;
    transform: scale(1,1.4);
    -ms-transform: scale(1,1.4);
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    -o-transform: scale(1,1.4);
}
.floor_about_into_right{
    background: #fbfbfb;
    height: 100%;
    width: 35.83%;
    padding: 90px 98px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: unset;
}
.about_list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.about_list li{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.about_item_title{
    font-size: 16px;
    color: #333;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    margin-bottom: 15px;
    background: #fff;
}
.about_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.about_item_amout{
    font-family: 'Impact';
    font-size: 40px;
    /* font-weight: bold; */
    color: #0067bc;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.about_item_amout span{
    font-family: Arial;
    font-size: 18px;
    margin-left: 6px;
}
/* 关于我们模块 -end */

/* 新闻模块 */
.floor_news{
    padding: 40px 0;
    box-sizing: border-box;
    background: #fbfbfb;
    min-height: 538px;
}
.floor_news_into .title_box{
    margin-bottom: 40px;
}
.floor_news_content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.floor_news_loop{
    width: 700px;
}
.floor_news_list{
    width: 443px;
}
.floor_news_img{
    display: block;
    width: 320px;
    position: relative;
}
.floor_news_img>img{
    width: 100%;
}
.floor_news_img_mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,103,188,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all ease .5s;
}
.floor_news_img:hover .floor_news_img_mask{
    opacity: 1;
}
.floor_news_img_mask .icon-search{
    color: #fff;
    font-size: 24px;
}
.floor_news .swiper-slide{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.floor_news_text{
    width: 350px;
}
.floor_news_text_time{
    font-size: 16px;
    color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 24px;
}
.floor_news_text_time span{
    font-size: 36px;
    color: #0067bc;
    font-family: 'Impact';
}
.floor_news_text h4{
    margin-bottom: 20px;
}
.floor_news_text h4 a{
    display: block;
    font-size: 18px;
    font-weight: bold;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color: #333;
    transition: all ease .5s;
}
.floor_news_text h4 a:hover{
    color: #0067bc;
}
.floor_news_clip{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 18px;
}
.floor_news_clip1{
    height: 2px;
    width: 39px;
    background: #0075c2;
}
.floor_news_clip2{
    height: 1px;
    width: 311px;
    background: #cccccc;
}
.floor_news_textarea{
    font-size: 14px;
    color: #666;
    line-height: 26px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.floor_news_loop{
    position: relative;
}
.swiper-button-prev1{
    position: absolute;
    top: auto!important;
    left: auto!important;
    right: 78px!important;
    bottom: -98px!important;
    background-color: #fff;
    /* background-size: 36px 17px; */
    outline: none;
    background-image:none!important;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E"); */
    width: 54px;
    height: 40px;
    transition: all ease .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-prev1 i{
    font-size: 24px;
    color: #0067bc;
    transition: all ease .5s;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.swiper-button-prev1:hover{
    background-color: #0067bc;
}
.swiper-button-prev1:hover i{
    color: #fff;
}
.swiper-button-next1{
    position: absolute;
    top: auto!important;
    right: 0!important;
    bottom: -98px!important;
    background-color: #fff;
    /* background-size: 36px 17px; */
    outline: none;
    background-image:none!important;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E"); */
    width: 54px;
    height: 40px;
    transition: all ease .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-next1 i{
    font-size: 24px;
    color: #0067bc;
    transition: all ease .5s;
}
.swiper-button-next1:hover{
    background-color: #0067bc;
}
.swiper-button-next1:hover i{
    color: #fff;
}
.floor_news_item_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.floor_news_item_title h4{
    font-size: 16px;
    width: 290px;
    color: #333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all ease .5s;
}
.floor_news_item_title span{
    font-size: 14px;
    color: #999;
    transition: all ease .5s;
}
.floor_news_item p{
    font-size: 14px;
    color: #666;
    line-height: 26px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease .5s;
}
.floor_news_item>a{
    display: block;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    transition: all ease .5s;
}
.floor_news_item{
    margin-bottom: 20px;
}
.floor_news_item:nth-last-of-type(1){
    margin-bottom: 0;
}
.floor_news_item>a:hover{
    border-bottom: 1px solid #0067bc;
}
.floor_news_item>a:hover h4{
    color: #0067bc;
    /* margin-top: -10px; */
    transform: translate(0,-5px);
    font-weight: 800;
}
.floor_news_item>a:hover p{
    color: #0067bc;
    /* margin-top: -10px; */
    transform: translate(0,-5px);
}

.floor_news_loop .clip{
    width: 88px;
    height: 4px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    bottom: -99px;
}
/* 新闻模块 -end */

/* 服务专区 */
.floor_serve{
    padding-top: 60px;
    padding-bottom: 30px;
}
.floor_serve_into .title_p{
    padding: 20px 0 40px 0;
    /*box-sizing: border-box;*/
    /*font-size: 16px;*/
    /*color: #333;*/
}
.floor_serve_list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.floor_serve_item{
    width: 22%;
    margin-right: 4%;
    margin-bottom: 30px;
}
.floor_serve_item:nth-child(4n){
    margin-right: 0;
}
.floor_serve_item a{
    display: block;
}
.floor_serve_item a img{
    width: 100%;
}
.floor_serve_item_text{
    /* display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; */
    padding: 24px;
    box-sizing: border-box;
    width: 100%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    transition:  all ease .5s;
    background: #fff;
}
.floor_serve_item_text h4{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 18px;
    transition:  all ease .5s;
}
.floor_serve_item_text p{
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin-bottom: 20px;
    transition: all ease .5s;
}
.floor_serve_item_text span{
    width: 24px;
    height:2px;
    background: #0067bc;
    transition: all ease .5s;
    display: block;
    margin: 0 auto;
}
.floor_serve_item:hover .floor_serve_item_text{
    border-left: 1px solid #0067bc;
    border-right: 1px solid #0067bc;
    border-bottom: 1px solid #0067bc;
    background: #0067bc;
}
.floor_serve_item:hover .floor_serve_item_text h4{
    color: #fff;
}
.floor_serve_item:hover .floor_serve_item_text p{
    color: #fff;
}
.floor_serve_item:hover .floor_serve_item_text span{
    background: #fff;
}
/* 服务专区 -end */

/* ！首页 -end */


/* ！内页公用 */
.inside_banner{
    width: 100%;
}
.inside_banner img{
    width: 100%;
}
.inside_nav{
    background: #fbfbfb;
}
.inside_nav_into{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.inside_title{
    width: 240px;
    height: 80px;
    background: url(../images/ti_03.png) no-repeat center;
    /*padding-left: 67px;*/
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 80px;
    font-weight: bold;
    position: absolute;
    left: -31px;
    bottom: 0;
    box-sizing: border-box;
    z-index: 2;
}
.crumbs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.crumbs p{
    font-size: 14px;
    line-height: 18px;
    color: #333;
}
.crumbs a{
    font-size: 14px;
    line-height: 18px;
    color: #333;
    transition: all ease .5s;
}
.crumbs a:hover{
    color: #0067bc;
}
.crumbs span{
    font-size: 14px;
    line-height: 18px;
    color: #333;
    margin: 0 10px;
}
/* ！内页公用 -end */


.inside_content_into{
    width: 1400px;
    margin: 0 auto;
}


/* ！产品分类页 */
.inside_content{
    padding-top: 100px;
    padding-bottom: 203px;
    box-sizing: border-box;
}
.product_loop{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.product_swiper{
    width: 912px;
    height: 594px;
    margin: 0;
}
.product_swiper .swiper-slide img{
    width: 100%;
    /* width: 912px;
    height: 560px; */
}
.product_swiper .swiper-slide{
    position: relative;
}
.product_swiper .swiper-slide span{
    background: url(../images/juxing.png) no-repeat center;
    position: absolute;
    width: 453px;
    height: 278px;
    bottom: -36px;
    right: 28px;
    z-index: -1;
}
.product_ul{
    padding-left: 89px;
    padding-top: 42px;
    box-sizing: border-box;
}
.product_li{
    margin-bottom: 24px;
}
.product_li:nth-last-of-type(1){
    margin-bottom: 0;
}
.product_li h4{
    font-size: 24px;
    color: #333;
    transition: all ease .5s;
    cursor: pointer;
}
.product_li .product_title_active{
    font-size: 30px;
    font-weight: bold;
    color: #0067bc;
}
.product_li .ul{
    padding: 20px 0 0 0;
    box-sizing: border-box;
    display: none;
}
.product_li .ul_active{
    /* display: block; */
}
.product_li .ul .li{
    margin-bottom: 8px;
    padding-left: 17px;
    box-sizing: border-box;
}
.product_li .li a{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.product_li .li a i{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0067bc;
    margin-top: 8px;
    margin-right: 8px;
}
.product_li .li a span{
    font-size: 16px;
    color: #666;
    line-height: 22px;
    transition: all ease .5s;
}
.product_li .li:hover a span{
    color: #0067bc;
}
.product_li .ul .product_li_bottom{
    padding-top: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
}
.product_content{
    position: relative;
}
.product_content .swiper-pagination{
    /* bottom: -103px!important; */
    top: 623px!important;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 564px;
    margin-left: -282px;
}
.product_content .swiper-pagination-bullet{
    background: #fff!important;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    transition: all ease .5s;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    opacity: 1;
    outline: none;
    margin-bottom: 20px;
}
.product_content .swiper-pagination-bullet:hover{
    color: #0067bc!important;
    border: 1px solid #0067bc!important; 
}
.product_content .swiper-pagination-bullet-active{
    color: #0067bc!important;
    border: 1px solid #0067bc!important;
}
/* 272 */
.product_content .pro_prev{
    width: 120px!important;
    height:74px!important;
    background-image: none;
    background-color: transparent;
    left: 272px!important;
    top: 623px!important;
    margin-top: 0!important;
    /* top: unset!important;
    bottom: -103px!important; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
    outline: none;
}
.product_content .pro_prev div{
    position: relative;
    width: 100%;
    height: 100%;
}
.product_content .pro_prev img{
    width: 100px;
    height: 6px;
    position: absolute;
    left: 10px;
    top: 34px;
}
.product_content .pro_prev .pro_left_active{
    opacity: 0;
    transition: all ease .5s;
}
.product_content .pro_prev:hover .pro_left_active{
    opacity: 1;
}
.product_content .pro_next{
    width: 120px!important;
    height:74px!important;
    background-image: none;
    background-color: transparent;
    right: 272px!important;
    top: 623px!important;
    margin-top: 0!important;
    /* top: unset!important;
    bottom: -103px!important; */
    outline: none;
}
.product_content .pro_next div{
    position: relative;
}
.product_content .pro_next img{
    width: 100px;
    height: 6px;
    position: absolute;
    left: 10px;
    top: 34px;
    /* transform:rotate(180deg);
    -ms-transform:rotate(180deg); 
    -webkit-transform:rotate(180deg);  */
}
.product_content .pro_next .pro_right_active{
    opacity: 0;
    transition: all ease .5s;
}
.product_content .pro_next:hover .pro_right_active{
    opacity: 1;
}
.product_content .swiper-button-disabled{
    cursor: pointer;
    opacity: 1;
    pointer-events: visible;
}

/* ！产品分类页 -end */


/* ！产品详情 */
.pro_detail_box .floor_into{
    padding-top: 100px;
    box-sizing: border-box;
}
.pro_detail_title{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
}
.pro_detail_title h3{
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.pro_detail_title a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 48px;
    font-size: 16px;
    color: #fff;
    background: #0067bc;
}
.pro_detail_title a img{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
#pro_detail_img{
    width: 100%!important;
    height: 600px!important;
    border: 1px solid #eee;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 80px;
}
.pro_detail_point{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.pro_detail_point_active{
    position: fixed;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 0;
    z-index: 5;
}
.pro_detail_point a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 380px;
    height: 80px;
    background: #258ade;
    color: #fff;
    font-size: 18px;
    transition: all ease .5s;
    margin-right: 30px;
}
.pro_detail_point a:nth-last-of-type(1){
    margin-right: 0;
}
.pro_detail_point a img{
    height: 26px;
    margin-right: 10px;
}
.pro_detail_point a:hover{
    background: #0067bc;
}
.pro_detail_point .active{
    background: #0067bc;
}

.pro_detail_floor{
    padding: 80px 0;
    box-sizing: border-box;
}
.pro_detail_h {
    margin-bottom: 32px;
}
.pro_detail_h span{
    width: 32px;
    height: 3px;
    background: #0067bc;
    display: block;
    margin: 0 auto;
}
.pro_detail_h h4{
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 12px;
}
.pro_detail_textarea p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.pro_detail_textarea .pro_detail_textarea_img{
    margin: 0 auto;
    display: block;
}
#pro_detail_floor2{
    background: #fbfbfb;
}

.pro_detail_data table tr:nth-child(2n-1){
    background: #e2edfa;
}
.pro_detail_data table{
    /*border: 1px solid #eeeeee!important;*/
    width: 100%;
    box-sizing: border-box;
}
/*.pro_detail_data table tr:nth-of-type(1){
    background: #0067bc;
    color: white;
}*/
.pro_detail_data table tr td{
    font-size: 14px;
    color: #333;
    height: 48px;
    text-align: center;
    line-height: 20px;
}
.pro_detail_data table tr th{
    width: 124px;
    height: 60px;
    /*color: #fff;*/
    font-size: 14px;
    font-weight: normal;
    background-color: #0067bc;
}
.pro_detail_data table tr:nth-of-type(1) th:nth-of-type(1){
    width: 200px;
    position: relative;
    background-image: url(../images/www_03.png);
    background-repeat: no-repeat;
    background-position: center;
}
.pro_detail_data table tr:nth-of-type(1) th:nth-of-type(1) .span1{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 17px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.pro_detail_data table tr:nth-of-type(1) th:nth-of-type(1) .span2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-right: 17px;
    padding-top: 10px;
    box-sizing: border-box;
}
/* ！产品详情 -end */

/* ！发展历程 */
.gallery-thumbs{
    width: 1160px;
    margin: 0 auto;
}
.history_content{
    padding-top: 100px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide{
    border-bottom: 1px solid #cccccc;
    transition: all ease .5s;
    cursor: pointer;
}
.gallery-thumbs .swiper-slide .date_interval{
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 17px;
    transition: all ease .5s;
}
.gallery-thumbs .swiper-slide span{
    display: block;
    width: 100%;
    height: 2px;
    background: transparent;
    transition: all ease .5s;
}
.gallery-thumbs .swiper-slide:hover{
    border-bottom: 1px solid #0067bc;
}
.gallery-thumbs .swiper-slide:hover .date_interval{
    color: #0067bc;
}
.gallery-thumbs .swiper-slide:hover span{
    background: #0067bc;
}
.gallery-thumbs .swiper-slide-active1{
    border-bottom: 1px solid #0067bc;
}
.gallery-thumbs .swiper-slide-active1 .date_interval{
    color: #0067bc;
}
.gallery-thumbs .swiper-slide-active1 span{
    background: #0067bc;
}
.gallery-thumbs-out{
    position: relative;
    margin-bottom: 40px;
}
.gallery-thumbs-out .swiper-button-next{
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image:none;
    outline: none;
    opacity: 1;
    margin-top: 0;
    bottom: -9px;
    right: 0;
    top: auto;
    background-color: #fff;
}
.gallery-thumbs-out .swiper-button-prev{
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image:none;
    outline: none;
    opacity: 1;
    margin-top: 0;
    bottom: -9px;
    left: 0;
    top: auto;
    background-color: #fff;
}
.gallery-thumbs-out .swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: visible;
}
.gallery-thumbs-out .swiper-button-next i{
    font-size: 14px;
    color: #525252;
    transition: all ease .5s;
    margin-right: -1px;
}
.gallery-thumbs-out .swiper-button-prev i{
    font-size: 14px;
    color: #525252;
    transition: all ease .5s;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 
    -webkit-transform:rotate(180deg); 
    margin-left: -1px;
}
.gallery-thumbs-out .swiper-button-next:hover i{
    color: #0067bc;
}
.gallery-thumbs-out .swiper-button-prev:hover i{
    color: #0067bc;
}
.history_banner{
    margin-bottom: 43px;
}
.history_banner_into{
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0,0,0,.5);
}
.history_banner_into h4{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.history_banner_into span{
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}
.incident_item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.incident_item_left{
    font-size: 48px;
    color: #333;
    font-family: 'Impact';
    font-weight: bold;
    padding-left: 100px;
    box-sizing: border-box;
}
.incident_item_right{
    position: relative;
    width: 828px;
}
.history_item_point{
    position: absolute;
}
.history_item_textarea{
    margin-bottom: 16px;
}
.history_item_textarea .history_item_text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.history_item_text span{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #333;
    margin-top: 10px;
    margin-right: 10px;
}
.history_item_text p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.history_item_img{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 23px;
}
.history_item_img img{
    width: 370px;
    margin-bottom: 30px;
}
.incident_item_right{
    position: relative;
}
.history_item_point {
    position: absolute;
    left: -72px;
    top: 15px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 50%;
}
.history_item_point div{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}
.history_item_point p{
    width: 18px;
    height: 18px;
    background: #7fb3dd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.history_item_point span{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0067bc;
    display: block;
}
.incident_item_right:hover .history_item_point p{
    animation: rotation 1s linear infinite;
}
@keyframes rotation{
    0%{
        transform: scale(1);  
        /* width: 18px;
        height: 18px; */
    }
    25%{
        transform: scale(1.2); 
        /* width: 21px;
        height: 21px; */
    }
    50%{
        transform: scale(1.3);
        /* width: 24px;
        height: 24px; */
    }
    75%{
        transform: scale(1.2);
        /* width: 21px;
        height: 21px; */
    }
    100%{
        transform: scale(1.1);
        /* width: 18px;
        height: 18px; */
    }
}
/* ！发展历程 -end */


/* ！服务地图 */
.map_world{
    /* background-size: cover; */
    border-top: 1px solid #e7ecf0;
    box-sizing: border-box;
}
.map_world_mask{
    transition: all ease .5s;
}
.map_world_mask_active{
    background: rgba(255,255,255,.9)!important;
}
.map_world .floor_into{
    padding-top: 100px;
    box-sizing: border-box;
    padding-bottom: 70px;
}
.china_map_box{
    width: 770px;
}
.china_map{
    position: relative;
    padding: 24px 0 0 17px;
    box-sizing: border-box;
    width: 100%;
    z-index: 20;
    display: none;
}
.china_map_active{
    display: block;
}
.china_map_img{
    width: 650px;
}
.close_map{
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.map_world .floor_into_top{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.floor_into_top .china_a{
    position: absolute;
    width: 320px;
    height: 290px;
    left: 120px;
    top: 224px;
    cursor: pointer;
}
.server_message{
    padding-left: 43px;
    box-sizing: border-box;
}
.server_message_into{
    width: 348px;
    -moz-box-shadow:0px 0px 15px rgba(0,0,0,.2); 
    -webkit-box-shadow:0px 0px 15px rgba(0,0,0,.2); 
    box-shadow:0px 0px 15px rgba(0,0,0,.2);
    background: rgba(255,255,255,.8);
    margin-bottom: 42px;
    padding: 30px;
    box-sizing: border-box;
}
.server_message_into dt{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 12px;
}
.server_message_into dt i{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0067bc;
    margin-right: 8px;
    margin-top: 10px;
}
.server_message_into dt span{
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #0067bc;
}
.server_message_into dd{
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.server_message_item{
    margin-bottom: 25px;
}
.server_message_item:nth-last-of-type(1){
    margin-bottom: 0;
}
.server_message_into2 dt span{
    font-weight: normal;
    color: #333;
}
.server_message_into:nth-last-of-type(1){
    margin-bottom: 0;
}
.annotation{
    width: 770px;
    padding-top: 60px;
    box-sizing: border-box;
}
.annotation ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px;
}
.annotation ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 34px;
    font-size: 18px;
    color: #333;
}
.annotation ul li:nth-last-of-type(1){
    margin-right: 0;
}
.annotation ul i{
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}
.annotation p{
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center;
}
/* ！服务地图 -end */


/* ！工程案例 */
.page_floor_into{
    padding: 80px 0;
    box-sizing: border-box;
}
.case_list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.case_list li{
    width: 380px;
    margin-right: 30px;
    margin-bottom: 40px;
    transition: all ease .5s;
}
.case_list li a{
    display: block;
    width: 100%;
}
.case_list li a img{
    width: 100%;
}
.case_list li:nth-child(3n){
    margin-right: 0;
}
.case_list li .case_name{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 18px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    transition: all ease .5s;
    line-height: 24px;
}
.case_list li:hover{
    -moz-box-shadow:0px 0px 20px rgba(0,103,188,.4); 
    -webkit-box-shadow:0px 0px 20px rgba(0,103,188,.4);
     box-shadow:0px 0px 20px rgba(0,103,188,.4);
    transform: translate(0,-20px);
}
.case_list li:hover .case_name{
    background: #0067bc;
    color: #fff;
    border-left: 1px solid #0067bc;
    border-right: 1px solid #0067bc;
    border-bottom: 1px solid #0067bc;
}
.case_list{
    margin-bottom: 40px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/* ！工程案例 -end */


/* ！工程案例详情 */
.case_detail_into{
    padding-top: 100px;
    box-sizing: border-box;
    padding-bottom: 60px;
}
.case_detail_content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 60px;
}
.case_detail_loop{
    width: 600px;
}
.case_detail_loop .gallery-top{
    margin-bottom: 16px;
}
.case_detail_loop .gallery-thumbs{
    width: 600px;
}
.case_detail_loop .gallery-thumbs .swiper-slide img{
    width: 100%;
}
.case_detail_loop .gallery-thumbs .swiper-slide{
    box-sizing: border-box;
    height: 68px;
    border-bottom: 0;
}
.case_detail_loop .gallery-thumbs .swiper-slide i{
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    transition: all ease.3s;
    box-sizing: border-box;
}
.case_detail_loop .gallery-thumbs .swiper-slide:hover i{
    border: 3px solid #0067bc;
}
.case_detail_loop .gallery-thumbs .swiper-slide-thumb-active i{
    border: 3px solid #0067bc;
}
.case_detail_loop .gallery-thumbs .active i{
    border: 3px solid #0067bc;
}
.case_detail_loop .swiper-button-prev{
    transition: all ease .5s;
    width: 40px;
    height: 60px;
    margin-top: -30px;
    /* left: 0; */
    left: -40px;
    background-color: rgba(255,255,255,.8);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.case_detail_loop .swiper-button-next{
    transition: all ease .5s;
    width: 40px;
    height: 60px;
    margin-top: -30px;
    /* right: 0; */
    right: -40px;
    background-color: rgba(255,255,255,.8);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.case_detail_loop .swiper-button-next:after, .case_detail_loop .swiper-button-prev:after {
    content: '';
}
.case_detail_loop:hover .swiper-button-prev{
    left: 0;
    opacity: 1!important;
}
.case_detail_loop:hover .swiper-button-next{
    right: 0;
    opacity: 1!important;
}
.case_detail_loop .case_detail_img{
    width: 100%;
}
/* .case_detail_loop .swiper-button-disabled, .case_detail_loop .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: visible;
} */
.case_detail_explain{
    width: 500px;
}
.case_detail_explain h3{
    font-size: 24px;
    color: #0067bc;
    padding-top: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 18px;
}
.case_detail_explain_into div{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.case_detail_explain div span, .case_detail_explain div p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.case_detail_explain a{
    margin-left: 0;
    width: 180px;
    height: 48px;
    display: block;
    background: #0067bc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case_detail_explain a img{
    height: 20px;
    margin-right: 8px;
}
.case_detail_explain a span{
    font-size: 16px;
    color: #fff;
}
.case_detail_explain{
    min-height: 383px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.case_detail_textblock{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 60px;
}
.case_detail_textblock .h3{
    border-bottom: 1px solid #0067bc;
    margin-bottom: 52px;
}
.case_detail_textblock h3{
    width: 160px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #0067bc;
}
.case_detail_textarea{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    margin-bottom: 50px;
}
.case_detail_textarea img{
    display: block;
    margin: 15px auto;
}
.same_case .title_box{
    margin-bottom: 20px;
}

/* 相关轮播 */
.same_case_swiper{
    padding-top: 20px;
    box-sizing: border-box;
}
.same_case_swiper .swiper-slide{
    transition: all ease .5s;
}
.same_case_swiper .swiper-slide a{
    display: block;
    width: 100%;
}
.same_case_swiper .swiper-slide img{
    width: 100%;
}
.same_case_swiper .swiper-slide div{
    padding: 15px;
    box-sizing: border-box;
    transition: all ease .5s;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.same_case_swiper .swiper-slide:hover{
    -moz-box-shadow:0px 0px 20px rgba(0,103,188,.4); 
    -webkit-box-shadow:0px 0px 20px rgba(0,103,188,.4);
     box-shadow:0px 0px 20px rgba(0,103,188,.4);
    transform: translate(0,-20px);
}
.same_case_swiper .swiper-slide:hover div{
    border-left: 1px solid #0067bc;
    border-right: 1px solid #0067bc;
    border-bottom: 1px solid #0067bc;
    background: #0067bc;
    color: #fff;
}
.same_case_swiper .swiper-button-prev{
    transition: all ease .5s;
    width: 46px;
    height: 60px;
    margin-top: -20px;
    /* left: 0; */
    left: -46px;
    background-color: rgba(255,255,255,1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.same_case_swiper .swiper-button-next{
    transition: all ease .5s;
    width: 46px;
    height: 60px;
    margin-top: -20px;
    /* right: 0; */
    right: -46px;
    background-color: rgba(255,255,255,1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067bc'%2F%3E%3C%2Fsvg%3E")
}
.same_case_swiper .swiper-button-next:after, .same_case_swiper .swiper-button-prev:after {
    content: '';
}
.same_case_swiper:hover .swiper-button-prev{
    left: 0;
}
.same_case_swiper:hover .swiper-button-next{
    right: 0;
}
.same_case_swiper .swiper-button-disabled, .same_case_swiper .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: visible;
}
/* 相关轮播 -end */

/* ！工程案例详情 -end */

/* ！公司简介 */
.about_floor_into{
    padding-top: 100px;
    box-sizing: border-box;
    padding-bottom: 100px;
}
.about_company{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 80px;
}
.about_floor_into .video_box{
    width: 600px;
    height: 380px;
    position: relative;
}
.about_floor_into .video_box .video_play{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    display: none;
    cursor: pointer;
}
.about_floor_into .video_box .video_play img{
    width: 100%;
    height: 100%;
}
.about_floor_into .video_box video{
    width: 100%;
    height: 100%;
    background: #000000;
    /* object-fit: cover; */
}
.about_floor_into .video_box .video_active{
    object-fit: cover;
}

.company_describe{
    width: 500px;
    padding-top: 46px;
    box-sizing: border-box;
}
.company_describe .title_box{
    margin-bottom: 30px;
}
.company_describe p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
}
.company_data{
    padding-top: 60px;
    padding-bottom: 55px;
    box-sizing: border-box;
    margin-bottom: 80px;
}
.company_data ul{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.company_data li{
    width: 25%;
    text-align: center;
}
.company_data li div{
    /* display: flex;
    justify-content: center;
    align-items: flex-end; */
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
.company_data li p{
    font-size: 16px;
    color: #fff;
}
.company_data_num{
    font-size: 72px;
    font-family: 'Impact';
    color: #fff;
}
.company_data .above{
    position: absolute;
    font-size: 24px;
    color: #fff;
    font-family: 'Impact';
    display: block;
    box-sizing: border-box;
    right: -26px;
    top: 44px;
}
.company_data_text{
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
.company_textarea h5{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.company_textarea p{
    color: #333;
    line-height: 30px;
    font-size: 16px;
    text-indent: 2em;
}
.company_textarea img{
    display: block;
    margin: 0 auto;
}
/* ！公司简介 -end */


/* ！公司理念 */
.idea_floor_into{
    padding-top: 100px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.idea_floor_into h2{
    font-size: 30px;
    color: #0067bc;
    font-weight: bold;
    margin-bottom: 60px;
    text-align: center;
}
.idea_floor_into ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.idea_floor_into li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 55px;
}
.idea_item_into{
    display: inline-block;
}
.idea_img{
    width: 150px;
    height: 150px;
    transition: all ease .5s;
    border: 4px solid #0067bc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto 36px auto;

    transition: all .5s linear;
	transform-style: preserve-3d;
}
.idea_img img{
    height: 56px;
}
.idea_floor_into li h5{
    font-size: 24px;
    color: #333;
    margin-bottom: 36px;
    text-align: center;
    transition: all ease .5s;
}
.idea_floor_into li span{
    width: 32px;
    height: 3px;
    background: #0067bc;
    display: block;
    margin: 0 auto 27px auto;
}
.idea_floor_into li p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: center;
    transition: all ease .5s;
}
.idea_item_into:hover h5{
    color: #0067bc;
}
.idea_item_into:hover p{
    color: #0067bc;
}
.idea_item_into:hover .idea_img{
	transform: rotateY(180deg);
}
/* ！公司理念 -end*/


/* ！公司荣誉 */
.honor_page{
    padding-top: 100px;
    padding-bottom: 80px;
    box-sizing: border-box;
}
.honor_list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.honor_list li{
    width: 380px;
    margin-right: 30px;
    margin-bottom: 38px;
}
.honor_list li:nth-child(3n){
    margin-right: 0;
}
.honor_list li a{
    display: block;
    width: 100%;
}
.honor_img{
    width: 100%;
    /* height: 260px; */
    height: auto;
    overflow: hidden;
    position: relative;
}
.honor_img .watermark{ 
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
    opacity: 0;
}
.honor_list li a img{
    width: 100%;
    height: 100%;
    transition: all ease .5s;
}
.honor_list li:hover img{
    transform: scale(1.2);
}
.honor_list li:hover .watermark{
    opacity: 1;
}
.honor_list li p{
    padding: 17px 19px;
    box-sizing: border-box;
    font-size: 18px;
    color: #333;
    background: #fbfbfb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    line-height: 28px;
    transition: all ease .5s;
}
.honor_list li:hover p{
    color: #0067bc;
}
.honor_page .look_more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 80px;
}
.honor_page .look_more span{
    font-size: 14px;
    color: #666;
    margin-right: 8px;
    transition: all ease .5s;
}
.honor_page .look_more i{
    color: #666;
    font-size: 13px;
    transition: all ease .5s;
}
.honor_page .look_more:hover span{
    color: #0067bc;
}
.honor_page .look_more:hover i{
    color: #0067bc;
}

.honor_mask{
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
}
.hover_loop{
    width: 100%;
    height: 100%;
}
.hover_swiper{
    width: 100%;
    height: 100%;
}
.hover_swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.hover_swiper .swiper-slide img{
    vertical-align: middle;
    width: auto;
    max-height: 78%;
    max-width: 1100px;
}
.hover_swiper .swiper-slide p{
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.hover_swiper .swiper-button-prev{
    left: calc((100% - 1200px) / 2);
}
.hover_swiper .swiper-button-next{
    right: calc((100% - 1200px) / 2);
}
.hover_swiper .swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: visible;
}
/* ！公司荣誉 -end */

/* ！联系我们 */
.contact_floor_into{
    padding: 100px 0;
    box-sizing: border-box;
}
.anchorBL{
    display: none!important;
}
.company_address{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.company_address #baidu_map{
    width: 600px;
    height: 400px;
}
.company_address_text{
    /* padding: 89px 80px 85px 80px; */

    box-sizing: border-box;
    width: 600px;
    height: 400px;
    padding: 0 80px;
    background: #fbfbfb;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.company_address_text h5{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 13px;
}
.company_address_text i{
    display: block;
    width: 32px;
    height: 3px;
    background: #0067bc;
}
.company_name{
    margin-bottom: 32px;
}
.company_address_text li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.company_address_text li span{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 32px;
    white-space: nowrap;
}
.company_address_text li p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.company_consultation_title h5{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
}
.company_consultation_title i{
    width:32px;
    height: 3px;
    display: block;
    background: #0067bc;
    margin: 0 auto 14px auto;
}
.company_consultation_title p{
    font-size: 16px;
    line-height: 26px;
    color: #666;
    text-align: center;
}
.company_consultation_title{
    margin-bottom: 35px;
}
.company_consultation_content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.company_consultation_form{
    width: 500px;
}
.company_consultation_form li{
    margin-bottom: 20px;
}
.company_consultation_form .form_title{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 16px;
}
.company_consultation_form h6{
    font-size: 16px;
    color: #333;
    margin-right: 5px;
}
.company_consultation_form span{
    color: #ff2626;
    font-size: 16px;
}
.company_consultation_form li input{
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #dfe4ee;
    background: #fcfcfc;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    transition: all ease .5s;
}
.company_consultation_form li textarea{
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #dfe4ee;
    background: #fcfcfc;
    padding: 13px 10px;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    transition: all ease .5s;
}
.company_consultation_form li input::-webkit-input-placeholder { color:#cccccc; }
.company_consultation_form li input::-moz-placeholder { color:#cccccc; } /* firefox 19+ */
.company_consultation_form li input:-ms-input-placeholder { color:#cccccc; } /* Internet Explorer 10+ */
.company_consultation_form li input:-moz-placeholder { color:#cccccc; } /* firefox 14-18 */

.company_consultation_form li textarea::-webkit-input-placeholder { color:#cccccc; }
.company_consultation_form li textarea::-moz-placeholder { color:#cccccc; } /* firefox 19+ */
.company_consultation_form li textarea:-ms-input-placeholder { color:#cccccc; } /* Internet Explorer 10+ */
.company_consultation_form li textarea:-moz-placeholder { color:#cccccc; } /* firefox 14-18 */

.company_consultation_form .submit{
    display: block;
    width: 100px;
    height: 40px;
    background: #258ade;
    color: #fff;
    outline: none;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    transition:  all ease .5s;
}
.company_consultation_form .submit:hover{
    background: #0067bc;
}
.company_consultation_form li input:focus{
    border: 1px solid #0067bc;
    background: #fff;
    -moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;
}
.company_consultation_form li textarea:focus{
    border: 1px solid #0067bc;
    background: #fff;
    -moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;
}
.company_consultation_img{
    width: 600px;
}
/* ！联系我们 -end */


/* ！解决方案 */
.project_floor_title h5{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.project_floor_title span{
    display: block;
    width: 32px;
    height: 3px;
    background: #0067bc;
    margin: 0 auto;
}
.project_floor1{
    padding: 80px 0 60px 0;
    box-sizing: border-box;
}
.project_floor1 .floor_into{
    width: 1220px;
    margin: 0 auto;
}
.project_floor1 .project_floor_title{
    margin-bottom: 60px;
}
.project_floor1_nav{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/shuangjianbox_09.png) no-repeat center 20px;
}
.project_floor1_nav_item{
    width: 20%;
}

.project_floor1_nav_item_bottom{
    /* background: url(../images/item1_03.png) no-repeat center; */
    height: 293px;
    /* padding: 60px 20px 0; */
    box-sizing: border-box;
    transition: all ease .5s;
    position: relative;
}
.project_floor1_nav_item_bottom1{
    background: url(../images/item1_03.png) no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease .5s;
}
.project_floor1_nav_item_bottom .bottom_mask{
    background: url(../images/item3_06.png) no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease .5s;
    opacity: 0;
}
.project_floor1_nav_item_bottom .flow_name h6{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
    text-align: center;
    transition: all ease .5s;
}
.project_floor1_nav_item_bottom .flow_name span{
    width: 32px;
    height: 3px;
    display: block;
    margin: 0 auto;
    background: #0067bc;
    transition: all ease .5s;
}
.project_floor1_nav_item_bottom .flow_name{
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
}
.project_floor1_nav_item_bottom  .flow_text{
    position: absolute;
    width: 100%;
    top: 120px;
    left: 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.project_floor1_nav_item_bottom  .flow_text p{
    font-size: 14px;
    color: #666;
    line-height: 34px;
    text-align: center;
    transition: all ease .5s;
}

.project_floor1_nav_item_top{
    width: 88px;
    height: 88px;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all ease .5s;
    position: relative;
    margin: 0 auto 17px auto;
}
.project_floor1_nav_item_top .pj{
    width: 46px;
    height: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
}
.project_floor1_nav_item_top .pj_no{
    transition: all ease .5s;
    opacity: 1;
}
.project_floor1_nav_item_top .pj_active{
    transition: all ease .5s;
    opacity: 0;
}
.project_floor1_nav_item_top .pj img{
    width: 100%;
    height: 100%;
}
.project_floor1_nav_item:nth-of-type(3) .pj{
    padding: 3px;
    box-sizing: border-box;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom{
    transform: translate(0,-12px);
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom .project_floor1_nav_item_bottom1{
    opacity: 0;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom .bottom_mask{
    opacity: 1;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom h6{
    color: #fff;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom span{
    background: #fff;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_bottom p{
    color: #fff;
}
.project_floor1_nav_item:hover .project_floor1_nav_item_top{
    background: #0067bc;
}
.project_floor1_nav_item:hover .pj_active{
    opacity: 1;
}

.project_floor2{
    background: #fbfbfb;
    padding: 60px 0;
    box-sizing: border-box;
}
.project_floor2 .project_floor_title{
    margin-bottom: 40px;
}
.project_floor2_ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.project_floor2_ul li{
    width: 380px;
    margin-right: 30px;
}
.project_floor2_ul li:nth-of-type(3){
    margin-right: 0;
}
.project_floor2_ul li img{
    width: 100%;
}
.project_floor2_ul li h6{
    padding: 13px 0 10px 0;
    box-sizing: border-box;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 32px;
}
.project_floor2_ul li p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    word-break: break-all;
    text-align: justify;
}
.project_floor2_text{
    padding: 0 22px 0;
    box-sizing: border-box;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    min-height: 266px;
    background: #fff;
}

.project_floor3{
    padding: 60px 0;
    box-sizing: border-box;
}
.project_floor3 .project_floor_title{
    margin-bottom: 35px;
}
.project_floor3_text p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    /*text-align: center;*/
}
.project_floor3_text img{
    /*width: 100%;*/
}

.project_floor4{
    padding: 60px 0 54px 0;
    box-sizing: border-box;
    background: #fbfbfb;
}
.project_floor4 .project_floor_title{
    margin-bottom: 40px;
}
.pj_floor4_bottom{
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.project_floor4_loop{
    margin-bottom: 30px;
}
.pj_f4_slide{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.pj_f4_slide_left{
    width: 500px;
}
.pj_f4_slide_left img{
    width: 100%;
}
.pj_f4_slide_right{
    width: 700px;
    min-height: 521px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding: 24px 40px;
    box-sizing: border-box;
    background: #fff;
}
.pj_f4_slide_right .slide_title{
    margin-bottom: 15px;
}
.pj_f4_slide_right .slide_title h6{
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.pj_f4_slide_right .slide_title span{
    display: block;
    width: 32px;
    height: 3px;
    background: #0067bc;
}
.pj_f4_slide_right .slide_text{
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-bottom: 15px;
}
/* .slide_table_box{
    width: 100%;
    height: 400px;
    overflow: scroll;
} */
.slide_table{
    border: 1px solid #c2c8d0;
    box-sizing: border-box;
    min-width: 450px;
}
.slide_table th{
    font-size: 12px;
    color: #666;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 10px;
    box-sizing: border-box;
}
.slide_table td{
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 10px;
    box-sizing: border-box;
}
/* .pj_floor4_next:after, .pj_floor4_prev:after{
    font-size: 20px;
} */
.pj_floor4_prev, .pj_floor4_next{
    width: 54px;
    height: 40px;
    background: #fff;
    transition: all ease .5s;
    color: #0067bc;
    /* line-height: 40px;
    text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.pj_floor4_prev span, .pj_floor4_next span{
    font-size: 24px;
} 
.pj_floor4_prev span{
    transform:rotate(180deg);
}
.pj_floor4_prev{
    left: 8px;
    bottom: 8px;
    top: auto;
    transition: all ease .5s;
}
.pj_floor4_next{
    left: 70px;
    bottom: 8px;
    top: auto;
    transition: all ease .5s;
}
.project_floor4_swiper .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: visible;
}
.pj_floor4_prev:hover, .pj_floor4_next:hover{
    color: #fff;
    background: #0067bc;
}

.project_floor5{
    padding: 60px 0;
    box-sizing: border-box;
}
.project_floor5 .project_floor_title{
    margin-bottom: 40px;
}
.project_floor5_ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.project_floor5_ul li{
    width: 380px;
    /*margin-right: 30px;*/
}
/*.project_floor5_ul li:nth-of-type(3){
    margin-right: 0;
}*/
.project_floor5_ul li a{
    display: block;
    width: 100%;
}
.project_floor5_ul li img{
    width: 100%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    box-sizing: border-box;
}
.pj_floor5_li_text{
    background: #fbfbfb;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 18px;
    box-sizing: border-box;
    line-height: 26px;
    text-align: center;
    transition: all ease .5s;
}
.project_floor5_ul li:hover .pj_floor5_li_text{
    color: #fff;
    background: #0067bc;
}
.project_floor5_p{
    margin-bottom: 25px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
}
.project_floor5_banner img{
    width: 100%;
}

.project_floor6 {
    padding: 60px 0 20px 0;
    background: #fbfbfb;
    margin-bottom: 40px;
}
.project_floor6 .project_floor_title{
    margin-bottom: 40px;
}
.project_floor6 .case_list{
    margin-bottom: 0;
}
.project_floor6 .case_list li{
    background: #fff;
}
/* ！解决方案 -end */

/* ！售后服务 */
.after_sale_nav{
    padding: 100px 0 20px;
}
.after_sale_nav ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.after_sale_nav ul li{
    width: 280px;
    height: 70px;
    background: #258ade;
    transition: all ease .5s;
}
.after_sale_nav ul li:hover{
    background: #0067bc;
}
.after_sale_nav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.after_sale_nav ul li img{
    height: 30px;
    margin-right: 14px;
}
.after_sale_nav ul li span{
    font-size: 18px;
    color: #fff;
}

.after_sale_nav .ul_active{
    position: fixed;
    width: 1200px;
    margin-left: -600px;
    top: 0;
    left: 50%;
    z-index: 5;
}

.after_sale_nav ul .active{
    background: #0067bc;
}


.after_sale_floor{
    padding: 60px 0;
    box-sizing: border-box;
}
.after_sale_title{
    margin-bottom: 10px;
}
.after_sale_title h5{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.after_sale_title span{
    display: block;
    width: 32px;
    height: 3px;
    background: #0067bc;
    margin: 0 auto;
}
.after_sale_p{
    font-size: 14px;
    line-height: 28px;
    padding: 0 100px;
    box-sizing: border-box;
    color: #666;
    margin-bottom: 30px;
    text-align: center;
}

/*  */
.after_sale_floor1_swiper .after_sale_floor1_swiper_item{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.after_sale_floor1_swiper .swiper-pagination{
    position:static;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet{
    width: 25%;
    border-bottom: 3px solid transparent;
    background: #fbfbfb;
    transition: all ease .5s;
    padding: 11px 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    opacity: 1;
    border-radius: 0;
    margin: 0;
    height: auto;
    outline: none;
    display: block;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet span{
    font-size: 16px;
    color: #333;
    /* padding: 5px 0 9px; */
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    border-left: 1px solid #e5e5e5;
    transition: all ease .5s;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) span{
    border-left: 0;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet:hover{
    border-bottom: 3px solid #0067bc;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet:hover span{
    font-weight: bold;
    color: #0067bc;
    font-size: 18px;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet-active{
    border-bottom: 3px solid #0067bc;
}
.after_sale_floor1_swiper .swiper-pagination .swiper-pagination-bullet-active span{
    font-weight: bold;
    color: #0067bc;
    font-size: 18px;
}
/*  */


#after_sale_floor1 .tab_nav{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}
#after_sale_floor1 .tab_nav li{
    width: 25%;
    border-bottom: 3px solid transparent;
    background: #fbfbfb;
    transition: all ease .5s;
    padding: 11px 0 10px;
    box-sizing: border-box;
    cursor: pointer;
}
#after_sale_floor1 .tab_nav li span{
    font-size: 16px;
    color: #333;
    /* padding: 5px 0 9px; */
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    border-left: 1px solid #e5e5e5;
    transition: all ease .5s;
}
#after_sale_floor1 .tab_nav li:nth-of-type(1) span{
    border-left: 0;
}
#after_sale_floor1 .tab_nav li:hover{
    border-bottom: 3px solid #0067bc;
}
#after_sale_floor1 .tab_nav li:hover span{
    font-weight: bold;
    color: #0067bc;
    font-size: 18px;
}
#after_sale_floor1 .tab_nav .active{
    border-bottom: 3px solid #0067bc;
}
#after_sale_floor1 .tab_nav .active span{
    font-weight: bold;
    color: #0067bc;
    font-size: 18px;
}
#after_sale_floor1 .tab_content li{
    /* display: flex; */
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    display: none;
}
#after_sale_floor1 .tab_content .active{
    display: flex;
}
#after_sale_floor1 .tab_content_item_right{
    width: 800px;
}
#after_sale_floor1 .tab_content_item_right img{
    width: 100%;
}
#after_sale_floor1 .tab_content_item_left{
    width: 398px;
    height: 530px;
    box-sizing: border-box;
    /*border-left: 1px solid #eee;*/
    /*border-top: 1px solid #eee;*/
    /*border-bottom: 1px solid #eee;*/
    /*background: url(../images/douhao_06.png) no-repeat 24px 36px;*/
    /* padding: 0 60px; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#after_sale_floor1 .tab_content_item_left dl{
    width: 400px;
    padding: 0 60px;
    box-sizing: border-box;
}
#after_sale_floor1  .tab_content_item_left_text{
    font-size: 16px;
    line-height: 28px;
    color: #333;
}
#after_sale_floor1  .tab_content_item_left_text dt{
    margin-bottom: 30px;
}

#after_sale_floor2{
    background: #fbfbfb;
}
.after_sale_floor2_ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.after_sale_floor2_ul li{
    width: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.after_sale_floor2_ul li a{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sale_ul_open img{
    width: 100%;
}
.sale_ul_open p{
    padding: 17px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #fff;
}
.sale_ul_mask{
    position: absolute;
    left: 0;
    top: 0;
    background: #0067bc;
    width: 100%;
    height: 100%;
    padding: 38px 30px 0;
    box-sizing: border-box;
    transition: all ease .5s;
    visibility: hidden;
    transform: translate(0,-390px);
    opacity: 0;
}
.sale_ul_mask h6{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 19px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    margin-bottom: 27px;
}
.sale_ul_mask p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}
.after_sale_floor2_ul li:hover .sale_ul_mask{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
.after_sale_floor2_ul li:nth-child(3n){
    margin-right: 0;
}

.after_sale_floor3_swiper{
    width: 100%;
    margin-bottom: 30px;
}
.after_sale_floor3_swiper .swiper_slide_detail_banner{
    width: 100%;
    display: block;
    /* margin-bottom: 30px; */
}
.after_sale_floor3_swiper .swiper_slide_detail_img{
    width: 800px;
    margin: 0 auto;
    display: block;
}
.after_sale_floor3_swiper p{
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

/* .after_sale_next:after, .after_sale_prev:after{
    font-size: 20px;
} */
.after_sale_prev, .after_sale_next{
    width: 48px;
    height: 60px;
    background: #fff;
    transition: all ease .5s;
    color: #0067bc;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.after_sale_prev span, .after_sale_next span{
    font-size: 24px;
}
.after_sale_prev span{
    transform: rotate(180deg);
}
.after_sale_prev{
    left: 0;
    margin-top: -30px;
    /* top: 245px; */
    transition: all ease .5s;
}
.after_sale_next{
    right: 0;
    margin-top: -30px;
    /* top: 245px; */
    transition: all ease .5s;
}
.after_sale_floor3_swiper .swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: visible;
}
.after_sale_next:hover, .after_sale_prev:hover{
    color: #fff;
    background: #0067bc;
}
.development_textarea p{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    margin-bottom: 30px;
}
.development_textarea img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#after_sale_floor4{
    background: #fbfbfb;
}

.after_sale_floor4_ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.after_sale_floor4_ul li{
    width: 270px;
    margin-right: 40px;
}
.after_sale_floor4_ul li:nth-child(4n){
    margin-right: 0;
}
.after_sale_floor4_ul li a{
    display: block;
    width: 100%;
}
.after_sale_floor4_ul li img{
    width: 100%;
}
.after_sale_floor4_ul li h6{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 14px;
    transition: all ease .5s;
}
.after_sale_floor4_ul li span{
    display: block;
    width: 24px;
    height: 3px;
    background: #0067bc;
    transition: all ease .5s;
    margin: 0 auto 8px;
}
.after_sale_floor4_ul li dd{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    transition: all ease .5s;
}
.after_sale_floor4_ul li dl{
    padding: 24px 17px 17px;
    box-sizing: border-box;
    transition: all ease .5s;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    min-height: 195px;
}
.after_sale_floor4_ul .active:hover dl{
    background: #0067bc;
}
.after_sale_floor4_ul .active:hover h6{
    color: #fff;
}
.after_sale_floor4_ul .active:hover dd{
    color: #fff;
}
.after_sale_floor4_ul .active:hover span{
    background: #fff;
}
#after_sale_floor4{
    margin-bottom: 40px;
}
/* ！售后服务 -end */

/* ！新闻中心 */
.news_page{
    padding-top: 100px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.news_page_head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.news_loop{
    width: 680px;
}
.news_swiper{
    width: 100%;
}
.news_swiper_img{
    width: 100%;
}
.news_swiper_img img{
    width: 100%;
}
.news_swiper_title{
    width: 100%;
    background: #fbfbfb;
}
.news_swiper h5{
    width: 520px;
    padding: 18px 24px;
    box-sizing: border-box;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    
}
.news_swiper .swiper-pagination-fraction{
    width: 60px;
    left: auto;
    right: 51px;
    bottom: 28px;
    font-size: 14px;
    color: #333;
}
.news_swiper .swiper-pagination-fraction span{
    font-size: 14px;
    color: #333;
    transition: all ease .5s;
}
.news_swiper .swiper-pagination-fraction .swiper-pagination-current{
    color: #0067bc;
}
.news_swiper .swiper-button-prev:after, .news_swiper .swiper-button-next:after{
    content: '';
}
.news_swiper a{
    display: block;
    width: 100%;
}
.news_swiper_next, .news_swiper_prev{
    width: 40px;
    height: 14px;
    background: none;
}
.news_swiper_next{
    left: auto;
    right: 11px;
    bottom: 28px;
    top: auto;
    margin-top: 0;
}
.news_swiper_prev{
    left: auto;
    right: 111px;
    bottom: 28px;
    top: auto;
    margin-top: 0;
}
.news_swiper_next div, .news_swiper_prev div{
    width: 100%;
    height: 100%;
    position: relative;
}
.news_swiper_next img, .news_swiper_prev img{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    transition: all ease .5s;
}
.news_swiper_next img, .news_swiper_prev img{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    transition: all ease .5s;
}
.news_swiper_next2, .news_swiper_prev2{
    opacity: 0;
}
.news_swiper_prev:hover .news_swiper_prev1{
    opacity: 0;
}
.news_swiper_prev:hover .news_swiper_prev2{
    opacity: 1;
}
.news_swiper_next:hover .news_swiper_next1{
    opacity: 0;
}
.news_swiper_next:hover .news_swiper_next2{
    opacity: 1;
}
.news_nav {
    width: 428px;
    background: #fbfbfb;
    padding: 36px 46px;
    box-sizing: border-box;
}
.news_nav h4{
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 32px;
}
.news_nav .news_nav_link{
    display: block;
    transition: all ease .5s;
    width: 100%;
    line-height: 54px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: #258ade;
    margin-bottom: 32px;
}
.news_nav .news_nav_link:hover{
    background: #0067bc;
}
.news_nav_search {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.news_nav_search input{
    width: 75%;
    height: 46px;
    box-sizing: border-box;
    line-height: 16px;
    border: 1px solid #eee;
    padding: 0 10px;
    outline: none;
}
.news_nav_search button{
    display: inline-block;
    line-height: 46px;
    width: 23%;
    text-align: center;
    color: #fff;
    background: #258ade;
    transition: all ease .5s;
    font-size: 16px;
    border:none
}
.news_nav_search a:hover{
    background: #0067bc;
}
.news_list{
    margin-bottom: 80px;
}
.news_item{
    width: 100%;
    margin-bottom: 32px;
}
.news_item:nth-last-of-type(1){
    margin-bottom: 0;
}
.news_item a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_item_img{
    width: 300px;
    height: 208px;
    overflow: hidden;
}
.news_item_img img{
    width: 100%;
    min-height: 100%;
    transition: all ease .5s;
}
.news_item:hover .news_item_img img{
    transform: scale(1.2);
}
.news_item_text_box{
    width: 900px;
    min-height: 208px;
    position: relative;
    background: #fbfbfb;
}
.news_item_mask{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #e8f5ff;
    transition: all ease .5s;
    overflow: hidden;
}
.news_item_text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 48px 0;
    box-sizing: border-box;
    position: relative;
}
.news_item:hover .news_item_mask{
    width: 100%;
}
.news_item_text h5{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    transition: all ease .5s;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 17px;
}
.news_item:hover .news_item_text h5{
    color: #0067bc;
}
.news_item_text_into{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    color: #666;
    margin-bottom: 37px;
}
.news_item_text_into .vertical_line{
    margin: 0 12px;
}
.news_item p{
    font-size: 14px;
    color: #666;
    line-height: 24px;

    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* ！新闻中心 -end */


/* ！新闻&视频详情 */
.news_detail_page{
    padding-top: 72px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.news_detail_page h3{
    font-size: 30px;
    line-height: 46px;
    color: #333;
    font-weight: bold;
    padding-bottom: 48px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 35px;
}
.news_detail_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 95px;
}
.news_detail_about{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.news_detail_about div{
    margin-right: 50px;
}
.news_detail_about div span{
    font-size: 14px;
    color: #666;
}
.news_detail_share{
    display: flex;
    align-items: center;
    justify-content: start;
}
.news_detail_share span{
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}
.news_detail_about div:nth-last-of-type(1){
    margin-right: 0;
}
.news_detail_share .bshare-custom a{
    width: 24px;
    height: 24px;
    padding: 0;
}
.news_detail_share .bshare-custom .share_wx{
    background: url(../images/wx.png) no-repeat center;
    background-size: cover;
    margin-right: 10px;
}
.news_detail_share .bshare-custom .share_wb{
    background: url(../images/wb.png) no-repeat center;
    background-size: cover;
    margin-right: 0;
}
.news_detail_video{
    margin-bottom: 20px;
}
.news_detail_video video{
    width: 960px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
/*.news_detail_video span{*/
    /*font-size: 14px;*/
    /*color: #999;*/
    /*display: block;*/
    /*text-align: center;*/
/*}*/
.news_detail_content{
    margin-bottom: 92px;
}
.news_detail_content p{
    font-size: 18px;
    line-height: 36px;
    color: #333;
    word-break: break-all;
}
.news_detail_content_img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
}
.explain_span{
    font-size: 14px;
    color: #999;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}
.xiao_title{
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #333;
}
.related_news{
    padding-top: 65px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}
.related_news h5{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 36px;
}
.related_news_swiper a{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.related_news_img{
    width: 180px;
    height: 160px;
    position: relative;
}
.related_news_img img{
    width: 100%;
    height: 100%;
}
.related_news_mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,103,188,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all ease .5s;
}
.related_news_swiper .swiper-slide:hover .related_news_mask{
    opacity: 1;
}
.related_news_mask span{
    font-size: 24px;
    color: #fff;
}
.related_news_text{
    width: calc( 100% - 180px );
    padding: 23px 30px 0;
    box-sizing: border-box;
    min-height: 160px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.related_news_text h6{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    transition: all ease .5s;
}
.related_news_text p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 22px;
    transition: all ease .5s;
}
.related_news_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.related_news_bot span{
    color: #999;
    font-size: 14px;
}
.related_news_bot img{
    width: 36px;
    transition: all ease .5s;
}
.related_news_swiper .swiper-slide:hover .related_news_text h6{
    color: #0067bc;
}
.related_news_swiper .swiper-slide:hover .related_news_text p{
    color: #0067bc;
}
.related_news_swiper .swiper-slide:hover .related_news_text img{
    transform: scale(1.2,1.2);
}
/* ！新闻&视频详情 -end */


/* ！职位招聘 */
.job_page_floor1{
    padding-top: 100px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.job_page_title h5{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.job_page_title span{
    display: block;
    width: 32px;
    height: 3px;
    background: #0067bc;
    margin: 0 auto 40px;
}
.job_table{
    border-bottom: 1px solid #dcdcdc;
}
.job_table .tr{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.job_table .th{
    color: #fff;
    border-right: 1px solid #dcdcdc;
}
.job_table .thead{
    background: #0067bc;
    border-left: 1px solid #0067bc;
    border-right: 1px solid #0067bc;
}
.job_table .td{
    border-right: 1px solid #dcdcdc;
    color: #333;
}
.job_table .tr .td:nth-last-of-type(1){
    border-right: 1px solid transparent;
}
.job_table .th:nth-last-of-type(1){
    border-right: 1px solid transparent;
}
.job_table .job_father{
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}
.job_table .tr .th, .job_table .tr .td{
    width: 16.66%;
    height: 60px;
    font-size: 16px;
    line-height: 26px;
    /* display: table-cell;
    vertical-align:middle;
    text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}
.job_father{
    cursor: pointer;
}
.job_child{
    background: #fbfbfb;
    padding: 24px 40px 37px;
    box-sizing: border-box;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    /* min-height: 240px; */
    display: none;
}
.job_child h6{
    font-size: 16px;
    color: #0067bc;
    font-weight: bold;
    margin-bottom: 30px;
}
.job_child dt{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 7px;
}
.job_child dd{
    font-size: 14px;
    color: #666;
    line-height: 28px;
}
.job_page_floor2{
    padding: 60px 0;
    box-sizing: border-box;
    background: #fbfbfb;
}
.job_page_floor2 ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.job_page_floor2 ul li{
    width: 500px;
    margin-bottom: 32px;
}
.job_page_floor2 ul li input{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #dfe4ee;
    box-sizing: border-box;
    outline: none;
    padding: 0 10px;
    transition: all ease .5s;
    background: #fff;
}
.job_page_floor2 ul li input:focus{
    border: 1px solid #0067bc;
    background: #fff;
    -moz-box-shadow:0px 0px 10px #ddd; 
    -webkit-box-shadow:0px 0px 10px #ddd; 
    box-shadow:0px 0px 10px #ddd;
}
.job_page_floor2 ul li input::-webkit-input-placeholder { color:#cccccc; }
.job_page_floor2 ul li input::-moz-placeholder { color:#cccccc; } /* firefox 19+ */
.job_page_floor2 ul li input:-ms-input-placeholder { color:#cccccc; } /* Internet Explorer 10+ */
.job_page_floor2 ul li input:-moz-placeholder { color:#cccccc; } /* firefox 14-18 */
.job_page_floor2 ul li h6{
    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
}
.job_page_floor2 ul li h6 span{
    font-size: 16px;
    color: #ff2626;
    margin-left: 5px;
}
.code_outline{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.job_page_floor2 ul .code_outline input{
    width: 250px;
}
.job_page_floor2 ul .code_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.job_page_floor2 ul .code_box #code{
    height: 40px;
    margin-right: 20px;
    cursor: pointer;
}
.job_page_floor2 ul .next_code{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.job_page_floor2 ul .next_code img{
    width: 16px;
    height: 16px;
    margin-right: 12px;
}
.job_page_floor2 ul .next_code span{
    color: #0067bc;
    font-size: 16px;
}
.rich_text h6{
    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
}
.rich_text{
    margin-bottom: 40px;
}
#submit1{
    width: 100px;
    height: 40px;
    display: block;
    background: #258ade;
    transition: all ease .5s;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
}
#submit1:hover{
    background: #0067bc;
}
/* ！职位招聘 -end*/

/* 分页 */
.paging_device{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.paging_device_into{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.paging_device_item{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging_device_item span{
    font-size: 24px;
    color: #333;
    transition: all ease .5s;
}
.paging_device .page_prev span{
    transform: rotate(180deg);
}
.paging_device_item:hover span{
    color: #0067bc;
}
.paging_device_into ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 10px;
}
.paging_device_into li {
    min-width: 38px;
    height: 38px;
    margin-right: 16px;
}
.paging_device_into li:nth-last-of-type(1){
    margin-right: 0;
}
.paging_device_into li a{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #333;
    background: #f4f4f4;
    transition: all ease .5s;
    display: block;
}
.paging_device_into li:hover a{
    color: #fff;
    background: #0067bc;
}
.paging_device_into .active{
    color: #fff!important;
    background: #0067bc!important;
}
.paging_device_jump{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    color: #333;
}
.paging_device_jump input{
    font-size: 16px;
    border: 1px solid #f4f4f4;
    display: block;
    width: 68px;
    height: 38px;
    outline: none;
    margin: 0 20px;
}
/* 分页 -end */

video{
    outline: none;
}
.phone_box .phone_box_span1{
    width: 56px;
}
.phone_box_email{
    text-align-last: justify;
    -moz-text-align-last: justify;
}
.phone_box .phone_box_span2{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-right: 5px;
}

.aligncenter{
    text-align: center;
    margin: 0 auto;
    display: block;
}