/* CSS Document */
.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}
.fullimg{  height: auto; width: auto;max-width: 100%; margin: 0px auto;}


.pd-t120{ padding-top: 30px;}
.pd-t80{ padding-top: 25px;}
.pd-tb80{padding-top: 25px; padding-bottom: 25px;}
.pd-t40{ padding-top: 15px;}
.pd-t20{ padding-top: 8px;}
.mg-t80{ margin-top: 25px;}
.mg-t40{ margin-top: 15px;}
.mg-t20{ margin-top: 8px;}
.pd-t15{ padding-top: 6px;}
.pd-t25{ padding-top: 9px;}
.pd-tb25{ padding-top: 9px; padding-bottom: 9px;}
.pd-tb20{ padding-top: 8px; padding-bottom: 8px;}
.pd-tb30{ padding-top: 11px; padding-bottom: 11px;}
.pd-tb40{ padding-top: 15px; padding-bottom: 15px;}
.pd-l60{ padding-left: 23px;}
.pd-b40{ padding-bottom: 15px;}
h1, .h1, .ft36-26 {font-size: 1.625rem;}/*26px*/
h2, .h2, .ft32-24 {font-size: 1.5rem;}/*24px*/
h3, .h3, .ft28-22 {font-size: 1.375rem;}/*22px*/
h4, .h4, .ft24-18 {font-size: 1.125rem;}/*18px*/
h5, .h5, .ft20-16 {font-size: 1rem;}/*16px*/
h6, .h6, .ft16-14 {font-size: 0.875rem;}/*14px*/
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.pd-t120{ padding-top: 50px;}
	.pd-t80{ padding-top: 40px;}
	.pd-tb80{padding-top: 40px; padding-bottom: 40px;}
	.pd-t40{ padding-top: 20px;}
	.pd-t20{ padding-top: 10px;}
	.mg-t80{ margin-top: 40px;}
	.mg-t40{ margin-top: 20px;}
	.mg-t20{ margin-top: 10px;}
	.pd-tb25{ padding-top: 15px; padding-bottom: 15px;}
	.pd-t15{ padding-top: 5px;}
	.pd-t25{ padding-top: 15px;}
	.pd-tb20{ padding-top: 10px; padding-bottom: 10px;}
	.pd-tb30{ padding-top: 15px; padding-bottom: 15px;}
	.pd-tb40{ padding-top: 20px; padding-bottom: 20px;}
	.pd-l60{ padding-left: 30px;}
	.pd-b40{ padding-bottom: 20px;}
	h1, .h1, .ft36-26 {font-size: 1.875rem;}/*30px*/
	h2, .h2, .ft32-24 {font-size: 1.625rem;}/*26px*/
	h3, .h3, .ft28-22 {font-size: 1.5rem;}/*24px*/
	h4, .h4, .ft24-18 {font-size: 1.25rem;}/*20px*/
	h5, .h5, .ft20-16 {font-size: 1.125rem;}/*18px*/
	h6, .h6, .ft16-14 {font-size: 1rem;}/*16px*/
}
@media (min-width: 992px) {
	.pd-t120{ padding-top: 80px;}
	.pd-t80{ padding-top: 60px;}
	.pd-tb80{padding-top: 60px; padding-bottom: 60px;}
	.pd-t40{ padding-top: 30px;}
	.pd-t20{ padding-top: 15px;}
	.mg-t80{ margin-top: 60px;}
	.mg-t40{ margin-top: 30px;}
	.pd-t15{ padding-top: 10px;}
	.pd-t25{ padding-top: 20px;}
	.mg-t20{ margin-top: 15px;}
	.pd-tb20{ padding-top: 15px; padding-bottom: 15px;}
	.pd-tb30{ padding-top: 22px; padding-bottom: 22px;}
	.pd-tb40{ padding-top: 30px; padding-bottom: 30px;}
	.pd-l60{ padding-left: 45px;}
	.pd-b40{ padding-bottom: 30px;}
	h1, .h1, .ft36-26{font-size: 2.25rem;}/*36px*/
	h2, .h2, .ft32-24{font-size: 2rem;}/*32px*/
	h3, .h3, .ft28-22{font-size: 1.75rem;}/*28px*/
	h4, .h4, .ft24-18{font-size: 1.5rem;}/*24px*/
	h5, .h5, .ft20-16{font-size: 1.25rem;}/*20px*/
	h6, .h6, .ft16-14 {font-size: 1rem;}/*16px*/
}
@media (min-width: 1230px) {
	.pd-t120{ padding-top: 120px;}
	.pd-t80{ padding-top: 80px;}
	.pd-tb80{padding-top: 80px; padding-bottom: 80px;}
	.pd-t40{ padding-top: 40px;}
	.pd-t20{ padding-top: 20px;}
	.mg-t80{ margin-top: 80px;}
	.mg-t40{ margin-top: 40px;}
	.mg-t20{ margin-top: 20px;}
	.pd-t15{ padding-top: 15px;}
	.pd-t25{ padding-top: 25px;}
	.pd-tb25{ padding-top: 25px; padding-bottom: 25px;}
	.pd-tb20{ padding-top: 20px; padding-bottom: 20px;}
	.pd-tb30{ padding-top: 30px; padding-bottom: 30px;}
	.pd-tb40{ padding-top: 40px; padding-bottom: 40px;}
	.pd-l60{ padding-left: 60px;}
	.pd-b40{ padding-bottom: 40px;}
}

.ft12{ font-size: 12px;}
.ft14{ font-size: 14px;}
.ft16{ font-size: 16px;}
.fts18{ font-size: 14px;}
.fts16{ font-size: 14px;}
.fts14{ font-size: 12px;}
@media (min-width: 576px) {
.fts18{ font-size: 16px;}
}
@media (min-width: 992px) {
.fts18{ font-size: 18px;}
.fts16{ font-size: 16px;}
.fts14{ font-size: 14px;}
}









