.top{width:100%;height:199px;background:url("../img/header.jpg") center top no-repeat;}
.slayout{max-width: 1200px;margin: 0px auto;}

@media screen and (max-width:1020px) {
    .slayout{width:100%;overflow: hidden;}
}

.top .t_area{width:100%;}
.top .t_area .logo{float: left;}
.top .t_area .logo p{display: none;}
.top .t_area .logo span.slogan{margin-left:0.3rem;padding-top:0.1rem;}
.top .t_area .tel{float:right;}
.top .t_area,.top .t_area .logo,.top .t_area .tel{height:133px;display: flex;align-items: center;justify-content: space-between;}

/* menu */
.top .menu,.top .menu ul{width:100%;height:66px;display: flex;align-items: center;justify-content: space-between;}
.top .menu ul li{position:relative;width:158px;height:66px;line-height:66px;}
.top .menu ul li::after{content:"";width:2px;height:14px;background: url("../img/line.png") no-repeat;position: absolute;right:-8px;top:50%;margin-top:-7px;}
.top .menu ul li.active,.top .menu ul li:hover{background: url("../img/menu_active.png") 0px top no-repeat;}
.top .menu ul li a{font-size:0.14rem;color: #fff;display: block;width:100%;height:100%;text-align: center;}
.top .menu ul li:last-child::after{background: none;}

#indexbanner{display: block;position: relative;width:100%;height:auto;overflow: hidden;}
#indexmobbanner{display: none;}
.banner a,.banner a img{display:block;width:100%;height: 100%;}
.banner .swiper-slide{overflow: hidden;}
#indexbanner .arrow-left { background: url(../img/banner_arrow.png) no-repeat left top;position: absolute; left: 20px;top: 50%;margin-top: -35px;width: 70px;height: 70px; z-index:999;}
#indexbanner .arrow-right {background: url(../img/banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px; top:50%;margin-top: -35px;width: 70px; height: 70px; z-index:999;outline: none; }
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.banner .swiper-pagination-bullet { display: inline-block;width: 8px;height: 8px;opacity:1;border-radius: 8px;background: white;margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out; }
.banner .swiper-pagination-bullet-active{ background:#de513d; width:12px;}

/* about index */
.indexabout{width:100%;height: auto;background: url("../img/bj1.jpg") 0px top no-repeat;background-size:cover;padding:0.36rem 0;}
.indexabout .title{color: #0f4ca0;font-size:0.42rem;display: flex;align-items: center;}
.indexabout .title strong{margin-left:0.1rem;color: #dadada;}
.indexabout .title2{color: #333;}
.indexabout .title strong,.indexabout .title2{font-size:0.28rem;}
.indexabout .bd{width:100%;padding: 0.2rem 0;}
.indexabout .bd .intro{float:left;width:817px;}
.indexabout .bd .intro a.photo{margin-bottom: 0.1rem;}
.indexabout .bd .intro a.photo,.indexabout .bd .intro a.photo img{display: block;width:100%;}
.indexabout .bd .intro p{font-size:0.14rem;line-height:0.26rem;text-indent:2em;margin-top: 0.05rem;}

.indexabout .bd .cert{float:right;width:320px;background: #f1f1f1;height:3.65rem;}
#certslider,#certslider .swiper-slide .photo{width:100%;height: 100%;}
#certslider .swiper-slide{position:relative;width:100%;}
#certslider .swiper-slide .photo{display: flex;align-items: center;justify-content: center;padding:0 0.2rem;}
#certslider .swiper-slide .photo img{width:100%;}
#certslider .swiper-slide .cname{position: absolute;left:0;bottom:0;width:100%;height:0.4rem;line-height:0.4rem;background: #0f4ea4;text-align: center;font-size:0.14rem;color: #fff;}
#certslider .swiper-button-prev{left:0px;}
#certslider .swiper-button-next{right:0px;}
#certslider .swiper-button-prev,#certslider .swiper-button-next{background: rgba(0,0,0,0.5);color: #fff;}
#certslider .swiper-button-next:after,#certslider  .swiper-button-prev:after{font-size:0.2rem;}

@media screen and (max-width:1020px) {
    .top,.top .t_area, .top .t_area .logo, .top .t_area .tel{background: none;height:auto;}
    .top .t_area{padding:0.2rem 0;background: url("../img/bj1.jpg") center center no-repeat;background-size:cover;}
    .top .t_area .logo{flex-wrap:wrap;width:100%;justify-content: center;}
    .top .t_area .logo p{display:block;font-size:0.35rem;margin-top:0.1rem;font-weight:bold;}
    .top .t_area .tel,.top .t_area .logo span.slogan,.top .menu ul li.message,#indexbanner{display: none;}
    .top .t_area .logo a{display: block;width:100%;text-align: center;}
    .top .t_area .logo a img{width:4rem;}
    .top .menu,.top .menu ul{flex-wrap: wrap;height:auto;}
    .top .menu{background: #0f4ca0;}
    .top .menu ul li{width:33.33%;height:1rem;line-height:1rem; border-bottom: 1px solid #0d4695;border-right: 1px solid #0d4695;}
    .top .menu ul li.active,.top .menu ul li:hover{background:#09397c;}
    .top .menu ul li::after{right:0;}
    .top .menu ul li::after{background: none;}
    .top .menu ul li a{font-size:0.28rem;}

    #indexmobbanner{display:block;}

    /* about */
    .indexabout{padding:0.3rem 0rem;}
    .indexabout .title{font-size:0.4rem;flex-wrap: wrap;}
    .indexabout .title strong,.indexabout .title b{display:block;width:100%;}
    .indexabout .title strong{margin-left:0;}
    .indexabout .title,.indexabout .title2{justify-content: center;text-align: center;}
    .indexabout .title strong,.indexabout .title2{font-size:0.3rem;}
    .indexabout .bd{width:100%;}
    .indexabout .bd .intro{float:none;width:100%;padding: 0.1rem 0.2rem;}
    .indexabout .bd .intro a.photo{margin-bottom: 0.2rem;}
    .indexabout .bd .intro p{font-size:0.3rem;line-height:1.8;margin-top: 0.1rem;text-indent: 0.6rem;}

    /* cert */
    .indexabout .bd .cert{float:none;width:100%;height:auto;padding:0rem 0rem 0rem;margin-top:0.5rem;}
    #certslider .swiper-slide{padding-bottom: 1rem;padding:0.6rem 0rem 1rem;}
    #certslider .swiper-slide .photo{overflow: hidden;width:auto;}
    #certslider .swiper-slide .cname{height:0.66rem;line-height: 0.66rem;font-size:0.28rem;}
    
}

.case{width:100%;height:auto;padding:0.5rem 0;background: url("../img/sbg.jpg") center top no-repeat;background-size:cover;}
.case .title{width:100%;text-align: center;}

.case .title .line{width:0.8rem;height:0.04rem;background: #1f62bf;margin:0.1rem auto;}
.case .title span{font-size:0.2rem;}
.case .title b{font-size:0.36rem;}
.case .list{max-width: 1200px;margin:0.5rem auto;}
.case .list ul{display: flex;justify-content: space-between;}
.case .list ul li{}
.case .list ul li a{position: relative;display: block;width:100%;height:100%;overflow: hidden;border-radius: 5px;}
.case .list ul li a img{height:100%;width: 100%;}
.case .list ul li h2{position:absolute; left: 0;bottom: 0;width:100%;height: 0.5rem;line-height: 0.5rem;background: rgba(15,76,160,0.7);text-align: center;color: #fff;font-size:0.16rem;}
.case .list ul li:hover h2{background: rgba(15,76,160,1);}
.case .more{display:flex;width:1.4rem;height:0.4rem;margin: 0 auto;background: rgba(0,0,0,0.5);font-size:0.14rem;justify-content: center;align-items: center;border-radius: 10px;}
.case .more a,.case .title b,.case .title span,.case .title div.line{display: block;color: #fff;}
.case .more:hover{background: #0f4ca0;}

@media screen and (max-width:1020px) {
    .case .list ul{flex-wrap: wrap;padding:0 0.2rem;}
    .case .list ul li{width:50%;padding:0 0.2rem;margin-bottom: 0.2rem; }
    .case .list ul li a{position: relative;}
    .case .list ul li a,.case .list ul li a img{overflow: hidden;}
    .case .list ul li h2{height: 0.66rem;line-height: 0.66rem;font-size:0.28rem;}
    .case .more{width:2.2rem;height:0.66rem;}
}

.news-index{padding-top:0.5rem;padding-bottom:0.4rem;width: 100%;background: url("../img/bg-news.png") center center no-repeat;background-size:cover;}
.news-index .c5a .title b {font-size:0.4rem;color: #333333;display: block;}
.news-index .c5a .title span {display: block;font-size: 0.18rem;color: #748097;text-transform: uppercase;}

.tabli2 {padding-top:0.7rem;}
.tabli2 a {display:block;color: #333333;height:0.4rem;line-height:0.4rem;text-align: center;font-size:0.14rem;width:1.8rem;margin-bottom:0.1rem;border-radius:0.2rem;background-color: #d9d9d9;}
.tabli2 a.active {background: #1053ae;color: #ffffff;}

@media screen and (max-width:1020px) {
    .news-index .c5a .title{text-align: center;}
    .tabli2{padding-top: 0.3rem;display: flex;justify-content: center;}
    .tabli2 a{margin: 0 0.1rem;width:2.2rem;height:0.66rem;line-height:0.66rem;border-radius:0.33rem;font-size:0.28rem;}
}

.tab2 {margin-top: 0px;display: none;}
.c5b {width: 897px;}
.news-list1 li{float:left;width:299px;border-left:1px solid #e6eaee;padding:0 22px;height:420px}
.news-list1 li a{display:block}
.news-list1 li a .ntime{padding-top:28px}
.news-list1 li a .ntime dd{font-size:34px;color:#c6c6c6}
.news-list1 li a .ntime dt{font-size:16px;color:#6e6e6e;font-weight:400}
.news-list1 li a h2{font-size:16px;color:#333;line-height:25px;height:55px;padding:5px 0;display:flex;align-items:center;}
.news-list1 li a:hover h2{color: #1053ae}
.news-list1 li a img{width:256px;height:130px;margin-top:5px}
.news-list1 li a .nei2{font-size:14px;color:#848484;line-height:24px;margin-top:10px}
.news-list1 li a .more{background:url(../img/more1.png) no-repeat top center;height:21px;width:41px;margin-top:15px}

@media screen and (max-width:1020px) {
    .c5b{width:100%;margin-top: 0.1rem;}
    .news-list1 li{position:relative;float: none;width:100%;height:auto;padding:0.1rem 0.3rem;border-left:none;border-bottom:1px solid #ddd;}
    .news-list1 li a .ntime{position: absolute;right:0.3rem;bottom:0.05rem;z-index: 99; padding-top: 0.2rem;background: rgba(15,76,160,0.8);display: inline-block;padding: 0.1rem;text-align: center;border-radius:0.1rem;}
    .news-list1 li a .ntime dd{font-size:0.28rem;color: #eee;}
    .news-list1 li a .ntime dt{font-size:0.18rem;color: #ccc;}
    .news-list1 li a img{width:100%;height:auto !important;}
    .news-list1 li a h2{font-size:0.3rem;font-weight: bold;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
    .news-list1 li a .nei2{font-size:0.26rem;line-height:1.6;font-weight: 300;}
}

.advantage{width:100%;height:1067px;background: url("../img/youshi.jpg") center bottom no-repeat;overflow: hidden;}
.advantage .title{text-align: center;margin-top: 0.35rem;}
.advantage .item{width:380px;height:110px;background: url("../img/num.png") left top no-repeat;position:absolute;padding-left: 73px;left:50%;}
.advantage .item.ps1{margin-left:-620px;top:270px;}
.advantage .item.ps2{margin-left:240px;top:300px;}
.advantage .item.ps3{margin-left:-620px;top:670px;}
.advantage .item.ps4{margin-left:240px;top:740px;}
.advantage .item.ps5{margin-left:-100px;bottom:35px;}
.advantage .m_pic{display: none;}

.advantage .item .num{position: absolute;left: 0px;top:0px; width:57px;height:58px;padding-top: 16px;padding-left: 21px;font-size:24px;color: #fff;}
.advantage .item h3{font-size:0.20rem;border-bottom:1px solid #2a42a1;color: #333;padding-bottom: 5px;}
.advantage .item p{margin-top:5px;font-size:0.14rem;}

@media screen and (max-width:1020px) {
    .advantage{height:auto;background: none;padding:0.4rem 0.3rem;}
    .advantage .title{margin-bottom: 0.4rem;}
    .advantage .title img{width:4rem;}
    .advantage .item{position:relative;left:0px;width:100%;height:1.8rem;}
    .advantage .item.ps1,.advantage .item.ps2,.advantage .item.ps3,.advantage .item.ps4,.advantage .item.ps5{margin-left:0px;top:auto;}
    .advantage .item.ps5{bottom: auto;}
    .advantage .item h3{font-size:0.30rem;font-weight: bold;}
    .advantage .item p{margin-top:5px;font-size:0.24rem;}
    .advantage .m_pic{display:block;}
    .advantage .m_pic img{width: 100%;height: auto;}


}

/* 内页 */
.inbanner{width:100%;height:2.5rem;position: relative;}
/* .banner span{display: block;font-size:0.36rem;color: #fff;position: absolute;left:50%;top:50%;margin-left: -0.72rem;margin-top:-0.36rem;} */

.page_left{width:305px;margin-top: 20px;}
.page_right{width:calc(100% - 345px);margin-top: 20px;}

@media screen and (max-width:1020px) {
    .page_left{width:100%;padding: 0 0.2rem;}
    .page_right{width:100%;padding:0.2rem;}
}

.side-left-nav{margin:0 -1px}
.side-left-nav>li{position:relative;border-bottom:1px solid #eee}
.side-left-nav>li:last-child{border-bottom:none}
.side-left-nav>li>a{display:block;padding:15px 18px;color:#2e2e2e;font-size:16px;line-height:22px}
.side-left-nav>li .first-nav-btn{position:absolute;top:10px;right:20px;z-index:99;width:30px;height:30px;background:url(../img/icon_spirit.png) 0 -240px no-repeat;text-align:center;cursor:pointer}
/* .side-left-nav>li.cur .first-nav-btn{background-position:-30px -240px} */
.side-left-nav>li.cur>a,.side-left-nav>li:hover>a{color:#0f3d8b;font-weight: bold;}
.side-left-nav>li.cur .first-nav-btn,.side-left-nav>li:hover .first-nav-btn{color:#fff;}
.side-left-nav .side-left-subnav{display:none;padding:0 10px}
.side-left-nav .side-left-subnav>li{border-top:1px dashed #eee}
.side-left-nav .side-left-subnav>li>a{display:block;padding:8px;color:#818181;font-size:16px;line-height:20px}
.side-left-nav .side-left-subnav>li>a:hover{color:#074bac}
.side-left-nav .side-left-subnav>li.clicked>a{color:#074bac}
.side-left-nav .side-left-threenav>li>a{display:block;padding:5px 10px;color:#999;font-size:14px;line-height:24px}
.side-left-nav .side-left-threenav>li>a:before{content:'\2014   '}
.side-left-nav .side-left-threenav>li>a:hover{color:#074bac}
.side-left-nav .side-left-threenav>li.clicked>a{color:#074bac}

.side-left-box{margin-bottom:20px}
.side-left-title{background:#074bac;padding:10px 20px;position:relative}
.side-left-title h3{font-size:20px;color:#fff;line-height:30px;font-weight:700;position:relative;z-index:9}
.side-left-title i{position:absolute;left:-5px;top:-9px;font-style:normal;font-size:67px;font-weight:700;opacity:.1;color:#fff;line-height:1;z-index:1;text-transform:uppercase}
.side-left-title span{font-weight:400;font-size:16px;color:#fff;opacity:.6;margin-left:10px;text-transform:capitalize}
.side-left-title span:before{content:"/";padding-right:5px}
.side-left-con{border:1px solid #d2d2d2;border-top:none}
.latest-news{padding:10px 0}
.latest-news li{padding:.5em 1em;font-size:14px;}
.latest-news li a{display:block;line-height:1.2;color:#5a5a5a;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.latest-news li a:before{content:'+';font-weight:700;margin-right:5px;font-size:16px}
.latest-news li a:hover{color:#074bac}
.latest-news li a:hover:before{color:#074bac}
.hot-keys{padding:20px 7px 8px 7px}
.hot-keys li{width:calc(50% - 14px);float:left;margin:0 7px 14px 7px}
.hot-keys li a{display:block;text-align:center;font-size:14px;color:#5a5a5a;line-height:2.857;border:1px dashed #f1f1f1}
.hot-keys li a:hover{color:#074bac;border-color:#074bac}
.page-wrap-contact{padding:10px 0;font-size:14px}
.page-wrap-contact h4{padding:.3em 1.4em .8em 1.4em;font-size:16px;color:#000;text-align:center;}
.page-wrap-contact p{border-top:1px solid #eee;position:relative;margin-bottom:0;padding:.8em 1.4em;color:#2f2f2f}
.page-message-img img{border:1px solid #d2d2d2}

.side-left-box .tel{width:230px;margin:10px auto;}
.side-left-box .tel img{display:block;margin:0 auto;margin-bottom:15px}
.side-left-box .tel span{display:block;text-align:center;font-size:14px;color:#aeaeae}
.side-left-box .tel b{display:block;text-align:center;margin-top:5px;font-size:26px;color:#005197}
.side-left-box .tel a{color:#005197}
.side-left-box .tel a:hover{color: #de513d;}

.newsnav{width:100%;border-bottom:1px solid #e5e5e5;margin-bottom:15px}
.newsnav .more{float:right;font-size:0.12rem;color:#999}
.newsnav .more a{color:#999}
.newsnav a.more:hover{color:#005197}
.newsnav .more a:hover{color:#005197}
.newsnav p{font-size:22px;color:#000;padding-left:13px;border-bottom:2px solid #005197;display:inline-block;position:relative}
.newsnav p:after{content:"";width:5px;height:18px;background:#005197;position:absolute;left:0;top:20px}
.newsnav span{display:inline-block;font-size:13px;color:#c2c2c2;margin-left:5px}
.newsnav,.newsnav p{height:52px;line-height:52px;}

/* proin 产品 */
.proin{width:100%;height:auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.proin li{width:33.33%;height: auto;padding: 0.1rem;}
.proin li a img{display:block;width:100%;}
.proin li h2{background:#f7f7f7;line-height: 0.36rem;font-size:0.13rem;text-align: center;width:100%;text-overflow: ellipsisl;white-space: nowrap;overflow: hidden;}
.proin li:hover h2{background:#005197;}
.proin li:hover h2 a{color: #fff;}

@media screen and (max-width:1020px) {
    .proin{margin-top: 0.2rem;}
    .proin li{width:100%;padding:0rem;margin-bottom: 0.2rem;}
    .proin li h2{font-size:0.32rem;line-height:0.66rem;}
}

/*  news-list */
.news-list h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news-list li{border:1px solid #e1e1e1;padding:30px;background:#fff;margin-bottom:35px;-webkit-transition:all .5s;transition:all .5s}
.news-list li .tit{border-bottom:1px solid #cbcbcb;margin-bottom:15px;position:relative}
.news-list li .tit h3{padding-bottom:15px;font-size:18px;color:#565656;font-weight:400;padding-right:25%;margin:0}
.news-list li .tit .date{position:absolute;right:0;top:0;font-size:14px;color:#666}
.news-list li .info{font-size:14px;line-height:2;color:#999}
.news-list li .more{margin-top:15px}
.news-list li .more span{display:inline-block;width:130px;line-height:33px;text-align:center;color:#000;font-size:14px;color:#666;border:1px solid #e1e1e1;-webkit-transition:all .5s ease;transition:all .5s ease}
.news-list li:hover{-webkit-box-shadow:0 2px 13px 1px rgba(8,1,3,.18);box-shadow:0 2px 13px 1px rgba(8,1,3,.18)}
.news-list li:hover .tit h3{color:#074bac}
.news-list li:hover .more span{color:#fff;background-color:#074bac}
.search-pagination{width:100%;text-align: center;}
.search-pagination ul li{display: inline-block;border: 1px solid #ddd;padding:0.05rem 0.1rem;margin-left: 3px;margin-right: 3px;font-size:0.12rem;}
.search-pagination ul li.active,.search-pagination ul li:hover{background: #074bac;}
.search-pagination ul li.active a,.search-pagination ul li:hover a{color: #fff;}
@media (max-width:1020px){
    .news-list{margin-top: 0.1rem;}
    .news-list li{padding: 0.3rem;margin-bottom:0.2rem;}
    .news-list li .tit .date{top:50%;margin-top:-14px;}
}


.page_content{padding:0.1rem;}
.page_content p{text-indent: 2em;font-size:0.14rem;line-height: 2;font-weight: normal;}

.form-group{width:100%;height:auto;margin-bottom: 0.1rem;}
.form-group input,.form-group textarea{padding: 0.1rem;width:100%;border-radius: 0.1rem;border: 1px solid #ccc;outline: none;}
.form-group textarea{height:1rem;}
.form-group button{padding:0.1rem 0.3rem;background:#005197;color: #fff;border:none;outline: none;border-radius: 0.1rem;font-size:0.16rem;cursor: pointer;}
.form-group button:hover{background: #de513d;}

@media screen and (max-width:1020px) {
    .page_right{margin-top: 0;padding: 0 0.2rem;}
    .page_content p{font-size:0.32rem;font-weight:300;}
    .newsnav{border-bottom: none;margin-bottom: 0px;}
    .newsnav .more{float: none;}
    .newsnav p{border-top:none;border-bottom:none;background: #eee;width:100%;padding-left:20px;font-size:0.38rem;}
    .newsnav p:after{left:5px;}
    .newsnav, .newsnav p{height: auto;}
    .page-message-img{display: none;}

    .form-group input,.form-group textarea{padding: 0.2rem;}
    .form-group textarea{height:2rem;}
    .form-group button{font-size:0.32rem;}

}

/* 内页详情页面公用样式 */
.show-detail-title{font-size:0.18rem;color:#363636;font-weight:500;margin-bottom:10px;line-height:1.7}
.show-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px}
.show-detail-info-bar .detail-info-time{float:left;margin-right:20px;position:relative;padding-left:25px}
.show-detail-info-bar .detail-info-time i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.show-detail-info-bar .detail-info-time i:after{opacity:.5;background-position:0 -360px}
.show-detail-info-bar .detail-info-numbers{float:left;position:relative;padding-left:25px}
.show-detail-info-bar .detail-info-numbers i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.show-detail-info-bar .detail-info-numbers i:after{opacity:.5;background-position:0 -330px}
.show-detail-info-bar .show-file-down{float:right;position:relative}
.show-detail-info-bar .show-file-down .file-down-title{cursor:pointer;position:relative;padding-left:25px}
.show-detail-info-bar .show-file-down .file-down-title i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.show-detail-info-bar .show-file-down .file-down-title i:after{background-position:0 -630px}
.show-detail-info-bar .show-file-down .file-down-title:hover{color:#292e39}
.show-detail-info-bar .show-file-down .file-down-list{position:absolute;z-index:9999;width:250%;right:0;background:#fff;display:none}
.show-detail-info-bar .show-file-down .file-down-list li{padding:10px 0;border-top:1px dashed #cfcfcf}
.show-detail-info-bar .show-file-down .file-down-list li .icon{float:left;font-size:40px;line-height:40px;margin-right:5px;height:40px}
.show-detail-info-bar .show-file-down .file-down-list li .list-con{overflow:hidden;line-height:1}
.show-detail-info-bar .show-file-down .file-down-list li .list-con p{font-size:12px;margin-bottom:0;line-height:20px}
.show-detail-info-bar .show-file-down .file-down-list li .list-con a{font-size:12px}
.show-detail-info-bar .show-file-down .file-down-list li .list-con a:hover{color:#292e39}
.show-detail-con-title{margin:20px 0 10px 0;}
.show-detail-con-title span{display:inline-block;font-size:0.18rem;color:#292e39}
.show-detail-con{font-size:0.15rem;color:#333;line-height:1.8}
.show-detail-con img,.show-detail-con p img{width:auto!important;max-width:100%;height:auto!important}
.show-detail-con a{color:#074bac;font-weight:bold;}
.show-detail-tags{margin-top:40px}
.show-detail-tags .tags-title{border-bottom:1px solid #c3c3c3;position:relative}
.show-detail-tags .tags-title h3{display:inline-block;padding:0 30px;font-size:16px;color:#292e39;line-height:40px;border-bottom:3px solid #074bac;margin-bottom:-1px}
.show-detail-tags .tags-title .baidu-share{position:absolute;right:0;top:8px}
.show-detail-tags .tags-content{padding-top:0.1rem;}
.show-detail-tags .tags-content a{font-size:0.12rem;color:#2f2f2f;display:inline-block;margin-right:9px;background:#f4f4f4;line-height:28px;padding:0 15px}
.show-detail-tags .tags-content a:hover{color:#074bac}
.show-detail-url{margin-top:15px;font-size:0.12rem;}
.show-detail-url a{word-break:break-all}
.show-detail-article p{margin:10px 0 20px 0;line-height:24px}
.show-detail-pn{margin-top:0.2rem}
.show-detail-pn div+div{margin-top:15px}
.show-detail-pn div{line-height:1.6;padding:10px;position:relative;border:1px solid #eee;overflow: hidden;font-size:0.14rem;}
.show-detail-pn div b{color:#292e39;float:left;font-weight:400}
.show-detail-pn div a{float:left;width:75%;color:#666}
.show-detail-pn div a:hover{color:#074bac}

.show-detail-pn div span{position:absolute;right:20px;top:11px;font-size:14px;color:#666;display:none}
.show-relate{margin-top:0.2rem;}
.relate-title{border:1px solid #eee;font-size:14px;line-height:2.857;margin-bottom:15px}
.relate-title span{display:inline-block;color:#074bac;padding:0 1.4em;border-right:1px solid #eee}
.relate-product-slick{position:relative;display: flex;width:100%;overflow: hidden;}
.relate-product-slick .owl-item{display:block;font-size:0;width:33.33%;padding:0 0.1rem;height:auto;}
.relate-product-slick .owl-item .img img{display:block;height:1rem;width:auto;max-width: 100%;margin: 0px auto;}
.relate-product-slick .owl-item p{margin-bottom:0;padding:.5em 0;font-size:0.11rem;color:#292e39;text-align:center}
.relate-product-slick .owl-item:hover p{color:#074bac}

.show-relate .relate-news{margin-top:45px}
.relate-news-list li{float:left;width:48%;position:relative;line-height:2.143;font-size:14px;color:#292e39;}
.relate-news-list li:nth-child(even){float:right}
.relate-news-list li a{display:block;padding-right:88px;color:#666;font-size:0.12rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relate-news-list li a:before{content:'+';font-weight:700;font-size:16px;line-height:1;margin-right:5px}
.relate-news-list li span{position:absolute;right:0;top:2.5px;width:125px;text-align:right;color:#666}
.relate-news-list li:hover a{color:#074bac}
.relate-news-list li:hover a:before{color:#074bac}
.relate-news-list li:hover span{color:#074bac}


@media screen and (max-width:1020px) {
    .relate-news-list li{float: none;width:100%;overflow: hidden;}
    .show-detail-title{font-size:0.36rem;margin-top:0.15rem;margin-bottom:0.15rem;}
    .show-detail-con{font-size:0.28rem;line-height: 1.2;}
    .show-detail-con p{line-height: 1.8 !important;}
    .show-detail-tags,.show-relate .relate-news{margin-top: 0.2rem;}
}


/* foot */
.foot{width:100%;height:auto;padding:0.2rem 0;background: #333;text-align: center;font-size:0.14rem;}
.foot a:hover{color: #fff;}
.fmenu ul,.fcon{display: flex;align-items: center;}
.fmenu{padding:0.05rem 1rem;justify-content: space-between;}
.fmenu ul{width:100%;height:0.45rem;}
.fmenu ul li{flex:1;position:relative;width:auto;}
.fmenu ul li::after{content:"";width:2px;height:14px;background: url("../img/foot_line.png") no-repeat;position: absolute;right:-8px;top:50%;margin-top:-7px;}
.fmenu ul li:last-child::after{background: none;}

.fcon{justify-content: center;}
.fcon span{display:flex;align-items: center;margin:0rem 0.2rem;}
.fcon span a{display:flex;align-items: center;}
.fcon span img{margin-right:0.1rem;width:0.2rem;}

.beian{line-height:0.3rem;margin-top:0.1rem;}
.beian a{margin-right:0.2rem;}
.fmenu,.fcon{width:100%;}

@media screen and (max-width:1020px) {
    .foot{padding:0.3rem;text-align: left;font-size:0.28rem;line-height: 0.56rem;}
    .fmenu{padding:0.2rem 0;}
    .fmenu a{display: block;}
    .foot .flogo a img{width:4rem;}
    .fmenu ul{display:block;}
    .fmenu ul li{float:left;width:33.33%;}
    .fmenu ul li::after{display:none;}
    .fcon{flex-wrap: wrap;padding:0.2rem 0;border-bottom:1px solid #3a3a3a;border-top:1px solid #3a3a3a;}
    .fcon span{width:100%;margin: 0;}
    .fcon span img{width:0.3rem;}
    .beian{margin-top:0.1rem;}
    .beian span{display: block;line-height:0.56rem;}
}

/* 客服 */

.icon-font {position: relative;}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
  }
#toolbar{position:fixed;z-index:9999;right:17px;bottom:10%}
#toolbar li{margin-bottom:3px;font-size:0;width:57px;height:57px;right:0;position:relative}
#toolbar li a{display:block;position:absolute;z-index:9;right:0;top:0;width:57px;height:57px;overflow:hidden;background:#292e39;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;font-size:0}
#toolbar li .icon-font{display:inline-block;vertical-align:middle;width:57px;height:57px;background-color:#d9d9d9}
#toolbar li .icon-qq:after{background-position:0 -150px}
#toolbar li .icon-phone:after{background-position:0 -90px}
#toolbar li .icon-ewm:after{background-position:0 -30px}
#toolbar li .icon-message:after{background-position:0 -120px}
#toolbar li .icon-top:after{background-position:0 -60px}
#toolbar li .icon-wangwang:after{background-position:0 0}
#toolbar li .wz{display:inline-block;line-height:57px;font-size:14px;color:#fff;vertical-align:middle;padding-left:10px}
#toolbar li.ewm .ewm-box{position:absolute;z-index:1;padding:5px;background:#292e39;width:110px;right:120%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s;transition:all .7s}
#toolbar li.ewm .ewm-box p{margin-bottom:0}
#toolbar li.ewm .ewm-box img{max-width:100%}
#toolbar li.ewm .ewm-box:after{content:'';position:absolute;right:-5px;bottom:20px;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:5px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #292e39;border-right:none}
#toolbar li.ewm:hover .icon{background-position:-57px -180px}
#toolbar li.ewm:hover .ewm-box{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
#toolbar li.backtop{cursor:pointer}
#toolbar li.backtop .iconfont{color:#fff;background-color:#292e39}
#toolbar li:hover a{width:200px}
#toolbar li:hover .icon-font{background-color:#292e39}
#toolbar li:hover .icon-qq:after{background-position:-30px -150px}
#toolbar li:hover .icon-phone:after{background-position:-30px -90px}
#toolbar li:hover .icon-ewm:after{background-position:-30px -30px}
#toolbar li:hover .icon-message:after{background-position:-30px -120px}
#toolbar li:hover .icon-wangwang:after{background-position:-30px 0}
#toolbar li:hover .icon-top:after{background-position:-30px -60px}

@media screen and (max-width:1020px) {
    #toolbar{right:5px;}
    #toolbar li.ewm{display: none;}
    #toolbar li,#toolbar li a,#toolbar li .icon-font{border-radius: 57px;background:#d9d9d9;}
    #toolbar li .wz{color: #333;font-weight: bold;}
}