.headfont{ text-align:left; padding-left:100px;}
.headfont p{ font-size:20px; color:#fff;}
.fontbg{ padding-bottom:20px; background:url(http://www.topsec.com.cn/upload/image/202101/28/1015005640.jpg) center bottom no-repeat;}
.db_hyfg{padding: 1rem 0 1rem;}
.db_hyfg ul{width: 100%;display: inline-block;padding:0;}
.db_hyfg ul li{width: 12.222%;float: left;text-align: center;  background:#fff; margin:1px;}
.db_hyfg ul li .imgs{width: 65px;height:65px;line-height:65px;border-radius: 50%;background-color:#ec4446;display: inline-block;}
.db_hyfg ul li .font20{color:#000000;margin: 5px auto; font-size:18px;}
.db_hyfg ul li{padding:2rem 2rem;}
.db_hyfg ul li a{display: block; color: #777777}
.db_lc ul{width: 100%;display:inline-block;padding:0px;list-style: none;}
.db_lc ul li{width: 19.5555%;float: left;text-align: center; background:#fff; margin:1px; height:240px; margin-top:20px; position: relative; border-radius: 3px;}
.db_lc ul li p{width: 100%;height:130px; padding:10px 10px; text-align:left; }
.db_lc ul li .span1{  line-height:2; font-size:14px;  }
.db_lc ul li .span2{width: 100%; height:30px; background:url(/uploads/2023-10-11/b59ab02e-29ab-4b6c-ab48-9c304ce322331697015462311.png) center no-repeat;  top:-15px; position: relative;  display: inline-block;}
.db_lc ul li b{ width:100%; text-align:center;  color:#c92e2c; font-size:20px;}
.db_lc ul li .font18{color: #000000;margin:0px auto;}
.db_lc ul li{padding:0rem;}
.db_lc ul li:hover{box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.35);  border-radius: 3px;}
.db_lc_line01{border-bottom:5px #c92e2c solid; border-top:2px #c92e2c solid;}
.db_lc_line02{border-bottom:5px #5f6362 solid; border-top:2px #5f6362 solid;}
.db_cp{padding: 4rem 0 0rem; }
.db_cp ul{ width:100%; display:inline-block; }
.db_cp ul li{width:48.99999999%;float:left; display:inline-block;}
.db_cp ul li p{font-size:16px; line-height:25px;  }
.db_cp ul li span{color: #000; padding:0rem 3rem; display:block;}

.db_zx{padding-top: 70px; }

.qd_rz_box{padding: 1rem 0rem; justify-content: center; }
#qd_rz_box_top{width:100%; text-align:center; margin:0 auto; padding:0 15px; }
#qd_rz_box_top .span1{color: #fff; font-size:16px; height:40px; line-height: 40px; background:#424242; border-right:1px #fff solid;}
#qd_rz_box_top .owl-item{text-align: center;}
#qd_rz_box_top .owl-item p{margin-bottom: 0px;}
#qd_rz_box_top .synced{position: relative;bottom:0px;}
#qd_rz_box_top .synced .span1{font-size:16px;color: #fff;height: 40px; background:#ca303c;  line-height: 40px}
.qd_rz_box .contss{position: relative; }
#qd_rz_box_bom{width: 100%;margin: auto;}

.qd_rz_box .owl-next,#boms .owl-next{
	background:url(http://www.topsec.com.cn/images/tops_r_07.png) no-repeat;
    width: 13px;
    height: 20px;
    margin-top: 0;
    right: -15px;
    text-indent: 3000px;
    position: absolute;
    top: -35px;
}
.qd_rz_box .owl-prev,#boms .owl-prev{
    background: url(http://www.topsec.com.cn/images/tops_l_06.png) no-repeat;
    width: 13px;
    height: 20px;
    margin-top: 0;
    left: -15px;
    text-indent: 3000px;
    position: absolute;
    top: -35px;
}

.db_box{padding: 10px 20px; float: right;  border-radius:5px; text-align:center;  font-size:14px; background: #de0000;}
.db_box a{ color:#fff;}

.slideGroup {margin:0 auto; width: 100%; }
.slideGroup .parHd {position: relative;height: 40px; line-height: 40px; }
.slideGroup .parHd ul {display:table; margin:0 auto;}
.slideGroup .parHd ul li {float: left; font-size:16px; padding:0 30px; cursor: pointer; height:40px; line-height:40px; background:#424242; color:#fff;}
.slideGroup .parHd ul li.on {height:40px; line-height:40px; font-size:16px; background:#ca303c; padding:0 15px;color:#fff; padding:0 30px;}
.slideGroup .slideBox {width:100%; padding: 40px 0px 10px 0px;position: relative;}
.slideGroup .slideBox strong{ font-size:15px; position: absolute; top:13px; right:68px;}
.slideGroup .slideBox em{ color:#FF0000;}
.slideGroup .sPrev{position: absolute; z-index:9999; right: 100px;top:55px;display: block;width:18px;height:18px; background: url(http://www.topsec.com.cn/images/an_l_12.png) 0px 0px no-repeat;}
.slideGroup .sNext {position: absolute; z-index:9999; right: 15px;top:55px;display: block;width:18px;height:18px; background: url(http://www.topsec.com.cn/images/an_r_12.png) 0px 0px no-repeat;
}
.slideGroup .parBd ul {}
.slideGroup .parBd ul li {margin: 0 8px;float: left;width: 100%;position: relative;}
.slideGroup .parBd ul li .font26{ padding:10px 0;}

@media (min-width: 769px) {
.db_hyfg ul li:hover{box-shadow: 0 0 35px 0 rgba(204, 204, 204, 0.35);  border-radius: 3px; background:#fff;}
.headfont{ text-align:left; padding-left:100px;}
.db_lc ul li{width:24.8%}
}
@media screen and (max-width: 767px){
.headfont{ text-align: center; padding-left:0px;}
.db_hyfg ul li{width: 44%; text-align:center;}
.db_hyfg ul li:nth-child(5){margin-left: 0}
.db_lc ul li{width:100%; }
.db_lc ul li .span2{top:-15px; }
.db_cp ul li{width:100%; height:300px;}
.db_zx{padding-top:0px; }
.db_cplf{display:none;}
.slideGroup .slideBox strong{top:8px; right:37px; }
.slideGroup .sPrev{top:230px;}
.slideGroup .sNext {top:230px;}
.qd_rz_box .container{overflow: hidden; width:99%; }
#qd_rz_box_top{width:99%; text-align:center; margin:0 auto; }
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	margin-top: -25px;
	-moz-background-size: 0px 0px;
	-webkit-background-size: 0px 0px;
	background-size: 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
}
@media screen and (max-width:680px){
.db_zz ul li{width: 23%; float: left; margin-left:0px; margin-right:0px;}
.db_lc ul li{width: 100%;}
.db_lc ul li .span2{top:-15px; }
.db_cp ul li{width:100%; height:300px;}
.db_zx{padding-top:0px; }
.db_cplf{display:none;}
.qd_rz_box .container{overflow: hidden; width:99%; }
#qd_rz_box_top{width:99%; text-align:center; margin:0 auto; }
.db_hyfg ul li{width: 44%}
}
@media screen and (max-width:550px){
.db_zz ul li{width: 23%; float: left; margin-left:0px; margin-right:0px;}
.db_lc ul li{width: 100%;}
.db_lc ul li .span2{top:-15px; }
.db_cp ul li{width:100%; height:300px;}
.db_zx{padding-top:0px; }
.db_cplf{display:none;}
.qd_rz_box .container{overflow: hidden; width:99%; }
#qd_rz_box_top{width:99%; text-align:center; margin:0 auto; }
.db_hyfg ul li{width: 44%; text-align:center;}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	margin-top: -25px;
	-moz-background-size: 0px 0px;
	-webkit-background-size: 0px 0px;
	background-size: 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
}
@media screen and (max-width:480px){
.db_jjfa ul li{width: 100%; margin:15px 0px 15px 0px;}
.db_zz ul li{width: 22%; float: left; margin-left:0px; margin-right:0px; }
.db_lc ul li{width: 100%;}
.db_lc ul li .span2{top:-15px; }
.db_cp ul li{width:100%; height:300px;}
.db_zx{padding-top:0px; }
.db_cplf{display:none;}
.qd_rz_box .container{overflow: hidden; width:99%; }
#qd_rz_box_top{width:99%; text-align:center; margin:0 auto; }
.db_hyfg ul li{width: 44%; text-align:center;}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	margin-top: -25px;
	-moz-background-size: 0px 0px;
	-webkit-background-size: 0px 0px;
	background-size: 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
}
@media screen and (max-width:320px){
.db_jjfa ul li{width: 100%; margin:15px 0px 15px 0px;}
.db_zz ul li{width: 22%; float: left; margin-left:0px; margin-right:0px; }
.db_lc ul li{width: 100%;}
.db_lc ul li .span2{top:-15px; }
.qd_rz_box .container{overflow: hidden; width:99%; }
#qd_rz_box_top{width:99%; text-align:center; margin:0 auto; }
.db_cp ul li{width:100%; height:300px;}
.db_zx{padding-top:0px; }
.db_cplf{display:none;}
.db_hyfg ul li{width: 44%; text-align:center;}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	margin-top: -25px;
	-moz-background-size: 0px 0px;
	-webkit-background-size: 0px 0px;
	background-size: 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
}

.db_zz{padding: 1rem 0 1rem; }
.db_zz ul{ width:100%; display:inline-block; }
.db_zz ul li{width: 23%; float: left; margin-left:10px; margin-right:10px; margin-bottom:20px; }
.db_zz ul li{padding: 0rem;}

.limiter {width: 100%;margin: 0 auto;}
.container-table100 {padding-bottom: 40px;width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;display: flex;justify-content: center;
flex-wrap: wrap;}
.wrap-table100 {width: 960px; border-radius: 3px;overflow: hidden;}
.table {width: 100%;display: table;margin: 0;border-left:#eee solid 1px;}

@media screen and (max-width: 768px) {.table {display: block; }}
.row1 {display: table-row;background: #fff;}
.row1.header {color: #ffffff;background: #b41d22;}
@media screen and (max-width: 768px) {
 .row1 {display: block;}
 .row1.header { padding: 0;height: 0px;background: #b41d22; }
 .row1.header .cell {display: none;}
 .row1 .cell:before {font-family: Poppins-Bold;font-size: 12px;color: #808080;line-height: 1.5;text-transform: uppercase;font-weight: unset !important;
margin-bottom: 13px; content: attr(data-title); min-width: 98px; display: block; }
}
.cell { display: table-cell; border-right:#eee solid 1px; padding:10px;}
@media screen and (max-width: 768px) {
  .cell {display: block;}
}
.row1 strong{color:#b41d22;}
.row1 .cell {font-family: Poppins-Regular;font-size: 14px;color: #0c0c0c; line-height: 1.2; font-weight: unset !important;padding-top: 20px;padding-bottom: 20px;height: 100%;vertical-align: middle;border-bottom: 1px solid #f2f2f2;}
.row1.header .cell {font-family: Poppins-Regular;font-size: 18px;color: #fff;line-height: 1.2;font-weight: unset !important;padding-top: 20px;padding-bottom: 20px;}
.row1 .cell:nth-child(1) { width: 10%;font-weight:bold;text-align:center;}
.row1 .cell:nth-child(2) {width: 18%;text-align:center;}
.row1 .cell:nth-child(3) {width: 18%;text-align:center;}
.row1 .cell:nth-child(4) { width: 18%; text-align:center;}
.row1 .cell:nth-child(5) {width: 18%;text-align:center;}
.row1 .cell:nth-child(6) {width: 18%;text-align:center;}
.table, .row1 {width: 100% !important;}
.row1:hover {background-color: #eee;cursor: pointer;}
.row1.header:hover {color: #ffffff;background: #b41d22;}

@media (max-width: 768px) {
.row1 { border-bottom: 1px solid #f2f2f2; padding-bottom: 18px;padding-top: 30px; padding-right: 15px; margin: 0;}
.row1 .cell { border: none; padding-left: 30px;padding-top: 16px; padding-bottom: 16px; }
.row1 .cell:nth-child(1) { padding-left: 30px; }
.row1 .cell {font-family: Poppins-Regular; font-size: 18px; color: #555555;line-height: 1.2; font-weight: unset !important;}
.table, .row1, .cell { width: 100% !important;}
}

.swiper-container {margin-left: auto;margin-right: auto;position: relative;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 20%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	margin-top: -25px;
	-moz-background-size: 27px 20px;
	-webkit-background-size: 27px 20px;
	background-size: 27px 20px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 20px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 20px;
	box-shadow: rgba(0,0,0,.5) 0px 0px 20px;
}
.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 100%;
	margin:12px 12px;
	padding:0px 12px;
	overflow:hidden;
	text-align:center;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 10px;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.swiper-slide img {
	width: 100%;
	display: block;
	margin:0px;
}
.banner-arrow div:hover {
	background-color: #4a4a4a;
}
.swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
	left: 10px;
}
.swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
}



      @media(min-width:1024px)
      {
          .widths{width:450px;}
          .apt_zz_box{width:1060px}
          .apt_zz_box .contss{width:1000px;}

       #apt_zz_box_top {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-left:40px;
    padding: 0 90px;
}
.col-lg-3{border: 1px solid #eeeeee;height: 270px;
    border-radius: 10px;
    padding: 20px 10px 20px 10px;
}
.col-lg-3:hover{
box-shadow: 2px 4px 6px #000;
}
          }