.banner{width: 1200px;margin: 0 auto;position: relative;padding-top:130px;}
.banner img{width: 100%;display: block;}
.banner .lepic{width: 26%;float: left; position: absolute;}
.banner .ripic{width: 100%;float:right;max-width: 602px;}
.title{padding: 30px 0;width:1200px;margin: 0 auto;}
.title>h2{font-size: 26px;color: #000;padding-bottom: 20px;font-weight: bold;padding-top: 10px;letter-spacing: 4px;}
.title>h3{font-size: 40px;color: #000;font-family: "Calibri Light";}
.case_box{width: 100%;height: auto;}
.case_case{
	display: flex;flex-wrap: wrap;
}
.case_con{width: 33.33%;float: left;position: relative;overflow: hidden;}
.cover{position: absolute;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;box-sizing: border-box;padding: 14px;opacity: 0;transition: .5s ease-out;overflow: hidden;}
.case_con>img{width: 100%;display: block;transition: .5s ease-out;}
.childtop .chl_item0{font-size: 18px;color: #fff;font-weight: normal;width: 100%!important;padding-bottom: 4px;position: relative;padding-bottom: 25px;}
.childtop .chl_item0>.brline{position: absolute;width: auto;height: 30px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;line-height: 30px;}
.childtop .chl_item0::before{
	content: '';
	display: block;
	width: 9px;
	height: 2px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.childtop .chl_item1{font-family: ;font-size: 14px;color: #fff;width: 30%;margin-top: 10px;width: 100%;}
.childtop .chl_item1 span{display: block;font-size: 14px;}
.childcon{font-size: 22px;color: #fff;text-align: center;padding-top: 0px;font-weight: bold; position: absolute; left: 31px; top: 33px;}
.childbut{width: 10%;position: absolute;bottom: 48px;right: 32px;}
.childbut>img{max-width: 100%;display: block;}
.case_con:hover .cover{opacity: 1}
.case_con:hover>img{transform: scale(1.1);}
.case_tab .tab:hover{background:#a40000;}
.case_tab .tab:hover h2{color: #fff!important;}
.case_tab .tab:hover span{color: #fff!important;}
.case_tab .tab{width: 20%;float: left;border:1px solid #a40000;box-sizing: border-box;margin: -1px -1px 0 0;text-align:center;cursor: pointer;transition: .5s ease-out;padding: 4px 0;}
.case_tab .tab h2{color:#a40000;font-size: 18px;font-weight: bold; }
.case_tab .tab span{color:#a40000;font-size: 14px;}
.case .fen{margin: 80px auto;}
.fen{width: 15%;margin: 0 auto;margin-top: 20px;}
.newcon a p:hover{color: #000;transition: .3s ease-out;}
.three_tab{width: 33.333%;float: left;text-align: center;}
.tab_box{width: 50%;margin: 0 auto;}
.childtop{
	position: absolute;
	left: 32px;
	bottom: 47px;
	width: 80%;
}





.busbox{width: 1200px;margin: 0 auto;}
.th_con{width: 100%;text-align: center;}
.showdiv{position: relative;width:80%;margin: 0 auto;border:4px solid #a40000;box-sizing: border-box;padding:16px 10px;cursor: pointer;transition: .5s ease-out;}
.show_box{width: 33.333%;float:left;}

.showdiv .line{background: #a40000;width: 24%;height: 2px;position: absolute;left: 38%;}
.showdiv h2{font-size: 20px;padding-bottom:12px;font-weight: bold;}
.showdiv h3{padding-top: 12px;font-size: 14px;font-weight: bold;}
.showdiv.active{background: #a40000;color: #fff;}
.showdiv.active .line{background-color: #fff;}
.hidediv{width: 60%;margin: 0 auto;box-sizing: border-box;padding: 0 2px;}
.hidediv .fen{width: 100%;}
.newsbox{width: 1200px;margin: 0 auto;}
.newsbox .title h2{padding: 20px 0;padding-top: 15px;}
.rng{transition: .5s ease-out;}
.showdiv:hover{background:#a40000 ;border:1px solid #fff;color: #fff;}
.showdiv:hover a{color: #fff;}
.showdiv:hover .rng{background: #fff;}
.newcon{width: 33.333%;float: left;text-align: center;box-sizing: border-box;padding: 10px;margin-bottom: 20px;}
.newcon span{font-size: 14px;color: #656565;display: block;margin-bottom: 1em;color: #656565;}
.newcon a h2{font-size: 18px;color: #000;padding-bottom: 10px;}
.newcon a p{font-size: 14px;line-height: 1.6;color: #656565;;}
.newcon .slide{display: block;border-right: 1px solid #ccc;box-sizing: border-box;padding-right: 15px;}
.bigpic{width: 100%;/*background: url(../images/index/bigpic.jpg)no-repeat center;background-size: 100%;*/margin-top: 30px;position: relative;overflow: hidden;}
#video-bgs{position: absolute;top: 0;min-width: 100%;width: 100% !important;height: auto !important;object-fit: cover;object-position: center;}
.bigbox{width: 1200px;margin: 0 auto;position: relative;z-index: 2;}
.bigbox .leftdiv{width: 40%;box-sizing: border-box;padding: 40px 0;}
.bigbox .leftdiv .dtop{position: relative;color: #fff;}
.bigbox .leftdiv .dtop .line{position: absolute;left: 0;background: #fff;margin: 4px 0;width: 15%;}
.bigbox .rightdiv .dtop .line{position: absolute;left: 0;background: #fff;margin: 4px 0;width: 15%;}
.bigbox .leftdiv .dtop h2{padding: 10px 0;font-size: 26px;}
.bigbox .leftdiv .dtop h3{font-size: 30px;}
.bigbox .leftdiv .dbotom{margin: 20px 0; position: relative;}
.bigbox .leftdiv .dbotom .dbbox img{width: 100%;display: block;}
.vdcover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 1;}

.bigbox .rightdiv{width: 40%;box-sizing: border-box;padding: 40px 0;}
.bigbox .rightdiv .dtop{position: relative;color: #fff;}
.bigbox .rightdiv .dtop .line{position: absolute;left: 0;background: #fff;}
.bigbox .rightdiv .dtop h2{padding: 10px 0;font-size: 26px;}
.bigbox .rightdiv .dtop h3{font-size: 30px;}
.dbnum{width: 25%;padding: 28px 0;border:2px solid #a40000;text-align: center;}
.dbnum a h5{font-weight: bold;font-size:36px;color: #fff;}
.dbnum a h2{font-weight: bold;font-size: 36px;color: #fff;}
.dbnum:hover h5{color: #a40000;transition: .3s;}
.dbnum:hover h2{color: #a40000;transition: .3s;}
.dbtxt{width: 65%;color: #fff;}
.dbtxt h3{font-size: 16px;padding-bottom: 10px;font-weight: bold;}
.dbtxt p a{color: #c4c4c4;font-size: 14px;}
.dbnum h2{font-weight: bold;font-size: 36px;}
.dbcon{margin-top: 30px;}
.dbtxt p a:hover{color: #fff;transition: .3s;}
.case{padding-top: 10px;position: relative;padding-bottom: 1px;}
.case .line38{position: absolute;width: 100%;height: 1px;background: #dcdddd;bottom: 0;top: 100%;}
.newcon a.more_in_news{ display:none; width:30px; height:30px; background-image: url(../images/index/new_sj.png); margin: 0 auto;margin-top: 20px;border-radius: 100%;background-size: 50%;border:1px solid transparent;background-position:center;background-repeat: no-repeat;}
.news{position: relative;padding-bottom: 60px;}
.news .nline38{position: absolute;width: 100%;height: 1px;background: #dcdddd;bottom: 0;top: 100%;}
.bigbox .leftdiv .fen{width: 50%;}
.bigbox .leftdiv .fen .fir_show{background: rgba(0,0,0,0);color: #fff;box-sizing: border-box;}
.bigbox .leftdiv .fen .change_show{border:none;}
.more_in_news:hover{background-color: #a40000!important;transition: .5s ease-out;display:block!important; width:30px!important; height:30px!important; background-image: url(../images/index/new_sj2.png)!important; margin: 0 auto!important;margin-top: 20px!important;border-radius: 100%!important;background-size: 50%!important;border:1px solid transparent!important;background-position:center;background-repeat: no-repeat;}
.bigbox .rightdiv .fen{width: 50%;}
.bigbox .rightdiv .fen .fir_show{background: rgba(0,0,0,0);color: #fff;box-sizing: border-box;}
.bigbox .rightdiv .fen .change_show{border:none;}
.show_box .hidediv .fen .roll_box{height: 50px;}
.show_box .hidediv .fen .roll_box .fir_show{line-height: 50px;}
.show_box .hidediv .fen .roll_box .change_show{line-height: 50px;}
.muchdiv .fen1{margin-top: 20px!important;}
.muchdiv .fen{margin-top: 12px;}
.muchdiv .fen .roll_box{height: 35px!important;}
.muchdiv .fen .roll_box .fir_show{line-height: 35px!important;}
.muchdiv .fen .roll_box .change_show{line-height: 35px!important;}
.busbox .bigthing{margin-top: 45px;}
.white{margin-top: 40px;}
.boxll{position: absolute;width: 40px;height: 60px;background-color: #a40000;background-image: url(../img/index/jia.png);background-size: 60%;background-position: center;background-repeat: no-repeat;}
.boxll.jian{background-image: url(../img/index/jian.png);background-size: 60%;background-position: center;background-repeat: no-repeat;background-color:#a40000;}

.hide-box{position: relative;}
.hide-box .box-btn{position: absolute;width: 30px;height: 40px;background-color: #a40000;background-image: url(../img/index/jia.png);background-size: 60%;background-position: center;background-repeat: no-repeat;bottom:-60px;right: 0;cursor: pointer;}
.hide-box .box-btn.jian{background-image: url(../img/index/jian.png);background-size: 60%;background-position: center;background-repeat: no-repeat;background-color:#a40000;}
.new-hide{display: none;}
.ripic img:nth-child(1){
	display: block;
}
.ripic img:nth-child(2){
	display: none;
}
@media(max-width: 1200px){
	.banner{width: 100%;}
	.title{width:100%;padding: 24px 0;}
	.busbox{width: 100%;}
	.bigbox{width: 100%;}
	.newsbox{width: 100%;}
}

@media screen and (max-width: 1200px) and (min-width: 900px){
	.case_con{width: 33.33%;}
	/*.pub_nav{width: 34%;}*/
	.bigpic{background-size: 120%;}
}
@media(max-width: 768px){
	.case_con{width:50%;}
	.cover{padding: 10px;}
	.childcon{font-size: 20px;top: 28px;left:20px;font-size: 15px;text-align: left; }
	.childtop{
		    left: 20px;
    top: 90px;
	}
	.childbut{
		display:none;
	}
	.childtop .chl_item1{
		font-size: 12px;
	}
	.childtop .chl_item0::before{
		display: none;
	}
	.case .fen{margin: 30px auto;}
	.show_box{width: 100%;margin-bottom: 20px;}
	.bigbox .leftdiv{width: 100%;}
	.bigbox .rightdiv{width: 100%;}
	.bigpic{background-size: cover;box-sizing: border-box;padding:0 8px;}
	.newcon{width: 100%;}
	.newcon a h2{padding-bottom: 0;}
	.newcon .slide{border-right: 0;}
	.newcon a.more_in_news{margin-top: 10px;}
	.newcon span{padding-bottom: 1em;}
	.line38{display: none;}
	.banner{padding-top: 90px;}
	.banner .lepic{width: 80%;float: none;margin: 0 auto;margin-bottom: 20px;position: static;}
	.banner .ripic{float: none;width: 80%;margin: 0 auto;}
	.banner{position: static;}
	.childtop .chl_item0{font-size: 14px;}
	.busbox .bigthing{margin-top: 16px;}
	.hidediv{display: none;}
	.hidiv{display: none;}
	.business{display: none;}
	.newsbox{padding-top: 40px;}
	.newsbox{display: block;}
	.bigpic{width: 100%;background: url(../images/index/bigpic.jpg)no-repeat center;background-size: cover;}
	#video-bgs{display: none;}
	.vdcover{display: none;}
	.ripic img:nth-child(1){
		display: none;
	}
	.ripic img:nth-child(2){
		display: block;
	}
}

@media(max-width: 350px){
	.childcon{padding-top: 75px;}
	.case_con{width: 100%;}
}

@media(min-width: 768px){
	.boxll{display: none;}
	.newbox{display: block;}
	.morediv{/*pointer-events: none;*/}
	.phonebusiness{display: none;}
}