.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk40 {
	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}
.text-c {text-align:center}
.text-r {text-align:right}
.overflow {overflow:hidden} 
.bg{background:url("../images/yh2019/bg.jpg") no-repeat center bottom}
.bg-gray{background-color: #f7f7f7}
.bg-team{background:url("../images/yh2019/team_bg.jpg") no-repeat top right}

.header{position: fixed;margin: 0 auto;width: 100%;height: 70px; border-bottom: 1px solid #f7f7f7;  background-color: #ffffff;}
.logo{position: absolute; left: 0; top: 10px;}
.logo img{ height: 50px;}

.header .layui-main{width: 80%}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px;width: 100px;text-align: center}
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.header .layui-nav .layui-nav-item a{padding:0;color: #000000}
.layui-nav .layui-this:after,.layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: #dd1c48}

.header .layui-container .logo{left: 15px;}
.header .layui-container .layui-nav{right: 15px;}

#slide{padding-top:70px;background-color: #4a345f;overflow: hidden;}
#slide .desc{position:absolute;top:64%;right:0;z-index:2;width:30%;padding:20px 40px;background-color:rgba(223,28,72,.88);color:#fff;}
#slide .desc h2{margin-bottom:10px}
#slide .desc p{}

.container{padding: 20px;background-color:#fff;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;}
.index-pre{width:100%;height:255px;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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e4e4e4'%2F%3E%3C%2Fsvg%3E");background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}
.index-next{width:100%;height:255px;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'%23e4e4e4'%2F%3E%3C%2Fsvg%3E");background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}
a.index-manage{display: block;width:90%;height:236px;padding:5%;border: 1px solid #fff;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-manage .img{display:table-cell;width: 100%;height:100px;text-align: center;vertical-align: middle;margin-bottom: 10px}
a.index-manage .img img{width: 50%;}
a.index-manage h2{font-size: 20px;margin-bottom:5px}
a.index-manage .en{height: 30px;color:#cacaca;font-size: 10px;}
a.index-manage .desc{font-size: 10px;color:#a5a5a5;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-manage .bg-red{margin:4px auto;width: 20%;height: 2px;background: #df1c48;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
a.index-manage:hover{border: 1px solid #a5a5a5;box-shadow: 0 0 10px #a5a5a5;}
a.index-manage:hover .desc{color:#000;}
a.index-manage:hover h2{color:#df1c48;}
a.index-manage:hover .bg-red{width: 100%}

.index-category{position:relative;padding:15px 0;background-color: #f7f7f7;}
.index-category:after{position: absolute;bottom:24px;left: 45%;width: 10%;height:4px;content:'';background: #df1c48;}
.index-category h1{margin:5px auto 10px;padding-bottom: 20px;width:90%;border-bottom:1px solid #d7d7d7;}

a.index-cases{display: table;width:100%;height: 315px}
a.index-cases .img{position:relative;display:table-cell;width: 100%;height:260px;text-align:center; vertical-align: middle;border:1px solid #c6c6c6;}
a.index-cases .img img{width: 90%}
a.index-cases .border_top{position:absolute;height:1px;width:0;font-size:0;background:#df1c48;top:-1px;left:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-cases .border_right{position:absolute;height:0px;width:1px;font-size:0;background:#df1c48;bottom:0;right:-1px;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-cases .border_bottom{position:absolute;height:1px;width:0px;font-size:0;background:#df1c48;right:0;bottom:-1px;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-cases .border_left{position:absolute;height:0px;width:1px;font-size:0;background:#df1c48;left:-1px;top:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.index-cases:hover .border_top,a.index-cases:hover .border_bottom{width:100%}
a.index-cases:hover .border_left,a.index-cases:hover .border_right{height:100%}
a.index-cases .title,a.index-cases .desc{display:table-row;text-align: center;color: #b6b6b6;line-height: 24px}
a.index-cases .title{margin-top:5px;font-size: 16px;color: #000}


a.category-cases{display: block;height: 212px;overflow: hidden;}
a.category-cases .img{position:relative;display:table-cell;width: 100%;height:154px;text-align:center; vertical-align: middle;border:1px solid #c6c6c6;}
a.category-cases .img img{width: 100%}
a.category-cases .border_top{position:absolute;height:1px;width:0;font-size:0;background:#df1c48;top:-1px;left:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.category-cases .border_right{position:absolute;height:0px;width:1px;font-size:0;background:#df1c48;bottom:0;right:-1px;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.category-cases .border_bottom{position:absolute;height:1px;width:0px;font-size:0;background:#df1c48;right:0;bottom:-1px;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.category-cases .border_left{position:absolute;height:0px;width:1px;font-size:0;background:#df1c48;left:-1px;top:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
a.category-cases:hover .border_top,a.category-cases:hover .border_bottom{width:100%}
a.category-cases:hover .border_left,a.category-cases:hover .border_right{height:100%}
a.category-cases .title,a.category-cases .desc{text-align: center;color: #b6b6b6;height:48px;line-height: 24px}
a.category-cases .title{margin-top:5px;font-size: 16px;color: #000}

.index-cases-more{}
.index-cases-more a{display: block;width:100%;height:55px;text-align: center;overflow: hidden;}
.index-cases-more a i{display: block;padding-top:0;animation:mymove 1.6s linear infinite;-webkit-animation:mymove 1.6s linear infinite;}
@keyframes mymove
{
0% {opacity: .2;padding-top:0;}
100% {opacity: 1;padding-top:19px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {opacity: .2;padding-top:0;}
100% {opacity: 1;padding-top:19px;}
}
.index-cases-more .layui-icon-down:before{font-size: 24px}

.index-news-category{position:relative;}
.index-news-category .more{position: absolute;right: 0;top:0;}
.index-news-category .more a{color: #df1c48}
.index-news-l-con img{width: 100%}
.index-news-l-con .info{position: relative;height: 320px}
.index-news-l-con .info .date{font-size: 20px;color: #df1c48}
.index-news-l-con .info .title{margin-top: 15px;font-size: 16px;}
.index-news-l-con .info .btn-more{position: absolute;bottom: 0;left:10px;padding:5px 10px;color:#df1c48;border: 1px solid #df1c48;border-radius: 5px;}
.index-news-hot{display: block;}
.index-news-hot img{width: 100%}
.hr{margin: 30px 0}
.index-news-hot .info .date{font-size: 20px;color: #df1c48}
.index-news-hot .info .title{margin-top: 15px;font-size: 16px;}

.index-links{margin: 0 0 15px 0}
.index-links,.index-links a{color:#9ea09f;}
.index-links a:hover{text-decoration: underline;}

.con-category{position:relative;padding:15px 0;}
.con-category:after{position: absolute;bottom:18px;left: 45%;width: 10%;height:4px;content:'';background: #df1c48;}
.con-category h1{margin:5px 0;padding-bottom: 20px;width:100%;border-bottom:1px solid #d7d7d7;}
.con-category .more{position: absolute;right: 0;top:30px;}
.con-category .more a{font-size:16px;color: #df1c48}
.img-category img{width: 100%}

.title-category{position:relative;padding:15px 0;border-bottom:1px solid #d7d7d7;}
.title-category:after{position: absolute;bottom:-2px;left: 45%;width: 10%;height:4px;content:'';background: #df1c48;}
.title-category h1{margin:5px 0;width:100%;}
.title-category .info{color:#999;}
.content{margin: 10px 0}
.content h3{font-size:16px;font-weight: bold;}
.content p{margin:5px 0;line-height:24px;}
.content img{max-width:90%;margin: 0 auto}
.video{width: 100%;height: 500px}
.con-category-img{position:relative;margin-bottom:15px;padding:15px 0;border-bottom:1px solid #d7d7d7;}
.con-category-img:after{position: absolute;bottom:-2px;left: 45%;width: 10%;height:4px;content:'';background: #df1c48;}
.con-page_about-category-img{position:relative;display:block;padding:15px 0;height:70px;overflow: hidden;}
.con-page_about-category-img img{position: absolute;z-index:22;top:0;left:35%;width: 30%}
.con-page_about-category-img:after{position: absolute;z-index:1;bottom:30px;left: 0;width: 100%;height:2px;content:'';background: #000;}
a.page-company{height:285px;}
.company-name{width: 100%;padding: 8px 0;font-size:16px;}
.page-gray-box{padding: 10px 0}
.page-gray-box .title{text-align:center;color:#a0a0a0;border-right:1px solid #e9e9e9;}
.page-gray-box .title h2{margin-top:5px;color:#000;}
.page-gray-box a.more{display: block;height:48px;line-height: 48px;color:#a0a0a0; }
.page-gray-box a.more:hover{color:#000;text-decoration: underline;}
.page-map-iframe{width:100%;height:500px;border: none;}
.page-team{}
.page-team .thumb img{padding: 10px;width:80%;border:1px solid #d7d7d7;}
.page-team .info{padding: 10px 46px;border-left:1px solid #d7d7d7;}
.page-team .info h3{margin-bottom:5px;font-weight: bold;}
.page-team .info p{line-height: 24px}
.page-team .info img{width: 80%}
.page-cctv img{width: 100%}


#pages {clear:both;display:block;padding:14px}
#pages a {display:inline-block;height:22px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0 10px;text-decoration:none}
#pages a.a1 {background:#f1f1f1;width:56px;padding:0}
#pages a:hover {background:#f1f1f1;color:#000;text-decoration:none}
#pages span {display:inline-block;height:22px;line-height:22px;background:#df1c48;border:1px solid #df1c48;color:#fff;text-align:center;padding:0 10px}
.page .noPage {display:inline-block;width:56px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4}
	
.footer{background: #000;color: #9ea09f}
.footer h2{margin-bottom: 10px}
.footer p,.footer .footer-logo p{line-height: 24px}
.footer .qrcode img{width: 100%}
.footer .footer-logo img{margin-bottom: 10px}

@media screen and (max-width: 750px) {
	.bg-team{background: none}
	.header,.layui-main{width: 100%}
	.header{height:56px;}
	.header .layui-main{width: 92%}
	.header .mobile-menu-switch{position: absolute;top:9px;right: 0;padding:0 5px;height: 40px;line-height: 40px;}
	.mobile-menu-switch-bg{display:none;z-index: 100;position: fixed; right: 0; top: 57px; padding: 0; background: rgba(112,112,112,.8); width:100%;height:100%;overflow-x: hidden;}
	.header .layui-icon{font-size: 24px}
	.header .layui-nav{position: fixed; right: 0; top: 57px; padding: 0; background: #000;z-index: 999;width:0;height:100%;overflow-x: hidden;}
	.header .layui-nav .layui-nav-item{margin:0;width: 100%;text-align: left}
	.header .layui-nav .layui-nav-item a{padding:0 20px;color: #fff}
	.header .layui-nav .layui-this,.header .layui-nav-tree .layui-this,.header .layui-nav .layui-this>a,.header .layui-nav-tree .layui-this>a{background-color: #dd1c48;}
	.header .layui-nav-tree .layui-nav-item a:hover{background-color: #4a345f}
	.header .layui-nav-tree .layui-nav-bar{background-color: #dd1c48;}
	.layui-nav-itemed>.layui-nav-child{background-color:rgba(34,18,49,1)!important}
	.logo{top: 9px;}
	.logo img{ height: 40px;}
	#slide{padding-top:56px;}
	#slide .desc{position:absolute;top:62%;right:0;z-index:2;width:48%;padding:10px;background-color:rgba(223,28,72,.88);font-size:12px;color:#fff}
	#slide .desc h2{margin-bottom:5px;font-size:14px;font-weight:bold;}
	
	a.index-manage{padding:0;height:200px;}
	a.index-manage .img{border: 1px solid #ddd}
	a.index-manage h2{font-size: 14px;margin-bottom:5px}
	a.index-manage .desc{height: 30px;font-size: 12px;color:#cacaca;}

	.index-category{padding:5px 0;}
	.index-category:after{bottom:14px;left: 37%;width: 26%}
	.index-category h1{padding-bottom: 10px;font-size: 16px;}

	a.index-cases{height:150px;}
	a.index-cases .img{height:127px;}
	a.index-cases .img img{width: 90%}
	a.index-cases .title,a.index-cases .desc{text-align: center;color: #b6b6b6;font-size: 12px;line-height: 24px}
	a.index-cases .title{margin-top:5px;font-size: 14px;color: #000}
	a.index-cases .desc{display: none}
	a.index-cases:hover .border_top,a.index-cases:hover .border_bottom,a.category-cases:hover .border_top,a.category-cases:hover .border_bottom{width:0;}
	a.index-cases:hover .border_left,a.index-cases:hover .border_right,a.category-cases:hover .border_left,a.category-cases:hover .border_right{height:0}


	a.category-cases{height: 140px}
	a.category-cases .img{height: auto;}
	a.category-cases .title{font-size: 12px;}
	.index-news-category .crumb,.index-news-category .more{font-size: 14px}
	.index-news-l-con img{width: 100%}
	.index-news-l-con .info{position: relative;height: 180px}
	.index-news-l-con .info .date{font-size: 16px;color: #df1c48}
	.index-news-l-con .info .title{margin-top: 15px;font-size: 14px;}
	.index-news-l-con .info .btn-more{padding:3px 5px;}
	.hr{margin: 15px 0}
	.index-news-hot .info .date{font-size: 16px;color: #df1c48}
	.index-news-hot .info .title{margin-top: 15px;font-size: 14px;}

	.con-category{padding:5px 0;}
	.con-category:after{bottom:8px;left: 37%;width: 26%;}
	.con-category h1{padding-bottom: 10px;font-size: 16px;}
	.con-page_about-category-img{position:relative;display:block;padding:8px 0;height:70px;overflow: hidden;}
	.con-page_about-category-img img{position: absolute;z-index:22;top:10px;left:10%;width: 80%}
	.con-page_about-category-img:after{position: absolute;z-index:1;bottom:22px;left: 0;width: 100%;height:2px;content:'';background: #000;}
	.title-category{padding-top:0;}
	.title-category h1{font-size: 16px;}
	.content h3{font-size:14px;}
	.content img{width: 100%}
	.video{width: 100%;height: 260px}
	a.page-company{height: 190px}
	a.page-company .img{height: 136px}
	a.page-company .img img{width: 80%}
	.page-map-iframe{height:300px}
	.page-team{margin-top: 5px}
	.page-team .thumb img{padding: 0;width: 80%}
	.page-team .info{padding:10px 5px;border-left: none}

	.footer .qrcode img{float:right;width: 90%}
	.footer h2{font-size: 18px}

	.layui-fixbar{z-index:99;}
}