@media (min-width: 1650px) {

    .daohang .container {

        width: 1600px;

    }

}



.daohang {

    line-height: 90px;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    z-index: 999;

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.daohang1 {

    background: #fff;

    border-bottom: 1px solid #dedede;

}



.daohang.active {

    background: #fff;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    line-height: 80px;

    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);

}



.daohang1 .daohang_fr>span,

.daohang1 .daohang_fr>a,

.daohang1 .daohang_ul li a {

    color: #000000;

}



.daohang.active .daohang_fr>span,

.daohang.active .daohang_fr>a,

.daohang.active .daohang_ul li a {

    color: #000000;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.daohang_ul li.active a,

.daohang.active .daohang_ul li.active a {

    color: #1fa7f1;

}



.daohang_di {

    display: inline-block;

    background: #1fa7f1;

    line-height: 38px;

    width: 120px;

    border-radius: 19px;

    text-align: center;

}



.daohang_di,

.daohang_di a {

    color: #fff;

    font-size: .9375rem;

}



.daohang_di a {

    margin: 0 3px;

}



.daohang_di img {

    width: 20px;

}



.daohang_ul {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.daohang_ul>li>a {

    color: #fff;

    font-size: 1rem;

    /* font-weight: bold; */

    padding: 0 25px;

}



.daohang_ul>li {

    float: left;

}



.daohang_fr>span,

.daohang_fr>a {

    color: #fff;

    font-size: 1rem;

}



.daohang_fr>a {

    display: inline-block;

    margin: 0 40px 0 18px;

}



.daohang_fr .iconfont {

    margin-right: 5px;

}



/* 二级导航 */

.navdiv {

    position: fixed;

    left: 0;

    right: 0;

    top: 70px;

    background: #f3f3f3;

    width: 100%;

    z-index: 1000;

    height: 0;

    overflow: hidden;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.navdiv_box {

    padding: 30px 0 70px 31%;

    /* width: 65%; */

    margin: 0 auto;

}



.navdiv_box ul {

    text-align: left;

    float: left;

    margin-left: 5px;

    width: 112px;

}



.navdiv_box ul:nth-of-type(1) {

    margin-left: 0;

}



.navdiv_box ul li a {

    color: #000000;

    font-size: .9375rem;

    font-weight: bold;

    display: block;

    line-height: 32px;

}



.navdiv_box ul li:hover a {

    color: #1fa7f1;

}



.navdiv.active {

    height: 228px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.more {

    color: #1fa7f1;

    font-size: .9375rem;

    border: 1px solid #1fa7f1;

    border-radius: 19px;

    line-height: 38px;

    padding: 0 26px;

    display: inline-block;

}



.more:hover {

    box-shadow: inset 0 0 0 2.5rem #1fa7f1;

    border: 1px solid #1fa7f1 !important;

    color: #fff;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}



.banner_div {

    position: absolute;

    left: 0;

    right: 0;

    top: 57%;

}



.banner .swiper-pagination {

    width: auto;

    left: 18.5%;

    bottom: 25%;



}



.banner .swiper-pagination-bullet {

    opacity: 1;

}



.banner .swiper-pagination-bullet .rail {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 3px;

    margin-top: -1.5px;

    background: #f7f7f7;

    opacity: 1;

}



.banner .swiper-pagination-bullet .fill {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 3px;

    margin-top: -1.5px;

    background: #1fa7f1;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

    z-index: 555;

}



.banner .swiper-pagination-bullet {

    overflow: hidden;

    position: relative;

    width: 80px;

    height: 15px;

    border: 0;

    border-radius: 0;

    background: none;

    cursor: pointer;

    outline: 0;

}





/* 搜索 */

.searchtop {

    /* margin-top: -150px;

    position: relative;

    z-index: 1; */

    padding-top: 55px;

}



.searchtop_wid>div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    float: left;

    width: 50%;

    height: 100%;

    padding: 0 25px;

}



.searchtop_wid {

    position: relative;

    z-index: 1;

    height: 206px;

    background: #fff;

    border-radius: 10px;

    -webkit-box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.08);

    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.08);

    border-radius: 10px;

    width: 70%;

    margin: 0 auto;

}



.searchtop_tit {

    margin-bottom: 16px;

    font-size: 1.5rem;

}



.search_area .searchtop_inp {

    overflow: hidden;

    float: left;

    width: 100%;

    height: 60px;

    position: relative;

}



.search_area .searchtop_inp input {

    width: 100%;

    height: 100%;

    padding-right: 60px;

    border: 0;

    border-bottom: 2px solid #000;

    font-size: 1.125rem;

    color: #000;

}



.searchtop_inp input {

    padding: 0 20px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 0;

}



.search_area .searchtop_inp .btn_search {

    position: absolute;

    top: 0;

    right: 0;

    width: 60px;

    height: 100%;

    font-size: 18px;

    text-indent: -9999%;

    font-size: 0;

    background: url(../img/icon_main_search.png) 50% 50% no-repeat;

    border: none;

}



.search_area.category {

    background: #1fa7f1;

    color: #fff;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.search_area.category .btn_cate_search {

    cursor: pointer;

    height: 60px;

    line-height: 60px;

    padding: 0 20px;

    border: 1px solid #fff;

    font-size: 1.125rem;

    text-align: left;

    color: #fff;

    border-radius: 5px;

    background: url(../img/icon_main_filter.png) calc(100% - 20px) 50% no-repeat;

}







.product {

    padding: 160px 0 100px 18%;

    position: relative;

}



.product::after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 60%;

    height: 25%;

    content: "";

    background: #fafafa;

    z-index: -1;

}



.product_top_fl {

    width: 28%;

}



.product_top_tit span {

    display: inline-block;

}



.product_top_tit span:nth-of-type(1) {

    writing-mode: vertical-rl;

    writing-mode: tb-rl;

    color: #a5a5a5;

    font-size: .9375rem;

}



.product_top_tit span:nth-of-type(2) {

    color: #000000;

    font-size: 2.5rem;

    padding-left: 30px;

}



.product_top_fr>p {

    color: #808080;

    font-size: 1.0625rem;

}



.product_top_fr {

    width: 67%;

}



.product_top {

    margin-bottom: 30px;

}



.product_top_ul>li {

    display: inline-block;

    color: #808080;

    font-size: 1rem;

    font-weight: bold;

    margin: 0 15px;

    padding-top: 10px;

    cursor: pointer;

}



.product_top_ul>li.active {

    color: #ff1300;

    border-top: 1px solid #ff1300;

}



.product_top_ul {

    text-align: center;

    margin-top: 40px;

}



.product_wid>div {

    width: 50%;

}



.product_wid>div:nth-of-type(1) {

    width: 53%;

}



.product_wid>div:nth-of-type(2) {

    width: 42%;

}



.product_size>a:nth-of-type(1) {

    color: #000000;

    font-size: 1.625rem;

}



.product_size p {

    color: #808080;

    font-size: 1rem;

    line-height: 30px;

    margin: 15px 0 25px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.product_size>a:nth-of-type(2) {

    color: #fff;

    font-size: .9375rem;

    border: 1px solid #ff1300;

    background: #ff1300;

    border-radius: 19px;

    line-height: 38px;

    padding: 0 26px;

    display: inline-block;

}



.product_lb .swiper-container {

    padding-right: 30%;

}



.product_lb .swiper-slide-active .product_wid>div:nth-of-type(1) {

    float: right;

}



.product_lb .swiper-slide-active .product_wid>div:nth-of-type(2) {

    float: left;

}



.product_lb_swi {

    width: 13%;

    position: absolute;

    left: 0;

    bottom: 0;

}



.product_lb_swi .swiper-button-next,

.product_lb_swi .swiper-button-prev {

    width: 50px;

    line-height: 50px;

    height: 50px;

    border: 1px solid #909494;

    border-radius: 50%;

    text-align: center;

    background: none !important;

}



.product_lb_swi .swiper-button-next .iconfont,

.product_lb_swi .swiper-button-prev .iconfont {

    color: #000000;

    font-size: 1.25rem;

}



.product_lb_swi {

    height: 55px;

}



.product_lb_swi .swiper-pagination-current {

    color: #000000;

}

.product_box>div{

    display: none;

}

.about {

    margin-bottom: 100px;

    background: url(../img/3.jpg) 50% 50% no-repeat;

    background-size: cover;

}



/* .about_img_fl{

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    color: #fff;

} */

.title {

    color: #fff;

}



.title p:nth-of-type(1) {

    font-size: .9375rem;

}



.title p:nth-of-type(2) {

    font-size: 2.5rem;

    margin-top: 12px;

}



.about_img_size {

    font-size: 1.0625rem;

    line-height: 32px;

    color: #fff;

}



.about_img_size p {

    margin: 20px 0 50px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.about_img_div {

    width: 50%;

    margin: 80px 0;

}



.about_img_div .more {

    color: #fff;

    border: 1px solid #ffffff;

}



.about_fr {

    width: 100%;



}



.about_fr_ul li {

    background-color: rgba(0, 0, 0, 0.4);

    padding: 20px;

    padding-top: 0;

    border-top: 1px solid rgba(222, 222, 222, 1);

}



.about_fr_ul li:nth-of-type(1) {

    border-top: 1px solid rgba(0, 0, 0, 0.4);

}



.about_fr_ul a {

    display: block;

}



.about_fr_ul a>div {

    display: inline-block;

}



.about_fr_ul a>div:nth-of-type(1) {

    width: 55px;

    height: 55px;

    line-height: 50px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    font-size: 1.875rem;

    color: #1fa7f1;

    margin-left: 0px;

    width: 0;

    overflow: hidden;

    position: relative;

    top: 22px;

}



.about_fr_ul a>div:nth-of-type(2) {

    margin: 0 30px 0 60px;

}



.about_fr_ul a>div:nth-of-type(3) {

    color: #fff;

    font-size: 1.625rem;

    padding-top: 15px;

    line-height: 32px;

    position: relative;

    top: 22px;

}



.about_fr_ul a>div:nth-of-type(3) p:nth-of-type(2) {

    font-size: .9375rem;

}



.about_fr_ul li:hover a>div:nth-of-type(1) {

    width: 55px;

    margin-left: 35px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.about_fr_ul li:hover {

    width: 100%;

    /* border-left: 1px solid rgba(31, 167, 241, 0.8); */

    background: rgba(31, 167, 241, 0.8);

    border-top: 1px solid rgba(31, 167, 241, 0.8);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.about_fr_ul li {

    width: 100%;

    /* border-left: 1px solid rgba(222, 222, 222, 1);

    border-right: 1px solid rgba(222, 222, 222, 1); */

    float: right;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}





.news {

    padding-bottom: 100px;

}

.major .title,

.news .title {

    color: #000000;

}

.major .title p:nth-of-type(1),

.news .title p:nth-of-type(1) {

    color: #8b8b8b;

}



.news_ul {

    margin-top: 20px;

}



.news_wid {

    margin-top: 30px;

}



.news_fl {

    width: 65%;

}



.news_fr {

    width: 32%;

}



.news_div {

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 25px 0px rgba(111, 137, 150, 0.15);

}



.news_div>.fl {

    width: 47%;



}



.news_div>.fr {

    width: 48%;

}



.news_size>a:nth-of-type(1) {

    color: #000000;

    font-size: 1.375rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    margin-bottom: 20px;

}



.news_size p:nth-of-type(1) {

    color: #808080;

    font-size: 1rem;

    line-height: 30px;

    height: 60px;

    margin-bottom: 34px;

    display: -webkit-box;

 -webkit-box-orient: vertical;

 text-overflow: ellipsis;

 -webkit-line-clamp: 2;

 overflow: hidden;

    

}



.news_size {

    padding: 35px 25px 35px 0;

}



.news_size div {

    font-size: 1rem;

    color: #808080;

}



.news_size div span:nth-of-type(2) {

    color: #ff1300;

    margin-left: 15px;

}



.news_size div span:nth-of-type(1) {

    margin-right: 15px;

}



.news_size div .iconfont {

    font-size: 1.25rem;

    color: #000000;

}



.news_fr .news_size {

    padding: 20px;



}



.news_fr>div:nth-of-type(1) {

    margin-bottom: 15px;

}

.news_fr .news_size>a:nth-of-type(1){

    margin-bottom: 15px;

}

.news_box>div{

    display: none;

}

.major{

    padding-bottom: 85px;

}

.major_lb{

    margin-top: 45px;

    position: relative;

}

.major_lb .swiper-container{

    padding-bottom: 40px;

}

.major_lb .swiper-pagination-bullet{

    background: none;

    border: 1px solid #1fa7f1;

    opacity: 1;

}

.major_lb .swiper-pagination-bullet-active{

    background: #1fa7f1;

}

.major_lb .swiper-slide>div{

    border: 1px solid #ccc;

}

/* 底部 */

.foot {

    padding: 50px 0 60px 0;

    background: #262626;

}



.foot_ul li {

    float: left;

    color: #9d9c9a;

    position: relative;

}



.foot_ul li a {

    color: #9d9c9a;

    font-size: .875rem;

    font-weight: bold;

    display: block;

    padding: 0 15px;

    height: 14px;

    line-height: 14px;

    border-left: 1px solid #9d9c9a;

}



.foot_ul li:nth-of-type(1) a {

    padding-left: 0;

    border-left: none;

}



.foot_ul {

    border-bottom: 1px solid #3f3f3f;

    padding-bottom: 20px;

    margin-bottom: 25px;

}



.foot_div .fl a{

    color: #818181;

}

.foot_div .fl {

    color: #818181;

    font-size: .875rem;

    font-weight: bold;

}



.foot_div .fl p:nth-of-type(1) {

    margin-bottom: 10px;

}



.dropup {

    position: relative;

}



.dropup p {

    color: #818181;

    font-size: .875rem;

    height: 50px;

    line-height: 50px;

    width: 200px;

    border-bottom: 1px solid #9d9c9a;

    cursor: pointer;

}



.dropup ul {

    display: none;

    background: #fff;

    padding: 8px;

    position: absolute;

    left: 0;

    bottom: 100%;

    right: 0;

    width: 100%;

}



.dropup ul li a {

    color: #818181;

    line-height: 30px;

    display: block;

    text-align: center;

}



.dropup .iconfont {

    font-size: .875rem;

    color: #fff;

    font-weight: bold;

}





/* 分类搜索弹出框 */

@media (min-width: 1100px) {

    .tanchu .modal-dialog {

        width: 1060px;

    }

}



.tanchu_tit {

    text-align: center;

    font-size: 1.5rem;

    color: #fff;

    background: #84b7ca;

    line-height: 60px;

}



.tanchu_ul {

    width: 30%;

    font-size: 1rem;

    color: #3b3b3b;

    float: left;

}



.tanchu_ul li {

    line-height: 62px;

    cursor: pointer;

    background: #f5f5f5;

    padding-left: 55px;

    border-top: 1px solid #dedede;

    border-right: 1px solid #dedede;

}



.tanchu_box {

    border: 1px solid #dedede;

}



.modal-header {

    padding: 15px 15px 0 0;

    border-bottom: none;

}



.tanchu_div {

    width: 70%;

    padding: 25px;

    padding-bottom: 0;

}



.tanchu_div a {

    display: inline-block;

    color: #626262;

    font-size: .9375rem;

    font-weight: bold;

    border: 1px solid #dedede;

    line-height: 40px;

    width: 31%;

    padding: 0 15px;

    margin: 10px 10px 0 0;

    overflow: hidden;

}



.tanchu_div a:nth-of-type(2),

.tanchu_div a:nth-of-type(3),

.tanchu_div a:nth-of-type(1) {

    margin-top: 0;

}



.tanchu_div a .iconfont {

    font-size: .75rem;

}



.tanchu_div a:hover {

    border: 1px solid #1fa7f1;

    color: #1fa7f1;

}



.tanchu_div>div {

    display: none;

}



.tanchu_ul li.active {

    background: #fff;

    border-right: 1px solid #fff;

}



.modal .modal-dialog {

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) !important;

    margin: 0;

}



.modal-header .close {

    color: #000000;

    opacity: 1;

}



/* 产品列表 */

.picture_div {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.picture_size {

    color: #fff;

    font-size: 3.125rem;

    font-weight: bold;

}



.top-body {

    padding-top: 90px;

}



.crumbs {

    border-bottom: 1px solid #dedede;

    line-height: 60px;

}



.crumbs_fl {

    color: #acacac;

    font-size: .875rem;

    font-weight: bold;

}



.crumbs_fl a {

    color: #acacac;

}



.crumbs_fl a:hover {

    color: #00358e;

}



.crumbs_fl .iconfont {

    margin-right: 8px;

    font-size: 1.125rem;

}



.crumbs_ul li {

    float: left;

    border-right: 1px solid #dedede;

}



.crumbs_ul li:nth-of-type(1) {

    border-left: 1px solid #dedede;

}



.crumbs_ul li a {

    color: #000000;

    font-size: 1rem;

    padding: 0 24px;

    position: relative;

    display: block;

}



.crumbs_ul li:hover a,

.crumbs_ul li.active a {

    color: #00358e;

}



.crumbs_ul li:hover a::after,

.crumbs_ul li.active a::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.crumbs_ul li a::after {

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 0;

    height: 3px;

    content: "";

    background: #00358e;

}



.prolist {

    padding: 130px 0 70px 0;

}



.prolist_size a {

    color: #000000;

    font-size: 1.3125rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.prolist_size {

    padding: 25px 15px;

    text-align: center;

}



.prolist_div {

    border: 1px solid #dedede;

    margin-bottom: 30px;

}



.prolist_div .over {

    position: relative;

    overflow: hidden;

}



.prolist_div .over::after {

    position: absolute;

    left: -100%;

    top: 0;

    height: 100%;

    width: 100%;

    content: "";

    background: rgba(31, 167, 241, 0.502);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.prolist_div .over::before {

    position: absolute;

    left: 0%;

    top: 50%;

    transform: translate(0%, -50%);

    content: "";

    height: 60px;

    width: 0px;

    background: url(../img/5.png) no-repeat;

    background-size: 100% 100%;

}



.prolist_div:hover .over::before {

    left: 50%;

    width: 60px;

    transform: translate(-50%, -50%);

    z-index: 5;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.prolist_div:hover .over::after {

    left: 0;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.prolist_div:hover {

    border: 1px solid #1fa7f1;

}



/* 产品详情 */

.proxq {

    padding: 80px 0;

}



.proxq_fr>p {

    color: #000000;

    font-size: 2.1875rem;

}



.proxq_fr div:nth-of-type(1) {

    padding: 15px 0;

    margin: 15px 0 40px 0;

    border-bottom: 1px solid #dedede;

    border-top: 1px solid #dedede;

    color: #5a5a5a;

    font-size: 1rem;

    line-height: 35px;

}



.proxq_fr div strong {

    color: #000;

    font-weight: 500;

}



.proxq_wid>div {

    width: 48%;

}



.proxq_fr>a:nth-of-type(1) {

    color: #5a5a5a;

    font-size: 1rem;

}



.proxq_fr img {

    margin-right: 10px;

}



.proxq_fr div a {

    color: #ffffff;

    font-size: 1.125rem;

    display: inline-block;

    width: 165px;

    line-height: 50px;

    border-radius: 26px;

    text-align: center;

    margin-top: 30px;

    background: #ff1300;

}



.proxq_top_ul li {

    color: #000000;

    font-size: 1.1875rem;

    line-height: 60px;

    padding: 0 45px;

    display: inline-block;



}



.proxq_top {

    height: 60px;

}



.proxq_top_ul {

    background: #f4f4f4;

}



.proxq_top_ul li.active {

    background: #ff1300;

    color: #fff;

}



.proxq_top {

    margin-bottom: 40px;

}



.proxq_js_div {

    color: #5a5a5a;

    font-size: 1rem;

    line-height: 38px;

}



.proxq_tit {

    color: #565656;

    font-size: 1.875rem;

    margin-bottom: 28px;

}



.proxq_js_div strong {

    color: #000000;

}



.proxq_cs,

.proxq_js {

    padding-bottom: 40px;

}



.proxq_cs_div .table tr:nth-of-type(1) {

    background: #d9e6eb;



}



.proxq_cs_div .table tr:nth-of-type(1) td {

    color: #000000;

    font-size: 1.1875rem;

    line-height: 60px;

    padding: 0 !important;

}



.proxq_cs_div .table tr {

    font-size: 1rem;

    line-height: 35px;



}



.proxq_cs_div .table tr td {

    padding: 25px 0 !important;

}



.proxq_cs_div .table tr td:nth-of-type(1) {

    width: 8%;

}



.proxq_cp {

    padding: 0 15% 95px 15%;

}



.proxq_cp_lb {

    padding: 0 5%;

}



.proxq_cp_lb .swiper-button-next,

.proxq_cp_lb .swiper-button-prev {

    background: none;

    opacity: 1;

}



.proxq_cp_lb .swiper-button-next {

    transform: rotate(180deg);

}



.proxq_top_div.active {

    position: fixed;

    left: 0;

    top: 81px;

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #dedede;

    z-index: 999;

}



/* 关于我们 */

.company {

    padding: 100px 0;

}



.company_wid>div {

    width: 48.5%;

}



.company_size p:nth-of-type(1) {

    color: #0f97dd;

    font-size: 3.8125rem;

    font-weight: bold;

}



.company_size p:nth-of-type(2) {

    color: #000000;

    font-size: 2.5rem;

    margin: 15px 0 18px 0;

}



.company_size div {

    color: #7e7e7e;

    font-size: 1.0625rem;

    line-height: 32px;

}



.area_div {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    width: 100%;

}



.area_div_ul li {

    width: 25%;

    float: left;

    text-align: center;

}



.area_div_ul li p {

    color: #0f97dd;

    font-size: 1.125rem;

    padding-bottom: 15px;

    margin: 25px 0 10px 0;

    position: relative;

}



.area_div_ul li p::after {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    width: 28px;

    height: 1px;

    content: "";

    background: #0f97dd;

}



.area_div_ul li div {

    color: #fff;

    font-size: 1.3125rem;

}



.area_div_ul li div span {

    font-size: 4.0625rem;

    font-weight: bold;

    display: inline-block;

    margin-right: 10px;

}

/* 

.culture {

    padding: 110px 0;

}



.culture_wid>.fr {

    width: 65.3%;

}



.culture_wid {}



.culture_ul a {

    color: #000000;

    font-size: 1.3125rem;

}



.culture_ul p {

    color: #7e7e7e;

    font-size: 1.125rem;

    margin-top: 11px;

}



.culture_ul li {

    padding: 12px 40px;

    background: #fafafa;

    width: 34.7%;

    border-top: 1px solid #dedede;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.culture_ul li:nth-of-type(1) {

    border-bottom: 1px solid #fafafa;

}



.culture_ul li a:nth-of-type(2) {

    position: absolute;

    right: 40px;

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

    z-index: 55;

}



.culture_ul li:hover {

    width: 40%;

    background: #0f97dd;

    border-top: 1px solid #0f97dd;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.culture_ul li:hover a {

    color: #fff;

}



.culture_ul li:hover p {

    color: #fff;

}



.culture_ul li:hover a:nth-of-type(2) {

    opacity: 1;



} */

.culture{

    background: #f1f1f1;

    padding: 110px 0;

}

.culture-content{

    padding: 80px 10%;

    background: #fff;

}

.intro-img{

    margin-bottom: 100px;

}

.culture-one{

    padding-left: 20px;

    position: relative;

}

.culture-one::after{

    display: inline-block;

    height: 17px;

    background: #ff1300;

    width: 3px;

    top: 9px;

    content: "";

    position: absolute;

    left: 0;

}

.culture-one p:nth-of-type(1){

    font-size: 1.5rem;

    color: #5a5a5a!important;

}

.culture-one p:nth-of-type(2){

    font-size: 1.125rem;

    font-weight: 700;

    margin: 30px 0 25px;

    line-height: 30px;

}

.culture-one p:nth-of-type(3){

    font-size: .825rem;

    line-height: 28px;

}

.culture-one {

    margin-bottom: 50px;

}

.culture-box .fl{

    width: 15%;

}



.culture-box .fr{

    width: 80%;

}

.culture-box .fr p:nth-of-type(1){

    font-size: 1.125rem;

    font-weight: 700;

    padding-bottom: 15px;

    position: relative;

    -webkit-transition: 0.5s ease;

    transition: 0.5s ease;

}

.culture-box .fr p:nth-of-type(1)::after{

    position: absolute;

    left: 0;

    bottom: 7px;

    width: 50px;

    height: 2px;

    content: "";

    background: #ff1300;

    -webkit-transition: 0.5s ease;

    transition: 0.5s ease;

}

.culture-box:hover p:nth-of-type(1)::after{

    width: 100%;

}

.culture-box .fr p:nth-of-type(2){

    font-size: .825rem;

    line-height: 35px;

    height: 105px;

}

.culture_div>div{

    margin-bottom: 50px;

}













































/* 常见问题 */

.problem {

    padding: 85px 0;

}



.problem_tit {

    margin-bottom: 80px;

    font-size: 2.5rem;

    color: #000000;

}



.problem_ul p {

    color: #000000;

    font-size: 1.3125rem;

    position: relative;

    padding: 0 35px;

    margin: 25px 0px;

    cursor: pointer;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

   

}



.problem_ul li {

    padding: 0 30px;

    border-top: 1px solid #e0e0e0;

}



.problem_ul div {

    padding: 0 35px;

}



.problem_ul div {

    color: #595959;

    font-size: 1rem;

    line-height: 35px;

    padding-bottom: 50px;

    display: none;

}



.problem_ul li.active {

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

}



.problem_ul li.active p {

    color: #ff1300;

}



.problem_ul p::after {

    position: absolute;

    top: 43%;

    transform: translateY(-50%);

    left: 0;

    content: "+";

    font-size: 2rem;

    color: #000000;

    line-height: 26px;

}



.problem_ul li.active p::after {

    content: "-";

    color: #ff1300;

}



.problem_ul li.active div {

    display: block;

}







/* 联系我们 */

.contacts {

    padding: 140px 0 90px 0;

}



.contacts_ul {

    margin: 45px 0 80px;

}



.contacts_ul li {

    width: 25%;

    float: left;

    text-align: center;

}



.contacts_ul li .iconfont {

    width: 105px;

    height: 105px;

    line-height: 105px;

    text-align: center;

    background: #1fa7f1;

    border-radius: 50%;

    display: inline-block;

    color: #fff;

    font-size: 2rem;

}



.contacts_ul li {

    color: #585858;

    font-size: 1.25rem;

    position: relative;

}



.contacts_ul li p {

    font-size: 1.0625rem;

}



.contacts_ul li div:nth-of-type(2) {

    margin-top: 20px;

    line-height: 30px;

}



.problem_tit p:nth-of-type(2) {

    color: #6b6b6b;

    font-size: 1.0625rem;

    margin-top: 10px;

    line-height: 30px;

}



.problem_tit p:nth-of-type(2) span {

    color: #1fa7f1;

}



.message {

    padding: 80px 0 105px 0;

    background: #fafafa;

}



.message_inp p {

    color: #6b6b6b;

    font-size: 1.0625rem;

    margin-bottom: 8px;

}



.message_inp textarea,

.message_inp input {

    width: 100%;

    height: 48px;

    border: 1px solid #dedede;

    background: none;

    padding-left: 15px;

}



.message_inp {

    margin-bottom: 35px;

}



.message_butt button {

    width: 165px;

    line-height: 50px;

    background: #ff1300;

    border: 1px solid #ff1300;

    border-radius: 26px;

    color: #fff;

    font-size: 1.125rem;

    margin-top: 20px;

}



.message_butt .iconfont {

    font-size: 1.35rem;

    margin-left: 10px;

}



/* 新闻列表 */

.newslist {

    padding: 140px 0 75px 0;

}



.newslist_size p:nth-of-type(1) {

    color: #1fa7f1;

    font-size: 1.0625rem;

}



.newslist_size a {

    color: #000000;

    font-size: 1.875rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    margin: 15px 0 30px 0;

}



.newslist_size p:nth-of-type(2) {

    color: #7e7e7e;

    font-size: 1.0625rem;

    line-height: 30px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newslist_size {

    width: 65%;

}



.newslist_ul li .fr {

    width: 30%;

}



.newslist_ul li {

    padding: 30px 0;

    border-bottom: 1px solid #e7e7e7;

}



/* 招聘流程 */

.recruitment {

    padding: 75px 0 110px 0;

}







.spreadImageBox {

    box-sizing: border-box;

    position: relative;

    height: 460px

}



.spreadImageBox .spreadImage.typeEdgeL {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    transition: width .3s ease

}



.spreadImageBox .spreadImage img {

    height: 460px;

    object-fit: cover;

}



.spreadImageBox .spreadImage.typeEdgeL img {

    display: block;

    position: absolute;

    left: 0;

    top: 0

}



.spreadImageBox .spreadImage.typeEdgeR {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    top: 0;

    overflow: hidden;

    transition: width .3s ease

}



.spreadImageBox .spreadImage.typeEdgeR img {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    margin: 0

}



.spreadImageBox .spreadImage.typeFull {

    display: block;

    position: absolute;

    width: 1200px;

    height: 100%;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    overflow: hidden;

    transition: width .3s ease

}



.spreadImageBox .spreadImage.typeFull img {

    display: block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    margin: 0 0 0 0

}



@media all and (max-width:1024px) {

    .spreadImageBox {

        height: 368px

    }



    .spreadImageBox .spreadImage.typeFull {

        width: 970px

    }

}



@media all and (max-width:799px) {

    .spreadImageBox {

        height: 460px

    }



    .spreadImageBox .spreadImage.typeFull {

        width: 100% !important

    }

}





.list-type1 {

    margin-top: 60px;

    position: relative;

    font-size: 0;

    box-sizing: border-box

}



.list-type1 li {

    position: relative;

    width: 20%;

    display: inline-block;

    vertical-align: top;

    padding: 0 0 50px;

    border-bottom: 1px solid #ccc

}



.list-type1 li:before {

    content: "";

    display: block;

    width: 7px;

    height: 15px;

    background: #e21a22;

    transform: skewX(-40deg);

    -ms-transform: skewX(-40deg);

    position: absolute;

    bottom: -7px;

    left: 5px

}



.list-type1 li span {

    display: block

}



.list-type1 li .num {

    font-family: "poppins", sans-serif;

    font-size: 1.625rem;

    color: #999;

    font-weight: 500;

    letter-spacing: 0

}



.list-type1 li .txt {

    font-size: 1.125rem;

    color: #555

}



li .num::after {

    display: block;

    content: "";

    width: 50px;

    height: 50px;

    background: url(../img/hrmPro_spr.png) no-repeat 0 0;

    position: absolute;

    left: 0;

    bottom: 0

}



.ico01 .num:after {

    background-position: 0 0

}



.ico02 .num:after {

    background-position: -52px 0

}



.ico03 .num:after {

    background-position: -104px 0

}



.ico04 .num:after {

    background-position: 0 -52px

}



.ico05 .num:after {

    background-position: -52px -52px

}



.ico06 .num:after {

    background-position: -104px -52px

}



li .txt {

    font-size: 20px;

    color: #000

}





.list-type1 li .num {

    position: relative;

    padding: 0 0 70px;

    margin: 0 0 15px;

}





.showAni4 {opacity:0;transform:translateY(50px);transition:opacity .75s ease, transform .75s ease}

.showAni4.showAni4Cast {opacity:1;transform:translateY(0)}







.fuli {

    background: #f5f5f5;

    padding: 80px 0 55px 0;

}



.fuli .fuli-con .col-md-3 {

    height: 182px;

    transition: 600ms ease-in-out;

    cursor: pointer;

    display: -webkit-box;

    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

    display: -moz-box;

    /* Firefox 17- */

    display: -webkit-flex;

    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

    display: -moz-flex;

    /* Firefox 18+ */

    display: -ms-flexbox;

    /* IE 10 */

    display: flex;

    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    justify-content: center;

    align-items: center;

}



.fuli .fuli-con .col-md-3 .ful-yu .imgs2 {

    display: none;

}



.fuli .fuli-con .col-md-3 .ful-yu .fuli-t1 {

    color: #5b5b5b;

    font-size: 1.0625rem;

    margin-top: 10px;

}



.fuli .fuli-con .col-md-3 .ful-yu .fuli-t2 {

    color: #5b5b5b;

    font-size: .8125rem;

    line-height: 25px;

    opacity: 0;

    transition: 600ms ease-in-out;

}



.fuli .fuli-con .col-md-3:hover {

    transition: 600ms ease-in-out;

    border-radius: 5px;

    background-color: #ffffff;

    box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.05);

}



.fuli .fuli-con .col-md-3:hover .fuli-t2 {

    opacity: 1;

}

/* 下载 */

.download{

    padding: 85px 0;

}

.download_div .table tr:nth-of-type(1){

    border-bottom: none !important;

}

.download_div .table tr:nth-of-type(1) td{

    color: #fff;

    font-size: 1.25rem;

    background: #1fa7f1;

   

   

}

.download_div .table tr:nth-of-type(1) td:nth-of-type(2){

    text-align: center;

}

.download_div .table tr,

.download_div .table tr td,

.download_div .table{

    border: none !important;



}

.download_div .table tr{

    border-bottom: 2px solid #fff !important;



}

.download_div .table tr td{

    line-height: 60px;

    background: #e7e7e7;

   color: #313030;

   font-size: 1.0625rem;

}

.download_div .table tr td a{

    color: #313030;

}

.download_div .table tr td:nth-of-type(2) a{

    color: #313030;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

   

}

.download_div .table tr td:nth-of-type(2){

    width: 40%;

    text-align: left;

}



.download_div .table .iconfont{

    font-size: 1.5625rem;

}

.table-ico{

    width: 38px;

    height: 38px;

    line-height: 38px;

    display: inline-block;

    position: relative;

    z-index: 5;

}

.table-ico::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 1px solid #5b5f65;

    background: #e7e7e7;

    border-radius: 2px;

    content: "";

    transform: rotate(45deg);

    z-index: -1;

}



.download_div .table tr:hover td{

    background: #fff;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.download_div .table tr:hover .table-ico::after{

    background: #1fa7f1;

    border: 1px solid #1fa7f1;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.download_div .table tr:hover .table-ico{

    color: #fff;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}





.download_div .table tr:nth-of-type(1):hover td{

    background: #1fa7f1;

}

/* 招聘列表 */

.l-nash {

    padding: 90px 0;

  }

  .l-nash .l-nash-top {

    background-color: #767676;

    padding: 30px 40px;

    margin-top: 35px;

  }

  .l-nash .l-nash-top .div1 {

    font-size: 1.3125rem;

    line-height: 47px;

    color: #ffffff;

  }

  .l-nash .l-nash-top .div2 {

    font-size: 1.0625rem;

    line-height: 47px;

    color: #ffffff;

  }

  .l-nash .l-nash-top .div3 {

    margin-top: 15px;

  }

  .l-nash .l-nash-top .div3 select {

    width: 290px;

    height: 44px;

    padding-left: 15px;

    margin-right: 20px;

    background-color: #ffffff;

    border: solid 1px #d8d8d8;

  }

  .l-nash .l-nash-top .search-box {

    width: 342px;

    height: 44px;

    background-color: #ffffff;

  }

  .l-nash .l-nash-top .search-box input {

    width: 80%;

    height: 44px;

    padding-left: 15px;

  }

  .l-nash .l-nash-top .search-box button {

    width: 20%;

    height: 44px;

    line-height: 44px;

    background-color: #b93129;

    border: none;

    font-size: .9375rem;

    color: #ffffff;

  }

  .l-nash .zhaopin-ul > li.active .zhizhe {

    display: block;

  }

  .l-nash .zhaopin-ul > li.active .yunasi::before {

    opacity: 0;

  }

  .l-nash .img-nian {

    width: 32%;

  }

  .l-nash .con-nian {

    width: 65%;

  }

  .l-nash .rencai {

    margin-bottom: 60px;

  }

  .l-nash .hrds-zhao {

    background: #1fa7f1;

    line-height: 50px;

    color: #fff;

    font-size: 1.1875rem;

    text-align: center;

  }

  .l-nash .ming {

    width: 20%;

    text-align: left;

    padding-left: 60px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

  }

  .l-nash .renshu {

    width: 20%;

  }

  .l-nash .add-cont {

    width: 25%;

  }

  .l-nash .fa-date {

    width: 25%;

  }

  .l-nash .xaingqs {

    width: 10%;

  }

  .l-nash .yunasi {

    border-radius: 50%;

    background-color: transparent;

    margin: auto;

    position: relative;

    width: 37px;

    height: 37px;

  }

  .l-nash .yunasi::before {

    width: 2px;

    height: 12px;

    background-color: #bbbbbb;

    position: absolute;

    content: "";

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .l-nash .yunasi::after {

    width: 12px;

    height: 2px;

    background-color: #bbbbbb;

    position: absolute;

    content: "";

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .l-nash .zhaopin-ul {

    text-align: center;

  }

  .l-nash .zhaopin-ul li {

    padding: 10px 0 0;

  }

  .l-nash .zhaopin-ul li .ming,

  .l-nash .zhaopin-ul li .renshu,

  .l-nash .zhaopin-ul li .add-cont,

  .l-nash .zhaopin-ul li .fa-date {

    color: #343434;

    font-size: 1rem;

    line-height: 37px;

  }

  .l-nash .neirongxian {

    color: #626262;

    font-size: .9375rem;

    line-height: 30px;

  }

  .l-nash .nin {

    color: #626262;

    font-weight: bold;

    font-size: 1rem;

  }

  .l-nash .zhizhe {

    text-align: left;

    display: none;

  }

  .l-nash .neirongxian {

    padding: 0 15px 30px 15px;

  }

  .l-nash .zhizhe {

    padding: 30px 40px;

    background: #ffffff;

  }

  .l-nash .zhaopin-ul li > .clearfix {

    background: #fafafa;

    padding: 10px 0;

  }

  .l-nash .zhaopin-ul li.active > .clearfix {

    background: #ced6e3;

    cursor: pointer;

  }

  .l-nash .zhaopin-ul li.active > .clearfix .ming,

  .l-nash .zhaopin-ul li.active > .clearfix .renshu,

  .l-nash .zhaopin-ul li.active > .clearfix .add-cont,

  .l-nash .zhaopin-ul li.active > .clearfix .fa-date {

    color: #000000;

  }

  .l-nash .zhaopin-ul li.active > .clearfix .yunasi::after {

    background: #000000;

  }

  .l-nash .cos-zs {

    margin-bottom: 45px;

  }

  .l-nash .sheng-a {

    margin-top: 15px;

  }

  .l-nash .sheng-a a {

    color: #1fa7f1;

  }

  .l-nash .sheng-a a i {

    position: relative;

    margin-top: 5px;

  }

  .l-more a{

    width: 195px;

    height: 53px;

    display: inline-block;

    background-color: #1fa7f1;

    box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.15);

    border-radius: 27px;

    text-align: center;

    line-height: 53px;

    text-transform: uppercase;

    color: #ffffff;

    font-size: 1.1875rem;

  }

  .l-more .iconfont{

      font-size: 1.25rem;

      margin-right: 10px;

  }





/* 发展历程 */

.course{

    padding: 100px 0;

}

.history-wrap{

    position: relative;

}

.history-wrap .item:first-child {

    padding-top: 0;

}

.history-wrap .item {

    position: relative;

    padding: 80px 0 80px 350px;

}

.history-wrap .item:first-child:before {

    top: 33px;

}

.history-wrap .item:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 353px;

    width: 1px;

    background-color: #e0e0e0;

}

.history-wrap .item:first-child .year {

    top: 0;

}

.history-wrap .item .year {

    position: absolute;

    top: 80px;

    left: 0;

    font-size: 3.529rem;

    font-weight: bold;

}

.history {

    position: relative;

}

.history-wrap .history .name {

    padding-left: 66px;

}

.history .name {

    display: block;

    margin-bottom: 30px;

    font-size: 2.588rem;

}

.history li,

.history .name{

    position: relative;

}

.history .name i {

    position: absolute;

    top: 28px;

    left: -4px;

    width: 15px;

    height: 15px;

    padding: 5px;

    border: 1px solid #222;

    border-radius: 100%;

    background-color: #fff;

}

.history li::before,

.history .name i::before{

    content: '';

    position: absolute;

    left: 0;

}

.history .name i::before {

    top: 3px;

    left: 3px;

    width: 7px;

    height: 7px;

    border-radius: 100%;

    background-color: #222;

}



.history .name span, .mark {

    background: rgb(255,255,255,0);

    background: linear-gradient(180deg, 

    rgba(255,255,255,0) 0%, 

    rgba(255,255,255,0) 65%, 

    rgba(31, 167, 241,1) 65%, 

    rgba(31, 167, 241,1) 100%);

}

.history li:first-child {

    margin-top: 0;

}



.history li {

    position: relative;

    margin-top: 30px;

}

.history li {

    padding-left: 170px;

}

.history li:before {

    top: 10px;

    width: 7px;

    height: 7px;

    border-radius: 100%;

    background-color: #222;

}

.history li span {

    position: absolute;

    top: 0;

    left: 60px;

}

.history-wrap .item .year span {

    display: block;

    color: #e0e0e0;

}

ol{

    padding-left: 0;

}

/* 企业环境 */

.surroundings{

    padding: 80px 0;

}

.surroundings_size{

    font-size: 1.125rem;

    padding: 20px 15px;

    text-align: center;

    color: #222;

    

}

.surroundings_size a{

    color: #222;

}

.surroundings_div{

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    margin-bottom: 30px;

}



/* 新闻详情 */

.details {

    padding: 70px 0 65px 0;

}



.details_top>p {

    color: #000000;

    font-size: 1.4375rem;

    text-align: center;

    margin-bottom: 15px;

}



.details_rq {

    color: #6b6b6b;

    font-size: .9375rem;

}



.details_rq a {

    color: #6b6b6b;

    margin-left: 5px;

    display: inline-block;

}



.details_rq a:hover {

    color: #0096e0;

}



.details_top {

    padding-bottom: 25px;

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 35px;

}



.details_size {

    color: #676767;

    font-size: 1rem;

    line-height: 30px;

}



.details_a {

    margin-top: 25px;

}



.details_a a {

    color: #676767;

    font-size: 1rem;

    line-height: 35px;

    display: inline-block;

}



.details_a a:hover {

    color: #0096e0;

}



.details_div {

    padding: 12px;

    border: 1px solid #dfdfdf;

    border-radius: 5px;

    background: #fff;

}



.details_div>p {

    color: #000;

    font-size: 1.125rem;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #dfdfdf;

}



.details_ul li a {

    display: block;

    color: #8b8b8b;

    font-size: .875rem;

    line-height: 35px;

    margin-right: 25px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.details_ul li a:hover{

    color: #0096e0;

}

.details_ul li {

    position: relative;

    padding-left: 17px;

}



.details_ul li::after {

    position: absolute;

    left: 0;

    top: 50%;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #8b8b8b;

    content: "";

    display: block;

    transform: translateY(-50%);

}



.details_div {

    position: absolute;

    left: 6%;

    top: 680px;

    width: 215px;

}



@media(max-width:1649px) {

    .daohang_ul>li>a {

        padding: 0 18px;

    }

}



@media(max-width:1440px) {

    .navdiv_box ul {

        margin-left: 0px;

        width: 91px;

    }

    .navdiv_box ul li a {

        font-size: .8375rem;

    }

    .navdiv_box {

        padding: 30px 0 70px 35%;

    }

    .daohang_ul>li>a {

        padding: 0 16px;

    }



    .daohang_fr>a {

        margin: 0 10px 0 10px;

    }



    .product_top_fl {

        width: 29%;

    }



    .product_lb_swi {

        width: 17%;

    }



    .news_div>.fl {

        width: 45%;

    }

    .culture_ul li {

        padding: 16px 40px;

    }

    .proxq_cp {

        padding: 0 4% 95px 4%;

    }

    .culture_wid>.fr {

        width: 66%;

    }

}



@media(max-width:1366px) {

    .product_top_tit span:nth-of-type(2) {

        font-size: 2.2rem;

    }



    .about_fr_ul li {

        padding: 25px 70px 40px 0;

    }



    .about_img_div {

        margin-top: 75px;

    }

    .message_butt button {

        line-height: 40px;

        margin-top: 20px;

    }

    .culture_ul p {

        margin-top: 12px;

    }

}



@media(max-width:1024px) {

    .daohang_ul>li>a {

        padding: 0 8px;

    }



    .daohang_fr>a {

        margin: 0 5px;

    }



    .daohang_di {

        line-height: 30px;

        width: 95px;



    }



    .daohang_ul {

        position: absolute;

        left: 25%;

        top: 50%;

        transform: translate(0%, -50%);

    }



    .searchtop_wid>div {

        padding: 0 50px;

    }



    .searchtop_wid {

        height: 165px;

    }



    .modal .modal-dialog {

        width: 90%;

        margin: 0 auto !important;

        left: 0% !important;

        transform: translate(0%, -50%) !important;



    }



    .tanchu_div a {

        width: 30%;

        padding: 0 8px;

    }



    .search_area .searchtop_inp {

        height: 40px;

    }



    .search_area.category .btn_cate_search {

        height: 40px;

        line-height: 40px;

    }



    .searchtop {

        margin-top: -65px;

    }



    .banner_div {

        display: none;

    }



    .product {

        padding: 80px 0 100px 2%;

    }



    .product_top_tit span:nth-of-type(2) {

        padding-left: 5px;

    }



    .product_size p {

        line-height: 25px;

        margin: 8px 0 10px 0;



    }



    .product::after {

        height: 31%;

    }



    .about_fr_ul li {

        padding: 25px 25px 25px 0;

    }



    .about_fr_ul a>div:nth-of-type(2) {

        margin: 0 30px 0 40px;

    }



    .news_fr>div:nth-of-type(1) {

        margin-bottom: 29px;

    }



    .news_fr .news_size {

        padding: 29px 20px;

    }



    .news_size {

        padding: 25px 25px 25px 0;

    }



    .news_size p:nth-of-type(1) {

        line-height: 26px;

        margin-bottom: 25px;

    }



    .news_size>a:nth-of-type(1) {

        margin-bottom: 10px;

    }

    .area_div_ul li div span {

        font-size: 3rem;

    }

    .company_size p:nth-of-type(2) {

        font-size: 2rem;

        margin: 10px 0;

    }

    .company_size p:nth-of-type(1) {

        font-size: 2.5rem;

    }

    .company_size div {

        font-size: 1rem;

        line-height: 28px;

    }

    .culture_ul li {

        padding: 7px 40px;

    }

    .culture_ul p {

        margin-top: 11px;

    }

    .history-wrap .item {

        padding: 80px 0 80px 255px;

    }

    .history-wrap .item:before {

        left: 258px;

    }

    .history .name {

        font-size: 2rem;

    }

}



@media(max-width:990px) {

    .searchtop_wid>div {

        padding: 0 20px;

    }



    .searchtop_wid {

        height: 130px;

    }



    .product_top_tit span:nth-of-type(2) {

        font-size: 1.8rem;

    }



    .product_top_fl {

        width: 31%;

    }



    .product_lb_swi .swiper-button-next,

    .product_lb_swi .swiper-button-prev {

        width: 33px;

        line-height: 33px;

        height: 33px;

    }



    .product_lb_swi {

        height: 35px;

    }



    .product_lb_swi {

        width: 20%;

    }



    .product_size>a:nth-of-type(2) {

        line-height: 30px;

    }



    .about_fr {

        width: 45%;

    }



    .about_fr_ul li {

        padding: 15px 15px 35px 0;

    }



    .about_fr_ul li img {

        width: 45px;

    }



    .about_fr_ul a>div:nth-of-type(3) {

        font-size: 1.35rem;

        padding-top: 5px;

        line-height: 26px;

        top: 16px;

    }



    .about_fr_ul a>div:nth-of-type(2) {

        margin: 0 20px 0 20px;

    }



    .about_fr_ul a>div:nth-of-type(1) {

        width: 0px;

        height: 40px;

        line-height: 40px;

        top: 14px;

    }



    .about_fr_ul li:hover a>div:nth-of-type(1) {

        width: 40px;

    }



    .about_img_size p {

        margin: 15px 0 15px 0;

    }



    .about_img_size {

        font-size: 1rem;

        line-height: 25px;

    }



    .title p:nth-of-type(2) {

        font-size: 2rem;

    }



    .news_size p:nth-of-type(1) {

        margin-bottom: 15px;

    }



    .news_size {

        padding: 15px 15px 15px 0;

    }



    .news_fr .news_size {

        padding: 17px 20px;

    }



    .news_fr>div:nth-of-type(1) {

        margin-bottom: 18px;

    }

    .newslist_size a {

        margin: 10px 0;

    }

    .list-type1 li .txt {

        font-size: 1.025rem;

    }

    .l-more a {

        width: 155px;

        height: 43px;

        line-height: 43px;

    }

    .culture_ul li {

        padding: 14px 20px;

    }

    .culture_ul p {

        margin-top: 10px;

    }

    .culture_ul li a:nth-of-type(2) {

        right: 20px;

    }

    .culture_ul li a:nth-of-type(2) img{

        width: 20px;

    }

    .prolist_size {

        padding: 15px;

    }

    .proxq_fr div:nth-of-type(1) {

        padding: 10px 0;

        margin: 10px 0;

        line-height: 25px;

    }

    .proxq_top_div.active {

        top: 69px;

        position: static !important;

    

    }

}



@media(max-width:767px) {

    .searchtop {

        display: none;

    }



    body {

        padding: 53px 0 60px;

    }



    .banner .swiper-pagination-bullet {

        width: 35px;

    }



    .product_top_fr,

    .product_top_fl {

        width: 100%;

        float: none;

    }



    .product_top_fl {

        margin-bottom: 15px;

    }



    .product_top_tit span:nth-of-type(1) {

        writing-mode: initial;

        writing-mode: initial;

        display: block;

    }



    .product_top_tit span:nth-of-type(2) {

        font-size: 1.5rem;

    }



    .product_top_ul {

        text-align: center;

        margin-top: 25px;

    }



    .product_top_ul>li {

        margin: 0 5px;

        padding-top: 6px;

    }



    .product_lb .swiper-container {

        padding-right: 0;

    }



    .product_wid>div:nth-of-type(2),

    .product_wid>div:nth-of-type(1) {

        width: 100%;

        float: none !important;

    }



    .product {

        padding: 35px 15px;

    }



    .product_size {

        margin-top: 15px;

    }



    .product_lb {

        padding-bottom: 65px;

    }



    .product_lb_swi {

        width: 50%;

    }



    .product::after {

        width: 0;

    }



    .about_img_div {

        margin-top: 0px;

        width: 100%;

        float: none;

    }



    .about {

        padding: 35px 15px;

    }



    .about_fr {

        width: 100%;

        margin-top: 25px;

        float: none;

    }



    .about_fr_ul li {

        width: 100%;

    }



    .about_fr_ul li {

        padding: 15px 15px 25px 15px;

    }



    .title p:nth-of-type(2) {

        font-size: 1.7rem;

    }



    .about {

        margin-bottom: 0;

    }



    .news {

        padding: 35px 15px;

    }



    .news_fr,

    .news_fl {

        width: 100%;

        float: none;

    }



    .news_div>.fl,

    .news_div>.fr {

        width: 100%;

        float: left;

    }



    .news_size {

        padding: 15px;

    }



    .news_fl {

        margin-bottom: 15px;

    }



    .phone_logo {

        width: 35%;

    }

    .contacts_ul li .iconfont{

        width: 60px;

        height: 60px;

        line-height: 60px;

    }

    .contacts_ul li{

        width: 50%;

    }

    .crumbs{

        display: none;

    }

    .prolist,

    .l-nash,

    .fuli,

    .recruitment,

    .newslist,

    .download,

    .problem,

    .message,

    .contacts{

        padding: 35px 15px;

    }

    .contacts_ul li p{

        height: 70px;

        padding: 0 15px;

    }

    .top-body {

        padding-top: 53px;

    }

    .picture_size {

        font-size: 1.8rem;

        padding-left: 15px;

    }

    .picture img{

        height: 180px;

        object-fit: cover;

    }

    .problem_tit {

        margin-bottom: 25px;

        font-size: 1.7rem;

    }

    .contacts_ul {

        margin: 25px 0;

    }

    .message_butt button{

        margin-top: 0;

    }

    .message_inp {

        margin-bottom: 15px;

    }

    .problem_ul p {

        color: #000000;

        font-size: 1.125rem;

        position: relative;

        margin: 15px 0px;

    }

    .problem_ul li {

        padding: 0 15px;

    }

    .problem_ul div {

        padding: 0 15px;

        padding-bottom: 15px;

        line-height: 29px;

    }

    .download_div .table tr td {

        line-height: 35px;

    }

    .download_div .table tr td:nth-of-type(2){

        width: auto;

    }

    .download_div .table tr td:nth-of-type(4){

        width: 15%;

    }

    .table-ico::after{

        width: 0;

        height: 0;

        opacity: 0;

    }

    .newslist_ul li .fr,

    .newslist_size{

        width: 100%;

        float: none;

    }

    .newslist_size{

        padding-top: 15px;

    }

    .newslist_ul li {

        padding: 15px 0;

    }

    .newslist_size a{

        font-size: 1.35rem;

        margin: 5px 0;

    }

    .spreadImageBox,

    .spreadImageBox .spreadImage img {

        height: 150px;

    }

    .list-type1 li:before{

        width: 0;

        opacity: 0;

    }

    .list-type1 li{

        border-bottom: none;

    }

    .list-type1 li {

        width: 33.3%;

    }

    .list-type1 li:nth-of-type(4),

    .list-type1 li:nth-of-type(5){

        width: 50%;

    }

    .showAni4 {

        opacity: 1;

    }

    .l-nash .ming{

        padding-left: 10px;

    }

    .l-nash .zhizhe{

        padding: 15px;

    }

    .l-nash .neirongxian{

        padding: 0;

    }

    .l-nash .fa-date{

        display: none;

    }

    .l-nash .ming {

        width: 37%;

    }

    .l-nash .renshu {

        width: 28%;

    }

    .company{

        padding: 35px 15px;

    }

    .company_wid>div{

        width: 100%;

        float: none;

    }

    .company_size p:nth-of-type(1) {

        font-size: 1.8rem;

    }

    .company_size p:nth-of-type(2) {

        font-size: 1.35rem;

        margin: 5px 0;

    }

    .company_size{

        padding-top: 15px;

    }

    .area video{

        display: none;

    }

    .area_div{

        position: static;

        transform: translateY(0%);

    }

    .area_div_ul li{

        width: 50%;

        margin-top: 15px;

    }

    .area_div_ul li p {

        padding-bottom: 10px;

        margin: 10px 0;

    }

    .area_div_ul li img{

        width: 50px;

    }

    .area{

        background: url(../img/13.jpg) no-repeat;

        background-size: cover;

        padding: 35px 13px;

    }

    .area_div_ul li div span {

        font-size: 2rem;

    }

    .area_div_ul li div {

        font-size: 1.125rem;

    }

    .culture{

        padding: 35px 15px;

    }

    .culture_ul li{

        width: 100%;

    }

    .proxq_wid>div,

    .culture_wid>.fr{

        width: 100%;

        float: none;

    }

    .culture_ul li:hover{

        width: 100%;

    }

    .proxq {

        padding: 35px 15px;

    }

    .proxq_fr{

        padding-top: 15px;

    }

    .proxq_fr>p {

        font-size: 1.6rem;

    }

    .proxq_fr div a{

        margin-top: 15px;

        width: 125px;

        line-height: 35px;

    }

    .proxq_top_ul li {

        line-height: 45px;

        padding: 0 15px;

    }

    .proxq_top {

        height: 45px;

        padding: 0 15px;

    }

    .proxq_cs, .proxq_js{

        padding: 0 15px 35px 15px;

    }

    .proxq_cp_lb{

        padding: 0;

    }

    .proxq_cp {

        padding: 0 15px 35px 15px;

    }

    .proxq_cp .prolist_div {

        margin-bottom: 0px;

    }

    .history-wrap .item .year {

        position: static;

        font-size: 2.667rem;

    }

    .history {

        margin-top: 20px;

    }

    .history-wrap .history .name, .history-wrap .history li {

        padding-left: 30px;

    }

    .history .name i {

        top: 18px;

    }

    .history li span {

        display: block;

        position: static;

    }

    .history-wrap .item {

        margin-top: 70px;

        padding: 0;

    }

    .history-wrap .item:first-child {

        margin-top: 0;

    }

    .history-wrap .item .year span{

        display: inline-block;

    }

    .course {

        padding: 35px 15px;

    }

    .history-wrap .item:before{

        width: 0;

    }

    .history-wrap .history:before {

        content: '';

        position: absolute;

        top: 22px;

        bottom: 30px;

        left: 3px;

        width: 1px;

        background-color: #e0e0e0;

    }

    .history .name {

        font-size: 1.5rem;

        margin-bottom: 15px;

    }

    .history li {

        margin-top: 12px;

    }

    .details_a a{

        display: block;

    }

    .surroundings,

    .major{

        padding: 35px 15px;

    }

    .prolist_size {

        padding: 10px;

    }

    .prolist_size a {

        font-size: 1.25rem;

    }

    .surroundings,

    .about,

    .company_wid,

    .culture{

        overflow: hidden;

    }

    .culture-content {

        padding: 15px;

    }

    .culture_div>div,

    .culture-one,

    .intro-img {

        margin-bottom: 15px;

    }

    .culture-one p:nth-of-type(2){

        margin: 10px 0;

    }

    .culture-box .fr p:nth-of-type(2) {

        line-height: 24px;

        height: auto;

    }

}

.proxq_fr div a:hover{

    box-shadow: inset 0 0 0 2.5rem #0096e0;

    color: #fff;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}

.message_butt button:hover,

.product_size>a:nth-of-type(2):hover{

    box-shadow: inset 0 0 0 2.5rem #0096e0;

    border: 1px solid #0096e0 !important;

    color: #fff;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}

.about_img_div .more:hover{

    box-shadow: inset 0 0 0 2.5rem #ff1300;

    border: 1px solid #ff1300 !important;

    color: #fff;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}

.details_a a:hover,

.newslist_ul li:hover .newslist_size a,

.news_fr .news_size:hover  a:nth-of-type(1),

.foot_ul li a:hover,

.news_fl:hover .news_size>a:nth-of-type(1){

    color: #1fa7f1;

}

.problem_ul li:hover p{

    color: #ff1300;

}

.problem_ul li:hover p::after {

    content: "-";

    color: #ff1300;

}





#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}

#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}

#page li:hover{border:1px solid #1fa7f1;}

#page li:hover a{color:#1fa7f1}

#page li a{ color:#666}

#page li.active{border:1px solid #1fa7f1; background-color:#1fa7f1; color:#FFFFFF}

#page li.active a{ color:#fff}

#page .thisclass{ background-color:#1fa7f1; color:#FFFFFF}