body {
    background-color: #edf7ff;
	/* background-color: #edf7ff; */
}

/*banner图*/
.banner{width: 100%;position: relative;}
.banner-box{display: block;width: 100%;}
.banner-box .item{display: block;width: 100%;}
.banner-box .item .banner-img{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner-box .owl-carousel{}
.banner-box .owl-nav{opacity: 0;filter: alpha(opacity=0);transition: all .3s;}
.banner-box .owl-prev,
.banner-box .owl-next{position: absolute;width: 46px;height: 46px;top: 50%;margin-top: -23px;z-index: 100;background-repeat: no-repeat;background-position: center center;opacity: .5;filter: alpha(opacity=50);transition: all .3s;}
.banner-box .owl-prev{background-image: url(../images/banner-l.png);left: 3%;}
.banner-box .owl-next{background-image: url(../images/banner-r.png);right: 3%;}
.banner-box .owl-carousel:hover .owl-nav{opacity: 1;filter: alpha(opacity=100);}
.banner-box .owl-prev:hover,
.banner-box .owl-next:hover{opacity: 1;filter: alpha(opacity=100);}
.banner-box .owl-dots{position: absolute;width: 100%;bottom: 85px;z-index: 100;text-align: center;}
.banner-box .owl-dots .owl-dot{display: inline-block;width: 14px;height: 14px;border: solid 2px #fff;background: #d5d5d5;border-radius: 50%;margin: 0 3px;}
.banner-box .owl-dots .owl-dot.active{background: #da0c16;}

.banner-search{position: absolute;bottom: 0px;z-index: 50;width: 100%;text-align: center;}
.banner-seasha{position: absolute;left: 0px;top: 0px;background: #000;opacity: .5;filter: alpha(opacity=50);z-index: 50;width: 100%;height: 100%;}
.banner-searbox{position: relative;text-align: center;z-index: 100;padding-top: 15px;padding-bottom: 15px;}
.banner-searlst{display: inline-block;width: 360px;background: #fff;position: relative;margin: 0 6px;}
.banner-searselect{display: block;width: 100%;font-size: 16px;line-height: 20px;border: solid;background: url(../images/select-xl.png) no-repeat 97% center;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;padding: 10px;}
.banner-seartext{position: relative;display: block;width: 100%;font-size: 16px;line-height: 20px;padding: 10px 40px 10px 10px;border:none;background: #fff;}
.banner-searbut{position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;background: url(../images/search2.png) no-repeat center center;background-size: 100% 100%;}

@media (max-width: 767px) {
	.banner-box .owl-nav{display: none;}
	.banner-box .owl-dots{bottom: 10px;}
	.banner-box .owl-dots .owl-dot{width: 8px;height: 8px;border-width: 1px;}
	.banner-search{position: relative;bottom: auto;}
	.banner-seasha{opacity: .8;filter: alpha(opacity=80);}
	.banner-searlst{display: block;margin: 0px;width: 100%;}
	.banner-searselect{margin-bottom: 15px;font-size: 14px;padding: 6px 10px;}
	.banner-seartext{font-size: 14px;padding: 6px 34px 6px 10px;}
	.banner-searbut{width: 15px;height: 15px;top: 8px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-box .owl-nav{display: none;}
	.banner-searlst{width: 48%;}
}


/*新品推荐*/
.idxnew{margin: 55px auto;}
.idxnew-title{width: 100%;text-align: center;font-size: 32px;color: #313131;}

.idxnew-lst .owl-stage-outer{padding: 30px 0px;}
.idxnew-lst .item{border: solid 1px #eee;}
.idxnew-info{display: block;width: 100%;position: relative;z-index: 1;}
.idxnew-info .img{position: relative;z-index: 1;width: 100%;text-align: center;}
.idxnew-info .idxnew-hide{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 5;opacity: 0;filter: alpha(opacity=0);transition: all .5s;}
.idxnew-info .idxnew-hide .idxnew-share{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: #000;opacity: .8;filter: alpha(opacity=80);z-index: 6;}
.idxnew-info .idxnew-hide .idxnew-xk{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;margin-left: 0px;margin-top: 0px;border: solid 1px #666666;z-index: 8;transition: all .5s;}
.idxnew-info .idxnew-hide .idxnew-text{position: absolute;width: 100%;padding: 0 12%;text-align: center;left: 0px;top: 0px;margin-top: 0px;z-index: 10;transition: all .3s;}
.idxnew-info .idxnew-hide .idxnew-text h2{font-size: 24px;color: #cc0000;line-height: 32px;}
.idxnew-info .idxnew-hide .idxnew-text h3{font-size: 12px;color: #d5d5d5;line-height: 24px;margin: 30px 0px 38px;}
.idxnew-info .idxnew-hide .idxnew-text p{text-align: center;}
.idxnew-info .idxnew-hide .idxnew-text p img{max-width: 100%;width: auto;margin: 0 auto;}
.idxnew-info:hover .idxnew-hide{opacity: 1;filter: alpha(opacity=100);}
.idxnew-info:hover .idxnew-hide .idxnew-xk{width: 92%;height: 92%;left: 50%;top: 50%;margin-top: -46%;margin-left: -46%;}
.idxnew-info:hover .idxnew-hide .idxnew-text{top: 50%;margin-top: -85px;}
.idxnew-lst .item:hover{box-shadow: 0px 0px 10px #999;}

.idxnew-lst .owl-dots{display: block;width: 100%;text-align: center;}
.idxnew-lst .owl-dots .owl-dot{display: inline-block;width: 10px;height: 10px;border: solid 2px #ccc;background: #ccc;border-radius: 50%;margin: 0 5px;}
.idxnew-lst .owl-dots .owl-dot.active{background: none;border-color: #cc0000;}

/*产品应用*/
.idxuse{width: 100%;background: #f6f6f6;padding: 25px 0px;}
.idxuse-box{width: 100%;font-size: 18px;}
.idxuse-box h2{color: #333;text-align: right;padding: 0;line-height: 24px;}
.idxuse-lst{text-align: left;padding: 0px;}
.idxuse-lst .swiper-container{height: 24px;width: 60%;margin-left: 0px;}
.idxuse-lst .swiper-slide {overflow: hidden;}
.idxuse-lst .swiper-slide a{color: #cc0000;display: block;line-height: 24px;text-align: left;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}


@media (max-width: 767px) {
	.idxnew{margin: 30px auto;}
	.idxnew-title{font-size: 22px;}
	.idxnew-lst .owl-stage-outer{padding: 15px 0px;}
	.idxuse{padding: 15px 0px;}
	.idxuse-box{font-size: 14px;}
	.idxuse-lst .swiper-container{width: 100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.idxnew{margin: 40px auto;}
	.idxnew-title{font-size: 28px;}
	.idxnew-lst .owl-stage-outer{padding: 22px 0px;}
	.idxuse{padding: 20px 0px;}
	.idxuse-box{font-size: 16px;}
	.idxuse-lst .swiper-container{width: 75%;}
}

/*内页banner*/
.pagebanner{width: 100%;text-align: center;background-repeat: no-repeat;background-position: bottom;background-size: cover;position: relative;}
.pagebanner h3{font-size: 34px;color: #fff;position: absolute;width: 100%;text-align: center;height: 32px;line-height: 32px;top: 50%;margin-top: -16px;}

/*面包屑*/
.crumb{width: 100%;border-bottom: solid 1px #e6e6e6;}
.crumb .breadcrumb{background: none;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.crumb .breadcrumb li{color: #666;}
.crumb .breadcrumb .active,
.crumb .breadcrumb li a:hover{color: #1488ba;}
.crumb .breadcrumb > li + li:before {
    color: #CCCCCC;
    content: " > ";
    padding: 0 5px;
}
@media (max-width: 767px){
	.pagebanner h3{font-size: 24px;}
}

@media (min-width: 768px) and (max-width: 991px){
	.pagebanner h3{font-size: 28px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.pagebanner h3{font-size: 34px;}
}

/*内页内容框架*/
.pagecontent{position: relative;margin-bottom: 10px;}
.page-rinfo{font-size: 16px;color: #777;line-height: 24px;padding: 0 15px 50px;min-height: 680px;}
.page-rinfo p{line-height: 24px;}
/*.page-rinfo a{color: #1488ba;}*/

.sublnav{position: absolute;height: 100%;left: 0px;top: 0px;border-right:solid 1px #e6e6e6;padding-top: 30px;padding-bottom: 30px;z-index: 10;}
.sublnav-title{position: relative;width: 100%;background: #0099ff;padding: 10px;color: #fff;display: none;}
.sublnav-title h3 {font-size: 17px;color: #fff;}
.sublnav-title span {display: block;width: 20px;height: 20px;line-height: 20px;overflow: hidden;}
.sublnav-title span img {width: 100%;height: 100%;}
.sublnav-ul{display: block;width: 100%;}
.sublnav-ul li{margin-bottom: 8px;}
.sublnav-ul li a{display: block;width: 100%;font-size: 14px;color: #333;line-height: 14px;border-left: solid 2px transparent;padding-left: 18px;padding: 5px 0px 5px 18px;}
.sublnav-ul li a:hover,
/* .sublnav-ul li.on a{border-color: #0099ff;color: #1488ba;} */
.sublnav-ul li a:hover, .sublnav-ul li.on a {
    color: #ffffff;
    background: midnightblue;
}

.page-r{padding-top: 30px;padding-bottom: 125px;position: relative;z-index: 1}


@media (max-width: 767px) {
	.pagecontent{padding: 0px;margin-bottom: auto;}
	.sublnav{position:relative;padding: 0px;border-right: none; }
	.sublnav-title{display: block;}
	.sublnav-ul{display: none;margin-top: 15px;}
	.sublnav-ul li{border-bottom: solid 1px #ddd;}

	.page-r{padding-top: 15px;padding-bottom: 15px;}
	.page-rinfo{min-height: 260px;}
}

@media (max-width: 991px) {
	.page-rinfo{padding: 0px 0px 30px;}
	.sublnav-ul li a{font-size: 14px;}
}

@media (max-width: 1199px) {
	.sublnav-ul li a{font-size: 14px;}
}

/*新闻中心*/
.news-content{}
.news-lst.news-toplst{display: block;width: 100%;border-bottom: solid 1px #dedede;margin-bottom: 15px;}
.news-lst.news-toplst li{margin-bottom: 20px;}
.news-lst.news-toplst li.news-topl{padding-right: 15px;}
.news-lst.news-toplst li.news-topr{padding-left: 15px;}
.news-lst li{margin-bottom: 15px;padding: 0px;}
.news-lst li .news-img{display: block;overflow: hidden;border: solid 1px #eee;text-align: center;padding: 0px;}
.news-lst li .news-img img{display: block;width: 100%;transform: scale(1);transition: all .6s ease 0s;-webkit-transform: scale(1);-webkit-transform: all .6s ease 0s;  }
.news-lst li:hover .news-img img{transform: scale(1.1);transition: all .6s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease 0s; }
.news-lst li .news-info{display: block;padding: 0px;}
.news-lst li .news-info h2{font-size: 24px;color: #333333;line-height: 30px;margin-top: 10px;}
.news-lst li .news-info h3{font-size: 12px;color: #999;line-height: 24px;margin-top: 10px;}
.news-lst li .news-info p{font-size: 12px;color: #333;margin-top: 10px;}
.news-lst li .news-info span{display: block;width: 92px;border: solid 1px #e60012;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #e60012;margin-top: 6px;text-transform: uppercase;}

/*页码*/
.page01 {text-align:center;height:30px;width:100%;float:left;margin-top:20px;margin-bottom:20px;}
.page01 a {border:1px solid #ccc; padding:5px 8px; margin-left:8px; font-family:"宋体"; color:#999;font-size: 12px;cursor: pointer; text-align:center;border-radius: 2px;}
.page01 .current{ color:#fff;border:1px solid #cd0000;background: #cd0000; padding:5px 8px;margin-left:8px; font-family:"宋体"; font-size: 12px;text-align:center;border-radius: 2px;}
.page01 a:hover{color: #999;border-color: #999;}
.page02 {width:100%;height:40px;line-height:40px;text-align:center;color:#333;font-size:14px;display:none;background:#eee;margin-top:15px; }

/*新闻详情*/
.news-title{padding: 15px 0 10px;width: 100%;text-align: center;border-bottom: 1px dashed #ccc;margin-bottom: 35px;}
.news-title h1 {font-size: 18px;line-height: 30px;margin-bottom: 10px;font-weight: normal;color: #333;}
.news-title p {color: #aaa;font-size: 13px;line-height: 25px;}
.news-title p span {display: inline-block;margin: 0 15px;}
.con_back { margin:25px 0 10px;}
.con_back a{ color:#0088c0;font-family:"微软雅黑"; font-size:15px; }
.con_back  span { font-family:"宋体"; margin-right:8px;}
.pages { width:100%; padding:0px 0 10px;}
.pages p { line-height:20px; margin-top:10px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.pages p a { font-family:"微软雅黑"; font-size:12px; color:#666;}
.pages p a span {font-size:12px; margin-right:5px; color:#999;}
.pages p:hover a { color:#0088c0;}
.pages p:hover a span { color:#666;}
.bshare-custom{margin-top: 30px;}

@media (min-width: 992px) and (max-width: 1199px) {
	.news-lst li .news-info h2{font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.news-lst.news-toplst li{margin-bottom: 15px;}
	.news-lst li .news-info h2{font-size: 16px;line-height: 28px;}
	.news-lst li .news-info p{margin-top: 0px;}

	.news-title{padding: 10px 0px 8px;margin-bottom: 25px;}
	.news-title h1{font-size: 16px;line-height: 22px;margin-bottom: 10px;}
	.news-title p{font-size: 12px;}
}

@media (max-width: 767px) {
	.news-lst.news-toplst{border-bottom: none;margin-bottom: 0px;}
	.news-lst.news-toplst li{margin-bottom: 10px;}
	.news-lst.news-toplst li.news-topl,
	.news-lst.news-toplst li.news-topr{padding: 0px;}
	.news-lst li{margin-bottom: 10px;}
	.news-lst li .news-img{padding: 0px;}
	.news-lst li .news-info{padding-left: 10px;}
	.news-lst li .news-info h2{font-size: 16px;line-height: 30px;margin-top: 0px;}
	.news-lst li .news-info h3{line-height: 18px;margin-top: 5px;}
	.news-lst li .news-info p{margin-top: 8px;}

	.page01{display: none;}
	.page02{display: block;}

	.news-title{padding: 15px 0px 8px;margin-bottom: 25px;}
	.news-title h1{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
	.news-title p{font-size: 12px;}
}
@media (max-width: 613px) {
	.news-lst li .news-info h2{font-size: 14px;line-height: 26px;margin-top: 0px;}
	.news-lst li .news-info h3{line-height: 18px;margin-top: 3px;}
	.news-lst li .news-info p{display: none;}
	.news-lst li .news-info span{display: none;}
}

/*产品应用*/
.apply-ul{display: block;width: 100%;}
.apply-ul>li{margin-bottom: 35px;}
.apply-ul li h2{font-size: 24px;color: #020014;}
.apply-lst {list-style-type:disc;margin-top: 20px;}
.apply-lst li{font-size: 14px;color: #0088c0;list-style-type:disc;list-style-position: inside;line-height: 18px;margin-bottom: 8px;max-height: 36px;overflow: hidden;}
/*.apply-ul li h2 a:hover{color: #0088c0;}*/



@media (min-width: 768px) and (max-width: 991px) {
	.apply-ul li h2{font-size: 20px;}
}


@media (max-width: 767px) {
	.apply-ul{margin-top: 15px;}
	.apply-ul li h2{font-size: 18px;}
	.apply-lst{margin-top: 12px;}
	.apply-lst li{margin-bottom: 5px;}
}


/*产品中心*/
.pro-ul>li{margin-bottom: 16px;}
.pro-ul>li.pro-left{padding-left: 0px;padding-right: 8px;}
.pro-ul>li.pro-right{padding-right: 0px;padding-left: 8px;}
.pro-ul .pro-main{padding: 1px;border:solid 1px #dcdcdc;position: relative;transition: all .5s;}
.pro-ul .pro-main .pro-img{padding: 0px;overflow: hidden;}
.pro-ul .pro-main .pro-img img{transform: scale(1);transition: all .6s ease 0s;-webkit-transform: scale(1);-webkit-transform: all .6s ease 0s; }
.pro-ul .pro-main .pro-info{padding-top: 15px;padding-bottom: 15px;overflow: hidden;position: absolute;right: 0px;top: 0px;height: 100%;}
.pro-ul .pro-main .pro-info .proinfobox{display: block;width: 100%;height: 100%;overflow: hidden;}
.pro-ul .pro-main .pro-info .proinfobox h2{font-size: 16px;color: #333;line-height: 22px;font-weight: 600;}
.pro-ul .pro-main .pro-info .proinfobox ol{list-style-type:disc;margin-top: 10px;}
.pro-ul .pro-main .pro-info .proinfobox ol li{list-style-type:disc;list-style-position: inside;font-size: 14px;color: #666;line-height: 21px;overflow: hidden;height: 24px;}
.pro-ul>li:hover .pro-img img{transform: scale(1.1);transition: all .6s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease 0s; }
.pro-ul>li:hover .pro-main{box-shadow: 0px 0px 8px #ccc;}
.pro-ul .pro-main .pro-info .proinfobox h2:hover{color: #0088c0;}

/*产品详情*/
.proinfo-top{display: block;width: 100%;}
.proinfo-topl{padding: 0px;}
.proinfo-topl .swiper-slide{text-align: center;}
.proinfo-topl .swiper-pagination {position: absolute;z-index: 20;left: 0px;bottom: 10px;width: 100%;text-align: center;}
.proinfo-topl .swiper-pagination .swiper-pagination-switch{display: inline-block;width: 10px;height: 10px;background-color: #013b7e;border-radius: 50%;margin: 0 5px;}
.proinfo-topl .swiper-pagination .swiper-slide-active,
.proinfo-topl .swiper-pagination .swiper-visible-switch{background-color: #cc0000;}

.proinfo-topr{padding-right: 0px;padding-left: 30px;}
.proinfo-topr h2{font-size: 30px;color: #333;line-height: 36px;}
.proinfo-topr p{font-size: 12px;color: #999;line-height: 24px;margin-top: 20px;}
.proinfo-topr ol{list-style-type:disc;margin-top: 50px;min-height: 270px;}
.proinfo-topr ol h3{font-size: 20px;color: #333;margin-bottom: 10px;}
.proinfo-topr ol li{list-style-type:disc;list-style-position: inside;font-size: 14px;color: #999;line-height: 24px;margin-bottom: 5px;}

.proinfo-but{}
.proinfo-but a{float: left;display: block;padding: 0 30px;font-size: 24px;color: #fff;text-align: center;background: #013b7e;height: 45px;line-height: 45px;}
.proinfo-but a img{margin-right: 5px;}

.proinfo-tab{margin-top: 30px;margin-bottom: 60px;}
.proinfo-tabtitle{display: block;width: 100%;}
.proinfo-tabtitle span{display: block;float: left;font-size: 20px;color: #333;text-align: center;height: 45px;line-height: 45px;width: 150px;cursor: pointer;}
.proinfo-tabtitle span.on{background: #013b7e;color: #fff;}

.proinfo-tabinfo{border:solid 1px #e5e5e5;/*padding: 30px 0px;*/}
.proinfo-tabinfo .page-linka.page-rinfo{color: #333;padding-right: 0px;padding-left: 0px;}
.page-linka a{color: #0186D1;text-decoration: none;}

.page-rinfotitle{font-size: 22px;color: #1488ba;line-height: 30px;padding: 0px 0px 30px;text-align: center;}

.table-responsive{border: none;}

@media (max-width: 1199px) {
	.proinfo-topr h2{font-size: 24px;}
	.proinfo-topr p{line-height: 20px;margin-top: 12px;}
	.proinfo-topr ol{margin-top: 30px;min-height: 204px;}
	.proinfo-topr ol h3{font-size: 18px}
	.proinfo-but a{font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.pro-ul .pro-main .pro-info{padding: 10px;}
	.pro-ul .pro-main .pro-info .proinfobox h2{font-size: 14px;}
	.pro-ul .pro-main .pro-info .proinfobox ol{margin-top: 6px;}
	.pro-ul .pro-main .pro-info .proinfobox ol li{font-size: 12px;line-height: 20px;height: 20px;}

	.proinfo-topr{padding-left: 15px;}
	.proinfo-topr h2{font-size: 20px;}
	.proinfo-topr p{line-height: 20px;margin-top: 8px;}
	.proinfo-topr ol{margin-top: 15px;min-height: 140px;}
	.proinfo-topr ol h3{font-size: 16px;}
	.proinfo-topr ol li{font-size: 12px;line-height: 18px;}
	.proinfo-but a{font-size: 14px;height: 35px;line-height: 35px;}

	.proinfo-tabtitle span{font-size: 16px;height: 38px;line-height: 38px;}
	.proinfo-tabinfo .page-rinfo{padding: 0 15px;}
}

@media (max-width: 767px){
	.pro-ul>li{margin-bottom: 10px;}
	.pro-ul>li.pro-left,
	.pro-ul>li.pro-right{padding: 0px;}
	.pro-ul .pro-main .pro-img img{width: 100%;}
	.pro-ul .pro-main .pro-info{padding: 15px;}
	.pro-ul .pro-main .pro-info .proinfobox h2{font-size: 14px;}
	.pro-ul .pro-main .pro-info .proinfobox ol{margin-top: 6px;}
	.pro-ul .pro-main .pro-info .proinfobox ol li{font-size: 12px;line-height: 22px;height: 22px;}

	.proinfo-topr{padding: 15px;}
	.proinfo-topr h2{font-size: 16px;line-height: 24px;}
	.proinfo-topr p{margin-top: 5px;}
	.proinfo-topr ol{margin-top: 10px;min-height: auto;}
	.proinfo-topr ol h3{font-size: 14px;}
	.proinfo-topr ol li{font-size: 12px;line-height: 18px;}
	.proinfo-but{margin-top: 10px;}
	.proinfo-but a{font-size: 14px;height: 35px;line-height: 35px;padding: 0 15px;}
	
	/*.proinfo-tab{padding: 0 15px;}*/
	.page-rinfotitle{padding: 0px;}
	.proinfo-tabtitle span{font-size: 14px;height: 35px;line-height: 35px;width: 110px;}
	.proinfo-tabinfo {padding: 15px 0px;}
	.proinfo-tabinfo .page-rinfo{padding: 0 15px;}
}


/*资料下载*/
.serveinfo .table-responsive .table{font-size: 12px;color: #666;}
.serveinfo .table-responsive .table thead{background: #0088c0;color: #fff;font-size: 14px;}
.serveinfo .table-responsive .table thead tr th{border-bottom: none;height: 45px;vertical-align: middle;}
.serveinfo .table-responsive .table tbody tr td{height: 50px;vertical-align: middle;}
.serveinfo .table-responsive .table tbody tr td .downbtn2{display: none;}
.serveinfo .table-responsive .table-hover>tbody>tr:hover{background: #fff2f2;}
.serveinfo .table-responsive .table-hover>tbody>tr:hover .downbtn1{display: none;}
.serveinfo .table-responsive .table-hover>tbody>tr:hover .downbtn2{display: block;}

@media (max-width: 767px) {
	.serveinfo .table-responsive{border: none;}
}

/*产品预订*/
.book-flow{position: relative;margin-top: 15px;}
.book-flow .book-line{position: absolute;z-index: 1;width: 100%;left: 0px;top: 15px;}
.book-flow .book-line li{width: 16.66%;float: left;height: 1px;background: #e6e6e6;}
.book-flow .book-line li.on{background: #0087e6;}
.book-flow .book-step{position: relative;z-index: 5;width: 100%;text-align: center;}
.book-flow .book-step li{float: left;width: 33.33%;text-align: center;}
.book-flow .book-step li .book-stepbox{display: inline-block;padding: 0 5px;background: #fff;line-height: 32px;font-weight: 600;font-size: 12px;color: #666;}
.book-flow .book-step li .book-stepbox span{display: block;width: 32px;height: 32px;border-radius: 50%;line-height: 28px;text-align: center;border: solid 2px #ddd;background: #eee;font-size: 14px;float: left;margin-right: 5px;color: #666;}
.book-flow .book-step li.on .book-stepbox{color: #0087e6;}
.book-flow .book-step li.on .book-stepbox span{background: #0087e6;border-color: #3dafff;color: #fff;}

.book-form{display: block;width: 75%;margin: 30px auto 0;}
.book-form .form-horizontal .control-label{font-size: 12px;color: #666;font-weight: normal;}
.book-form .form-horizontal .control-label span{color: #cc0000;}
.book-form .form-control{font-size: 12px;color: #333;}

.book-form h3{font-size: 16px;color: #666;text-align: center;padding: 30px 0px;}
.book-form h3 img{margin-right: 15px;width: 60px;}

@media (max-width: 767px) {
	.book-flow .book-line{top: 12px;}
	.book-flow .book-step li .book-stepbox{line-height: 24px;min-width: 87px;}
	.book-flow .book-step li .book-stepbox span{width: 24px;height: 24px;line-height: 20px;}

	.book-form{width: 100%;margin-top: 0px;}
	.book-form .form-horizontal .control-label{padding: 0px;}
	.book-form .book-input{padding: 0px;}
	.book-form .form-horizontal .form-group{margin: 0px 0px 15px;}
	.book-form .book-btn{padding:0px;}
}

/*网站地图*/
.sitemap { margin-top: 30px; }
.sitemap h2 { color: #333; font-size: 26px; line-height: 30px; margin-bottom: 30px; }
.sitemap .sitemap_con { margin-bottom: 30px; }
.sitemap .sitemap_con h3 a { height: 40px; color: #484848; display: block; font-size: 20px; line-height: 30px; border-bottom: #e4e4e4 solid 1px; }
.sitemap .sitemap_con h3 a span { width: 3px; float: left; height: 18px; margin-top: 6px; margin-right: 8px; background: #0087e6; }
.sitemap .sitemap_con ul { margin-top: 20px; }
.sitemap .sitemap_con ul li { padding: 0px 15px; margin-bottom: 10px;float: left; }
.sitemap .sitemap_con ul li .sitemap_con_title {}
.sitemap .sitemap_con ul li .sitemap_con_title a { color: #0087e6; display: block; font-size: 16px; }


/*搜索结果页*/
.search-box{position: relative;min-height: 380px;}
.search-result{background: #fff;padding: 30px 0px 10px;border-bottom: solid 1px #ccc;font-size: 16px;line-height: 30px;color: #888;text-align: center;}
.search-lst{margin: 30px;}
.search-lst .news-lst li{margin-bottom: 30px;}

.map {height: 380px;margin-bottom: 30px;}
.map img{max-width: none;}

@media (max-width: 767px) { 
	.sitemap { margin-top: 10px; padding: 0 15px;}
	.sitemap h2 { font-size: 20px; margin-bottom: 15px; }
	.sitemap .sitemap_con h3 a { font-size: 18px; }
	.sitemap .sitemap_con ul li .sitemap_con_title {}
	.sitemap .sitemap_con ul li .sitemap_con_title a { font-size: 14px; }

	.search-box{min-height: 260px;}
	.search-result{padding: 20px 0px 5px;font-size: 14px;}
	.search-lst{margin: 15px;}
	.search-lst .news-lst li{margin-bottom: 15px;}
}


/* ============================================================
   资料页(406 生成): 内容块
   清单 index.json 里的每个 block 渲染成一个独立的 .ds-block div,
   类型类名 ds-heading / ds-text / ds-image,
   block.style 则作为额外类名追加在后, 用于覆盖下面的默认样式.
   ============================================================ */

/* 资料页主体: 白底, 块自上而下堆叠 */
.ds-viewer { padding: 24px 0 40px; background: #fff; }

/* 每个块独立一层, 方便单独控制 */
.ds-block { margin: 0 0 16px; }
.ds-block:last-child { margin-bottom: 0; }

/* 图片块: 100% 宽居中, 图下可带说明 */
.ds-image img { display: block; width: 100%; height: auto; margin: 0 auto; border: 0; }
.ds-caption { margin-top: 8px; font-size: 14px; line-height: 1.6; color: #666; text-align: center; }

/* 标题块默认样式 */
.ds-heading h1,
.ds-heading h2,
.ds-heading h3,
.ds-heading h4,
.ds-heading h5,
.ds-heading h6 { margin: 0; color: #17365d; font-weight: 700; line-height: 1.4; }
.ds-heading h1 { font-size: 30px; }
.ds-heading h2 { font-size: 26px; }
.ds-heading h3 { font-size: 22px; }
.ds-heading h4 { font-size: 20px; }
.ds-heading h5 { font-size: 18px; }
.ds-heading h6 { font-size: 16px; }

/* 文本块默认样式 */
.ds-text p { margin: 0; font-size: 16px; line-height: 1.8; color: #333; }


/* ============================================================
   自定义样式
   写在默认样式之后, 同类元素下靠后覆盖;
   index.json 里 block.style 填这里的类名即可, 例如 "intro-text".
   要加新样式, 也统一追加在本节末尾.
   ============================================================ */

/* 引言文本 */
.intro-text p { font-size: 18px; line-height: 1.9; color: #555; }

/* 强调文本: 浅蓝底 + 左侧墨蓝条 */
.highlight-text p {
	padding: 12px 16px;
	border-left: 4px solid #17365d;
	background: #f2f7fd;
	color: #17365d;
	font-weight: 600;
}

/* 重点图片: 加大上下留白 + 灰框 */
.featured-image { margin: 24px 0; }
.featured-image img { padding: 6px; border: 1px solid #e5e5e5; background: #fff; }


/* ============================================================
   下载按钮: 固定悬浮在右侧偏上
   position: fixed 相对视口定位, 因此页面滚动时按钮不跟着走.
   只出现在 406 生成的资料页里, 站点其他页面不含该元素.
   ============================================================ */

.ds-download {
	position: fixed;
	top: 120px;
	right: 24px;
	z-index: 999;

	padding: 10px 22px;

	border: 0;
	border-radius: 22px;

	background: #17365d;
	color: #fff;

	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: .02em;

	cursor: pointer;

	box-shadow: 0 4px 12px rgba(23, 54, 93, .25);
}

.ds-download:hover { background: #214a78; }


/* 打印专用页头(内容见 common/print-header.njk): 屏幕上不显示 */
.print-header { display: none; }


/* 手机端适配 */
@media (max-width: 767px) {
	.ds-viewer { padding: 12px 0 24px; }
	.ds-block { margin-bottom: 10px; }

	.ds-heading h1 { font-size: 24px; }
	.ds-heading h2 { font-size: 22px; }
	.ds-heading h3 { font-size: 20px; }
	.ds-text p { font-size: 15px; }
	.intro-text p { font-size: 16px; }

	/* 小屏按钮挪到右下角, 避免压住正文与顶部菜单 */
	.ds-download { top: auto; right: 16px; bottom: 20px; padding: 8px 18px; font-size: 13px; }
}


/* ============================================================
   打印 / 导出 PDF
   只保留资料页内容块: 隐藏站点头部 / 底部 / 下载按钮, 显示打印专用页头.
   ============================================================ */

@page { margin: 12mm; }

@media print {
	/* 站点外壳与按钮一律不打印 */
	.top,
	.top-height,
	.footer,
	.baiao-fixedbar,
	.ds-download { display: none !important; }

	/* 打印页头只在打印时出现 */
	.print-header { display: block !important; }

	/* 页头排版: 左 logo + 品牌名, 右联系方式, 下方一条墨蓝分隔线 */
	.print-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;

		padding-bottom: 10px;
		margin-bottom: 16px;

		border-bottom: 2px solid #17365d;
	}

	.print-header-brand { display: flex; align-items: center; gap: 10px; }
	.print-header-brand img { height: 46px; width: auto; }
	.print-header-name { font-size: 18px; font-weight: 700; color: #17365d; }

	.print-header-contact {
		margin: 0;
		padding: 0;
		list-style: none;

		font-size: 12px;
		line-height: 1.6;
		color: #333;
		text-align: right;
	}

	/* 内容块: 去掉屏幕上的留白, 尽量补齐页宽 */
	.ds-viewer { padding: 0; background: #fff; }

	/* 尽量不让一个块被拆到两页 */
	.ds-block { margin-bottom: 12px; page-break-inside: avoid; break-inside: avoid; }

	.ds-image img { width: 100%; }
	.ds-caption { font-size: 11px; }
}