@charset "utf-8";

/*产品*/
.cpzt{padding:50px 0 52px; background-color:#f4f7fb;}
.cpzt_h{font-family: 'BEBAS';  word-break: keep-all; text-transform: uppercase; font-size:32px; font-weight: 700; color: #043285; text-align:center;}
.cpzt_t{font-size:30px; color:#000; text-align:center;}
.cate-tab{position: relative; margin-top:20px; text-align: center; font-size: 0;}
.cate-tab .case-btn{position: absolute; top: 11px; left: 14px; width: 38px; height: 38px; z-index: 2; background: #fff url(../images/icon/case-btn.png) no-repeat center; background-size: 18px; border-radius: 50%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.cate-tab .case-btn:hover{background: #ff7800 url(../images/icon/case-btn-on.png) no-repeat center; background-size: 18px;}
.cate-tab .case-next{left: auto; right: 14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.cate-tab-list{display: inline-block; vertical-align: middle; height: 48px; line-height: 48px; font-size: 0; background-color: #ffffff; border-radius: 24px; padding: 0 4px;}
.cate-tab .item{display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; font-size: 16px; padding: 0 45px; position: relative; cursor: pointer;}
.cate-tab .item ~ .item{margin-left: 20px;}
.cate-tab .item span,
.cate-tab .item a{color:#000; position: relative; font-size:16px;}
.cate-tab .item:before{content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 100%; background-color: #043285; border-radius: 20px; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.cate-tab .item.on:before,
.cate-tab .item:hover:before{opacity: 1; visibility: visible; left: 0; width: 100%;}
.cate-tab .item.on span,
.cate-tab .item:hover span,
.cate-tab .item.on a,
.cate-tab .item:hover a{color: #fff;  font-size:16px}


.cpxbboxb_pagination span{margin: 0 10px; width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0.4); opacity: 1;}
.cpxbboxb_pagination .swiper-pagination-bullet-active{width:6px; height:6px; border: 3px solid #333333; background-color: transparent;}

.cpxbboxb_container{background-color: #fff;}
.cpxbboxb_slide .cpxbboxb_slidea{ display: block; border-right: 1px solid #f2f5f8;}
.cpxbboxb_slideat{overflow: hidden;}
.cpxbboxb_slideat img{width: 80%; margin: 0 auto; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
.cpxbboxb_slidea:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.cpxbboxb_slideab{padding: 15px; text-align: center; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tjcp{width:1200px;margin:42px auto 0;}


.tjcp_tle{text-align: center;}
.tjcp_tleh{font-size: 48px;}
.tjcp_tlep{font-family: 'ProximaNova-Regular'; font-size: 24px; text-transform: capitalize; color: #ccc;}
.tjcp_ct{margin-top: 40px;}
.tjcpkz{margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.cpxbboxb_pagination{position: static; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); display: flex; align-items: center; margin:auto;}
.tjcpkz_per,
.tjcpkz_next{outline: none;}
.tjcpkz_per i,
.tjcpkz_next i{font-size: 26px; cursor: pointer; padding:0 70px; }
.swiper-button-disabled {  opacity: .3;}


.hopro_pic1{ position:relative; border-radius:5px; overflow:hidden;  display:none; }
.hopro_pic1 img{ display:block; width:100%;}
.hopro_pic1 h1{ line-height:64px; height:64px; padding-left:12px; padding-right:12px; text-align:center; font-size:20px; color:#fff; position:absolute; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hopro_pic1 h1 span{ font-size:16px; font-weight:lighter; border-left:3px solid #FFF; padding-left:7px; margin-left:7px; padding-top:4px; font-family:"han"; font-weight:lighter ;}

.hopro_pic2{ position:relative; border-radius:5px; overflow:hidden;/*box-shadow: 1px 1px 10px #A0D3FA;*/}
.hopro_pic2 img{ display:block; width:100%;}
.hopro_pic2 h1{ line-height:64px; height:64px; padding-left:5px; text-align:center; font-size:20px; color:#333; position:absolute; left:0px; right:0px; bottom:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hopro_pic2 h1 span{ font-size:16px; border-left:3px solid #000; padding-left:11px; margin-left:11px; padding-top:4px; font-weight:lighter ; font-family:"han";}

.swiper-slide:hover .hopro_pic1{display:block; }
.swiper-slide:hover .hopro_pic2{ display:none;}

.pro_lis{display:none;}


/* 应用案例 */
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none;}
img{max-width: 100%; display: block; height: auto; border: 0;}
.quse{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}


.yyal{margin-top:55px;}
.yyalbox{text-align: center;}
.yyalbox_albox{padding: 0 85px;}
.yyalbox_h{font-size:32px; color: #333333; font-weight:bold; font-family: 'BEBAS';}
.yyalbox_p{width:50%; margin: auto; margin-top:12px; font-size:16px; line-height: 25px; color:#000;}
.yyalbox_al{margin-top:40px;}
.yyalt_slide .yyalt_itema{position: relative; display: block; overflow: hidden;}
.yyalt_itema img{width: 100%;}
.yyalt_itemadw{position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .8); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
.yyalt_itemadwt{height: 50px; text-align: center; line-height: 50px; font-size: 15px; color: #ffffff; padding: 0 10px;}
.yyalt_itemadwb{position: absolute; width: 100%; top: 0; left: 0; height: 100%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); opacity: 0;}
.yyalt_itemadwbox{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(5,50,133,.95); background-repeat: no-repeat; background-position: center 101%;}
.yyalt_itemadwb i{font-size: 60px; line-height: 1.2; color: #fff;}
.yyalt_itemadwb span{font-size: 15px; line-height: 1.5; font-weight: 500; color: #fff; padding: 0 10px;}
.yyalt_itema:hover .yyalt_itemadwb{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1;}
.yyalt_itema:hover .yyalt_itemadw{bottom: -49px;}
.yyalt_slide.swiper-slide-thumb-active .yyalt_itemadwb{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1;}
.yyalt_slide.swiper-slide-thumb-active .yyalt_itemadw{bottom: -49px;}
.yyalbox_albox1{margin-top:30px; padding: 0 85px;}
.yyalbox_hzdw{position: relative; padding: 0 ;}
.yyalbox_hzdw .swiper-slide{cursor: auto;}
.yyal_theme{/* padding: 0 20px;*/ overflow: hidden;}
.yyalb_itema{margin: 0 30px;}
.yyalct_theme .yyalb_itema{display: block; overflow: hidden;}
.yyalct_theme .yyalb_itema:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: unset;}
.yyalct_theme .yyalb_itema img{width: 100%;transition: .3s;opacity: .5;}
.yyalct_theme .yyalb_itema:hover img{opacity: 1;}
.yyalb_slide .owl-controls .owl-page.active span{background-color: #0ea06f;}
.yyalbtn_per,
.yyalbtn_next{position: absolute; top: 40%; cursor: pointer; z-index: 9; outline: none;width: 50px;height: 50px;background: rgba(4, 50, 133, .9);display: flex;align-items: center;align-content: center;justify-content: center;border-radius: 50px;transition: all .3s;}
.yyalbtn_per.swiper-button-disabled{background: rgba(0,0,0,.3);}
.yyalbtn_next.swiper-button-disabled{background: rgba(0,0,0,.3);}
.yyalbtn_per{left: 0;transform: translateX(-50%);}
.yyalbtn_next{right: 0;transform: translateX(50%);}
.yyalbtn_per i{font-size: 26px; color: #fff; padding-left:7px;}
.yyalbtn_next i{font-size: 26px; color: #fff; padding-left:0px;}

.yyalbox_al .swiper-pagination-clickable .swiper-pagination-bullet{ display: none;}
/*.yyalbtn_per i{padding: 2px 2px 0 0;}
.yyalbtn_next i{padding: 2px 0 0 2px;}*/

.t180{transform: rotate(180deg);}

/* 优势 */
.youshi{position: relative; margin-top:60px; height:460px;}
.youshict .container{ width:1200px;}
.youshi_container{width: 100%; height: 100%;}
.youshi_slide{background-position: center; background-repeat: no-repeat; background-size: cover;}
.youshict{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.youshictbox{display: flex; justify-content: flex-end;}
.youshimin{width: 50%; margin-top: 90px;}
.youshimint{padding:39px 36px 23px 42px; background-position: top right; background-repeat: no-repeat; background-size: 100%; background-color: #fff;}
.youshimint_h{font-family: 'BEBAS'; word-break: keep-all; text-transform: uppercase; font-size:32px; font-weight: 700; color: rgb(4, 50, 133);}
.youshimint_p{ font-size:30px; color: #333333;}
.youshimint_tabt{margin-top:12px; display: flex; justify-content: flex-end;}
.youshimint_tabtlb{width:86%;  font-family: "han";}
.youshimint_slide{position: relative;}
.youshimint_slide::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 1px; height: 15px; background-color: #cccccc;}
.youshimint_slide:last-child::after{display: none;}
.youshimint_slidea{display: block; text-align: center; font-size: 18px; color: #000;}
.youshimint_tabb{position: relative; height:290px; background-color: #043285; padding:42px 42px 0;}
.youshiminb_slidea{display: block;}
.youshiminb_slideah{font-size:30px; font-weight: 700; color: #ffffff;}
.youshiminb_slideap{margin-top:8px; font-size:16px; color: rgba(255, 255, 255, .9); line-height:30px;}
.youshimint_slide.swiper-slide-thumb-active .youshimint_slidea{color: #043285;}
.youshimindw{position: absolute; bottom:40px; left: 0; width: 100%;}
.youshimindw_box{display: flex; justify-content: space-between; padding: 0 42px;}
.youshimindw_box_btn{padding-top: 55px; display: flex;}
.youshimindw_box_btn i{font-size: 24px; color: #fff;}
.youshimindw_box_btnper,
.youshimindw_box_btnnext{outline: none;}
.youshimindw_box_btnnext{margin-left: 70px;}
.youshimindw_box_btnnext.swiper-button-disabled i,
.youshimindw_box_btnper.swiper-button-disabled i{color: rgba(255, 255, 255, .6);}
.youshimindw_box_ys{display: inline-block; color: rgba(255, 255, 255, .7); text-align: right;}
.youshimindw_box_ys span{font-family: 'BEBAS'; font-size:45px; color: #ffff; /* font-weight: 600; */ margin-right:2px;}
.youshimindw_box_ys span:last-of-type{font-family: 'BEBAS'; font-size: 36px; margin-left:2px; color: rgba(255, 255, 255, .7); position: relative; bottom: -5px;}




/*新闻*/
.newsboxl_h{font-family: 'BEBAS'; width: 260px; word-break: keep-all; text-transform: uppercase; font-size:32px; font-weight: 700; color:#043285;}
.newsboxl_p{ font-size:30px; color: rgb(51, 51, 51);}
.news_bg{padding:202px 0 20px 0;overflow:hidden; background:#fff;}
.nwep{width:1200px; margin:auto; font-family:"han";}
.news{ /*width:100%; min-width:1600px;*/ margin:auto;}
.news_fl{width:16%; padding-top:20px;}
.news_fl .t2{text-align:left;background:url(../uploadfile/image/20210925/20210925142115_209737782.png)no-repeat left top;}
.news_fl_title span{font-size: 40px;color: #ccc;line-height:50px;text-transform: uppercase;}
.news_fl_title p{font-size: 40px;color: #222;}
.news_fl_a a{display: block;width: 146px; line-height:40px;margin-bottom:20px;border: 2px #e5e5e5 solid;border-radius:4px;font-size: 16px;color:#000;text-align: center;transition: all 0.3s ease-in-out;}
.news_fl_a a:first-child{margin-top:32px;}
.news_fl_a a.on{background:#043285;border: 2px #043285 solid;color: #fff;}

.news_fr{width:82% !important;}
.news_fr .news_div_item{position: relative;}


/*第一条新闻*/
.news_ul_fl{width:52%;}
.news_ul_fl .news_div_item{float: left;width: 100%;}
.news_ul_fl .news_div_item .news_div_item_pic{position: absolute;top: 0;width:100%;height:300px;overflow: hidden; border-radius: 4px;}
.news_ul_fl .news_div_item .news_div_item_image{width: 100%;border: 1px #eee solid;position: absolute;bottom:0px;  border-radius: 4px;}
.news_ul_fl .news_div_item .news_div_item_date{position: absolute;top:350px;left: 15px;}
.news_ul_fl .news_div_item .news_div_item_year,.news_ul_fl .news_div_item .news_div_item_month,.news_ul_fl .news_div_item .news_div_item_day{float:left;}
.news_ul_fl .news_div_item .news_div_item_content{height:245px;margin: 30px 35px 0 15px;position: absolute;top:286px;}
.news_ul_fl .news_div_item .news_div_item_a{font-size:22px;color:#333;position: relative;}
.news_ul_fl .news_div_item .news_div_item_a:after{display:block;content:"了解详细";width: 175px;height: 42px;line-height: 42px;background: #eee;font-size: 15px;color: #666;text-align: center;position: absolute;top:160px;transition: all 0.3s ease-in-out; border-radius: 4px;}
.news_div_item_content:hover .news_div_item_a:after{background: #043285;color:#fff;}
.news_ul_fl .news_div_item .news_div_item_body{margin-top:30px;font-size: 15px;color: #666;line-height: 30px;}




/*第二到第四条新闻*/
.news .swiper-container{/*width: 1250px !important;*/margin-right: -16px;}
.news .swiper-slide{padding:30px 0;box-sizing: border-box;}
.news_ul_fr{width:49%;padding:0 16px 0 40px;box-sizing: border-box;}
.news_ul_fr .news_div_item:first-child,.news_ul_fr .news_div_item .news_div_item_image{display:none;}
.news_ul_fr .news_div_item_body{position: absolute;top:84px;line-height: 30px;font-size: 15px; opacity: 0;width:90%;}
.news_ul_fr .news_div_item{height:100px;margin-bottom: 25px;padding:0 24px;box-shadow: 0 0 30px rgba(0,0,0,.08);overflow: hidden;transition: all 0.3s ease-in-out; box-sizing: border-box;}
.news_ul_fr .news_div_item_date{position: absolute;top:56px;left: 33px;}
.news_ul_fr .news_div_item_year,.news_ul_fr .news_div_item_month,.news_ul_fr .news_div_item_day{float:left;}
.news_ul_fr .news_div_item_a{font-size: 18px;color:#000;position: absolute;top:20px;display: block;height: 230px;width: 100%;position: relative;z-index: 9;}
.news_ul_fr .news_div_item.on{height:160px;}
.news_ul_fr .news_div_item.on .news_div_item_body{opacity: 1; overflow: hidden; transition: 0.25s all ease-in-out; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_ul_fr .news_div_item_body:after{content:"了解详细";width:175px;height:40px;display:block;background:#f5f5f5; border-radius: 4px; line-height:40px;text-align:center;font-size:15px;color:#666;margin-top:30px;transition: all 0.3s ease-in-out; }
.news_div_item_content:hover .news_div_item_body:after{background: #043285;color:#fff; border-radius: 4px;}



/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#043285;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#043285;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{overflow:hidden;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#000;text-align:center;}
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/

@media(max-width:1400px) {
.cpzt_h{ font-size:58px;}
.cpzt_t{ margin-top:14px; font-size:34px;}
.hopro_pic2 h1{ font-size:22px;}
.youshimint_h{font-size:58px;}
.newsboxl_h{font-size:58px;}

}