@charset "UTF-8";
html{font-size:100%;}
*{box-sizing:border-box;}
/*公共*/
body{position:relative;background:#f3f3f3;}
.flex{display:flex;}
.flex-sub{flex:1;}
.flex-warp{display:flex;flex-wrap:wrap;}
.align-end{align-self:end;}
.align-center{align-items:center;}
.justify-between{justify-content:space-between;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.padding{padding:15px;}
.padding-top{padding-top:15px;}
.padding-bottom{padding-bottom:15px;}
.padding-top-xl{padding-top:30px;}
.padding-right{padding-right:15px;}
.padding-tb{padding:15px 0;}
.padding-left{padding-left:15px;}
.padding-left-sm{padding-left:10px;}
.padding-left-xl{padding-left:25px;}
.margin-top{margin-top:15px;}
.red{color:#CD281E;}
.gray{color:#aaa;}
.white{color:#ffffff;}
.orange{color:#ffa500;}
.bg-white{background:white;}
.transition-img{overflow:hidden;}
.transition-img img{display:block;width:inherit;height:100%;width:100%;object-fit:cover;transition:0.3s ease-in-out;}
.transition-img:hover img{transform:scale(1.1);}
.box-center{-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;-o-box-align:center;-moz-box-align:center;-ms-flex-align:center;-moz-box-pack:center;-ms-flex-pack:center;-o-box-pack:center;display:-o-box;display:-moz-box;display:-ms-box;}
.line-clamp2{    display: -webkit-box;    display: -moz-box;    display: -o-box;    display: -ms-flexbox;    display: box;    text-overflow: ellipsis;    -webkit-box-orient: vertical;    overflow: hidden;    -webkit-line-clamp: 2;}
/*头部*/
header{background:white;}
.hpt-container{width:1400px;margin:0 auto;}
.slogan{padding-left:30px;width:300px;}
.h-tel{color:#CD281E;}
.hpt-logo{text-align:left;margin:10px 0;height:60px;}
.hpt-logo img{height:100%;}
.wap_menu{text-align:right;margin-right:10px;cursor:pointer;display:none;}
.wap_menu img{width:100%;object-fit:cover;display:block;}
/*导航*/
.hpt-nav{font-size:16px;display:flex;justify-content:space-between;}
.hpt-nav li{line-height:60px;border-bottom:3px solid transparent;}
.hpt-nav li.product{position:relative;}
.hpt-nav li:hover{border-color:#CD281E;}
/*产品导航*/
.hpt-nav li.product .product-box{display:none;position:absolute;left:0;top:63px;z-index:999;padding:10px;background:white;width:900px;height:420px;}
.product-box:after{clear:both;content:'';display:table;}
.product-box dl{font-size:13px;padding:15px;color:#aaa;width:200px;border-right:1px solid #eee;}
.product-box dt{line-height:40px;}
.product-box dt a{padding-left:20px;background:url(/template/pc/images/t2.jpg) left no-repeat;}
.product-box dt:hover a{color:#CD281E;}
.product-box .pd-box{width:700px;padding:0 20px;box-sizing:border-box;}
.product-box .pd-list{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;overflow-x:hidden;text-align:center;}
.product-box .pd-list a{width:33.33%;padding:0 25px;display:block;}
.product-box .pd-list a img{width:100%;display:block;object-fit:cover;}
.product-box .pd-list a h6{line-height:25px;}
/*子导航*/
.hpt-nav li.art .art-box{display:none;align-items:center;position:absolute;left:0;top:63px;width:100%;padding:20px;box-sizing:border-box;height:240px;background:rgba(241,241,241,.92);z-index:999}
.art-box .article {width:1440px;margin:0 auto;display:flex;text-align:center;}
.art-box .article a {width:25%;margin:0;padding:0 15px;box-sizing:border-box;overflow:hidden;line-height:30px;}
.art-box .article h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.art-box .article a img{margin:0 auto;max-width:100%;max-height:170px;display:block;}
/*轮播图*/
.banner{height:700px;overflow:hidden;}
.banner img{width:100%;height:100%;object-fit:cover;}
.banner .swiper-slide a{animation:bannerScale 30s linear infinite;}
@keyframes bannerScale{0%{transform:scale(1.1)}50%{transform:scale(1)}100%{transform:scale(1.1)}}
.subbanner{position:relative;overflow:hidden;width:100%;}
.subbanner img{display:block;max-width:100%;}
.subbanner .fadeTxt{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;text-align:center;}
.subbanner .fadeTxt h5{font-size:3rem;color:#0050A5;padding-bottom:2rem;line-height:1;}
.subbanner .fadeTxt h6{font-size:2rem;color:#0050A5;line-height:1;}
/* 产品展示*/
.index-pd{padding:100px 0;background:#f3f7fe;}
.index-pd h1{margin:0 auto;padding:0 0 50px;text-align:center;line-height:1;}
.index-pd ul{margin:0;display:flex;flex-wrap:wrap;}
.index-pd ul li{width:33.33%;padding:15px;box-sizing:border-box;text-align:center;}
.index-pd .transition-img{background:white;height:350px;}
.index-pd li h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:60px;background:white;transition:0.3s;}
.index-pd li:hover h4{background:linear-gradient(to right,#5592EC,#2267D1);color:white;}
/*首页标语间隔*/
.slogan-bar{width:100%;margin:0;height:210px;background:url('/template/pc/images/slogan-bg.jpg') no-repeat center;font-size:16px;}
.slogan-bar img{max-height:50px;margin-right:20px;}
.slogan-bar h2{font-weight:bold;font-size:20px;margin-bottom:10px;}
.slogan-bar h1{display:block;font-weight:bold;padding-top:10px;}
/*成功案例*/
.index-case{padding:100px 0;background:white;}
.index-case h1{margin:0 auto;padding:0 0 50px;text-align:center;line-height:1;}
.index-case ul{margin:0;display:flex;flex-wrap:wrap;}
.index-case ul li{width:33.33%;padding:15px;box-sizing:border-box;text-align:center;}
.index-case ul li img{width:100%;height:100%;object-fit:cover;}
.index-case a{position:relative;display:block;}
.index-case .title{position:absolute;left:0;top:0;width:100%;height:100%;padding:40px;box-sizing:border-box;text-align:center;font-size:24px;background: linear-gradient(to right,#1087BF,#15929E);opacity:0;transition:0.5s;color:white;line-height:1.5;overflow:hidden;}
.index-case ul li:hover .title{opacity:1;margin:0 auto;}
/*首页标语2*/
.slogan-bar2{width:100%;margin:0;padding:30px 0 0;height:210px;background:url('/template/pc/images/slogan-bg2.jpg') no-repeat center;font-size:16px;text-align:center;color:white;box-sizing:border-box;}
.slogan-bar2 p{margin:30px 0;}
.slogan-bar2 .tel{font-size:20px;}
.slogan-bar2 .tel b{font-size:28px;}
/*新闻中心*/
.index-news{padding:100px 0;background:white;}
.index-news h1{margin:0 auto;padding:0 0 50px;text-align:center;line-height:1;}
.index-news ul{margin:0;display:flex;}
.index-news ul li{width:33.33%;padding:15px;box-sizing:border-box;}
.index-news .transition-img{border:1px solid #ccc;}
.index-news li h3{padding:10px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news li p{color:#aaa;display:-webkit-box;height:40px;}
.index-news .more{padding-top:20px;font-size:16px;color:#1087BF;}
/*招聘广告*/
.hr-bar{padding:20px 0;background:#1285CB;color:white;font-size:15px;}
.hr-bar .text-right{color:white !important;opacity:0.6;}
.hr-bar .text-right:hover{opacity:1;}
/*面包屑*/
.hpt-breadcrumb{padding:15px 0;background:white;}
.hpt-breadcrumb ul li{padding:5px 15px 5px 0;line-height:1;position:relative;}
.hpt-breadcrumb ul li+li{padding-left:15px;border-left:1px solid #ccc;}
.hpt-breadcrumb a:hover,.hpt-breadcrumb .cur {color:#CD281E;}
.hpt-breadcrumb dl{display:none;padding:10px;background:white;position:absolute;left:0;top:25px;z-index:9;}
.hpt-breadcrumb dl dt{margin:0;padding:0;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpt-breadcrumb li:hover dl{display:block;}
.hpt-breadcrumb .text-right a{padding:0 5px;}
/*页脚*/
footer{background:#1e1e1e !important;}
.hpt-footer{padding:50px 0;color:#666;}
.hpt-footer a{color:#666;}
.hpt-footer a:hover{color:white;}
.hpt-footer .f-case{margin: 0 0 0 50px;box-sizing:border-box;}
.hpt-footer ul{padding-top:15px;}
.hpt-footer ul li{line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpt-footer .more{color:#1087BF;}
.hpt-footer .more:hover{color:white;}
.hpt-footer .f-mp{margin:0 0 0 50px;padding-top:30px;}
.hpt-footer .f-mp ul{display:flex;align-items:center;font-size:12px;text-align:center;}
.hpt-footer .f-mp ul p{margin:0;padding:0;line-height:1;}
.hpt-footer .f-mp .icons-item{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.3);margin:0 auto;cursor:pointer;}
.hpt-footer .f-mp .icons-item img{width:60%;object-fit:cover;display:0;margin:0 auto;}
.hpt-footer .f-copy{ padding:30px 0 0 50px;}
footer .index-about p{text-align:justify;}
/*内容*/
.content-container{max-width:1440px;margin:0 auto;}
.content-container img{max-width:100%;display:block;}
.pre_next{padding:30px 0;color:#aaa;}
.pre_next div{padding:4px 0;}
.pre_next a{color:#999;}
.pre_next a:hover{color:#CD281E;}
/*图片模板列表*/
.image-list ul{margin:50px 0;display:flex;flex-wrap:wrap;}
.image-list li{width:31.33%;margin:1%;background:#f5f5f5;box-sizing:border-box;}
.image-list .con{padding:20px;}
.image-list h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.image-list p{padding:10px 0;color:#aaa;height:50px;}
.image-list .more{color:#1087BF;padding-top:15px;}

/*页码*/
.pagination ul li{padding:0;margin:0 5px;border-radius:5px;}
.pagination ul li a{padding:8px 15px;}
.pagination ul li:hover,.pagination ul li.thisclass{background:transparent;color:#1087BF !important;border-color:#1087BF;}
.pagination ul li:hover a{color:#1087BF;padding:8px 15px;}
.pagination ul li.thisclass{padding:8px 15px;}
/*文章列表*/
.article-list{margin:50px 0;}
.article-list ul li{display:flex;align-items:center;padding:40px 0;}
.article-list ul li .transition-img{width:25%;}
.article-list .article-date{font-size:18px;color:#888;}
.article-list h3{font-size:20px;padding:20px 0;}
.article-list .con{padding-left:30px;}
.article-list .more{padding-top:15px;color:#888;}
/*招聘*/
.hr-list{margin:50px 0;}
.hr-list ul{display:flex;flex-flow:wrap;}
.hr-list ul li{width:31.33%;margin:1%;}
.hr-list ul li a{display:block;padding:10px 40px 30px;box-sizing:border-box;box-shadow:0 0 8px #ccc;}
.hr-list ul li a:hover{box-shadow:0 0 8px #8ba3ae;}
.hr-list h3{font-size:20px;}
.hr-list p{color:#888;}
.hr-list .more{text-align:right;padding-top:10px;color:#1087BF;}
/*服务支持*/
.service-list ul{display:flex;flex-wrap:wrap;align-items:flex-start;}
.service-list li{width:50%;padding-right:10px;padding-bottom:20px;box-sizing:border-box;}
.service-list li:nth-child(2n){padding-right:0;padding-left:10px;}
.service-list li a{display:block;padding:20px 20px 20px 40px;border:1px solid #eee;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(/template/pc/images/t2.jpg) 15px center no-repeat;}
.service-list li a:hover{border-color:#aaa;}
/*荣誉*/
.honor-container{background:url(/template/pc/images/honorbg.jpg) center top no-repeat; background-size:cover;min-height:750px;padding:100px 0;}
.honor-container .intro{width:650px;padding-right:100px;}
.honor-container .intro h1 span+span{padding-left:30px;color:#ea0808;}
.honor-container .intro .con{padding-top:30px;}
.honor-container .intro .count{display:flex;text-align:center;margin-top:60px;}
.honor-container .intro .count div+div{padding-left:50px;}
.honor-container .intro .count h1{font-size:42px;font-weight:bold;color:#ea0808;padding-bottom:10px;line-height:1;}
.honor-container .cert{flex:1;overflow-x:auto;height:600px;}
.honor-container .cert ul{display:flex;flex-wrap:wrap;}
.honor-container .cert ul li{width:25%;padding:15px;box-sizing:border-box;text-align:center;}
.honor-container .cert ul li img{display:block;width:100%;object-fit:contain;cursor:pointer;}
.honor-container .cert ul li p{padding-top:10px;line-height:25px;}

/*弹窗大图*/
#imgmodal{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:99;display:none;}
#imgmodal img{width:80%;height:80%;object-fit:contain;display:block;margin:50px auto 0;}
/*内容详情*/
.viewarticle{padding:50px 0 10px;border-bottom:1px solid #eee;}
.viewarticle h1{line-height:1;padding-bottom:10px;}
.viewarticle p{color:#aaa;}

.sigle-company .content{padding-left:50px;font-size:18px;line-height:30px;}
/*小屏幕*/
@media (max-width:768px){
    /*百度商桥*/
    #aff-im-root{display:none;}
    body {
        padding: 0;
    }
    .hpt-container{width:100%;}
    .xs-hidden{display:none;}
    .wap_menu{display:block;width:30px;height:30px;background:url(/template/pc/images/nav.png) center no-repeat;}
    .wap_menu.on{background:url(/template/pc/images/close.png) center no-repeat;}
    .hpt-logo{height:50px;text-align:inherit;flex:1;}
    .banner{height:auto;}
    .banner .banner-prev,.banner .banner-next{display:none;}
    .hr-bar{display:none;}
    .subbanner .fadeTxt h5{font-size:16px;padding-bottom:10px;}
    .subbanner .fadeTxt h6{font-size:13px;}
    /*导航*/
    .hpt-nav{display:none;}
    .wapnav a{color:white;padding:10px 20px;line-height:45px;}
    .wapnav.on{display:block !important;background:#333;color:white;position:fixed;top:70px;left:0;right:0;z-index:999;}
    .wapnav li{display:block;position:relative;border-bottom:1px solid #444;}
    .wapnav li.sub:after{content:'';width:0;height:0;position:absolute;right:10px;top:20px;border:5px  solid transparent;border-top-color:#eaeaea;}
    .wapnav li.on.sub:after{top:15px;border-top-color:transparent;border-bottom-color:#ffa500;}
    .wapnav .subnav{display:none;}
    .wapnav li.on .subnav{display:block;}
    .wapnav dl dt{padding-left:20px;border-top:1px dotted #826d45;background:rgba(255,255,255,0.1)}
    .wapnav dl dt a{display:block;padding:0;}
    /*产品展示*/
    .index-pd{padding:20px 0;}
    .index-pd h1{padding:0 0 20px;font-size:24px;}
    .index-pd ul li{width:50%;padding:5px;}
    .index-pd li h4{font-size:13px;line-height:40px;}
    .index-pd .transition-img{height:inherit;width:100%;}
    /*标语*/
    .slogan-bar .hpt-container {flex-wrap:wrap;padding:20px;}
    .slogan-bar .hpt-container .flex{width:50%;display:block;text-align:center;padding:10px;box-sizing:border-box;}
    .slogan-bar .hpt-container .align-end{align-self:inherit;text-align:center;display:block;}
    .slogan-bar .hpt-container img{display:none;}
    .slogan-bar .hpt-container h2{font-size:18px;margin:0;}
    .slogan-bar .hpt-container .white{font-size:14px;margin:0;}
    .slogan-bar .contact{width:100% !important;}
    .slogan-bar .contact h1{font-size:20px !important;}
    /*案例*/
    .index-case{padding:20px 0;}
    .index-case h1{padding:0 0 20px;font-size:24px;}
    .index-case li{width:50% !important;padding:5px !important;overflow:hidden;}
    /*标语2*/
    .slogan-bar2{padding:20px 0 0;}
    .slogan-bar2 h1{font-size:18px;}
    .slogan-bar2 p{font-size:13px;margin:10px 10px 20px;}
    .slogan-bar2 .tel{font-size:18px;}
    .slogan-bar2 .tel b{font-size:18px;}
    /*新闻*/
    .index-news{padding:20px 0;}
    .index-news h1{padding:0 0 20px;font-size:24px;}
    .index-news li{width:50% !important;padding:8px !important;}
    .index-news li h3{font-size:14px;}
    .index-news li p{font-size:12px;height:40px;}
    .index-news .more{display:none;}
    /*版权*/
    .hpt-footer{display:block;padding:10px 0;}
    .f-mp{width:170px;padding:0 !important;margin:0 auto !important;}
    .f-mp ul{width:170px;margin:0 auto;}
    /*面包屑*/
    .hpt-breadcrumb {padding:0;}
    .hpt-breadcrumb .hpt-container{overflow-x:auto;}
    .hpt-breadcrumb ul{margin:10px 0;display:block;word-break:break-all;white-space:nowrap;padding:0 20px;}
    .hpt-breadcrumb ul li{display:inline-block;}
    /*图片列表*/
    .image-list li{width:47% !important;margin:1.5%;}
    .image-list ul{margin:20px 0;}
    /*招聘*/
    .hr-list{margin:10px;}
    .hr-list li{width:47% !important;margin:1.5% !important;}
    .hr-list .wapshow{display:block !important;}
    .hr-list h3{font-size:16px;padding:10px 0;}
    .hr-list a{padding:10px !important;}
        
    .pre_next{padding:20px;font-size:13px;}
    /*服务支持*/
    .service-list ul{padding:0 15px;display:block;flex-wrap:wrap;align-items:flex-start;}
    .service-list li{width:inherit;padding-right:0;padding-bottom:10px;box-sizing:border-box;}
    .service-list li:nth-child(2n){padding-right:0;padding-left:0;}
    .service-list li a{display:block;padding:8px 8px 8px 30px;border:1px solid #ddd;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    /*内容列表*/
    .article-list{margin:20px 10px;}
    .article-list li{border-bottom:1px solid #eee;padding:20px 0 !important;}
    .article-list li h3{padding:0 0 5px !important;font-size:16px;}
    .article-list li p{color:#aaa;height:40px;}
    .article-list li .more{padding:5px 0 0;}
    .article-list .transition-img{display:none;}
    .article-list .article-date{font-size:14px;}
    /*内容详情*/
    .viewarticle{padding:20px 10px;}
    .viewarticle h1{font-size:20px;}
    .news-detail{padding:10px;text-align:justify;font-size:14px;line-height:1.5;min-height:inherit !important;}
    /*公司简介*/
    .sigle-company{padding:20px 10px !important;}
    .sigle-company .flex{display:block;}
    .sigle-company img{max-width:100%;}
    .sigle-company .content{padding:10px;font-size:16px;line-height:1.5;text-align:justify;}
    /*荣誉*/
    .honor-container{padding:20px 0;}
    .honor-container .hpt-container{display:block !important;}
    .honor-container .intro{width:100%;padding:20px;}
    .honor-container .intro h1{font-size:26px;}
    .honor-container .intro .con{text-align:justify;padding-top:15px;}
    .honor-container .intro .count{margin-top:20px;}
    .honor-container .intro .count h1{font-size:30px;}
    .honor-container .cert ul li{width:50%;}
    /*团队*/
    .activity ul li,.company ul li{width:25% !important;}
    .activity ul li p,.company ul li p{font-size:12px;}
}