.tbar{  display: flex; flex-direction: column; justify-content:center; align-items:flex-start;  /*width: 100%;*/ text-align: center;font-size:1.375rem;    }
.tbar h2{ font-weight: bold;  display: inline-block; /* background: url(../images/dot.png) no-repeat right bottom 5px; padding-right: 15px; */}
.tbar p{ margin-top: 5px; text-align: left; text-transform:uppercase}
.cent{ align-items: center; }
.cent p{color: #a5a5a5;}
.cent h2{ background: none;}


.fj-main{  }

.fj-cut{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.fj-cut ul{ width:130%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.fj-cut ul li{ width: auto; text-align: center;line-height:1.5; cursor: pointer;}
.fj-cut ul li:last-child{ border: none;}
.fj-cut ul li.on{  color: #cc0066;}
@media (max-width:575.98px) {
	.fj-cut ul.fts16{font-size: 12px;}
}
@media (min-width:992px) {
	.fj-cut ul li{ font-size: 20px;}
	.fj-cut ul{ width: 80%;}
}

.fj-con .content{ display: flex; flex-direction: row; flex-wrap:wrap; align-items: center; justify-content: space-between; width: 100%;}
.fj-con .content .ppic{ display: block; width: 48%; position: relative;}
.fj-con .content .ppic img{ width: 100%; height:auto; object-fit: cover; border: 1px solid #f4f4f4;}
.fj-con .content .ppic h6{ position: absolute; bottom: 0px; left: 0px; width:100%;   box-sizing: border-box; padding: 5px 13px; background: rgba(0,0,0,0.5); color: #ffffff;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.fj-con .content .ppic div{ display: none;}
.fj-con .content .ppic:hover div{ display:flex; position: absolute; bottom: 0px; right: 0px; width: 27%; height: 27%; background:#cc0066 ; color: #ffffff; align-items: center; justify-content: center; font-size: 30px; z-index: 2;}

@media (min-width:768px) {
	.fj-con .content:after {content: ""; width: 32%;}
	.fj-con .content .ppic{  width: 32%;}
}


.proli{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}

.proli li{ width: 48.5%; padding: 6px 6px 12px 6px; border: 1px solid #f4f4f4; padding-bottom:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.1);text-align: center;}
.proli li:hover{  }
.proli li a img{ width: 100%; height: auto; object-fit: cover;}
.proli li h6{ padding: 0px 8px; margin-top: 10px; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden; font-size: 14px;}
.proli li p{padding: 0px 8px; margin-top: 5px;font-size: 12px;}
.proli span{ font-size: 12px; display: inline-block; margin-top: 15px; border: 1px solid #cc0066; color: #cc0066; height: 26px; line-height: 26px; padding: 0px 15px; border-radius: 14px;}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
	.proli:after {content: ""; width: 23.5%;}
	.proli li{ width: 23.5%;}
	 
}

@media (min-width: 992px) {
	 
}
@media (min-width: 1230px) {
	 
}


.bgpic{ background: url(../images/ban2.jpg) no-repeat center; background-size: cover; }
.shadec1{ width: 100%; height: 100%;/*background: linear-gradient(to right, rgba(50,32, 22, 0.95) 25%,rgba(255, 255, 255, 0.01) 100%);*/}
.bgtext{ height: 600px;display: flex; flex-direction: column; justify-content: center; align-items:flex-start; color: #ffffff; padding-left: 10%;}
.bgtext h1{ display: inline-block; padding-right: 30px; border-bottom: 2px solid #cc0066; line-height: 2;}
.bgtext p{ }
.bgtext a{ display: inline-block; padding: 3px 40px; color: #ffffff; border: 1px solid #ffffff;}

.tsbgpic{ background: url(../images/bg1.jpg) no-repeat center ; background-size: cover; }
@media (max-width:767.98px) {
	.tsbgpic{ height:250px ; margin-top: 15px;}
}

.icttli1{ padding-right: 5%;  }
.icttli1 li{ padding:15px; border: 1px solid #d9d9d9;}
.icttli1 li:hover{}
.icttli1 li p{ margin-top: 8px;}

@media (min-width:576px) {
	.icttli1{ padding-right: 10%;}
}
@media (min-width:1230px) {
	.icttli1{ padding-right: 20%;}
}
.icttli1 a{ display: block; padding-left: 21%; background: no-repeat left 0% center;background-size: 15% auto;}
.icttli1 li:hover { border-left: 2px solid #cc0066; box-sizing: border-box; box-shadow: 3px 3px 6px rgba(193,193,193,0.43);}
.icttli1 li:hover a{ color: #000000;}
.icttli1 li h5{font-weight: bold;}


.icttli1 li:nth-of-type(1) a{background-image: url(../images/ic1.png);}
.icttli1 li:nth-of-type(2) a{background-image: url(../images/ic2.png);}
.icttli1 li:nth-of-type(3) a{background-image: url(../images/ic3.png);}
.icttli1 li:nth-of-type(4) a{background-image: url(../images/ic4.png);}
.icttli1 li:nth-of-type(5) a{background-image: url(../images/ic5.png);}

@media (min-width:576px) {
.icttli1 a{padding-left: 21%;background: no-repeat left 4% center;background-size: 12% auto;}
}

@media (min-width:768px) {
.icttli1 a{padding-left: 24%;background: no-repeat left 2% center;background-size: 17% auto;}
}

@media (min-width:992px) {
.icttli1 a{padding-left: 32%;background: no-repeat left 8% center;background-size: 16% auto;}
}



/*.sec01{ background: url(../images/sec1bg.jpg) bottom center no-repeat;}*/
/*首页手风琴样式*/ 
.sec01 .mode-list{ width: 100%;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.sec01 .mode-list .mode-item{ width: 160px; margin: 0px 2px;   text-align: center;  overflow: hidden; background: #fff; transition: width .4s;display: flex; flex-direction: row;border-radius: 5px;}
.sec01 .mode-list .mode-wrap{ display: flex;flex-direction: row;flex-grow: 1; }
.sec01 .mode-list .mode-view{ width: 160px; height: 450px; opacity: 1; border-radius: 5px;}
.sec01 .mode-list .mode-view div{ width: 100%; height: 100%; background: rgba(0,0,0,0.75);display: flex; align-items: center; flex-direction: column; justify-content: center; color: #ffffff;}
.sec01 .mode-list .mode-view h4{  padding: 5px 0px; font-weight: bold;writing-mode: vertical-lr; writing-mode: tb-lr; text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.sec01 .mode-list .mode-detail{display: flex;flex-direction: row; width: 380px;  background: #00CE52; opacity: 0;flex-grow: 1;border-radius: 5px; align-items: flex-end; justify-content: space-between;color: #ffffff;}
.sec01 .mode-list .mode-detail .detailcon{ width: 100%; padding: 15px; background: rgba(0,0,0,0.3); text-align: left;}
.sec01 .mode-list .mode-detail .detailcon .bit{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.sec01 .mode-list .mode-detail .detailcon .bit h5{ font-weight: bold;}
.sec01 .mode-list .mode-detail .detailcon .bit a{ color: #ffffff;}
.sec01 .mode-list .mode-detail .detailcon p{ margin-top: 10px; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden;}

.sec01 .mode-list .mode-item .mode-view{background-size: cover; background-color: rgba(0,0,0,1) ; background-repeat: no-repeat; background-position: center;}
.sec01 .mode-list .mode-item .mode-detail{ background-size: cover;transition: width 5s; background-color: rgba(0,0,0,1) ; background-repeat: no-repeat; background-position: center;}
.sec01 .mode-list .mode-item-1 .mode-view{ background: url(../images/hkj1.jpg) no-repeat center rgba(0,0,0,1); background-size: cover;}
.sec01 .mode-list .mode-item-1 .mode-detail{background: url(../images/hkj1.jpg) no-repeat center rgba(0,0,0,1); background-size: cover;transition: width 5s;}
.sec01 .mode-list .mode-item-2 .mode-view{ background: url(../images/hkj2.jpg) no-repeat center rgba(0,0,0,1); background-size: cover;}
.sec01 .mode-list .mode-item-2 .mode-detail{background: url(../images/hkj2.jpg) no-repeat center rgba(0,0,0,1); background-size: cover;transition: width 5s;}
.sec01 .mode-list .mode-item-3 .mode-view{ background: url(../images/hkj3.gif) no-repeat center rgba(0,0,0,1); background-size: cover;}
.sec01 .mode-list .mode-item-3 .mode-detail{background: url(../images/hkj3.gif) no-repeat center rgba(0,0,0,1); background-size: cover;transition: width 5s;}

.sec01 .mode-list .mode-item.active{ width: 380px; flex-grow: 1; }
.sec01 .mode-list .mode-item.active .mode-wrap{ margin-left: -160px; opacity: 1;}
.sec01 .mode-list .mode-item.active .mode-view{ opacity: 0; }
.sec01 .mode-list .mode-item.active .mode-detail{ opacity: 1; }

@media (max-width: 1229.98px) {
	.sec01 .mode-list .mode-view{width: 120px;height: 313px;}
	.sec01 .mode-list .mode-item{width: 120px;}
	.sec01 .mode-list .mode-detail{width: 280px;}
	.sec01 .mode-list .mode-item.active{ width: 280px;}
	.sec01 .mode-list .mode-item.active .mode-wrap{ margin-left: -120px;}

}

@media (max-width: 991.98px) {
	
	.sec01 .mode-list .mode-view{width: 90px;height: 260px;}
	.sec01 .mode-list .mode-item{width: 90px;}
	.sec01 .mode-list .mode-view h4{ }
	.sec01 .mode-list .mode-detail{width:100px;}/**/
	.sec01 .mode-list .mode-item.active{width: 100px;}/**/
	.sec01 .mode-list .mode-item.active .mode-wrap{ margin-left: -90px;}
}
@media (max-width: 445.98px) {
	.sec01 .mode-list .mode-item{width: 33%;}
	.sec01 .mode-list .mode-view{width: 100%;height: 320px;}
	.sec01 .mode-list .mode-view h4{ }
	.sec01 .mode-list .mode-detail{ display: none;}/**/
	
	.sec01 .mode-list .mode-detail .detailcon{ padding: 8px;}
	.sec01 .mode-list .mode-detail .detailcon .bit{ display: flex; flex-direction:column; align-items: center; justify-content: space-between;}
	.sec01 .mode-list .mode-detail .detailcon .bit a{ font-size: 12px; display: block; margin-top: 5px; background:rgba(0,0,0,0.2); color: #ffffff; padding: 2px 5px;}
	.sec01 .mode-list .mode-detail .detailcon .bit h5{ align-self: flex-start;}

	.sec01 .mode-list .mode-item.active{width: 33%;}/**/
	.sec01 .mode-list .mode-item.active .mode-view{display: none;}
	.sec01 .mode-list .mode-item.active .mode-detail{width:100%; display:flex;}
	.sec01 .mode-list .mode-item.active .mode-wrap{ margin-left: 0px;}
	.mode-wrap img{width: 80%; max-width: 84px; max-height: 84px; height: auto;}
	.mode-view img{width: 60%; max-width: 84px; max-height: 84px; height: auto;}
}

.xinwli{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; background: #ffffff;}
.xinwli .time{ padding: 8px; text-align: center; border: 1px solid #cc0066; color: #cc0066;}
.xinwli .time span{ display: block; font-size: 30px;}
.xinwli .text{ width: 100px; flex-grow: 1; box-sizing: border-box; padding-left: 13px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; }
.xinwli .text h5{ font-weight: bold; font-size: 15px;}
.xinwli .text p{ font-size: 12px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden; margin-top: 10px;}
.xinwli img{ width: 100%; }
@media (min-width: 576px) {
	.xinwli .text{ padding-left: 20px; padding-right: 20px; }
	.xinwli img{ width: 25%;margin-top: 0px;}
}
@media (min-width: 768px) {
	.xinwli .time{padding: 15px;}
	.xinwli .time span{ font-size: 36px;}
	.xinwli .text p{ font-size: 14px; margin-top: 15px;}
	.xinwli .text h5{font-size: 16px;}
}

@media (min-width: 992px) {
	.xinwli .time span{ font-size: 40px;}
	.xinwli .text{ padding-left: 30px; padding-right: 30px;}
	.xinwli .text p{ font-size: 16px;margin-top: 20px;}
	.xinwli .text h5{font-size: 20px;}
}
@media (min-width: 1230px) {
	.xinwli img{ width: 20%;}
}


.btn1{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;}
.btn1 a{ display: inline-block; border: 2px solid #333333; padding: 3px 20px;}
.btn1 a:hover{ background-color: #cc0066; color: #ffffff;border: 2px solid #cc0066;}


.ljj {  background: url(../images/ljj.jpg) no-repeat bottom center #4a4a4a; background-size: 100% auto; }
.ljj .col-md-12{ display: flex; flex-direction:column; justify-content: center; align-items: center;}

.ljic{ width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.ljic li{ width: 32%; background: rgba(255,255,255,0.05); box-sizing: border-box; padding-left: 10px; padding-right: 10px;display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; cursor: pointer;}
.ljic li a{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff;}
.ljic li:hover{ background:#cc0066; }
.ljic li span,.ljic li:hover span{ color: #ffffff; align-self: flex-end;}
.ljic li b{  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; font-size: 46px; color: #535353;display: block;}
.ljic li:hover b{color: #cc0066; }
.ljic li h5{ font-weight: bold;}
@media (min-width: 576px) {
	.ljic{ width: 90%;}
	.ljic li{ width: 30%;}
	.ljic li b{ font-size:60px ;}
}

@media (min-width: 768px) {
	.ljic li b{ font-size: 90px;}
	
}

.foot{ background: url(../images/ftbg.jpg) repeat-y center; background-size: 100% auto; color: #fefefe;}
.foot .col-md-4{ background: #4f4b4c;}
.foot .col-md-8{ background: #646162;}
.flogo{width:40%;  }
.tel{ padding-left: 10px; border-left: 2px solid #cc0066;}

@media (min-width: 576px) {
	.flogo{ width: auto;}
	
}

.ftic{ display: flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
.ftic li{ width: 50px; height: 50px; padding: 10px; box-sizing: border-box; border-radius: 50%; background: #5d595a; margin-top: 8px; margin-right: 15px; position: relative;}
.ftic li .icimg{ display: none;}
.ftic li:hover{cursor: pointer;}
.ftic li:hover .icimg{ position: absolute; top: 0; height: auto; left: 50%; margin-top: -105px; display: block; margin-left: -50px; z-index: 2;}
.ftic li .icimg img{ width:100px; height:auto; border-radius: 4px;}
.ftic li img{   height:auto; object-fit: cover;   width: 100%;}
.foot .fts14{ line-height: 1.8;}


.ftmenu{ display:  flex; flex-direction: row; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap;}
.ftmenu li{ flex-direction: column; align-items:flex-start; justify-content: center; display: flex; margin-right: 30px;}
.ftmenu li b{ font-size: 14px; padding-bottom: 6px; background: url(../images/line.png) no-repeat bottom left; margin-bottom: 3px; }
.ftmenu li a{ font-size: 12px; color: #fefefe; padding: 2px 0px; background: url(../images/dot2.png) no-repeat left center; padding-left: 14px;}

@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	.ftmenu li b{ font-size: 16px;padding-bottom: 10px;margin-bottom: 5px;}
	.ftmenu li a{ font-size: 14px;padding: 3px 0px;padding-left: 14px;}
}
@media (min-width: 1230px) {
	.ftmenu li b{ font-size: 18px;}
	
	.ftmenu{justify-content:flex-end;}
}


/*返回顶部*/
#gotop{ z-index:20; bottom:88px;_margin-bottom:30px; width:29px;height:29px;position:fixed;right:20px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

/*侧边悬浮*/

.suspension{position:fixed;z-index:55;right:8px;bottom:200px;width:70px;height:192px; display: none;}
@media (min-width: 1230px) {
	.suspension{display: block;}
}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:82px;height:90px; margin-bottom:-1px;cursor:pointer;outline:none; background-position: top 15px center; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #f5f5f5; color: #999999;  position: relative; box-sizing: border-box;}
.suspension .a-service{  background-image: url(../images/ic_tel.png); }
.suspension .a-qrcode{background-image: url(../images/ic_kf.png);}
.suspension .a-zxkf{background-image: url(../images/ic_rw.png);}
.suspension .a.active,
.suspension .a:hover{ color: #cc0066;}
.suspension .a-service:hover{ background-image: url(../images/ic_tel1.png);}
.suspension .a-qrcode:hover{ background-image: url(../images/ic_kf1.png);}
.suspension .a-zxkf:hover{ background-image: url(../images/ic_rw1.png);}
.suspension .a .i{box-sizing:border-box; background-repeat:no-repeat; position: absolute; bottom: 8px; width: 100%; left: 0; text-align: center; font-style: normal; font-size: 14px;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{   }

.suspension .a-qrcode .i{  }
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-image:url(../images/top.png);background-repeat:no-repeat;background-position: center}
.suspension .a-top{background:#353535;}

.suspension .a-top:hover{background: #036;}
.suspension .d{ display: none; width:100px;background:#fff;position:absolute;right:90px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); text-align: center;}
.suspension .d .arrow{position:absolute;width:8px;height:90px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:45px;}
.suspension .d-service{top:0px;}
.suspension .d-service-phone{top:78px;}
.suspension .d-zxkf{top:86px;}
.suspension .d-qrcode{top:205px;}

.suspension .d-qrcode{  width:150px; right:90px;min-height:40px; text-align: center; }
.suspension .d-qrcode p{font-size: 18px; font-weight: bold;}
.suspension .d-qrcode .arrow{ width:8px;height:40px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:13px;}

.suspension .d .inner-box{padding:4px 0;}
.suspension .d .inner-box p{color: #cc0066; font-size: 14px; line-height: 1.2; margin-top: 3px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:82px;height:90px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:82px;height:90px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:82px;height:90px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .qrcode-img img{ width:90px; margin: 0px auto;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/*产品内容页样式*/
.probox{  background: #f0f1f4; padding-top: 80px;  color: #333333;}
.probox .col-12{padding-left: 20px; padding-right: 20px;}
.procon{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.propic{ width: 100%; box-sizing: border-box; }
.proinfo{ width: 100%;box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.prothumb{ position: relative; padding: 0px 30px;}

.proinfo .ptitle p{ }

	.probox .swiper-container {width: 100%;margin-left: auto;margin-right: auto;height: auto;}
	.probox .swiper-slide {background-size:auto 100% ;background-position: center;}
	.probox .swiper-slide img{width:100%; height:auto; object-fit: cover; margin: 0px auto;}
	.probox .gallery-top {width: 100%;}
	.probox .gallery-thumbs {box-sizing: border-box; padding-top: 10px;}
	
	.probox .swiper-wrapper{ display: flex; height:auto; }
	.probox .swiper-slide {  display: flex; flex-direction: row; justify-content: center; align-items: center; }
	
	.probox .swiper-button-prev:after,.probox .swiper-container-rtl .swiper-button-next:after{content:'prev'}
	.probox .swiper-button-next:after,.probox .swiper-container-rtl .swiper-button-prev:after{content:'next'}
	:root{--swiper-navigation-size:18px}
	.probox .swiper-button-prev,.probox .swiper-container-rtl .swiper-button-next{left:0px;right:auto}
	.probox .swiper-button-next,.probox .swiper-container-rtl .swiper-button-prev{right:0px;left:auto}
	
	.probox .gallery-top .swiper-slide{height:auto;}
	
	.probox .gallery-thumbs .swiper-slide {height: auto;opacity: 0.4;border: 1px solid #b8b8b9; padding: 3px;}
	.probox .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border: 1px solid #cc0066; }

.ptitle h3{ font-weight: bold;}
.ptitle p{ line-height: 1.8;}
.pprice{ margin: 8px 0px;}
.pprice{ font-size: 14px;}
.pprice i{ display: inline-block; padding-left: 8px;  font-style: normal;}
.pprice p{ font-size: 12px; color: #666666; margin-top: 5px; background: url(../images/ic_jt.png) no-repeat left top 2px; background-size: 14px 14px; padding-left: 20px;}
.pbuy{ margin-top: 10px; align-self: center; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pbtn{ font-size: 12px; background: #cc0066; color: #ffffff; line-height: 2.5; height:30px ; padding: 0px 37px; border-radius: 20px; margin-left: 8px; margin-right: 8px; cursor: pointer; box-sizing: border-box; display: flex;align-items: center;}
.fjmd{ background: #ffffff;color: #cc0066; border: 2px solid #cc0066;}
.plink{ position: absolute; bottom: 30px; left: 5%; width: 40%; background: #ffffff; display:none; line-height: 30px; }
.plink a{display: block; width: 100%; text-align: center;}
.plink a:first-child{ border-bottom: 1px solid #eeeeee;}
@media (min-width: 576px) {

	.probox .gallery-thumbs .swiper-slide {padding: 5px;}
}
@media (min-width:768px) {
	.probox{padding-top: 75px;}
	.propic{ width: 45%; }
	.proinfo{ width: 52%; padding-left: 20px; padding-top:20px ; padding-bottom: 20px;}

	.pbuy{ margin-top: 10px; align-self:flex-start;}
	.pbtn{ font-size: 14px; height: 35px;}
	.plink{bottom: 35px;}
}
@media (min-width: 992px) {
	.probox{padding-top: 95px; font-size: 14px;}

	.pbtn{ font-size: 16px; height:40px;}
	.plink{bottom: 40px;}
}
@media (min-width: 1230px) {
	.probox{padding-top: 130px;}
	.propic{ width: 40%;}
	.proinfo{ width: 45%;padding-top:40px ; padding-bottom: 40px;}

	.pbtn{ font-size: 16px; height:45px;margin-left: 15px; margin-right: 15px;}
	.plink{bottom: 45px;}
}

.profl{ background: #f7f7f7; border: 1px solid #dddddd; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.profl li,.profl b{ width:auto; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
.profl b{ width: 100%;border-bottom: 1px solid #dddddd;}
.profl li a{ background: url(../images/ic_jia.png) no-repeat left center; padding-left: 25px; font-size: 12px;}
.profl li.cur{  }
.profl li.cur a{ color: #cc0066; font-weight: bold;}
@media (min-width: 992px) {
	.profl li{ width: 100%;border-bottom: 1px solid #dddddd; padding-top: 8px; padding-bottom: 8px;}
	
	.profl li:last-child{border-bottom:none;}
	.profl b{ font-size: 16px; padding-top: 10px; padding-bottom: 10px;}
	.profl li a{ font-size: 14px;}
}

.pro-main{ }
.pro-cut ul{ display: flex; flex-direction: row; justify-content:flex-start;align-items: center; font-size: 12px; border-bottom: 1px solid #cc0066;}
.pro-cut ul li{  padding: 8px 10px; cursor: pointer;}
.pro-cut ul li.on{ background: #cc0066; color: #ffffff;}
@media (min-width: 576px) {
	.pro-cut ul li{  padding: 8px 20px;}
}
@media (min-width: 992px) {
	.pro-cut ul{ font-size: 14px;}
}
.pro-con .content div{ width: 100%!important;}
.pro-con img{ margin: 0px auto!important; width: auto; max-width: 100%!important; display: block; height: auto;}

/*内页部分公用样式*/
.posit{ font-size: 12px; color: #666666;}
.posit a{color: #666666;}
.nyban { background-position: top center; background-repeat: no-repeat;height: 300px; padding-top: 120px; padding-left: 10%;}
.ban_pro{ background-image: url(../images/ban_pro.jpg);}
.ban_daka{background-image: url(../images/ban_daka.jpg);}
.ban_fazhan{background-image: url(../images/ban_fazhan.jpg);}
.ban_con{background-image: url(../images/ban_con.jpg);}
.ban_brand{background-image: url(../images/ban_brand.jpg);}
.ban_honor{background-image: url(../images/ban_honor.jpg);}
.ban_job{background-image: url(../images/ban_job.jpg);}
.ban_case{background-image: url(../images/ban_case.jpg);}
.ban_xb{background-image: url(../images/ban_xb.jpg);}
.nyban i{ display: block; font-style: normal; text-transform:uppercase}
.nyban  h1{ border-bottom: 2px solid #cc0066; padding-right: 40px;}
.nybar{ font-size: 16px; font-weight: bold; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.nybar a{ font-size: 14px; font-weight: normal;}
@media (min-width: 576px) {
	.nyban{ height: 300px;}
}
@media (min-width: 768px) {
	.posit{ font-size: 14px;}
	.nyban{ height: 300px;padding-top: 105px;}
}
@media (min-width: 992px) {
	.nyban{ height: 420px;padding-top: 135px;}
	.ban_xb{ height: 350px;padding-top: 125px;}
	.nybar{ font-size: 22px;}
}
@media (min-width: 1230px) {
	.nyban{ height: 420px;padding-top: 180px;}
	.ban_xb{ height: 350px;padding-top: 140px;}
	.nyban i{}
}

.bggray{ background: #f8f8f8;}

/*产品列表页样式*/
.nypro{ display: flex; flex-direction: row; justify-content:flex-start; align-items: stretch; flex-wrap: wrap;}
.nypro li{ width:50%; padding: 4px;}
.nypro li a{ display: flex; flex-direction: column; align-items: center; justify-content:flex-start;background: #ffffff;  height: 100%; padding-bottom: 10px; padding-top: 0px; }
.nypro li a:hover{ box-shadow:0px 5px 6px rgba(85,89,95,0.15);}
.nypro li a img{ max-width:100%; height:auto; object-fit: cover; }
.nypro li h6{ font-weight: bold; margin-top: 5px; padding: 0px 5px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden;}
.nypro li p{ font-size: 12px; color: #666666; margin-top: 4px;padding: 0px 5px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden;}
.nypro li span{ display: block; margin-top: 8px; color: #cc0066; font-size: 12px;padding: 0px 5px;}
@media (min-width: 576px) {
	/*.nypro li a img{ height:260px;}*/
}
@media (min-width: 768px) {
	.nypro li{ width:25%; padding: 5px;}
	/*.nypro li a img{ height: 175px;}*/
}
@media (min-width: 992px) {
	.nypro li{ width:25%; padding: 8px;}
	.nypro li a{ padding-bottom: 15px;}
	/*.nypro li a img{ height: 215px;}*/
}
@media (min-width: 1230px) {
	/*.nypro li a img{ height: 280px;}*/
}

/*大咖列表页样式*/
.nydk{ display: flex; flex-direction: row; justify-content:flex-start; align-items: stretch; flex-wrap: wrap;}
.nydk li{ width:50%; padding: 4px;}
.nydk li a{ display: flex; flex-direction: column; align-items: flex-start; justify-content:flex-start;background: #ffffff;  height: 100%; padding-bottom: 10px; padding-top: 0px; border-radius: 5px;box-shadow:0px 5px 6px rgba(85,89,95,0.15); }
.nydk li a:hover{ }
.nydk li a img{ max-width:100%; height:130px; object-fit: cover; border-top-left-radius: 5px;border-top-right-radius: 5px; }
.nydk li h6{ font-weight: bold; margin-top: 5px; padding: 0px 8px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden;}
.nydk li p{  color: #666666; margin-top: 4px;padding: 0px 8px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden; line-height: 1.5; height: 3;}
.nydk li span{ display: block; margin-top: 8px; margin-right: 8px; color: #ffffff; font-size: 12px;padding: 0px 28px 0px 16px; align-self: flex-end;  line-height: 2; border-radius: 20px; background: url(../images/ic_gk.png) no-repeat right 8px center #cc0066; background-size: auto 13px;  }
@media (min-width: 576px) {
	.nydk li a img{ height:220px;}
}
@media (min-width: 768px) {
	.nydk li{ width:33.333%; padding: 5px;}
	.nydk li a img{ height: 195px;}
}
@media (min-width: 992px) {
	.nydk li{ width:25%; padding: 10px;}
	.nydk li a{ padding-bottom: 15px;}
	.nydk li a img{ height: 150px;}
}
@media (min-width: 1230px) {
	.nydk li a img{ height: 210px;}
}

.nybox{ display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 1000px; margin: 0px auto;}
.nrcon{ font-size: 14px; width: 100%; line-height: 1.7;}
.nrcon > *{font-size: 14px!important; width: 100%!important; font-family: "microsoft yahei"!important;}
.nrcon img{height: auto; width: auto!important;max-width: 100%!important; margin: 5px auto;text-align: center;}


.nrcon video{height: auto; width:auto;max-width: 100%; margin: 5px auto; text-align: center;}

@media (min-width: 1230px) {
	.nrcon{font-size: 16px;}
	.nrcon > *{font-size: 16px!important;}
	.nrcon img{ max-width: 800px!important;}
}

.xfm{ position:fixed; left:0px; top: 400px; z-index: 2; }
.lmenu{border: 1px solid #e7e7e7;}
.lmenu li{  line-height: 2; font-size: 14px;  border-bottom: 1px solid #e7e7e7;  box-sizing: border-box;}
.lmenu li:last-child{ border-bottom: none;}
.lmenu li:hover a,.lmenu li.cur a{  border-left: 2px solid #cc0066;background: url(../images/ic_rjt2.png) no-repeat right 10px center #ffffff;color: #cc0066; }
.lmenu li a{ display: block;padding: 3px 30px 3px 10px;background: url(../images/ic_rjt.png) no-repeat right 10px center #f5f5f5;box-sizing: border-box;}

@media (min-width: 992px) {
	.xfm{top: 500px;}
	.lmenu li{ font-size: 16px;}
	.lmenu li a{ padding: 3px 40px 3px 20px;background: url(../images/ic_rjt.png) no-repeat right 15px center #f5f5f5;}
	.lmenu li:hover a,.lmenu li.cur a{  background: url(../images/ic_rjt2.png) no-repeat right 15px center #ffffff;}
}

@media (min-width: 1230px) {
	.xfm{left:50%; margin-left: -800px;}
}


.nybar{ background: #f4f4f4; border-left: 3px solid #cc0066; padding: 8px 15px;}
.nybar h5{ font-weight: bold; background: url(../images/ic_wz.png) no-repeat top 4px left; background-size:auto 20px; padding-left: 25px; } 
@media (min-width: 992px) {
	.nybar{ padding: 5px 30px;}
}

.almain{ position: relative; display: flex; flex-direction: row; justify-content:space-between; align-items:center; flex-wrap: wrap;}
.alcut{ }
.alcut ul{ display: flex; flex-direction: row; justify-content: flex-start;align-items: center; }
.alcut ul li { width: 24%;   padding: 0 0.5%;}
.alcut ul li img{ width:100%; height: auto; object-fit: cover; opacity: 0.5;}
.alcut ul li.on img{opacity: 1; border: 1px solid #cc0066;}


.alcon{ width: 100%;}
.alcon img{ width: 100%; height: auto;}
.almain .text{width: 100%;}
.almain .text p{}
@media (min-width: 768px) {
	.alcon{ width: 47%;}
	.almain .text{width: 47%;}
}

.img3s{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.img3s img{ width: 32.5%; height: auto; object-fit: cover;}

.twimg2{ display: flex; flex-direction: row; justify-content: space-between; align-items:  center; flex-wrap: wrap;}
.twimg2 .text{width: 100%;}
.twimg2 img{ width: 49%;height: auto; object-fit: cover;}

@media (min-width: 768px) {
.twimg2 .text{width: 32.5%;}
.twimg2 img{ width: 32.5%;}
}



.nymenu{  display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.nymenu li{  line-height: 2; font-size: 12px;  border-right: 1px solid #e7e7e7;  box-sizing: border-box; margin-top: 5px; }
.nymenu li:last-child{ border-right: none;}
.nymenu li:hover a,.nymenu li.cur a{ background-color: #ffffff; border-top: 2px solid #cc0066; color: #cc0066;}
.nymenu li a{ display: block;padding: 3px 10px 3px 10px;box-sizing: border-box; background:#f5f5f5 ; text-align: center;}

@media (min-width: 768px) {
	.nymenu{border: 1px solid #e7e7e7;}
	.nymenu li{width: 100%;border-right: none;border-bottom: 1px solid #e7e7e7;margin-top: 0px;font-size: 14px;}
	.nymenu li:last-child{ border-bottom: none;}
	.nymenu li:hover a,.nymenu li.cur a{ border-left: 2px solid #cc0066;border-top:none;background: url(../images/ic_rjt2.png) no-repeat right 10px center #ffffff; }
	.nymenu li a{padding: 3px 30px 3px 10px;background: url(../images/ic_rjt.png) no-repeat right 10px center #f5f5f5;}
}

@media (min-width: 992px) {
	.nymenu{max-width: 225px;}
	.nymenu li{ font-size: 16px;}
	.nymenu li a{ padding: 5px 40px 5px 20px;background: url(../images/ic_rjt.png) no-repeat right 15px center #f5f5f5;}
	.nymenu li:hover a,.nymenu li.cur a{ background: url(../images/ic_rjt2.png) no-repeat right 15px center #ffffff; }
}


.lxfs{  border-bottom: 1px solid #e5e5e5;}
.lxfs:last-child{ border-bottom: none; padding-bottom: 0px;}
.lxfs p{ color: #666666; line-height: 1.7;}
.lxfs h5{ font-weight: bold; padding-right: 35px; background: url(../images/ic_wz2.png) no-repeat right center; display: inline-block;}

@media (min-width: 992px) {
	.lxfs h5{ font-size: 18px;}
}


.hn-main{ }
.hn-cut ul{ display: flex; flex-direction: row; justify-content:flex-start;align-items: center; font-size: 12px; border-bottom: 1px solid #efefef;}
.hn-cut ul li{  padding: 3px 10px; background: #efefef; margin-right:10px; border-top-right-radius: 6px;}
.hn-cut ul li.on{ background: #cc0066; color: #ffffff;}
@media (min-width: 768px) {
	.hn-cut ul li{  padding: 8px 20px;}
}
@media (min-width: 992px) {
	.hn-cut ul{ font-size: 14px;}
}

@media (min-width: 1230px) {
	.hn-cut ul li{  padding: 8px 40px;}
}

.titbar{ text-align: center;}
.titbar h3{ background: url(../images/line2.jpg) no-repeat bottom center; line-height: 1.8; padding-bottom: 10px;}

.jbnr{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;}
.jbnr a{ margin-left: 3px; margin-right: 3px; background: #ffffff; display: block; padding: 8px 10px; border-bottom: 2px solid #cc0066; width: 32%; flex-grow: 1; }
.jbnr a p{ color: #999999;}
.jbnr h5{ background: url(../images/ic_ji.png) no-repeat left center; padding-left: 30px;}

@media (min-width: 576px) {
	.jbnr a{width: 40%;padding: 13px 18px;}
}

@media (min-width: 768px) {
	.jbnr a{padding: 15px 20px;width: 32%;}
}
@media (min-width: 992px) {
	.jbnr a{padding: 20px 25px;}
}
@media (min-width: 1230px) {
	.jbnr a{padding: 25px 30px;}
}

.jobtit span{ font-size: 12px; color: #999999;}
.jobtit h5{ font-weight: bold; margin-top: 5px;background: url(../images/ic_ji.png) no-repeat left center; padding-left: 30px;}
.jobtit p{color: #999999;}
.nylbox{ background: #ffffff; padding: 10px 15px;}
.nyrbox{background: #ffffff; padding: 10px 15px;}
.smtit{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.smtit h6{ font-weight: bolder;}


@media (min-width: 768px) {
.nylbox{   padding: 15px 20px;}
.nyrbox{   padding: 15px 20px;}
}
@media (min-width: 1230px) {
.nylbox{   padding: 20px 35px;}
.nyrbox{  padding: 20px;}
}

.wenzli li {background: url(../images/ic_ji.png) no-repeat left center; padding-left: 30px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px dashed  #e2e2e2;}

.casemenu{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.casemenu li{  width: 19%; padding-bottom: 6px;}
.casemenu li a{ width: 100%; font-size: 12px; text-align: center; line-height: 1.2; display: block; background-color: #f4f4f4; background-position: top 10px center; background-size: auto 25px; background-repeat: no-repeat; padding-top: 40px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; box-sizing: border-box;}
.casemenu li.cur a,.casemenu li a:hover{ background-color: #ffffff; color: #cc0066; border: 1px solid #cc0066;}
.casemenu li.cur{ background: url(../images/ic_jtx.png) no-repeat center bottom;}

.casemenu li:nth-of-type(1) a{background-image: url(../images/ic1.png);}
.casemenu li:nth-of-type(2) a{background-image: url(../images/ic2.png);}
.casemenu li:nth-of-type(3) a{background-image: url(../images/ic3.png);}
.casemenu li:nth-of-type(4) a{background-image: url(../images/ic4.png);}
.casemenu li:nth-of-type(5) a{background-image: url(../images/ic5.png);}
.casemenu li:nth-of-type(1).cur a,.casemenu li:nth-of-type(1) a:hover{background-image: url(../images/ic1_1.png);}
.casemenu li:nth-of-type(2).cur a,.casemenu li:nth-of-type(2) a:hover{background-image: url(../images/ic2_1.png);}
.casemenu li:nth-of-type(3).cur a,.casemenu li:nth-of-type(3) a:hover{background-image: url(../images/ic3_1.png);}
.casemenu li:nth-of-type(4).cur a,.casemenu li:nth-of-type(4) a:hover{background-image: url(../images/ic4_1.png);}
.casemenu li:nth-of-type(5).cur a,.casemenu li:nth-of-type(5) a:hover{background-image: url(../images/ic5_1.png);}

@media (min-width: 576px) {
	.casemenu li a{  font-size: 14px;padding-top: 47px; padding-bottom: 10px;background-position: top 10px center; background-size: auto 30px;}
}
@media (min-width: 992px) {
	.casemenu li a{  font-size: 16px;padding-top: 60px; padding-bottom: 15px;background-position: top 15px center; background-size: auto 35px;}
}
@media (min-width: 1230px) {
	.casemenu li a{  font-size: 18px;padding-top: 85px; padding-bottom: 20px;background-position: top 20px center; background-size: auto 50px;}
}

.caseli{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}

.caseli li{ width: 48.5%; padding: 6px 6px 12px 6px; border: 1px solid #f4f4f4; padding-bottom: 11px;}
.caseli li:hover{ border-bottom: 2px solid #cc0066; padding-bottom: 10px;}
.caseli li a img{ width: 100%; height: 105px; object-fit: cover;}
.caseli li h6{ padding: 0px 8px; margin-top: 8px; font-weight: bold;}
.caseli li p{padding: 0px 8px; margin-top: 5px;}
@media (min-width: 576px) {
	.caseli li a img{height: 170px;}
}
@media (min-width: 768px) {
	.caseli:after {content: ""; width: 32%;}
	.caseli li{ width: 32%;}
	.caseli li a img{height: 150px;}
}

@media (min-width: 992px) {
	.caseli li a img{height: 195px;}
}
@media (min-width: 1230px) {
	.caseli li a img{height: 250px;}
}


.vrli{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.vrli li{ width: 48.5%; padding: 6px 6px 6px 6px; border: 1px solid #f4f4f4;}
.vrli li:hover{ border-bottom: 2px solid #cc0066;}
.vrli li a img{ width: 100%; height: 105px; object-fit: cover;}
.vrli li h6{ padding: 0px 8px; margin-top: 8px; font-weight: bold;}
.vrli li p{padding: 0px 8px; margin-top: 5px;}
@media (min-width: 576px) {
	.vrli li a img{height: 170px;}
}
@media (min-width: 768px) {
	.vrli li{ width: 32%;}
	.vrli li a img{height: 150px;}
}

@media (min-width: 992px) {
	.vrli li a img{height: 195px;}
}
@media (min-width: 1230px) {
	.vrli li a img{height: 250px;}
}


.casecon{ background: #ffffff; padding: 0px 15px 15px 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;  width: 100%;}

@media (min-width: 768px) {
.casecon{   padding: 0px 20px 20px 20px; }
}
@media (min-width: 1230px) {
.casecon{   padding: 0px 35px 35px 35px;}

}

.casecon .text{width: 100%;}
.casecon .imgs{width: 100%;}
.xmxx{ line-height: 2;}
.xmjj{ border-top: 2px solid #f8f8f8; width: 100%;}
.casecon .imgs img{ width: 100%; height: auto;  }
@media (min-width: 768px) {
	.casecon .text{width: 55%;}
	.casecon .imgs{width: 40%;}
	/*.casecon .imgs img{ width: 50%; margin: 0px auto;}*/
}

.honor{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.honor li{ width: 47%; background: url(../images/ptbg.png) no-repeat bottom center; background-size: 100% 70px; padding-bottom: 8px;}
.honor li img{ width:85%; height: auto; margin: 0px auto;}
.honor li p{ padding: 0px 10px; margin: 5px 0px 20px 0px; text-align: center; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden;}

@media (min-width: 768px) {
	.honor li{  background-size: 100% 90px;padding-bottom: 15px;}
	.honor li p{ padding: 0px 30px; margin: 5px 0px 20px 0px; }
	.honor li img{width:80%;}
}

@media (min-width: 992px) {
	.honor{justify-content:flex-start;}
	.honor li{ width: 30%;background-size: 100% 90px;padding-bottom: 15px; margin-left:1.5% ; margin-right: 1.5%;}
	.honor li p{ padding: 0px 30px; margin: 5px 0px 20px 0px; }
	.honor li img{width:75%;}
}


.timezone{ background-image: url(../images/line3.png); background-repeat: repeat-y; background-position: left 0px top; background-size: 2px auto ; width: 100%; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}
.tzbox{ display: flex; flex-direction:column; justify-content:center; align-items: flex-start; width: 100%; margin-top: 40px; padding-left: 15px; padding-right: 15px;}
.tzbox:first-child{margin-top: 0px;}
.boxbg{ background: #ffffff; padding: 12px; width: 100%; box-sizing: border-box; border-radius: 5px;}
.tzic{ background-image: url(../images/dot3.png) ; background-size: 6px 6px; background-repeat: no-repeat; background-position:left 7px center; font-size: 12px;padding-left:20px;    display: inline-block; padding-top: 2px; padding-bottom: 2px;  border-radius: 5px;  background-color: #cc0066; color: #FFFFFF;}
.tzcon{ width:100%;   display: flex; flex-direction: row; justify-content:flex-start;align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;  }

.wl .tzic{ padding-right: 10px;}
.wr .tzic{   padding-right:10px ;}
.tzcon .texts{font-size: 12px; line-height: 1.5; }
.tzcon .texts p{ font-weight: bold; padding: 4px 0px;}
.tzcon .texts span{ font-size: 10px; font-weight: normal;}
.tzcon .texts img{ display:inline-block; width: auto; height: auto; max-width: 100%; padding: 0px 4px;}
@media (min-width:576px) {
	.tzcon .texts{ box-sizing: border-box;}
}
@media (min-width:768px) {
	
	.timezone{   }
	.tzic{  font-size: 16px;}
	.tzcon{ }
	.wl .tzic{ }
	.wr .tzic{   padding-right:18px;}
	.tzcon .texts{ font-size: 14px;  }
	.tzcon .texts p{  padding: 5px 0px;}
	.tzcon .texts span{ font-size: 12px; font-weight: normal;}
}
@media (min-width:992px) {
	.timezone{ background-position: center top; }
	
	.tzbox{ width: 465px; margin-top:0px;  padding-left: 30px; padding-right: 30px;}
	
	.wr{ align-self: flex-end;}
	.wl{  }
	.wl .tzcon{ margin-left: 0px; margin-right: -5px;}
	.wl .tzic{  }
	
	.tzcon .texts{ font-size: 14px; }
	.tzcon .texts p{  padding: 5px 0px;}
}
@media (min-width:1230px) {	
	.tzbox{ width: 600px; margin-top: 0px; }
	.boxbg{ padding: 15px;}
	.wl{ padding-left: 100px;}
	.wr{ padding-right: 100px;}

	.tzcon .texts{ }
}


/* pages */
.pages {padding:40px 40px;text-align: center;font-size:12px;color:#666666; }
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:3px;text-decoration:none;  }
.pages a:hover {background:#cc0066;border:#cc0066 1px solid;color:#FFFFFF;padding:3px;text-decoration:none;}
.pages strong {background:#cc0066;padding:3px;border:#cc0066 1px solid;color:#FFFFFF;border-radius:2px;margin-top: 10px; display:inline-block; }
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center; display: none;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px; display: none;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal; display: block; margin-top: 0.15rem;}
.pages a{  border-radius:2px;word-wrap:break-word;margin-top: 10px; display:inline-block;}


.tzcon .texts img.imgct{ margin: 5px auto; text-align: center; display: block;}


.newsli{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 4p;}
.newsli li{ width: 100%;font-size: 12px; padding: 6px 0px 6px 10px; border-bottom: 1px dashed #e1e1e1; background: url(../images/dot.png) no-repeat left center;  background-size: 4px 4px;}
.newsli li a{ display: inline-block;}
.nrbar{ font-weight: bold;}

@media (min-width:992px) {
	.newsli{ margin-top: 7px;}
	.newsli li{ width: 45%; font-size: 14px; padding: 8px 0px 8px 12px;}
}


.lxss{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.lxss h3{ color: #cc0066; font-weight: bold;}
.lxss form{ display: flex; flex-direction: row; justify-content:center; align-items: center;}
.lxss form input{  height: 30px; padding: 0px 8px; outline: none;}
.lxss form .sbtn{background:#cc0066; color: #ffffff; border: none; padding: 0px 12px;}
.lxss form .kinpt{ width: 200px;border: 1px solid #c1c1c1; border-right: none;}

.zzbox{ display: none;}

.zzbox{position: fixed; top: 50%; left: 50%; width: 90%; width:100%; height:100%; z-index: 99;  box-sizing: border-box;  text-align: center; background: rgba(0,0,0,0.8); display: none;transform:translate(-50%,-50%); box-sizing: border-box; border-radius: 6px;}
.v-box{ width:70%; height: auto; position: absolute; top: 50%; transform:translate(-50%,-50%);  left: 50%;padding:40px 0px 20px 0px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.v-box img{width:70%; max-width: 150px; height: auto;}
.v-box p{ font-size: 16px; color: #ffffff; margin-top:15px;}
.v-box b{ display:inline-block; margin-top: 30px; color: #cc0066; cursor: pointer;}


.bgxb{ background: url(../images/bgxb.jpg) no-repeat center; background-size:auto;}


.b_year img,.b_history img{ max-width: 100%; width: auto;}
.b_history{ padding-left: 15px;}

@media (min-width:992px) {
	.b_history{ padding-left: 30px;}
}