body{color:#333; font-size:14px}
[body]{overflow:hidden; min-width:1200px;}

.mb{ display: none !important;}

.bg-color{ background: -webkit-linear-gradient(to bottom right, #c52633 20%, #4a6f99 90%); background: linear-gradient(to bottom right, #c52633 20%, #4a6f99 90%);}

.cw1920{ margin: 0 auto; width: 100%; max-width: 100%;}
.cw1400{ margin: 0 auto; width: 1400px; max-width: 1400px;}
/* .cw1200{ margin: 0 auto; width: 1200px; max-width: 1200px;} */

/* 面包屑 */
#cate-list{ display: flex; justify-content: center; align-items: center; bottom: 0; left: 0; width: 100%; height: 70px; border-top: 1px solid #8ea6bb;}
#cate-list .before{ display: block; left: 0; top: -1px; width: 68px; height: 3px; background: #e60012;}
#cate-list .cate-item{ margin: 0 28px; line-height: 70px; font-size: 14px; color: #fff;}
#cate-list .cate-item:before{ display: block; content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 3px; background: #e60012; font-size: 14px; color: #fff; opacity: 0; transition: all .3s;}
/*
#cate-list .cate-item.cur:before,
#cate-list .cate-item:hover:before{ opacity: 1;}
*/

/* banner */
#index-swiper .swiper-btn{ position: absolute; left: 50%; bottom: 40px; z-index: 10; width: 22px; transform: translateX(-50%);}
#index-swiper .swiper-btn .btn-top{ width: 100%; text-align: center;}
#index-swiper .swiper-btn .btn-bot{ margin-top: 12px; width: 100%; text-align: center; animation: slideshow 1s linear infinite;}
@keyframes slideshow {
    0%    { transform: translateY(0);}
    20%    { transform: translateY(0);}
    50%    { transform: translateY(5px);}
    70%    { transform: translateY(0);}
    100%  { transform: translateY(0);}
}

.search-html #header{border-bottom: 1px solid #e5e5e5;}
.search-html #header .form{background: rgba(0,0,0,.05);}
.search-html #turn_page.page{border-top: none;}

/*搜索-全站*/
#search .cw1200{width: 97%;margin: 0 auto;}
#search .form{margin-bottom: 40px;padding: 0 1.5%;}
#search .form form{border: 1px solid #ccc;border-radius: 50px;height: 35px;padding: 0 2%;}
#search .form form label,
#search .form form input{height: 35px;line-height: 35px;}
#search .form form .text{background: transparent;border: none;width: 90%;color: #666;font-size: 16px;}
#search .form form .submit{width: 8%;cursor: pointer;background: url(/images/search.png) no-repeat center center;}
#search .end{color: #666;padding: 25px 0;font-size: 16px;border-bottom: 1px solid #e5e5e5;}
#search .list{padding: 0 3%;width: 94%;margin-bottom: 40px;}
#search .li{border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
#search .li .name{border-bottom: 1px solid transparent;line-height: 27px;}
#search .li .name span{vertical-align: middle;}
#search .li .name .d1{color: #333;font-size: 16px;}
#search .li .name .d2{color: #666;font-size: 14px;}
#search .li .name:hover .d2,
#search .li .name:hover .d1{color: #d70010;}
#search .li .date{color: #999;font-size: 13px;margin: 5px 0 0px;padding-left: 20px;background: url(/images/join/times.png) no-repeat left 2px/15px;line-height: 22px;}
#search .li .desc{max-height: 66px;color: #666;font-size: 13px;line-height: 22px;margin-top: 10px;}

@media (max-width: 751px){
    #search .form form{height: 45px;}
    #search .form form label,
    #search .form form input{height: 45px;line-height: 45px;}
    #search .form form .text{font-size: 24px;}

    #search .li .name .d2{font-size: 24px;}
    #search .li .name .d1{font-size: 26px;}
    #search .li .date{margin-top: 20px;font-size: 22px;background-position: left 3px;padding-left: 30px;}
    #search .li .desc{font-size: 22px;height: 60px;line-height: 30px;}

    .editor{line-height: 1.8;}
    .editor *{line-height: 1.8!important;}
}

/* 内页banner */
#in-ban{ width: 100%;}
#in-ban img{ width: 100%;}
#in-ban .in-ban-txt{ display: flex; justify-content: center; align-items: center; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%;}
#in-ban .in-ban-txt .in-ban-tit{ font-size: 40px; color: #fff;}
#in-ban .mb-in-ban-img{ display: none;}
#in-ban .mb-in-ban-txt{ display: none;}

#index-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ position: relative; margin: 0 6px; width: 8px; height: 8px; background: #fff; opacity: .5; box-sizing: border-box; transition: .3s all; border-radius: 50%; overflow: hidden;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ opacity: 0; padding-bottom: 25px; height: 8px; line-height: 8px;}
#index-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
#index-swiper .container .slide{ font-size: 0;}
#index-swiper .container .slide:after{ padding-top: 44.7396%;}
#index-swiper .txt-container-outer{ top: 0; left: 0; z-index: 1; width: 45.5209%; height: 100%; background: url('/images/banner_bg.png') no-repeat top left / auto 100%;}
#index-swiper .txt-container{ width: 58%; height: 100%;}
#index-swiper .txt-container .ban-con{ display: flex; justify-content: start; align-items: center; width: 100%; height: 100%; opacity: 0 !important;}
#index-swiper .txt-container .ban-con.swiper-slide-active{ opacity: 1 !important;}
#index-swiper .txt-container .ban-con .ban-con-in{ width: 100%;}
#index-swiper .txt-container .ban-con .txt1{ width: 100%; line-height: 66px; font-size: 60px; color: #fff; font-weight: bold; transform: translateY(50px); transition: all 1s;}
#index-swiper .txt-container .ban-con .txt2{ margin-top: 24px; width: 100%; line-height: 34px; font-size: 22px; color: #fff; transform: translateY(50px); transition: all 1s;}
#index-swiper .txt-container .ban-con .btn{ display: flex; justify-content: space-between; align-items: center; margin-top: 72px; padding: 0 30px; width: 170px; height: 54px; line-height: 50px; border: 2px solid #fff; transform: translateX(100px); transition: all 1s;}
#index-swiper .txt-container .ban-con.swiper-slide-active .txt1{ transform: translateY(0);}
#index-swiper .txt-container .ban-con.swiper-slide-active .txt2{ transform: translateY(0);}
#index-swiper .txt-container .ban-con.swiper-slide-active .btn{ transform: translateX(0);}
#index-swiper .txt-container .ban-con .btn span{ font-size: 14px; color: #fff; font-weight: bold;}
#index-swiper .txt-container .ban-con .btn .icon{ width: 12px; height: 2px; background: #fff;}
#index-swiper .txt-container .ban-con .btn:hover{ border-color: #fff; background-color: #fff;}
#index-swiper .txt-container .ban-con .btn:hover span{ border-color: #fff; color: #003080;}
#index-swiper .txt-container .ban-con .btn:hover .icon{ background-color: #003080;}

#index-swiper .swiper-page{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; top: 0; left: 78px; z-index: 2; height: 100%;}
#index-swiper .swiper-page .page-btn{ padding-left: 12px; line-height: 60px; border-left: 4px solid rgba(255, 255, 255, .2); font-size: 14px; color: #fff; font-weight: bold;}
#index-swiper .swiper-page .page-btn.cur{ border-left-color: #fff; font-size: 20px;}

/* mb-banner */
.mb-ban{ display: none;}
.mb-i-ban{ display: none;}
#mb-index-swiper .swiper-btn{ position: absolute; left: 50%; bottom: 44px; z-index: 10; width: 22px; transform: translateX(-50%);}
#mb-index-swiper .swiper-btn .btn-top{ width: 100%; text-align: center;}
#mb-index-swiper .swiper-btn .btn-bot{ width: 100%; text-align: center; animation: slideshow 1s linear infinite;}

.num-list{ display: flex; justify-content: space-between; align-items: center; height: 100%;}
.num-list .num-item{ width: 16.6667%;}
.num-list .num-item .num-top{ display: flex; justify-content: center; align-items: center; width: 100%; height: 34px; text-align: center;}
.num-list .num-item .num-top .num-number{ margin-right: 3px; font-size: 32px; color: #fff; font-family: gm;}
.num-list .num-item .num-top .num-label{ font-size: 20px; color: #fff; font-weight: bold;}
.num-list .num-item .num-bot{ margin-top: 12px; width: 100%; font-size: 18px; color: #fff; text-align: center;}

#mb-index-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ position: relative; margin: 0 6px; width: 8px; height: 8px;  background: #fff; opacity: .5; box-sizing: border-box; transition: .3s all; border-radius: 50%; overflow: hidden;}
#mb-index-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
#mb-index-swiper .container .slide .ban-con{ position: absolute; top: 50%; left: 50%; width: 90%; transform: translate(-50%, -50%);}
#mb-index-swiper .container .slide .ban-con .txt1{ width: 100%; line-height: 1.8; font-size: 48px; color: #fff; font-weight: bold; text-align: center;}
#mb-index-swiper .container .slide .ban-con .txt2{ position: relative; width: 100%; line-height: 1.8; font-size: 34px; color: #fff; text-align: center;}
#mb-index-swiper .container .slide .ban-con .txt3{ position: relative; width: 100%; line-height: 1.8; font-size: 34px; color: #fff; text-align: center;}
#mb-index-swiper .container .slide .ban-con .txt4{ position: relative; width: 100%; line-height: 1.8; font-size: 34px; color: #fff; text-align: center;}
#mb-index-swiper .container .slide .ban-con .btn{ position: relative; width: 100%; line-height: 1.8; font-size: 34px; color: #fff; text-align: center;}

#turn-page{ display: flex; justify-content: center; align-items: center; margin-top: 80px; width: 100%; height: 40px; text-align: center;}
#turn-page a,
#turn-page font{ display: flex; justify-content: center; align-items: center; margin-left: 10px; width: 40px; height: 40px; background: #fff; font-size: 16px; color: #333; box-sizing: border-box;}
#turn-page a:first-child,
#turn-page font:first-child,
#turn-page a:last-child,
#turn-page font:last-child{ position: relative; font-size: 0; border: 1px solid #dedede;}
#turn-page a:first-child:before,
#turn-page font:first-child:before,
#turn-page a:last-child:before,
#turn-page font:last-child:before{ display: flex; justify-content: center; align-items: center; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/fir_icon.png) no-repeat center;}
#turn-page a.prev,
#turn-page font.prev,
#turn-page a.next,
#turn-page font.next{ border: 1px solid #dedede;}
#turn-page a.prev,
#turn-page font.prev{ margin: 0 10px 0 10px;}
#turn-page a.next,
#turn-page font.next{ margin: 0 0 0 10px; transform: rotate(180deg);}
#turn-page a:last-child:before,
#turn-page font:last-child:before{ transform: rotate(180deg);}
#turn-page font.current{ border-color: #e30213; background: #e30213; color: #fff;}

#share{ display: flex; justify-content: start; align-items: center; margin-left: 45px;}
#share .title{ font-size: 14px; color: #3e75bb;}
#share .list{ display: flex; justify-content: start; align-items: center; margin-left: 12px;}
#share .list a{ margin-right: 7px;}

/* 首页 */
#index{ width: 100%;}

#index .precision{ display: flex; justify-content: space-between; align-content: start; margin: 0 auto; padding: 160px 0; width: 1278px;}
#index .precision .pre-txt{ width: 46.9484%; background: #fff;}
#index .precision .pre-txt .before{ display: block; content: ''; position: absolute; top: -8.7021%; left: -9.1311%; width: 43.0679%; height: 52.6081%; background: #003080; pointer-events: none;}
#index .precision .pre-txt .after{ display: block; content: ''; position: absolute; bottom: -47px; left: 52px; width: 801px; height: 116px; background: url(/images/index/i_bg0.png) no-repeat center; z-index: 2; pointer-events: none;}
#index .precision .pre-txt .pre-info{ display: flex; justify-content: start; align-items: center; padding: 0 60px; width: 100%; height: 100%; background: #fff; z-index: 1;}
#index .precision .pre-txt .pre-info .pre-info-in{ width: 400px;}
#index .precision .pre-txt .pre-info .pi-tit{ width: 100%; line-height: 26px; font-size: 16px; color: #333;}
#index .precision .pre-txt .pre-info .pi-subtit{ margin-top: 19px; width: 75%; line-height: 38px; font-size: 30px; font-weight: bold; background-image: linear-gradient(60deg, #222970 -6%, #e30213 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#index .precision .pre-txt .pre-info .pi-brief{ margin-top: 35px; width: 100%; line-height: 27px; font-size: 16px; color: #666;}
#index .precision .pre-txt .pre-info .pi-num{ display: flex; justify-content: start; align-items: start; margin-top: 66px;}
#index .precision .pre-txt .pre-info .pi-num .item{ margin-left: 55px;}
#index .precision .pre-txt .pre-info .pi-num .item:first-child{ margin-left: 0;}
#index .precision .pre-txt .pre-info .pi-num .item .top{ display: flex; align-items: flex-end; padding-bottom: 18px; width: 100%;}
#index .precision .pre-txt .pre-info .pi-num .item .top:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 17px; height: 2px; background: #f1200a;}
#index .precision .pre-txt .pre-info .pi-num .item .top .num{ height: 30px; line-height: 30px; font-size: 40px; color: #222;}
#index .precision .pre-txt .pre-info .pi-num .item .top .unit{ margin-left: 5px; height: 12px; line-height: 12px; font-size: 12px; color: #222;}
#index .precision .pre-txt .pre-info .pi-num .item .bot{ margin-top: 7px; width: 100%; line-height: 24px; font-size: 14px; color: #979797;}
#index .precision .pre-txt .pre-info .pi-btn{ display: flex; justify-content: space-between; align-items: center; margin-top: 46px; padding: 0 30px; width: 170px; height: 54px; line-height: 54px; background-image: linear-gradient(60deg, #003080 50%, #c11f21 100%); font-size: 14px; color: #fff; z-index: 2; box-shadow: 0 10px 30px rgba(0, 48, 128, .6);}
#index .precision .pre-txt .pre-info .pi-btn .icon{ width: 12px; height: 2px; background: #fff;}

#index .precision .pre-img{ width: 53.0517%;}
#index .precision .pre-img .before{ display: block; content: ''; position: absolute; right: -9.1311%; bottom: -8.7021%; width: 43.0679%; height: 52.6081%; background: #003080;}
#index .precision .pre-img .img{ width: 100%; font-size: 0;}
#index .precision .pre-img .img:after{ padding-top: 98.9676%;}
#index .precision .pre-img .img .play-btn{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; cursor: pointer;}

#index .products{ padding: 95px 0; width: 100%; background: url(/images/index/i_pro_center_bg.jpg) no-repeat center;}
#index .products .title{ width: 100%; line-height: 30px; font-size: 20px; color: #a5b1d5; text-align: center;}
#index .products .brief{ margin-top: 10px; width: 100%; line-height: 40px; font-size: 32px; color: #fff; text-align: center;}
#index .products .pro-con{ display: flex; justify-content: space-between; align-content: start; margin-top: 75px; width: 86.4584%;}
#index .products .pro-con .pro-cate{ width: 17.9519%;}
#index .products .pro-con .pro-cate .cate-item{ display: flex; justify-content: space-between; align-items: center; margin-top: 5px; padding: 13px 30px; width: 100%; border: 2px solid #314e7d;}
#index .products .pro-con .pro-cate .cate-item:first-child{ margin-top: 0;}
#index .products .pro-con .pro-cate .cate-item .icon{ width: 20.1343%; height: 51px;}
#index .products .pro-con .pro-cate .cate-item .icon img{ top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
#index .products .pro-con .pro-cate .cate-item .icon img:nth-child(2){ opacity: 0;}
#index .products .pro-con .pro-cate .cate-item .tit{ width: 45%;}
#index .products .pro-con .pro-cate .cate-item .tit .cn{ line-height: 27px; font-size: 18px; color: #e9f4ff;}
#index .products .pro-con .pro-cate .cate-item .tit .en{ margin-top: 3px; line-height: 21px; font-size: 14px; color: #e9f4ff;}

#index .products .pro-con .pro-cate .cate-item.cur,
#index .products .pro-con .pro-cate .cate-item:hover{ background: #fff; border-color: #fff;}
#index .products .pro-con .pro-cate .cate-item.cur .icon img:nth-child(2),
#index .products .pro-con .pro-cate .cate-item:hover .icon img:nth-child(2){ opacity: 1;}
#index .products .pro-con .pro-cate .cate-item.cur .tit .cn,
#index .products .pro-con .pro-cate .cate-item:hover .tit .cn,
#index .products .pro-con .pro-cate .cate-item.cur .tit .en,
#index .products .pro-con .pro-cate .cate-item:hover .tit .en{ color: #102f78;}
#index .products .pro-con .pro-list-outer{ width: 76.5061%;}
#index .products .pro-con .pro-list{ display: none; width: 100%; height: 100%;}
/* #index .products .pro-con .pro-list.cur{ display: block;} */
#index .products .pro-con .pro-list .container,
#index .products .pro-con .pro-list .wrapper{ width: 100%; height: 100%;}
#index .products .pro-con .pro-list .pro-item{ display: flex; justify-content: space-between; flex-direction: column; width: 42.9922% !important; background: #fff; font-size: 0; opacity: .2;}
#index .products .pro-con .pro-list .pro-item.swiper-slide-active{ opacity: 1;}
#index .products .pro-con .pro-list .pro-item.swiper-slide-active+.pro-item{ opacity: .5;}
#index .products .pro-con .pro-list .pro-item .img{ margin-top: 30px; width: 100%; overflow: hidden;}
#index .products .pro-con .pro-list .pro-item .img:after{ padding-top: 77.2894%;}
#index .products .pro-con .pro-list .pro-item .info{ padding: 0 95px; width: 100%;}
#index .products .pro-con .pro-list .pro-item .info .tit{ width: 100%; line-height: 30px; font-size: 25px; color: #373737; text-align: center;}
#index .products .pro-con .pro-list .pro-item .info .brief{ margin-top: 3px; width: 100%; line-height: 25px; font-size: 14px; color: #373737; text-align: center;}
#index .products .pro-con .pro-list .pro-item .item-btn{ margin-top: 10px; width: 100%; height: 0; line-height: 80px; background: #da231b; font-size: 18px; color: #fff; text-align: center; overflow: hidden;}
#index .products .pro-con .pro-list .pro-item:hover .img{ margin-top: 0;}
#index .products .pro-con .pro-list .pro-item:hover .item-btn{ height: 80px;}
#index .products .pro-con .btn{ display: flex; justify-content: center; align-items: center; top: 50%; width: 46px; height: 46px; background: #fff; z-index: 1; border-radius: 50%; box-shadow: 0 4px 10px rgba(150, 150, 150, .5); transform: translateY(-50%);}
#index .products .pro-con .btn.prev{ left: -20px;}
#index .products .pro-con .btn.next{ right: 23.9371%;}
#index .products .pro-con .btn.next svg{ transform: rotate(180deg);}
#index .products .pro-con .btn svg{ width: 14px; height: 20px;}
#index .products .pro-con .btn:hover{ box-shadow: 0 4px 10px rgba(218, 35, 27, .8);}

#index .news{ padding: 95px 0; width: 100%;}
#index .news .title{ width: 100%; line-height: 30px; font-size: 20px; color: #e30213; text-align: center;}
#index .news .brief{ margin-top: 10px; width: 100%; line-height: 40px; font-size: 32px; color: #333; text-align: center;}
#index .news .list{ display: flex; justify-content: start; align-items: start; margin-top: 70px; width: 100%;}
#index .news .list .item{ margin-left: 1.5%; width: 32.3572%; border: 1px solid #e8e8e8; background: #fff;}
#index .news .list .item:first-child{ margin-left: 0;}
#index .news .list .item .item-img{ width: 100%; font-size: 0; overflow: hidden;}
#index .news .list .item .item-img:after{ padding-top: 67.1841%;}
#index .news .list .item .item-info{ padding: 25px 30px;}
#index .news .list .item .item-info .item-date{ width: 100%; line-height: 23px; font-size: 16px; color: #828282; font-weight: bold;}
#index .news .list .item .item-info .item-title{ margin-top: 8px; width: 100%; font-size: 20px; color: #333; font-weight: bold;}
#index .news .list .item .item-info .item-brief{ margin-top: 10px; width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #999;}
#index .news .list .item .item-info .item-btn{ display: flex; justify-content: space-between; align-items: center; margin-top: 19px; padding-top: 15px; width: 100%; line-height: 24px; border-top: 1px solid #eee;}
#index .news .list .item .item-info .item-btn .item-txt{ font-size: 14px; color: #828282;}
#index .news .list .item .item-info .item-btn .item-icon{ font-size: 22px; color: #828282;}

#index .news .list .item:hover{ box-shadow: 16px 0 49px rgba(0, 0, 0, .05);}
#index .news .list .item:hover .item-date{ color: #da231b;}
#index .news .list .item:hover .item-title{ color: #da231b;}
#index .news .list .item:hover .item-btn .item-txt{ color: #da231b;}
#index .news .list .item:hover .item-btn .item-icon{ color: #da231b;}

#index .newsletter{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 350px; background: url(/images/index/i_bot_bg.jpg) no-repeat center;}
#index .newsletter .title{ width: 100%; line-height: 40px; font-size: 32px; color: #fff; text-align: center;}
#index .newsletter .brief{ margin-top: 7px; width: 100%; font-size: 14px; color: #a5b1d5; text-align: center;}
#index .newsletter form{ display: flex; justify-content: center; align-items: center; margin-top: 28px; width: 100%;}
#index .newsletter form .input{ margin-left: 5%; padding: 0 2%; width: 23.7143%; height: 58px; background: #fff; border-radius: 30px;}
#index .newsletter form .input input{ width: 100%; height: 100%; line-height: 58px; font-size: 14px; color: #999;}
#index .newsletter form .input:first-child{ margin-left: 0;}
#index .newsletter form .input input[name=Message]{ width: calc(100% - 30px);}
#index .newsletter form .input.n-input{ display: flex; justify-content: space-between; align-items: center;}
#index .newsletter form .input .submit-a{ width: 22px; cursor: pointer;}

#index .newsletter form .input[type=text]::-webkit-input-placeholder{ font-size: 14px; color: #999;}        /* 使用webkit内核的浏览器 */
#index .newsletter form .input[type=text]:-moz-placeholder{ font-size: 14px; color: #999;}                  /* Firefox版本4-18 */
#index .newsletter form .input[type=text]::-moz-placeholder{ font-size: 14px; color: #999;}                 /* Firefox版本19+ */
#index .newsletter form .input[type=text]:-ms-input-placeholder{ font-size: 14px; color: #999;}             /* IE浏览器 */

.in-page{ margin: 100px 0;}
.in-page .page-tit{ line-height: 50px; font-size: 30px; color: #333; text-align: center;}
/* 产品列表 */
#pro-cate .list{ display: flex; justify-content: start; align-content: start; flex-wrap: wrap; margin-top: 48px; width: 100%;}
#pro-cate .list .item{ margin: 30px 2.5% 0 0; padding: 30px 2.5%; width: 31.6667%; background: #fff; border: 1px solid #eee;}
#pro-cate .list .item:nth-child(-n+3){ margin-top: 0;}
#pro-cate .list .item:nth-child(3n){ margin-right: 0;}
#pro-cate .list .item .tit{ width: 100%; line-height: 21px; font-size: 16px; color: #013080; font-weight: bold; text-align: center;}
#pro-cate .list .item .img{ width: 100%; overflow: hidden;}
#pro-cate .list .item .img:after{ padding-top: 81.45%;}
#pro-cate .list .item .brief{ width: 100%; line-height: 27px; font-size: 14px; color: #7c7c7c; text-align: center;}
#pro-cate .list .item .btn{ bottom: 0; left: 0; z-index: 1; width: 100%; height: 60px; line-height: 60px; background: #013080; font-size: 14px; color: #fff; text-align: center; opacity: 
    0;}
#pro-cate .list .item:hover{ box-shadow: 0 3px 35px rgba(0, 0, 0, .15);}
#pro-cate .list .item:hover .brief{ opacity: 0;}
#pro-cate .list .item:hover .btn{ opacity: 1;}

/* 产品详情 */
.cloud-zoom-big{ background-color: #fff;}
#pro-desc .swiper-pagination-bullets{ bottom: 0; height: 10px;}
#pro-desc .swiper-pagination-bullet{ margin: 0 8px; width: 10px; height: 10px; opacity: .15;}
#pro-desc .swiper-pagination-bullet-active{ background: #013080; opacity: 1;}
#pro-desc .desc-top{ display: flex; justify-content: space-between; align-content: start; width: 100%; height: 568px; border: 1px solid #eee;}
#pro-desc .desc-top .desc-img{ display: flex; justify-content: center; align-items: center; width: 540px; border-right: 1px solid #eee;}
#pro-desc .desc-top .desc-img .swiper-container{ height: 100%;}
#pro-desc .desc-top .desc-img .container .slide{ display: flex; justify-content: center; align-items: center;}
#pro-desc .desc-top .desc-img img{ max-width: 100%; max-height: 100%;}
#pro-desc .desc-top .desc-rig{ display: flex; justify-content: center; align-items: center; padding: 0 50px; width: calc(100% - 540px); height: 100%;}
#pro-desc .desc-top .desc-rig .desc-rig-in{ width: 450px;}
#pro-desc .desc-top .desc-rig .desc-rig-in .tit{ width: 100%; line-height: 54px; font-size: 34px; color: #333; font-weight: bold;}
#pro-desc .desc-top .desc-rig .desc-rig-in .brief{ padding-bottom: 40px; width: 100%; line-height: 28px; font-size: 20px; color: #828282;}
#pro-desc .desc-top .desc-rig .desc-rig-in .brief:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 5px; background: #013080;}
#pro-desc .desc-top .desc-rig .desc-rig-in .brief2{ margin-top: 33px; width: 100%; line-height: 28px; font-size: 16px; color: #828282;}
#pro-desc .desc-bot{ margin-top: 50px; width: 100%;}
#pro-desc .desc-bot .desc-tit{ width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#pro-desc .desc-bot .desc-tit span{ padding: 0 42px; line-height: 55px; background: #666; border-left: 1px solid #666; border-right: 1px solid #666; font-size: 16px; color: #fff; text-align: center;}
#pro-desc .desc-bot .desc-par{ margin-top: 32px;}
#pro-desc .desc-bot .desc-par .par-row{ display: flex; justify-content: center; align-items: center; margin-top: 10px; width: 100%; height: 26px;}
#pro-desc .desc-bot .desc-par .par-row:first-child{ margin-top: 0;}
#pro-desc .desc-bot .desc-par .par-row .par-tit{ padding-left: 16px; width: 138px; font-size: 16px; color: #666; font-weight: bold;}
#pro-desc .desc-bot .desc-par .par-row .par-tit:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; border: 2px solid #0d6fb8; border-radius: 50%; transform: translateY(-50%);}
#pro-desc .desc-bot .desc-par .par-row .par-txt{ width: calc(100% - 138px); font-size: 16px; color: #666;}
#pro-desc .desc-bot .desc-con{ margin-top: 27px; width: 100%;}

/* 新闻列表 */
#news-cate .list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; margin-top: 48px; width: 100%;}
#news-cate .list .item{ margin-top: 40px; padding: 1.25%; width: 31.6667%; border-bottom: 1px solid #ddd;}
#news-cate .list .item.pl{ padding-left: 0;}
#news-cate .list .item:nth-child(3n){ padding-right: 0;}
#news-cate .list .item:nth-child(-n+3){ margin-top: 0;}
#news-cate .list .item .img{ width: 100%; border: 1px solid #ddd; font-size: 0; overflow: hidden;}
#news-cate .list .item .img .btn{ display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 81, 147, .5);}
#news-cate .list .item .img:after{ padding-top: 66.6667%;}
#news-cate .list .item .tit{ margin-top: 16px; width: 100%; line-height: 26px; font-size: 16px; color: #222;}
#news-cate .list .item .time{ margin-top: 13px; width: 100%; line-height: 20px; font-size: 14px; color: #828282;}
#news-cate .list .item .btn{ bottom: 0; left: 0; z-index: 1; width: 100%; height: 60px; line-height: 60px; background: #013080; font-size: 14px; color: #fff; text-align: center; opacity: 0;}
#news-cate .list .item .btn .btn-txt{ padding-top: 45px; width: 100%; line-height: 24px; font-size: 14px; color: #fff;}
#news-cate .list .item .btn .btn-txt:before{ display: block; content: ''; position: absolute; top: 0; left: 50%; width: 36px; height: 36px; background: url(/images/news/n_btn_icon.png) no-repeat center; transform: translateX(-50%);}
#news-cate .list .item:hover .btn{ opacity: 1;}

/* 新闻详情 */
#news-desc #detail-con{ margin-top: 42px; width: 100%;}
#news-desc #detail-con .detail-con-tit{ width: 100%; line-height: 54px; font-size: 30px; color: #282828;}
#news-desc #detail-con .detail-con-bot{ display: flex; justify-content: start; align-items: start; margin-top: 15px; width: 100%;}
#news-desc #detail-con .detail-con-bot .detail-con-label{ padding-left: 25px; line-height: 26px; background: url(/images/pro_label_icon.png) no-repeat left center; font-size: 14px; color: #999;}
#news-desc #detail-con .detail-con-bot .detail-con-time{ height: 22px; line-height: 22px; font-size: 14px; color: #828282;}
#news-desc #detail-con .detail-con-bot .detail-con-label .detail-label-a{ font-size: 14px; color: #09bdbf;}
#news-desc #detail-con .detail-con-bot .share-icon-list{ height: 26px;}
#news-desc #detail-con .detail-desc{ margin-top: 40px;}
#news-desc #detail-con .detail-desc.mb{ display: none;}
#news-desc #detail-con .detail-con-item{ margin-left: 25px; font-size: 14px; color: #999;}
#news-desc #detail-con .detail-con-item:first-child{ margin-left: 0;}
#news-desc #detail-con .detail-con-item .detail-label-a{ font-size: 14px; color: #333;}

#news-desc .page-btn{ padding-top: 60px; border-top: 1px solid #e5e5e5;}
#news-desc .page-btn .cw1200{ display: flex; justify-content: space-between; align-items: center;}
#news-desc .page-btn .cw1200 .btn-a{ width: 176px; height: 44px; line-height: 44px; font-size: 16px; color: #999; text-align: center;}
#news-desc .page-btn .cw1200 .btn-prev,
#news-desc .page-btn .cw1200 .btn-next{ border: 1px solid #e5e5e5;}
#news-desc .page-btn .cw1200 .btn-prev .page-info-btn-icon{ margin-right: 30px;}
#news-desc .page-btn .cw1200 .btn-next .page-info-btn-icon{ margin-left: 30px;}
#news-desc .page-btn .cw1200 .btn-mid{ background: #013080; color: #fff;}
#news-desc .page-btn .cw1200 .btn-prev:hover,
#news-desc .page-btn .cw1200 .btn-next:hover{ border: 1px solid #013080; color: #013080;}

/* 联系我们 */
#contact .cw1200{ display: flex; justify-content: space-between; align-content: start;}
#contact .left{ width: 31.5%;}
#contact .left .title{ padding-bottom: 26px; width: 100%; line-height: 32px; border-bottom: 2px solid #013080; font-size: 22px; color: #333;}
#contact .left .info{ width: 100%;}
#contact .left .info .row{ padding: 18px 0; border-bottom: 2px solid #e0e0e0;}
#contact .left .info .row .top{ display: flex; justify-content: start; align-items: center; width: 100%;}
#contact .left .info .row .top .icon{ display: flex; justify-content: center; align-items: center; margin-right: 9px; width: 30px; height: 30px; background: #013080;  border-radius: 50%;}
#contact .left .info .row .top .tit{ font-size: 14px; color: #005193; font-weight: bold;}
#contact .left .info .row .bot{ margin-top: 2px; padding-left: 38px; font-size: 16px; color: #828282;}

#contact .right{ width: 65.1667%;}
#contact .right #allmap{ width: 100%; height: 100%;}

/* 解决方案 */
#news-cate.solu-cate .item{ display: flex; justify-content: start; align-items: start; margin-top: 0; padding: 27px 0 28px; width: 100%; background: url(/images/solution/solu_bg.png) repeat-x left bottom; border-bottom: 0;}
#news-cate.solu-cate .item .img{ width: 296px; overflow: hidden;}
#news-cate.solu-cate .item .img:after{ padding-top: 65.9864%;}
#news-cate.solu-cate .item .txt{ padding: 13px 0 0 44px; width: 71.8334%;}
#news-cate.solu-cate .item .tit{ margin-top: 0; line-height: 30px; font-size: 18px; color: #222;}
#news-cate.solu-cate .item .brief{ margin-top: 7px; line-height: 25px; font-size: 14px; color: #828282;}
#news-cate.solu-cate .item .btn{ margin-top: 16px; width: 100px; height: 30px; line-height: 30px; background: none; border: 1px solid #b5bec0; font-size: 12px; color: #828282; text-align: center; opacity: 1;}
#news-cate.solu-cate .item:hover .btn{ background: #013080; border-color: #013080; color: #fff;}

/* 加入我们 */
#join .sel-cate{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 58.3334%; height: 50px;}
#join .sel-cate .cate{ padding: 0 18px; width: 174px; height: 100%; border: 1px solid #ddd; font-size: 14px; color: #282828; background: url(/images/join/select_icon.png) no-repeat right 20px center; cursor: pointer; appearance: none; -moz-appearance: none;  -webkit-appearance: none; outline: none;}
#join .sel-cate input[type=text]{ padding: 0 20px; width: calc(100% - 224px); height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; color: #929292;}

#join .sel-cate input[type=text]::-webkit-input-placeholder{ font-size: 14px; color: #929292;}    /* 使用webkit内核的浏览器 */
#join .sel-cate input[type=text]:-moz-placeholder{ font-size: 14px; color: #929292;}                  /* Firefox版本4-18 */
#join .sel-cate input[type=text]::-moz-placeholder{ font-size: 14px; color: #929292;}                  /* Firefox版本19+ */
#join .sel-cate input[type=text]:-ms-input-placeholder{ font-size: 14px; color: #929292;}           /* IE浏览器 */

#join .sel-cate .submit-a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 100%; background: #013080; cursor: pointer;}
#join .sel-cate .submit-a svg{ width: 25px; height: 25px;}
#join .sel-cate .submit-a svg path{ fill: #fff;}

/* #join .join-list{ margin-top: 40px; width: 100%;} */
#join .list{ margin: 40px 0 0; width: 100%;}
#join .list .join{ cursor: pointer; margin-bottom: 10px; border: 1px solid #e5e5e5; padding: 0 30px; background: #fff;}
#join .list .join *{padding: 27px 0;}
#join .list .join .clear{ padding: 0;}
#join .list .join:hover{ background: #e5eaf2; border-color: #fcfcfc;}
#join .list .name{font-family: 'SourceHanSansCN_Regular';width: 22%;line-height: 24px;margin-right: 2.1429%;color: #333;font-size: 14px; text-align: left;}
#join .list .much{font-family: 'SourceHanSansCN_Regular';width: 30%;line-height: 24px;margin-right: 1.0286%;color: #999;font-size: 14px; text-align: left;}
#join .list .much span{color: #999;font-size: 14px;}
#join .list .date{ margin-right: 2.5%;line-height: 24px; width: 30%; text-align: left;}
#join .list .date .date_in{ padding: 0; padding-left: 26px;line-height: 24px;color: #333;font-size: 14px;background: url(/images/join/times.png) no-repeat left center;}
#join .list .btn{width: 36px;height: 24px;background: url(/images/join/on.png) no-repeat center center/100% auto;}
#join .list .join:hover .btn{ background-image: url(/images/join/json_close.png);}

.join-outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); z-index: 15;}
.join-outer .join-form{ display: flex; justify-content: space-between; align-items: flex-end; flex-direction: column; position: absolute; top: 50%; left: 50%; padding: 64px 113px; width: 1200px; height: 795px; background: #fff; transform: translate(-50%, -50%);}
.join-outer .join-form .join-form-in{ margin: 0 auto; width: 100%;}
.join-outer .join-form .form-close-btn{ position: absolute; top: 20px; right:  20px; margin-right: 30px; padding: 20px 0; width: 32px; height: 32px; text-align: right; cursor: pointer;}
.join-outer .join-form .position{ width: 100%; line-height: 43px; font-size: 35px; color: #313131; text-align: center;}
.join-outer .join-form .join-title{ margin-top: 34px; width: 100%; line-height: 30px; font-size: 20px; color: #313131; text-align: center;}
.join-outer .join-form .join-title .tit{ color: #c01920;}
.join-outer .join-form .join-top{ display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; width: 100%;}
/* .join-outer .join-form .join-top .form-con{ display margin-left: 115px;} */
.join-outer .join-form .join-top .row{ width: 400px; height: 40px;}
.join-outer .join-form .join-top .row.file-row{ width: 100%;}
.join-outer .join-form .join-top .row.check-row{ width: 100%;}
.join-outer .join-form .join-top .row .tit{ width: 65px; line-height: 40px; font-size: 16px; color: #000; text-align: right;}
.join-outer .join-form .join-top .row .input{ padding: 0 10px; width: 80%; height: 100%; line-height: 36px; border: 1px solid #e9e9e9;}
.join-outer .join-form .join-top .row.radio-row .input{ padding-left: 35px; border: 0;}
.join-outer .join-form form[name=join-form]{ margin-top: 23px; width: 100%;}
.join-outer .join-form form[name=join-form] .row{ display: flex; justify-content: space-between; align-items: center; margin-top: 42px; width: 41.0678%; line-height: 32px;}
.join-outer .join-form form[name=join-form] .row:nth-child(-n+2){ margin-top: 0;}
.join-outer .join-form form[name=join-form] .row .label{ width: 10%; font-size: 14px; color: #888; text-align: right;}
/* .join-outer .join-form form[name=join-form] .row .input{ width: 70%;} */
.join-outer .join-form form[name=join-form] .row input[type=text]{ width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #888;}
.join-outer .join-form form[name=join-form] .row input[type=text]::-webkit-input-placeholder{ font-size: 14px; color: #888;}
.join-outer .join-form form[name=join-form] .row input[type=text]::-moz-placeholder{ font-size: 14px; color: #888;}
.join-outer .join-form form[name=join-form] .row input[type=text]:-moz-placeholder{ font-size: 14px; color: #888;}
.join-outer .join-form form[name=join-form] .row input[type=text]:-ms-input-placeholder{ font-size: 14px; color: #888;}
.join-outer .join-form form[name=join-form] .row .file-upload{ display: block; margin-left: 15px; width: 127px; height: 40px; line-height: 40px; background: #dfdfdf; font-size: 14px; color: #000; text-align: center; cursor: pointer;}
.join-outer .join-form form[name=join-form] .row.file-row{ justify-content: start;}
.join-outer .join-form form[name=join-form] .row .file-input{ margin-left: 10px; line-height: 40px;}
.join-outer .join-form form[name=join-form] .row .file-input input[name=File]{ height: 100%; font-size: 14px; color: #323232;}

.join-outer .join-form form[name=join-form] .check-row{ margin-top: 27px; width: 100%; line-height: 25px; font-size: 14px; color: #323232; text-align: center;}
.join-outer .join-form form[name=join-form] .submit-a{ margin: 42px auto 0; width: 180px; height: 52px; line-height: 52px; background: #c01920; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}

/* 事业部 */
#division{ width: 100%;}
#division .list{ width: 100%;}
#division .list .item{ display: flex; justify-content: space-between; align-content: start; margin-top: 40px; width: 100%;}
#division .list .item:first-child{ margin-top: 0;}
#division .list .item .img{ width: 48.7858%; font-size: 0;}
#division .list .item .img:after{ padding-top: 61.4935%;}
#division .list .item .img img{ z-index: 1;}
#division .list .item .img video{ width: 100%; height: 100%; background: #000;}
#division .list .item .img .play-icon{ right: 4.3924%; bottom: 6.1905%; width: 38px; height: 38px; z-index: 2; cursor: pointer;}
#division .list .item .info{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 8.3572% 0 6.4286%; width: 51.2143%; background: url(/images/division/d_bg.png) repeat center;}
#division .list .item .info .subtit{ width: 100%; line-height: 24px; font-size: 18px; color: #013080; overflow: visible;}
#division .list .item .info .subtit:before{ display: block; content: ''; position: absolute; top: 50%; left: -24.902%; width: 21.5687%; height: 2px; background: #013080; transform: translateY(-50%);}
#division .list .item .info .tit{ margin-top: 22px; width: 100%; line-height: 45px; font-size: 36px; color: #333; font-weight: bold;}
#division .list .item .info .brief{ margin-top: 22px; width: 100%; line-height: 28px; font-size: 16px; color: #828282;}

#division .list .item:nth-child(even){ flex-direction: row-reverse;}
#division .list .item:nth-child(even) .info{ padding: 0 6.4286% 0 8.3572%;}
#division .list .item:nth-child(even) .info .subtit,
#division .list .item:nth-child(even) .info .tit,
#division .list .item:nth-child(even) .info .brief{ text-align: right;}
#division .list .item:nth-child(even) .info .subtit:before{ left: inherit; right: -24.902%;}

/* 关于我们 */
#about{ margin-bottom: 0; width: 100%;}
#about .company{ margin-top: 110px; width: 100%;}
#about .company .cw1200{ display: flex; justify-content: space-between; align-items: center;}
#about .company .cw1200:before{ display: block; content: ''; position: absolute; top: -12px; left: -48px; width: 66.8334%; height: 388px; background: url(/images/about/a_bg0.png) no-repeat center;}
#about .company .com-l{ width: 45.8334%; z-index: 1;}
#about .company .com-l .cl-tit{ padding-left: 108px; width: 100%; line-height: 43px; font-size: 30px; color: #555; font-weight: bold;}
#about .company .com-l .cl-tit:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 80px; height: 2px; background: #e30213;}
#about .company .com-l .cl-brief{ margin-top: 46px; width: 100%; line-height: 30px; font-size: 16px; color: #828282;}
#about .company .com-l .cl-num{ display: flex; justify-content: start; align-items: start; margin-top: 98px;}
#about .company .com-l .cl-num .item{ margin-left: 75px;}
#about .company .com-l .cl-num .item:first-child{ margin-left: 0;}
#about .company .com-l .cl-num .item .top{ display: flex; align-items: flex-end; padding-bottom: 18px; width: 100%;}
#about .company .com-l .cl-num .item .top:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 17px; height: 2px; background: #f1200a;}
#about .company .com-l .cl-num .item .top .num{ height: 30px; line-height: 30px; font-size: 40px; color: #222;}
#about .company .com-l .cl-num .item .top .unit{ margin-left: 5px; height: 12px; line-height: 12px; font-size: 12px; color: #222;}
#about .company .com-l .cl-num .item .bot{ margin-top: 7px; width: 100%; line-height: 24px; font-size: 14px; color: #979797;}
#about .company .com-r{ width: 43.8334%; background: #013080; font-size: 0;}
#about .company .com-r:after{ padding-top: 103.0419%;}
#about .company .com-r img{ top: -15.1292%; left: -14.0686%; z-index: 5;}

#about .advantage{ margin-top: 104px; padding-top: 110px; width: 100%; background: url(/images/about/a_bg1.jpg) no-repeat top left #fafafa;}
#about .advantage .adv-con{ display: flex; justify-content: space-between; align-content: start; margin-top: 54px; padding-bottom: 100px; width: 100%;}
#about .advantage .adv-con .item{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 7.0834%; width: 40.5%; background: #fff;}
#about .advantage .adv-con .item .icon{ display: flex; justify-content: center; align-items: center; width: 100%; height: 33px;}
#about .advantage .adv-con .item .tit{ margin-top: 21px; width: 100%; line-height: 35px; font-size: 24px; color: #013080; font-weight: bold; text-align: center;}
#about .advantage .adv-con .item .desc{ margin-top: 12px; width: 100%; line-height: 30px;}
#about .advantage .adv-con .list{ display: flex; justify-content: space-between; align-content: start; flex-wrap: wrap; width: 57.25%;}
#about .advantage .adv-con .list .item{ margin-top: 19px; padding: 40px 6.0834%; width: 48.035%;}
#about .advantage .adv-con .list .item:nth-child(-n+2){ margin-top: 0;}

#about .culture{ padding: 95px 0;}
#about .culture .list{ display: flex; justify-content: space-between; align-items: start; margin-top: 44px; width: 100%;}
#about .culture .list .item{ margin-left: 2.6667%; width: 31.25%; font-size: 0;}
#about .culture .list .item:first-child{ margin-left: 0;}
#about .culture .list .item .bg{ width: 100%; height: 100%;}
#about .culture .list .item .bg:after{ padding-top: 141.3334%;}
#about .culture .list .item .info{ display: flex; justify-content: center; align-items: center; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#about .culture .list .item .info .icon{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 93px; height: 93px; background: #fff; background: #fff; border-radius: 50%;}
#about .culture .list .item .info .tit{ margin-top: 32px; width: 100%; line-height: 33px; font-size: 22px; color: #fff; text-align: center;}
#about .culture .list .item .info .subtit{ width: 100%; line-height: 25px; font-size: 16px; color: #fff; font-weight: bold; text-align: center;}
#about .culture .list .item .info .txt{ margin-top: 8px; width: 100%; line-height: 24px; font-size: 18px; color: #fff; text-align: center;}
#about .culture .list .item .info .desc{ margin-top: 10px; line-height: 23px; font-size: 14px; color: #fff; text-align: center;}
#about .culture .list .item:hover .info{ background: rgba(1, 38, 102, .8);}

#about .honor{ padding: 95px 0; background: #fafafa;}
#about .honor .list{ width: 100%;}
#about .honor .list .swiper-container{ padding: 163px 32px 0;}
#about .honor .list .item{ width: 17.0834%; cursor: pointer;}
#about .honor .list .item .img{ font-size: 0;}
#about .honor .list .item .img:after{ padding-top: 142.0169%;}
#about .honor .list .item .desc{ margin-top: 46px; width: 100%; line-height: 31px; font-size: 16px; color: #000; text-align: center;}
/* #about .honor .list .item:hover .img{ } */
#about .honor .list .item:hover .img img{ bottom: 16%; transform: scale(1.16);}
#about .honor .list .item:hover .desc{ color: #134290; font-weight: bold;}
#about .honor .list .btn{ top: 50%; width: 24px; height: 46px; transform: translateY(35%);}
#about .honor .list .btn.prev{ left: -8%;}
#about .honor .list .btn.next{ right: -8%; transform: translateY(35%) rotate(180deg);}

.honor-outer{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1;}
.honor-outer.cur{ display: block;}
.honor-outer .honor-in{ position: absolute; top: 50%; left: 50%; width: 500px; max-width: 80%; max-height: 80%; background: #fff; transform: translate(-50%, -50%);}
.honor-outer .honor-in .wrapper .item{ padding: 20px 10px;}
.honor-outer .honor-in .wrapper .item{}

@media screen and (max-width:1440px){
    /* 首页 */
    .cw1400,
    .cw1200{ width: 1200px; max-width: 1200px;}
    [body]{overflow: hidden; min-width: 1200px;}
    
    #index-swiper .txt-container .ban-con .txt1{ line-height: 40px; font-size: 36px;}
    #index-swiper .txt-container .ban-con .txt2{ line-height: 24px; font-size: 14px;}
    #index-swiper .txt-container .ban-con .btn{ margin-top: 36px; height: 44px; line-height: 40px;}
    #index-swiper .swiper-page{ left: 20px;}

    #index .precision{ width: 1200px;}
}

@media screen and (max-width:1240px){
    /* 首页 */
    .cw1400,
    .cw1200{ width: 1000px; max-width: 1000px;}
    [body]{ overflow: hidden; min-width: 1000px;}

    .in-page{ margin: 50px auto;}

    #index .precision{ width: 1000px;}
    #index .precision .pre-txt .pre-info .pi-num{ margin-top: 30px;}

    #index .products .pro-con .pro-cate .cate-item{ padding: 10px;}
    #index .products .pro-con .pro-cate .cate-item .tit{ width: 65%;}
    #index .products .pro-con .pro-cate .cate-item .tit .cn{ font-size: 16px;}
    #index .products .pro-con .pro-cate .cate-item .tit .en{ font-size: 12px;}
    #index .products .pro-con .pro-list .pro-item .info{ padding: 0 30px;}

    #index .precision .pre-txt .pre-info{ padding: 0 30px;}
    #index .precision .pre-txt .pre-info .pi-brief{ margin-top: 30px;}

    #cate-list{ height: 40px;}
    #cate-list .cate-item{ line-height: 40px;}

    /* 关于博洋 */
    #about .advantage .adv-con .item .tit{ font-size: 20px;}
    #about .advantage .adv-con .item .desc{ line-height: 25px;}
    
    /* 产品详情 */
    #pro-desc .desc-top .desc-img{ width: 45%;}
    #pro-desc .desc-top .desc-rig{ padding: 0 30px; width: calc(100% - 45%);}
    #pro-desc .desc-top .desc-rig .desc-rig-in{ width: 100%;}

    .join-outer .join-form{ width: 1000px;}
    .join-outer .join-form .join-top .row .input{ width: 70%;}
    .join-outer .join-form form[name=join-form] .row{ display: flex; justify-content: space-between; align-items: center; margin-top: 42px; width: 47%; line-height: 32px;}
    
}
@media screen and (max-width:1024px){
    /* 首页 */
    .cw1400,
    .cw1200{ width: 750px; max-width: 750px;}
    [body]{ overflow: hidden; min-width: 750px;}
    
    .pc{ display: none !important;}
    .mb{ display: block !important;}

    #header .header-in .nav .nav-item .nav-a{ padding: 0 15px;}

    .in-page{ margin: 50px auto;}
    .in-page .page-tit{ line-height: 60px; font-size: 48px;}
    #cate-list{ height: 40px;}
    #turn-page{ margin-top: 40px;}

    #index .precision{ flex-direction: column-reverse; padding: 50px 0; width: 750px;}
    #index .precision .pre-img{ width: 100%;}
    #index .precision .pre-img:before{ display: none;}
    #index .precision .pre-txt{ width: 100%;}
    #index .precision .pre-txt:before{ display: none;}
    #index .precision .pre-txt .pre-info{ padding: 20px 30px;}
    #index .precision .pre-txt .pre-info .pre-info-in{ width: 100%;}

    #index .products .pro-con{ flex-direction: column; margin-top: 30px; padding: 0 30px; width: 100%; box-sizing: border-box;}
    #index .products .pro-con .pro-cate{ display: flex; width: 100%;}
    #index .products .pro-con .pro-cate .cate-item{ flex-direction: column; margin: 0 0 0 10px; padding: 0;}
    #index .products .pro-con .pro-cate .cate-item:first-child{ margin-left: 0;}
    #index .products .pro-con .pro-cate .cate-item .tit{ width: 100%; text-align: center;}

    #index .products .pro-con .pro-list-outer{ margin-top: 30px; width: 100%;}
    #index .products .pro-con .pro-list .pro-item{ height: 460px;}
    #index .products .pro-con .pro-list .pro-item .item-btn{ font-size: 14px;}
    #index .products .pro-con .pro-list .pro-item:hover .item-btn{ height: 40px; line-height: 40px;}

    #index .news .list .item .item-info .item-title{ font-size: 16px;}

    #pro-cate .list.mb{ display: flex !important; margin-top: 25px;}
    #pro-cate .list .item{ margin-top: 2%; padding: 2% 2.5%;}
    #pro-cate .list .item .btn{ height: 40px; line-height: 40px;}

    #pro-cate .list .item{ margin-right: 2%; width: 49%;}
    #pro-cate .list .item:nth-child(-n+3){ margin-top: 2%;}
    #pro-cate .list .item:first-child{ margin-top: 0; width: 100%;}
    #pro-cate .list .item:nth-child(3n){ margin-right: 2%;}
    #pro-cate .list .item:nth-child(2n+1){ margin-right: 0;}
    #pro-cate .list .item .tit{ line-height: 60px; font-size: 34px;}
    #pro-cate .list .item .brief{ line-height: 35px; font-size: 26px;}

    #about .culture .list .item .info{ padding: 0 5%; box-sizing: border-box;}

    #about .advantage .adv-con .item{ padding: 0 2%;}
    #about .advantage .adv-con .list .item{ padding: 20px 2%;}
    #about .advantage .adv-con .item .tit{ font-size: 18px;}
    
    #about .company{ margin-top: 50px;}
    #about .company .cw1200:before{ display: none;}
    #about .company .com-l .cl-num .item{ margin-left: 28px;}
    #about .company .cw1200{ flex-direction: column-reverse;}
    #about .company .com-r{ width: 100%; background: none;}
    #about .company .com-r:after{ padding-top: 80%;}
    #about .company .com-r img{ top: 0; left: 0;}
    #about .company .com-l{ margin-top: 30px; width: 100%;}
    #about .company .com-l .cl-tit{ font-size: 34px;}
    #about .company .com-l .cl-brief{ line-height: 45px; font-size: 26px;}
    #about .company .com-l .cl-num{ justify-content: space-between; margin-top: 30px;}
    #about .company .com-l .cl-num .item{ margin: 0;}
    #about .company .com-l .cl-num .item .top{ padding-bottom: 25px;}
    #about .company .com-l .cl-num .item .top:before{ width: 50px;}
    #about .company .com-l .cl-num .item .top .num{ height: 48px; line-height: 48px; font-size: 48px;}
    #about .company .com-l .cl-num .item .top .unit{ height: 26px; line-height: 26px; font-size: 26px;}
    #about .company .com-l .cl-num .item .bot{ margin-top: 15px; line-height: 26px; font-size: 26px;}

    .join-outer .join-form{ padding: 30px; width: 750px;}
    .join-outer .join-form .join-top .row .input{ width: 70%;}
    .join-outer .join-form .join-top .left, 
    .join-outer .join-form .join-top .right{ width: 50%;}
    .join-outer .join-form .join-top .right{ margin-left: 30px;}
    .join-outer .join-form form[name=join-form] .row .file-upload{ margin-left: 32px;}
    .join-outer .join-form form[name=join-form] .check-row{ font-size: 16px;}

    /* 事业部 */
    #division .list .item .info{ padding: 0 0 0 5%;}
    #division .list .item .info .tit{ margin-top: 10px; line-height: 35px; font-size: 24px;}
    #division .list .item .info .brief{ margin-top: 10px; line-height: 20px; font-size: 12px;}
    #division .list .item:nth-child(even) .info{ padding: 0 5% 0 0;}

}
@media screen and (max-width:768px){
    /* 首页 */
    .pc-ban{ display: none;}
    .mb-ban{ display: block;}
    
    .cw1400,
    .cw1200{ margin: 0 auto; width: 92%;}
    [body]{overflow:hidden; min-width: 92%;}

    #mb-index-swiper .container .slide .ban-con .btn{ margin: 20px auto 0; width: 150px; height: 60px; line-height: 60px; border: 2px solid #fff; font-size: 26px;}

    #turn-page{ height: 60px;}
    #turn-page a, 
    #turn-page font{ width: 60px; height: 60px; font-size: 26px;}
    #turn-page font.current{ margin-top: -1px;}
    #turn-page a, 
    #turn-page font{ font-size: 26px;}
    #turn-page a img, 
    #turn-page font img{ width: auto; height: 30%;}
    #turn-page a:first-child:before, 
    #turn-page font:first-child:before, 
    #turn-page a:last-child:before, 
    #turn-page font:last-child:before{ background-size: auto 30%;}

    /* 内页banner */
    #in-ban .pc-in-ban-img{ display: none;}
    #in-ban .in-ban-txt{ display: none;}
    #in-ban .mb-in-ban-img{ display: block;}
    #in-ban .mb-in-ban-txt{ display: flex;}
    #in-ban .in-ban-txt .in-ban-tit{ font-size: 48px;}
    #in-ban .in-ban-txt .in-ban-tit2{ font-size: 34px;}

    .swiper-container-horizontal>.swiper-pagination-bullets, 
    .swiper-pagination-custom, .swiper-pagination-fraction{ height: auto; line-height: inherit;}

    #cate-list{ height: 60px; overflow-x: auto; white-space: nowrap;}
    #cate-list .before{ display: none;}
    #cate-list .cate-item{ display: inline-block; line-height: 60px; font-size: 26px;}
    #cate-list .cate-item.cur:before{ display: block; content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 4px; background: #e60012; opacity: 1;}
    .about-outer #cate-list{ display: none;}

    #index .precision .pre-txt .pre-info .pi-tit{ line-height: 1.8; font-size: 26px;}
    #index .precision .pre-txt .pre-info .pi-subtit{ width: 100%; line-height: 1.8; font-size: 34px;}
    #index .precision .pre-txt .pre-info .pi-brief{ line-height: 1.8; font-size: 26px;}
    #index .precision .pre-txt .pre-info .pi-num .item .top .num{ height: 48px; line-height: 1.8; font-size: 48px;}
    #index .precision .pre-txt .pre-info .pi-num .item .top .unit{ height: 26px; line-height: 1.8; font-size: 26px;}
    #index .precision .pre-txt .pre-info .pi-num .item .bot{ line-height: 1.8; font-size: 26px;}
    #index .precision .pre-txt .pre-info .pi-btn{ font-size: 26px;}

    #index .products{ padding: 60px 0;}
    #index .products .title{ font-size: 26px;}
    #index .products .brief{ font-size: 34px;}
    #index .products .pro-con .pro-cate{ display: block; overflow-x: auto; white-space: nowrap;}
    #index .products .pro-con .pro-cate .cate-item{ display: inline-block; padding: 20px 0; width: 250px;}
    #index .products .pro-con .pro-cate .cate-item .icon{ width: 100%; height: 100px;}
    #index .products .pro-con .pro-cate .cate-item .icon img{ width: auto; height: 60%; max-width: 100%; max-height: 100%;}
    #index .products .pro-con .pro-cate .cate-item .tit .cn{ line-height: 1.8; font-size: 26px;}
    #index .products .pro-con .pro-cate .cate-item .tit .en{ line-height: 1.8; font-size: 26px;}
    #index .products .pro-con .pro-list .pro-item .info .tit{ line-height: 1.8; font-size: 34px;}
    #index .products .pro-con .pro-list .pro-item .info .brief{ height: 92px; line-height: 1.8; font-size: 26px;}
    #index .products .pro-con .pro-list .pro-item .item-btn{ font-size: 26px;}
    #index .products .pro-con .pro-list .pro-item:hover .item-btn{ height: 60px; line-height: 1.8;}

    #index .news{ padding: 60px 0;}
    #index .news .title{ line-height: 1.8; font-size: 26px;}
    #index .news .list .item{ margin-left: 0; padding: 20px;}
    #index .news .list .item .item-info .item-date{ font-size: 26px;}
    #index .news .list .item .item-info .item-title{ font-size: 26px;}
    #index .news .list .item .item-info .item-brief{ font-size: 26px; line-height: 1.8;}
    #index .news .list .item .item-info .item-btn{ line-height: 1.8;}
    #index .news .list .item .item-info .item-btn .item-txt{ font-size: 26px;}
    #index .news .list .item .item-info .item-btn .item-icon{ font-size: 26px;}

    #index .newsletter{ height: 450px; background-size: auto 100% !important;}
    #index .newsletter .brief{ font-size: 26px;}
    #index .newsletter form{ flex-direction: column; margin: 50px auto 0; width: 60%;}
    #index .newsletter form .input:first-child{ margin-top: 0;}
    #index .newsletter form .input{ margin: 30px 0 0; padding: 0 5%; width: 100%; height: 65px;}
    #index .newsletter form .input input[type=text]{ font-size: 26px; color: #888;}
    #index .newsletter form .input input[type=text]::-webkit-input-placeholder{ font-size: 26px; color: #888;}
    #index .newsletter form .input input[type=text]::-moz-placeholder{ font-size: 26px; color: #888;}
    #index .newsletter form .input input[type=text]:-moz-placeholder{ font-size: 26px; color: #888;}
    #index .newsletter form .input input[type=text]:-ms-input-placeholder{ font-size: 26px; color: #888;}
    #index .newsletter form .input .submit-a{ width: 30px;}
    #index .newsletter form .input .submit-a img{ width: 100%;}

    /* 关于博洋 */
    #about .advantage{ padding-top: 0; background: #fafafa;}
    #about .advantage .adv-con{ flex-direction: column; width: 92%;}
    #about .advantage .adv-con .item{ padding: 20px 2%; width: 100%;}
    #about .advantage .adv-con .list{ margin-top: 30px; width: 100%;}
    #about .advantage .adv-con .item .icon{ height: 100px;}
    #about .advantage .adv-con .item .icon img{ height: 60%;}
    #about .advantage .adv-con .item .tit{ line-height: 1.8; font-size: 26px;}
    #about .advantage .adv-con .item .desc{ line-height: 1.8; font-size: 26px;}

    #about .culture .list{ flex-direction: column; margin-top: 30px;}
    #about .culture .list .item{ margin: 30px 0 0 0; width: 100%;}
    #about .culture .list .item .bg img{ width: 100%; height: 100%;}
    #about .culture .list .item .info .tit{ line-height: 1.8; font-size: 48px;}
    #about .culture .list .item .info .subtit{ line-height: 1.8; font-size: 48px;}
    #about .culture .list .item .info .txt{ font-size: 34px;}
    #about .culture .list .item .info .desc{ line-height: 1.8; font-size: 34px;}

    #about .honor{ padding: 50px 0;}
    #about .honor .list .swiper-container{ padding: 50px 0 0 0;}
    #about .honor .list .item .desc{ margin-top: 30px; line-height: 1.8; font-size: 26px;}

    /* 产品列表 */
    #pro-cate .list .item{ padding-bottom: 100px;}
    #pro-cate .list .item .btn{ height: 60px; line-height: 60px; font-size: 26px; opacity: 1;}
    #pro-cate .list .item:hover .brief{ opacity: 1;}

    /* 产品详情 */
    #pro-desc .desc-top{ flex-direction: column; height: auto;}
    #pro-desc .desc-top .desc-img{ width: 100%; border-right: 0;}
    #pro-desc .desc-top .desc-rig{ padding: 30px; width: 100%; box-sizing: border-box;}
    #pro-desc .desc-top .desc-rig .desc-rig-in .tit{ line-height: 1.8; font-size: 48px;}
    #pro-desc .desc-top .desc-rig .desc-rig-in .brief{ margin-top: 10px; padding-bottom: 20px; line-height: 1.8; font-size: 34px;}
    #pro-desc .desc-top .desc-rig .desc-rig-in .brief:before{ width: 100px;}
    #pro-desc .desc-top .desc-rig .desc-rig-in .brief2{ margin-top: 30px; line-height: 1.8; font-size: 26px;}
    
    #pro-desc .desc-bot .desc-tit span{ font-size: 26px;}
    #pro-desc .desc-bot .desc-par .par-row{ height: auto;}
    #pro-desc .desc-bot .desc-par .par-row .par-tit,
    #pro-desc .desc-bot .desc-par .par-row .par-txt{ width: 50%; line-height: 1.8; font-size: 26px;}

    /* 新闻列表 */
    #news-cate .list .item{ margin: 2% 2% 0 0; padding: 0; width: 49%; border-bottom: 0;}
    #news-cate .list .item:first-child{ width: 100%;}
    #news-cate .list .item:nth-child(-n+3){ margin-top: 2%;}
    #news-cate .list .item:first-child{ margin-top: 0; width: 100%;}
    #news-cate .list .item:nth-child(3n){ margin-right: 2%;}
    #news-cate .list .item:nth-child(2n+1){ margin-right: 0;}
    #news-cate .list .item .img img{ width: 100%; height: 100%;}

    #news-cate .list .item .tit,
    #news-cate .list .item .time{ line-height: 1.8; font-size: 26px;}

    #news-desc #detail-con .detail-con-bot{ flex-wrap: wrap;}
    #news-desc #detail-con .detail-con-item{ margin-left: 0; width: 50%; line-height: 1.8; font-size: 26px;}
    #share{ margin-left: 0;}
    #share .title{ font-size: 26px;}
    #share .list a img{ width: 26px;}
    #news-desc #detail-con .detail-desc{ font-size: 26px;}
    #news-desc #detail-con .detail-con-item .detail-label-a{ font-size: 26px;}
    #news-desc .page-btn .cw1200 .btn-a{ height: auto; line-height: 1.8; font-size: 26px;}
    
    #news-cate.solu-cate .list .item{ width: 100%;}
    #news-cate.solu-cate .item .img{ display: none;}
    #news-cate.solu-cate .item .txt{ padding: 26px 0; width: 100%;}
    #news-cate.solu-cate .list .item .tit{ line-height: 1.8; font-size: 42px;}
    #news-cate.solu-cate .item .brief{ line-height: 1.8; font-size: 26px;}
    #news-cate.solu-cate .item .btn{ width: 200px; height: 60px; line-height: 60px; font-size: 26px;}

    /* 加入我们 */
    #join .sel-cate{ width: 100%; height: 80px;}
    #join .sel-cate .submit-a{ width: 80px;}
    #join .sel-cate .submit-a svg{ width: 40px; height: 40px;}
    #join .sel-cate .cate{ font-size: 26px;}
    #join .sel-cate .cate option{ font-size: 16px;}
    #join .sel-cate input[type=text]{ padding: 0 20px; width: calc(100% - 224px); height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 26px; color: #929292;}
    
    #join .sel-cate input[type=text]::-webkit-input-placeholder{ font-size: 26px; color: #929292;}    /* 使用webkit内核的浏览器 */
    #join .sel-cate input[type=text]:-moz-placeholder{ font-size: 26px; color: #929292;}                  /* Firefox版本4-18 */
    #join .sel-cate input[type=text]::-moz-placeholder{ font-size: 26px; color: #929292;}                  /* Firefox版本19+ */
    #join .sel-cate input[type=text]:-ms-input-placeholder{ font-size: 26px; color: #929292;}           /* IE浏览器 */

    #join .list .name,
    #join .list .much,
    #join .list .date,
    #join .list .date .date_in{ line-height: 1.8; font-size: 26px;}
    #join .list .name{ width: 45%; white-space: nowrap;}
    #join .list .much{ width: 10%;}
    #join .list .btn{ width: 50px; height: 45px;}
    .join-outer .join-form{ padding: 30px; width: 92%;}
    .join-outer .join-form .position{ line-height: 1.8; font-size: 48px;}
    .join-outer .join-form .join-title{ font-size: 26px;}
    .join-outer .join-form .join-top .row .tit{ width: 105px; font-size: 26px;}
    .join-outer .join-form .join-top .row .input{ width: 60%; height: 60px; line-height: 60px;}
    .join-outer .join-form .join-top .row.radio-row .input{ font-size: 26px;}

    .join-outer .join-form form[name=join-form] .row .file-upload{ font-size: 26px;}
    .join-outer .join-form form[name=join-form] .row .file-input input[name=File]{ font-size: 26px;}
    
    .join-outer .join-form form[name=join-form] .row .file-input input[name=File]::-webkit-input-placeholder{ font-size: 26px; color: #929292;}    /* 使用webkit内核的浏览器 */
    .join-outer .join-form form[name=join-form] .row .file-input input[name=File]:-moz-placeholder{ font-size: 26px; color: #929292;}                  /* Firefox版本4-18 */
    .join-outer .join-form form[name=join-form] .row .file-input input[name=File]::-moz-placeholder{ font-size: 26px; color: #929292;}                  /* Firefox版本19+ */
    .join-outer .join-form form[name=join-form] .row .file-input input[name=File]:-ms-input-placeholder{ font-size: 26px; color: #929292;}           /* IE浏览器 */

    .join-outer .join-form form[name=join-form] .check-row{ line-height: 1.8; font-size: 26px;}
    .join-outer .join-form form[name=join-form] .check-row input[name=IsAgree]{ width: 30px; height: 30px;}
    .join-outer .join-form form[name=join-form] .submit-a{ font-size: 26px;}

    #contact .cw1200{ flex-direction: column;}
    #contact .left,
    #contact .right{ width: 100%;}
    #contact .right{ margin-top: 30px; height: 750px;}
    #contact .left .title{ line-height: 1.8; font-size: 34px;}
    #contact .left .info .row .top .tit{ font-size: 34px;}
    #contact .left .info .row .top .icon{ width: 60px; height: 60px;}
    #contact .left .info .row .top .icon img{ width: 20px;}
    #contact .left .info .row .bot{ padding-left: 68px; line-height: 1.8; font-size: 26px;}

    #contact .right #allmap{ height: 100%;}
    #contact .right #allmap .BMap_bubble_title{ line-height: 1.8 !important; font-size: 34px;}
    #contact .right #allmap .BMap_bubble_content{ font-size: 26px;}

    /* 事业部 */
    #division .list .item{ flex-direction: column !important;}
    #division .list .item .img{ width: 100%;}
    #division .list .item .info{ padding: 0 !important; width: 100%; background: none;}
    #division .list .item .info .subtit{ line-height: 1.8; font-size: 26px; text-align: left !important;}
    #division .list .item .info .subtit:before{ display: none;}
    #division .list .item .info .tit{ line-height: 1.8; font-size: 34px; text-align: left !important;}
    #division .list .item .info .brief{ line-height: 1.8; font-size: 26px; text-align: left !important;}
}

/* hover效果 */
@media screen and (min-width:750px){
    #index-swiper:hover .container .pro-img-btn.ban-btn{ opacity: 1;}
    #index-swiper:hover .container .pro-img-btn.ban-btn:hover .arrow-svg path{ fill: #09BDBF;}
}

/*网站地图*/
.w1200{width: 1200px;margin: auto;}
.dis{display: inline-block;vertical-align: top;}
#main.sitemap-box .cw1340{ margin-top: 120px;}
#main.sitemap-box .bread{margin-bottom: 60px;height: 70px;border-bottom: 1px solid #ededed;}
#main.sitemap-box .bread .dis{line-height: 70px;color: #666;font-size: 16px;}
#main.sitemap-box .bread a.dis:hover{color: #4f588f;}
#main.sitemap-box .bread span.dis{margin: 0 6px;}
#main.sitemap-box .sitemap{padding-bottom: 20px;border-bottom: 1px solid #ededed;margin-bottom: 30px;}
#main.sitemap-box .sitemap .tit{position: relative;padding-left: 16px;color: #333333;font-size: 18px;font-weight: bold;}
#main.sitemap-box .sitemap .tit:after{width: 5px;height: 22px;background: #4f588f;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";}
#main.sitemap-box .sitemap .list{margin-top: 20px;}
#main.sitemap-box .sitemap .list .dis{color: #666;font-size: 16px;margin-right: 15px;}
#main.sitemap-box .sitemap .list .dis:hover{color: #4f588f;}