*,*::after,*::before{-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out;}
a:hover{color:#e44452; text-decoration: none}
html{font-size:62.5%}

@media screen and (min-width: 1360px) and (max-width:1440px) {
	html{font-size:12px}
  .navbar-logo{height: 30px}
  .swiper-index-container .logo{padding:8rem 0 5rem;width: 26rem}
	.swiper-index-container .logo img{width: 100%}
	.swiper-ul{height: 19.42rem;}
	.swiper-ul-li{height:19.42rem;margin-right: 1%}
	.swiper-index-logolist{margin-top:7rem;margin-bottom: 4rem}
	.swiper-index-honorlist{margin:10rem 0 12rem 8rem;overflow: hidden}
	
	.swiper-circle{position: relative;margin: 8rem auto 3.5rem;width: 54rem;height: 54rem;text-align: center}
  .swiper-small-circle{padding:2.6rem 0 0 2.6rem;top:21.5rem;left:21.5rem;width: 11rem;height:11rem;}
	.swiper-circle-container .yh{position: absolute;top:4rem;left:41rem;text-align: right}
	.swiper-circle-container .hm{position: absolute;top:3rem;right:35rem;text-align: left}
	.swiper-circle-container .hx{position: absolute;top:16rem;right:30.6rem;text-align: left}
	.swiper-circle-container .tm p,.swiper-circle-container .hycx p{color:#5a2546;font-size: .8rem}
	.swiper-circle-container .tm{position: absolute;bottom:28rem;right:32rem;text-align: left}
	.swiper-circle-container .hycx{position: absolute;bottom:16rem;right:38rem;text-align: left}
	.swiper-circle-container .jq{position: absolute;bottom:17rem;left:40rem}
	.swiper-circle-container .hy{position: absolute;top:27rem;left:32rem}
	.swiper-circle-container .jt{position: absolute;top:17rem;left:32rem}
	
	.swiper-circle-container label.n1{top:-2rem;right:48rem;}
	.swiper-circle-container label.n2{top:-0.5rem;right:38rem;}
	.swiper-circle-container label.n3{top:3rem;right:32.8rem;}
	.swiper-circle-container label.n4{top:7rem;right:31rem;}
	.swiper-circle-container label.n5{top:10.4rem;right:28.2rem;}
	.swiper-circle-container label.n6{top:14rem;right:24.5rem;}
	.swiper-circle-container label.n7{top:18rem;right:24.6rem;}
	.swiper-circle-container label.n8{top:26rem;right:23rem;}
	.swiper-circle-container label.n9{top:34rem;right:23rem;}
	.swiper-circle-container label.n10{top:41rem;right:25rem;}
	.swiper-circle-container label.n11{top:47rem;right:28rem;}
	.swiper-circle-container label.n12{top:53rem;right:39rem;}
	.swiper-circle-container label.n13{top:49rem;left:35rem;}
	.swiper-circle-container label.n14{top:44rem;left:24.6rem;}
	.swiper-circle-container label.n15{top:36rem;left:22rem;}
	.swiper-circle-container label.n16{top:28rem;left:23rem;}
	.swiper-circle-container label.n17{top:19.6rem;left:24rem;}
	.swiper-circle-container label.n18{top:10rem;left:26rem;}
  
  .swiper-circle-container .purple-circle{position: absolute;bottom:10rem;right: 20rem; width: 4rem;height: 4rem;border-radius:50%;background-image: radial-gradient(circle farthest-side at 85% 70%,#f9f8f9, #562748);}
	
	.modal-body .logo{margin-left: 2rem;width: 20rem}
	
	.swiper-index-honorlist{margin:10rem 0 12rem 1rem;overflow: hidden}
	.swiper-index-honorlist li{position:relative;float:left;display:inline-block;width:12rem;margin-left:1rem}
	.swiper-index-honorlist .thumb{width:12rem;height:12rem;background: url("../../images/yh2020/honor_bg.png") no-repeat;background-size:100% 100%}
	.swiper-index-honorlist .thumb p{display:table-cell;width:12rem;height:12rem;text-align:center;vertical-align: middle;color:#57382A;font-size:.75rem}
	.swiper-index-honorlist .title{margin-top:1.5rem;width:100%;text-align:center}
	
	.swiper-hm-ul{margin: 0 0 5rem 0;padding: 0; width: 100%;height: 18.5rem;}
	.swiper-hm-ul-li{float: left;display: inline-block;height:18.5rem;margin-right: 3%}
	.swiper-hm-ul li.left,.swiper-hm-ul li.right{position: relative;width:6%}
	.swiper-hm-ul li.center{width: 82%}
	.swiper-hm-ul li.center img{width: 100%}
	.swiper-hm-ul li:last-child{margin-right:0}
	.swiper-hm-ul li.left img,.swiper-hm-ul li.right img{position: absolute;top: 5.6rem;right: 0}
	.swiper-hm-ul li.left img{left:0}
	.swiper-hm-ul li.right img{right: 0}
	
	.swiper-ul{margin: 1rem 0;padding: 0; width: 100%;}
	.swiper-ul-li{float: left;display: inline-block;margin-right: 1%}
	.swiper-ul-li img{width: 100%}
	.swiper-ul li.left,.swiper-ul li.right{width:8%}
	.swiper-ul li.center{width: 82%}
	.swiper-ul li:last-child{margin-right:0}
	.swiper-ul li.right{position: relative}
	.swiper-ul li.right img{position: absolute;bottom: 0;right: 0}
	
	.swiper-hm-index-service:nth-child(odd){padding: 0 22rem;overflow: hidden}
	.swiper-hm-index-service:nth-child(even){padding: 0 2rem 0 16rem;overflow: hidden}
	.swiper-hm-index-service a{display: block;width: 100%}
	.swiper-hm-index-service .block{float: left;display: inline-block; margin: 1rem 1rem 1rem 0;padding: .75rem;width: 11rem;height: 15rem;text-align: center; overflow: hidden}
	.swiper-hm-index-service .block:last-child{margin-right:0}
	.swiper-hm-index-service .block:hover{border:1px solid #e44452}
	.swiper-hm-index-service .block:hover .title{color:#e44452;}
	.swiper-hm-index-service .ani{border:1px solid rgba(230,230,230,1)}
	.swiper-hm-index-service .block .thumb{display: table-cell;width:12rem;height:8rem;text-align: center;vertical-align: middle;}
	.swiper-hm-index-service .block .thumb img{max-width: 80%}
	.swiper-hm-index-service .block .title{margin-top:.8rem;color: #000;font-size: .9rem}
	.swiper-hm-index-service .block .title span{display: block}
	
	.swiper-hm-index-math{position: relative; margin: 10rem 0 3rem 24rem;overflow: hidden}
	.swiper-hm-index-math .m600{margin-bottom: 3rem;overflow: hidden}
	.swiper-hm-index-math .m600 li{float: left;display: inline-block;width:12rem;height:21rem;margin-right: 2rem}
	.swiper-hm-index-math .m2000 li{float: left;display: inline-block;width:12rem;height:21rem;margin-right: 2rem}
  .swiper-hm-index-math .m600 li img,.swiper-hm-index-math .m2000 li img{width: 100%}
	.swiper-hm-index-math .m600 li:last-child img,.swiper-hm-index-math .m2000 li:last-child img{width:4rem;margin:6rem 0 0 2rem}
	.swiper-hm-index-math .guest,.swiper-hm-index-math .cehua{position: absolute;padding:.4rem .5rem;border:1px solid #fff}
	.swiper-hm-index-math .guest{top:14rem;right: 40rem}
	.swiper-hm-index-math .cehua{bottom:4rem;right:22rem}
	
	.hm-workflow img{width: 90%; margin:0 auto}
	
	.hm-index-left{width: 22rem; margin-top: 9rem;}
	.hm-index-left-last{width: 35rem}
	.hm-index-right{position: relative;margin-top: 2rem;width: 45rem;height:62rem;background: url(../../images/yh2020/hm_circle_line.png) top right no-repeat;background-size:contain;}
	.hm-index-right .icon-person{position: absolute;width: 4rem;height:4rem; background:url(../../images/yh2020/hm_icon/person_head.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	.hm-index-right .person-1{top:19.1rem;left:2rem}
	.hm-index-right .person-2{top:26.8rem;left:2rem}
	.hm-index-right .person-3{top:34.3rem;left:2rem}
	.hm-index-right .person-4{top:28.9rem;right:1.6rem}
	.hm-index-right .icon-mini-logo{position: absolute;top:26.4rem;left:20.5rem;width: 7rem;height:7rem; background:url(../../images/yh2020/logo/hm_mini_logo.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	
	.hm-block{background: url(../../images/yh2020/hm_block.png) -42rem -27rem no-repeat}
	.hm-block-contactus{margin: 20rem 10rem 0 50rem}
	.hm-block-contactus img:first-child{width: 25rem}
	.hm-block-contactus .line-short-icon{margin:3px 20px 0 20px;display: inline-block;width: 3px;height: 1rem;background: url(../../images/yh2020/line_short_icon.png) no-repeat 0 3px}
	.hm-index-right-img{margin: 46rem 0 0 10rem}
	
	.hm-service-line{margin:13.5rem 0;width: 100%;height:1px;background: #E6E6E6;overflow: hidden}
	
	.hm-service-list{margin-bottom: 5rem}
	.hm-service-list .thumb{display: table-cell;width:10rem;min-height:11rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1)}
	.hm-service-list .thumb img{margin-top: 2rem; width: 6rem}
	.hm-service-list .cctv img{margin-top: 4.6rem; width: 7rem}
	.hm-service-list h5{color:#e44452;}
	
	.anli{width: 100%}
	.anli .thumb{display: table-cell;width: 100%;height:11rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1);overflow: hidden}
	.anli .thumb img{max-width: 100%}
	.anli .title{color: rgba(115,115,115,1);text-align: center}
	.anli:hover .thumb{border:1px solid #fff;box-shadow:  2px 2px 5px 1px #888888;}
	.anli:hover .title{color:#e44452;}
	
	.swiper-index-arrowup {position:fixed;display: block; bottom:2rem;width:100%;text-align: center;overflow: hidden;animation:mymove 2s linear infinite;-webkit-animation:mymove 2s linear infinite;animation-delay:4s;-webkit-animation-delay:4s;}
	.swiper-index-arrowup a{display: block;margin: 0 auto;width:3rem;height:3rem;padding-top: 0.25rem; text-align: center;background: #7c7c7d;border:0.25rem solid #cccccd;border-radius:2rem;color:#fff; overflow: hidden;}
	@keyframes mymove
	{
	0% {bottom:2rem;}
	100% {bottom:4rem;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
	0% {bottom:2rem;}
	100% {bottom:4rem;}
	}
	
  .category:first-child{margin-top: 7rem}
  .category:last-child{margin-bottom: 3rem}
  
  .category .catname{font-size: 1.2rem;font-weight: bold}
  .category .catname::after{content:"";display: block;margin:1rem 0;width: 10%; height: 2px; background: rgba(237,124,139,1)}
  .category:hover .catname::after{width: 100%;}
  .category .desc{font-size: 0.875rem;line-height: 1.6rem}
  .category .anli .thumb{height: 10rem}
  
  .category,.article{position: relative;padding:0 0 0.625rem 3.75rem;border-left:0.25rem solid rgba(237,124,139,1);}
  .category{padding: 0.625rem 0 2rem 3.75rem}
  .article{margin: 7rem 0 3rem;min-height: 50rem; }
  .article h3 label{font-size: 1.2rem}
  .category .circle,.article .circle{position: absolute;top:0;left:-0.5rem; content:"";display:block;width:0.75rem;height:0.75rem;border:0.25rem solid rgba(237,124,139,1);border-radius:50%;background-color:#fff;overflow:hidden}
  .content p{margin:0.7rem 0;line-height:160%;}
  .content img{max-width:90%;margin: 0 auto}
  .content .video{width: 100%;min-height: 31.25rem}
  .pre,.next{position: fixed;top:29rem}
  .pre{left: 2rem}
  .next{right: 2rem}
  
  #pages {clear:both;display:block;padding:1rem}
  #pages a {display:inline-block;line-height:1.5rem;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0.5rem 0.8rem;text-decoration:none}
  #pages .a1 {background:#f1f1f1;}
  #pages a:hover {background:#f1f1f1;color:#000;text-decoration:none}
  #pages span {display:inline-block;line-height:1.5rem;background:#e44452;border:1px solid #e44452;color:#fff;text-align:center;padding:0.5rem 0.8rem}
  .page .noPage {display:inline-block;line-height:1.5rem;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4}
  
	.footer{position: absolute;z-index:99;bottom:0;left: 0;background: #000}
	.footer .logo img{max-height: 2.8rem}
	.footer .info{color:#9ea09f}
  
  .fix-footer{background: #000}
  .fix-footer .logo img{max-height: 2.8rem}
	.fix-footer .info{color:#9ea09f}
}
@media screen and (min-width: 1440px) and (max-width:1920px){
	html{font-size:14px}
  .navbar-logo{height: 40px}
	.swiper-index-container .logo{padding:8rem 0 5rem;width: 26rem}
	.swiper-index-container .logo img{width: 100%}
	.swiper-ul{height: 19.42rem;}
	.swiper-ul-li{height:19.42rem;margin-right: 1%}
	.swiper-index-logolist{margin-top:7rem;margin-bottom: 4rem}
	.swiper-index-honorlist{margin:10rem 0 12rem 8rem;overflow: hidden}
	
	.swiper-circle{position: relative;margin: 8rem auto 3.5rem;width: 50rem;height: 50rem;text-align: center}
	.swiper-circle-container .yh{position: absolute;top:2rem;left:36rem;text-align: right}
	.swiper-circle-container .hm{position: absolute;top:3rem;right:32rem;text-align: left}
	.swiper-circle-container .hx{position: absolute;top:14rem;right:28rem;text-align: left}
	.swiper-circle-container .tm p,.swiper-circle-container .hycx p{color:#5a2546;font-size: .8rem}
	.swiper-circle-container .tm{position: absolute;bottom:30rem;right:30rem;text-align: left}
	.swiper-circle-container .hycx{position: absolute;bottom:20rem;right:34rem;text-align: left}
	.swiper-circle-container .jq{position: absolute;bottom:21rem;left:36rem}
	.swiper-circle-container .hy{position: absolute;top:25rem;left:29rem}
	.swiper-circle-container .jt{position: absolute;top:16rem;left:29rem}
	
	.swiper-circle-container label.n1{top:-2rem;right:46rem;}
	.swiper-circle-container label.n2{top:-0.5rem;right:33.4rem;}
	.swiper-circle-container label.n3{top:3rem;right:28rem;}
	.swiper-circle-container label.n4{top:7rem;right:26.8rem;}
	.swiper-circle-container label.n5{top:10.4rem;right:24rem;}
	.swiper-circle-container label.n6{top:14rem;right:20rem;}
	.swiper-circle-container label.n7{top:18rem;right:20.6rem;}
	.swiper-circle-container label.n8{top:26rem;right:20rem;}
	.swiper-circle-container label.n9{top:34rem;right:21rem;}
	.swiper-circle-container label.n10{top:41rem;right:23rem;}
	.swiper-circle-container label.n11{top:47rem;right:28rem;}
	.swiper-circle-container label.n12{top:50rem;right:39rem;}
	.swiper-circle-container label.n13{top:49rem;left:36rem;}
	.swiper-circle-container label.n14{top:44rem;left:23.4rem;}
	.swiper-circle-container label.n15{top:36rem;left:19.4rem;}
	.swiper-circle-container label.n16{top:28rem;left:20rem;}
	.swiper-circle-container label.n17{top:19.6rem;left:20.4rem;}
	.swiper-circle-container label.n18{top:10rem;left:22rem;}
  
  .swiper-small-circle{padding:1.875rem 0 0 2.375rem;top:20.1rem;left:20rem;width: 10rem;height:10rem;}
	
	.modal-body .logo{margin-left: 2rem;width: 20rem}
	
	.swiper-index-honorlist{margin:10rem 0 12rem 0;}
	.swiper-index-honorlist li{width:10rem;margin-left:2rem}
	.swiper-index-honorlist .thumb{width:10rem;height:10rem;}
	.swiper-index-honorlist .thumb p{width:10rem;height:10rem;font-size:.75rem}
	.swiper-index-honorlist .title{margin-top:1.5rem;width:100%;}
	
	.swiper-hm-ul{margin: 0 0 5rem 0;padding: 0; width: 100%;height: 18.5rem;}
	.swiper-hm-ul-li{float: left;display: inline-block;height:18.5rem;margin-right: 3%}
	.swiper-hm-ul li.left,.swiper-hm-ul li.right{position: relative;width:6%}
	.swiper-hm-ul li.center{width: 82%}
	.swiper-hm-ul li.center img{width: 100%}
	.swiper-hm-ul li:last-child{margin-right:0}
	.swiper-hm-ul li.left img,.swiper-hm-ul li.right img{position: absolute;top: 5.6rem;right: 0}
	.swiper-hm-ul li.left img{left:0}
	.swiper-hm-ul li.right img{right: 0}
	
	.swiper-ul{margin: 1rem 0;padding: 0; width: 100%;}
	.swiper-ul-li{float: left;display: inline-block;margin-right: 1%}
	.swiper-ul-li img{width: 100%}
	.swiper-ul li.left,.swiper-ul li.right{width:8%}
	.swiper-ul li.center{width: 82%}
	.swiper-ul li:last-child{margin-right:0}
	.swiper-ul li.right{position: relative}
	.swiper-ul li.right img{position: absolute;bottom: 0;right: 0}
	
	.swiper-hm-index-service:nth-child(odd){padding: 0 16rem;overflow: hidden}
	.swiper-hm-index-service:nth-child(even){padding: 0 2rem 0 10rem;overflow: hidden}
	.swiper-hm-index-service a{display: block;width: 100%}
	.swiper-hm-index-service .block{float: left;display: inline-block; margin: 1rem 1rem 1rem 0;padding: .75rem;width: 11rem;height: 15rem;text-align: center; overflow: hidden}
	.swiper-hm-index-service .block:last-child{margin-right:0}
	.swiper-hm-index-service .block:hover{border:1px solid #e44452}
	.swiper-hm-index-service .block:hover .title{color:#e44452;}
	.swiper-hm-index-service .ani{border:1px solid rgba(230,230,230,1)}
	.swiper-hm-index-service .block .thumb{display: table-cell;width:12rem;height:8rem;text-align: center;vertical-align: middle;}
	.swiper-hm-index-service .block .thumb img{max-width: 80%}
	.swiper-hm-index-service .block .title{margin-top:.8rem;color: #000;font-size: .9rem}
	.swiper-hm-index-service .block .title span{display: block}
	
	.swiper-hm-index-math{position: relative; margin: 10rem 0 3rem 18rem;overflow: hidden}
	.swiper-hm-index-math .m600{margin-bottom: 3rem;overflow: hidden}
	.swiper-hm-index-math .m600 li{float: left;display: inline-block;width:12rem;height:21rem;margin-right: 3.6rem}
	.swiper-hm-index-math .m2000 li{float: left;display: inline-block;width:12rem;height:21rem;margin-right: 3.6rem}
	.swiper-hm-index-math .m600 li:last-child img,.swiper-hm-index-math .m2000 li:last-child img{margin:6rem 0 0 2rem}
	.swiper-hm-index-math .guest,.swiper-hm-index-math .cehua{position: absolute;padding:.4rem .5rem;border:1px solid #fff}
	.swiper-hm-index-math .guest{top:18rem;right: 32rem}
	.swiper-hm-index-math .cehua{bottom:1rem;right:11rem}
	
	.hm-workflow img{width: 90%; margin:0 auto}
	
	.hm-index-left{width: 22rem; margin-top: 9rem;}
	.hm-index-left-last{width: 35rem}
	.hm-index-right{position: relative;margin-top: 2rem;width: 45rem;height:62rem;background: url(../../images/yh2020/hm_circle_line.png) top right no-repeat;background-size:contain;}
	.hm-index-right .icon-person{position: absolute;width: 4rem;height:4rem; background:url(../../images/yh2020/hm_icon/person_head.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	.hm-index-right .person-1{top:19.1rem;left:2rem}
	.hm-index-right .person-2{top:26.8rem;left:2rem}
	.hm-index-right .person-3{top:34.3rem;left:2rem}
	.hm-index-right .person-4{top:28.9rem;right:1.6rem}
	.hm-index-right .icon-mini-logo{position: absolute;top:26.4rem;left:20.5rem;width: 7rem;height:7rem; background:url(../../images/yh2020/logo/hm_mini_logo.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	
	.hm-block{background: url(../../images/yh2020/hm_block.png) -34rem -20rem no-repeat}
	.hm-block-contactus{margin: 20rem 10rem 0 46rem}
	.hm-block-contactus img:first-child{width: 25rem}
	.hm-block-contactus .line-short-icon{margin:3px 20px 0 20px;display: inline-block;width: 3px;height: 1rem;background: url(../../images/yh2020/line_short_icon.png) no-repeat 0 3px}
	.hm-index-right-img{margin: 46rem 0 0 10rem}
	
	.hm-service-line{margin:13.5rem 0;width: 100%;height:1px;background: #E6E6E6;overflow: hidden}
	
	.hm-service-list{margin-bottom: 5rem}
	.hm-service-list .thumb{display: table-cell;width:10rem;min-height:11rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1)}
	.hm-service-list .thumb img{margin-top: 2rem; width: 6rem}
	.hm-service-list .cctv img{margin-top: 4.6rem; width: 7rem}
	.hm-service-list h5{color:#e44452;}
	
	.anli{width: 100%}
	.anli .thumb{display: table-cell;width: 100%;height:11rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1);overflow: hidden}
	.anli .thumb img{max-width: 100%}
	.anli .title{color: rgba(115,115,115,1);text-align: center}
	.anli:hover .thumb{border:1px solid #fff;box-shadow:  2px 2px 5px 1px #888888;}
	.anli:hover .title{color:#e44452;}
	
	.swiper-index-arrowup {position:fixed;display: block; bottom:2rem;width:100%;text-align: center;overflow: hidden;animation:mymove 2s linear infinite;-webkit-animation:mymove 2s linear infinite;animation-delay:4s;-webkit-animation-delay:4s;}
	.swiper-index-arrowup a{display: block;margin: 0 auto;width:3rem;height:3rem;padding-top: 0.25rem; text-align: center;background: #7c7c7d;border:0.25rem solid #cccccd;border-radius:2rem;color:#fff; overflow: hidden;}
	@keyframes mymove
	{
	0% {bottom:2rem;}
	100% {bottom:4rem;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
	0% {bottom:2rem;}
	100% {bottom:4rem;}
	}
	
  .category:first-child{margin-top: 7rem}
  .category:last-child{margin-bottom: 3rem}
  
  .category .catname{font-size: 1.2rem;font-weight: bold}
  .category .catname::after{content:"";display: block;margin:1rem 0;width: 10%; height: 2px; background: rgba(237,124,139,1)}
  .category:hover .catname::after{width: 100%;}
  .category .desc{font-size: 0.875rem;line-height: 1.6rem}
  .category .anli .thumb{height: 10rem}
  
  .category,.article{position: relative;padding:0 0 0.625rem 3.75rem;border-left:0.25rem solid rgba(237,124,139,1);}
  .category{padding: 0.625rem 0 2rem 3.75rem}
  .article{margin: 7rem 0 3rem;min-height: 50rem; }
  .article h3 label{font-size: 1.2rem}
  .category .circle,.article .circle{position: absolute;top:0;left:-0.5rem; content:"";display:block;width:0.75rem;height:0.75rem;border:0.25rem solid rgba(237,124,139,1);border-radius:50%;background-color:#fff;overflow:hidden}
  .content p{margin:0.7rem 0;line-height:160%;}
  .content img{max-width:90%;margin: 0 auto}
  .content .video{width: 100%;min-height: 31.25rem}
  .pre,.next{position: fixed;top:29rem}
  .pre{left: 2rem}
  .next{right: 2rem}
  
  #pages {clear:both;display:block;padding:1rem}
  #pages a {display:inline-block;line-height:1.5rem;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0.5rem 0.8rem;text-decoration:none}
  #pages .a1 {background:#f1f1f1;}
  #pages a:hover {background:#f1f1f1;color:#000;text-decoration:none}
  #pages span {display:inline-block;line-height:1.5rem;background:#e44452;border:1px solid #e44452;color:#fff;text-align:center;padding:0.5rem 0.8rem}
  .page .noPage {display:inline-block;line-height:1.5rem;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4}
  
	.footer{position: absolute;z-index:99;bottom:0;left: 0;background: #000}
	.footer .logo img{max-height: 2.8rem}
	.footer .info{color:#9ea09f}
  
  .fix-footer{background: #000}
  .fix-footer .logo img{max-height: 2.8rem}
	.fix-footer .info{color:#9ea09f}
}
@media screen and (min-width: 1920px){
	html{font-size:16px}
  .navbar-logo{height: 40px}
	.swiper-index-container .logo{padding:6rem 0 4rem;width: 28rem}
	.swiper-index-container .logo img{width: 100%}
	.swiper-ul{height: 22.5rem;}
	.swiper-ul-li{height:22.5rem;margin-right: 1%}
	.swiper-index-logolist{margin-top:5rem}
	.swiper-index-honorlist{margin:10rem 0 12rem 8rem;overflow: hidden}
	
	.swiper-circle{position: relative;margin: 6.5rem auto 3.5rem;width: 50rem;height: 50rem;text-align: center}
	.swiper-circle-container .yh{position: absolute;top:2rem;left:45rem;text-align: right}
	.swiper-circle-container .hm{position: absolute;top:3rem;right:42rem;text-align: left}
	.swiper-circle-container .hx{position: absolute;top:14rem;right:38rem;text-align: left}
	.swiper-circle-container .tm p,.swiper-circle-container .hycx p{color:#5a2546;font-size: .8rem}
	.swiper-circle-container .tm{position: absolute;bottom:26rem;right:38rem;text-align: left}
	.swiper-circle-container .hycx{position: absolute;bottom:16rem;right:43rem;text-align: left}
	.swiper-circle-container .jq{position: absolute;bottom:16rem;left:46rem}
	.swiper-circle-container .hy{position: absolute;top:26.4rem;left:38rem}
	.swiper-circle-container .jt{position: absolute;top:16.4rem;left:38rem}
	
	.swiper-circle-container label.n1{top:-2rem;right:54rem;}
	.swiper-circle-container label.n2{top:-0.5rem;right:42.4rem;}
	.swiper-circle-container label.n3{top:3rem;right:37rem;}
	.swiper-circle-container label.n4{top:7rem;right:35.8rem;}
	.swiper-circle-container label.n5{top:10.4rem;right:33rem;}
	.swiper-circle-container label.n6{top:14rem;right:29rem;}
	.swiper-circle-container label.n7{top:18rem;right:29.6rem;}
	.swiper-circle-container label.n8{top:26rem;right:29rem;}
	.swiper-circle-container label.n9{top:34rem;right:30rem;}
	.swiper-circle-container label.n10{top:41rem;right:32rem;}
	.swiper-circle-container label.n11{top:47rem;right:37rem;}
	.swiper-circle-container label.n12{top:50rem;right:48rem;}
	.swiper-circle-container label.n13{top:49rem;left:45rem;}
	.swiper-circle-container label.n14{top:44rem;left:32.4rem;}
	.swiper-circle-container label.n15{top:36rem;left:28.4rem;}
	.swiper-circle-container label.n16{top:28rem;left:29rem;}
	.swiper-circle-container label.n17{top:19.6rem;left:29.4rem;}
	.swiper-circle-container label.n18{top:10rem;left:31rem;}
  
  .swiper-small-circle{padding:1.875rem 0 0 2.375rem;top:20.1rem;left:20rem;width: 10rem;height:10rem;}
	
	.modal-body .logo{margin-left:8.125rem;width:25rem;text-align: center}
	
	.swiper-index-honorlist{margin:10rem 0 12rem 8rem;}
	.swiper-index-honorlist li{width:10rem;margin-left:2rem}
	.swiper-index-honorlist .thumb{width:10rem;height:10rem;}
	.swiper-index-honorlist .thumb p{width:10rem;height:10rem;font-size:.75rem}
	.swiper-index-honorlist .title{margin-top:1.5rem;width:100%;}
	
	.swiper-hm-ul{margin: 0 0 6rem 0;padding: 0; width: 100%;height: 18.5rem;}
	.swiper-hm-ul-li{float: left;display: inline-block;height:18.5rem;margin-right: 3%}
	.swiper-hm-ul li.left,.swiper-hm-ul li.right{position: relative;width:6%}
	.swiper-hm-ul li.center{width: 82%}
	.swiper-hm-ul li:last-child{margin-right:0}
	.swiper-hm-ul li.left img,.swiper-hm-ul li.right img{position: absolute;top: 5.6rem;right: 0}
	.swiper-hm-ul li.left img{left:0}
	.swiper-hm-ul li.right img{right: 0}
	
	.swiper-hm-index-service:nth-child(odd){padding: 0 10rem;overflow: hidden}
	.swiper-hm-index-service:nth-child(even){padding: 0 2rem 0 3rem;overflow: hidden}
	.swiper-hm-index-service a{display: block;width: 100%}
	.swiper-hm-index-service .block{float: left;display: inline-block; margin: 1rem 1rem 1rem 0;padding: .75rem;width: 11rem;height: 15rem;text-align: center; overflow: hidden}
	.swiper-hm-index-service .block:last-child{margin-right:0}
	.swiper-hm-index-service .block:hover{border:1px solid #e44452}
	.swiper-hm-index-service .block:hover .title{color:#e44452;}
	.swiper-hm-index-service .ani{border:1px solid rgba(230,230,230,1)}
	.swiper-hm-index-service .block .thumb{display: table-cell;width:12rem;height:8rem;text-align: center;vertical-align: middle;}
	.swiper-hm-index-service .block .thumb img{max-width: 80%}
	.swiper-hm-index-service .block .title{margin-top:.8rem;color: #000;font-size: .9rem}
	.swiper-hm-index-service .block .title span{display: block}
	
	.swiper-hm-index-math{position: relative; margin: 10rem 0 5rem 28rem;overflow: hidden}
	.swiper-hm-index-math .m600{margin-bottom: 3.4rem;overflow: hidden}
	.swiper-hm-index-math .m600 li{float: left;display: inline-block;width:12rem;height:18rem;margin-right: 1rem}
	.swiper-hm-index-math .m2000 li{float: left;display: inline-block;width:12rem;height:18rem;margin-right: 1rem}
	.swiper-hm-index-math .m600 li:last-child img,.swiper-hm-index-math .m2000 li:last-child img{margin:6rem 0 0 2rem}
	.swiper-hm-index-math .guest,.swiper-hm-index-math .cehua{position: absolute;padding:.4rem .5rem;border:1px solid #fff}
	.swiper-hm-index-math .guest{top:15rem;right: 46rem}
	.swiper-hm-index-math .cehua{bottom:1rem;right:26rem}
	
	.swiper-ul{margin: 1rem 0;padding: 0; width: 100%;}
	.swiper-ul-li{float: left;display: inline-block;margin-right: 1%}
	.swiper-ul-li img{width: 100%}
	.swiper-ul li.left,.swiper-ul li.right{width:8%}
	.swiper-ul li.center{width: 82%}
	.swiper-ul li:last-child{margin-right:0}
	.swiper-ul li.right{position: relative}
	.swiper-ul li.right img{position: absolute;bottom: 0;right: 0}
	
	.hm-index-left{width: 25rem; margin-top: 9rem;}
	.hm-index-left-last{margin-left:5rem;width: 35rem}
	.hm-index-right{position: relative;margin-top: 2rem;width: 55rem;height:57rem;background: url(../../images/yh2020/hm_circle_line.png) top right no-repeat;background-size:contain;}
	.hm-index-right .icon-person{position: absolute;width: 4rem;height:4rem; background:url(../../images/yh2020/hm_icon/person_head.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	.hm-index-right .person-1{top:17.5rem;left:15rem}
	.hm-index-right .person-2{top:24.8rem;left:15rem}
	.hm-index-right .person-3{top:31.5rem;left:15rem}
	.hm-index-right .person-4{top:26.5rem;right:1.3rem}
	.hm-index-right .icon-mini-logo{position: absolute;top:24.2rem;left:32.3rem;width: 7rem;height:7rem; background:url(../../images/yh2020/logo/hm_mini_logo.png);background-size:contain;background-repeat:no-repeat;overflow: hidden}
	
	.hm-block{background: url(../../images/yh2020/hm_block.png) -24.8rem -16rem no-repeat}
	.hm-block-contactus{margin: 19rem 10rem 0 46rem}
	.hm-block-contactus .line-short-icon{margin:3px 20px 0 20px;display: inline-block;width: 3px;height: 1rem;background: url(../../images/yh2020/line_short_icon.png) no-repeat 0 3px}
	.hm-index-right-img{margin: 42rem 0 0 24rem}
	
	.hm-service-line{margin:10rem 0;width: 100%;height:1px;background: #E6E6E6;overflow: hidden}
	
	.hm-service-list{margin-bottom: 5rem}
	.hm-service-list .thumb{display: table-cell;width:10rem;height:10rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1)}
	.hm-service-list .thumb img{margin-top: 2rem; width: 6rem}
	.hm-service-list .cctv img{margin-top: 4rem; width: 7rem}
	.hm-service-list h5{color:#e44452;}
	
	.anli{width: 100%}
	.anli .thumb{display: table-cell;width: 100%;height:11rem;text-align: center;vertical-align: middle;border:1px solid rgba(230,230,230,1);overflow: hidden}
	.anli .thumb img{max-width: 100%}
	.anli .title{color: rgba(115,115,115,1);text-align: center}
	.anli:hover .thumb{border:1px solid #fff;box-shadow:  4px 4px 5px 1px #888888;}
	.anli:hover .title{color:#e44452;}
	
	.swiper-index-arrowup {position:fixed;display: block; bottom:0.5rem;width:100%;text-align: center;overflow: hidden;animation:mymove 2s linear infinite;-webkit-animation:mymove 2s linear infinite;animation-delay:4s;-webkit-animation-delay:4s;}
	.swiper-index-arrowup a{display: block;margin: 0 auto;width:3rem;height:3rem;padding-top: 0.25rem; text-align: center;background: #7c7c7d;border:0.25rem solid #cccccd;border-radius:2rem;color:#fff; overflow: hidden;}
	@keyframes mymove
	{
	0% {bottom:0.5rem;}
	100% {bottom:3rem;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
	0% {bottom:0.5rem;}
	100% {bottom:3rem;}
	}
  
  .category:first-child{margin-top: 7rem}
  .category:last-child{margin-bottom: 3rem}
  .category{}
  .category .catname{font-size: 1.2rem;font-weight: bold}
  .category .catname::after{content:"";display: block;margin:1rem 0;width: 10%; height: 2px; background: rgba(237,124,139,1)}
  .category:hover .catname::after{width: 100%;}
  .category .desc{font-size: 0.875rem;line-height: 1.6rem}
  .category .anli .thumb{height: 8.675rem}
  
  .category,.article{position: relative;padding:0 0 0.625rem 3.75rem;border-left:0.25rem solid rgba(237,124,139,1);}
  .category{padding: 0.625rem 0 2rem 3.75rem}
  .article{margin: 7rem 0 3rem;min-height: 50rem; }
  .article h3 label{font-size: 1.2rem}
  .category .circle,.article .circle{position: absolute;top:0;left:-0.5rem; content:"";display:block;width:0.75rem;height:0.75rem;border:0.25rem solid rgba(237,124,139,1);border-radius:50%;background-color:#fff;overflow:hidden}
  .content p{margin:0.5rem 0;line-height:150%;}
  .content img{max-width:90%;margin: 0 auto}
  .content .video{width: 100%;min-height: 31.25rem}
  .pre,.next{position: fixed;top:27rem}
  .pre{left: 2rem}
  .next{right: 2rem}
  
  #pages {clear:both;display:block;padding:1rem}
  #pages a {display:inline-block;line-height:1.5rem;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0.5rem 0.8rem;text-decoration:none}
  #pages .a1 {background:#f1f1f1;}
  #pages a:hover {background:#f1f1f1;color:#000;text-decoration:none}
  #pages span {display:inline-block;line-height:1.5rem;background:#e44452;border:1px solid #e44452;color:#fff;text-align:center;padding:0.5rem 0.8rem}
  .page .noPage {display:inline-block;line-height:1.5rem;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4}
	
	.footer{position: absolute;z-index:99;bottom:0;left: 0;background: #000}
	.footer .logo img{max-height: 2.8rem}
	.footer .info{color:#9ea09f}
  
  .fix-footer{background: #000}
  .fix-footer .logo img{max-height: 2.8rem}
	.fix-footer .info{color:#9ea09f}
}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk40,.bk50,.bk60 {
	clear:both;
	font-size:1px;
	width:100%;
	height:0;
	line-height:1px;
	display:block
}
.bk3 {height:3px}
.bk6 {height:6px}
.bk8 {height:8px}
.bk10 {height:10px}
.bk15 {height:15px}
.bk20 {height:20px}
.bk30 {height:30px}
.bk40 {height:40px}
.bk50 {height:50px}
.bk60 {height:60px}
.navbar{padding: 0}

.navbar-light .navbar-nav .nav-link:hover,.dropdown-item:focus, .dropdown-item:hover,.navbar-nav .active{background: #e44452;color:#fff}
.navbar-light .navbar-nav .active>.nav-link{color: #fff}

.container-fluid{padding: 0}
.container{}
.swiper-container { width: 100%;  height: 100%;} 
.swiper-index-container{}
.swiper-index-footer{position: relative}

.swiper-hm-index-jtlogo{margin: 3rem auto 0.8rem; width:16rem;}
.swiper-hm-index-jtlogo img{width: 100%}

.swiper-hm-index-slogan{margin-top:1rem;text-align: center;font-size: 1.5rem}
.swiper-hm-index-slogan span{display: block;font-size: .75rem}
.swiper-hm-index-h2{margin-top:6rem;margin-bottom: 1.56rem; }
.swiper-hm-index-h4{margin-top: 1rem;text-align: center}
.swiper-hm-index-h2 span,.swiper-hm-index-h4 span{display: block;margin-top:.1rem;color: rgba(117,116,117,1);font-size: .75rem}

.swiper-hm-index-quality{background-image: linear-gradient(#fefefe, #E33D54);}
.swiper-hm-index-quality-bg{width: 100%;height:100%; background: url("../../images/yh2020/hm_bg.png") 0 5rem no-repeat;overflow: hidden}
.swiper-hm-index-quality-bg .text-white span{display: block}


.hm-service-logolist img{height: 3.6rem}
.hm-workflow,.hm-about-logo{margin:10rem auto 6rem}

.hm-index-left img{width: 80%}

.hm-short-line{width: 4rem;height:2px;background: #E33B52;overflow: hidden}


.swiper-index-logolist div{position: relative;height: 5rem; display: table-cell;vertical-align: middle}
.swiper-index-logolist div.hd img{margin-top: 10%;height: 4rem;}
.swiper-index-logolist img{display: block; max-width:100%;height: 5rem;vertical-align: middle}
.swiper-index-slogan{margin-top:3rem;text-align: center;font-size: 1rem}
.swiper-index-since,.swiper-index-title{margin-top:7.5rem;margin-bottom: 1.56rem; font-size:1rem;color: rgba(115,115,115,1)}
.swiper-index-title{margin-top: 6rem;text-align: center}
.swiper-index-title p,.swiper-index-title h2{}

.swiper-company-description{background-image: linear-gradient(#f2f2f2, #fefefe);}
.swiper-company-description p,.swiper-company-description h2{text-align: center}
.swiper-company-description h2{}
.swipier-index-row-icon{margin:40px auto;width:40px;height:2px;background: url(../../images/yh2020/rows_icon.png) no-repeat;overflow: hidden}
.zh{line-height:1.75rem;font-size:0.8rem;color: rgba(84,80,79,1)}
.en{margin-top: 35px; line-height:1.75rem;font-size:0.8rem;color: rgba(116,116,116,1)}

.swiper-circle-container{position: relative;width: 100%;height: 100%}
.swiper-circle img{ width: 100%}
.swiper-circle-container p{margin:0}
.swiper-circle-container p.title{font-weight: bold;margin-bottom: 5px}
.swiper-circle-container p.desc{font-size: .8rem}
.swiper-circle-container .yh::after,.swiper-circle-container .hm::after,.swiper-circle-container .hx::after,.swiper-circle-container .tm::after,.swiper-circle-container .hycx::after,.swiper-circle-container .jq::after,.swiper-circle-container .hy::after,.swiper-circle-container .jt::after{content: "";display: block;float: right;margin-top: .5rem; width: 13px;height:2px;background: #e74d51;}
.swiper-circle-container .yh:hover::after{width: 90%}
.swiper-circle-container .hm:hover::after,.swiper-circle-container .hx:hover::after,.swiper-circle-container .tm:hover::after,.swiper-circle-container .hycx:hover::after,.swiper-circle-container .jq:hover::after,.swiper-circle-container .hy:hover::after,.swiper-circle-container .jt:hover::after{width: 100%}
.swiper-circle-container .hm p,.swiper-circle-container .hx p,.swiper-circle-container .jq p,.swiper-circle-container .hy p,.swiper-circle-container .jt p{color: #fff;font-size: .8rem}

.swiper-circle-container .yh{position: absolute;text-align: right}
.swiper-circle-container .hm{position: absolute;text-align: left}
.swiper-circle-container .hx{position: absolute;text-align: left}
.swiper-circle-container .tm p,.swiper-circle-container .hycx p{color:#5a2546;font-size: .8rem}
.swiper-circle-container .tm{position: absolute;text-align: left}
.swiper-circle-container .hycx{position: absolute;text-align: left}
.swiper-circle-container .jq{position: absolute;}
.swiper-circle-container .hy{position: absolute;}
.swiper-circle-container .jt{position: absolute;}

.swiper-circle-container .hm::after{float: left;background: #fff;}
.swiper-circle-container .hx::after{float: left;background: #fff;}
.swiper-circle-container .tm::after{float: left;background: #5a2546;}
.swiper-circle-container .hycx::after{float: left;background: #5a2546;}
.swiper-circle-container .jq::after{float: left;background: #fff;}
.swiper-circle-container .hy::after{float: left;background: #fff;}
.swiper-circle-container .jt::after{float: left;background: #fff;}

.swiper-circle-container label{position: absolute;color: #b5b5b5}
.swiper-circle-container label:hover,.swiper-circle-container label:hover::before{color: #000}
.swiper-circle-container label::before{content: "·";margin-right: .3rem;font-size: 1rem;font-weight: bold}


.swiper-circle-container .red-circle{position: absolute;top:-2rem;left: 20rem; width: 3rem;height: 3rem;border-radius:50%;background-image: radial-gradient(circle farthest-side at 15% 10%,#fce8eb, #ea6d80);}
.swiper-circle-container .purple-circle{position: absolute;bottom:8rem;right: 20rem; width: 5rem;height: 5rem;border-radius:50%;background-image: radial-gradient(circle farthest-side at 85% 70%,#f9f8f9, #562748);}

.swiper-small-circle{position: absolute;border-radius:50%;background-color: #f2f2f2;text-align:left;color:rgba(112,111,111,1)}
.swiper-small-circle strong{color:#000}

/*模态框*/
.modal-dialog{margin:0 auto;max-width:1920px;max-height:936px;}
.modal-content{height:100%;border:none;border-radius:0}
.modal-header{border-bottom:none}
.modal-header .close span{font-size:2rem}
.modal-body{padding: 8.75rem 14.375rem}
.modal-body .logo,.modal-body .line,.modal-body .info{float:left;display:inline-block;}
.modal-body .logo{text-align: center}
.modal-body .logo img{margin-top: 3.125rem;width:80%}
.modal-body .info{margin-left:3.75rem;width:47.5rem}
.modal-body .info p{margin: 0}
.modal-body .info p.line{box-sizing: border-box;float: left}
.modal-body .info .title{padding-left:4rem;}
.modal-body .info .desc{padding:0 0 0.625rem 3.75rem;border-left:0.25rem solid rgba(237,124,139,1);font-size:1.25rem;}
.modal-body .info .p{position: relative; padding:0.625rem 0 0.625rem 3.75rem;border-left:0.25rem solid rgba(237,124,139,1);}
.modal-body .info .circle{position: absolute;top:1rem;left:-0.5rem; content:"";display:block;width:0.75rem;height:0.75rem;border:0.25rem solid rgba(237,124,139,1);border-radius:50%;background-color:#fff;overflow:hidden}
.modal-body .info .line-short-icon{margin:0.25rem 1.25rem 0 1.25rem;display: inline-block;width: 0.25rem;height: 1rem;background: url(../../images/yh2020/line_short_icon.png) no-repeat 0 0.25rem}

.swiper-index-pplist{}
.swiper-index-pplist div{margin-top:1.5rem;background: url("../../images/yh2020/cols_icon.png") right center no-repeat}
.swiper-index-pplist div:nth-child(3n+3){background: none}
.swiper-index-pplist a{width: 100%;text-align: center}
.swiper-index-pplist a:hover h4{color:#e44452}
.swiper-index-pplist img{display: block;margin:1rem 0;max-width: 100%; height:5rem}
.swiper-index-pplist h4{font-weight:bold;color:#000000}
.swiper-index-pplist p{color:#666}

.swiper-index-honorlist{overflow: hidden}
.swiper-index-honorlist li{position:relative;float:left;display:inline-block;}
.swiper-index-honorlist .thumb{background: url("../../images/yh2020/honor_bg.png") no-repeat;background-size:100% 100%}
.swiper-index-honorlist .thumb p{display:table-cell;text-align:center;vertical-align: middle;color:#57382A;}
.swiper-index-honorlist .title{text-align:center}

.backtoup{z-index:99;position:fixed;display:none;bottom:1rem;right:1rem;width:3rem;height:3rem;text-align:center; vertical-align: middle}
.backtoup .up-btn{margin-top:0.5rem;color:#000}