.bgbox{ width: 100%; padding:0; position: relative; background: rgba(6,43,85,0.6); height:838px; }
.bgbox .imgs{    width: 100%; position: absolute; width: 100%; height: auto; left: 0; top: 0;}
.bgbox .imgs li{ display: none; width:100%; overflow:hidden;}
.bgbox .imgs li:first-child{ display: block;}
.bgbox .imgs li img{ max-width: 100%; height:100%; /*height:auto;*/ display:block; }
.bgbox .imgs:before{ position: absolute; content: ""; background: rgba(6,43,85,0.6); width: 100%; height:100%; left: 0; top: 0; z-index: 0;}
.box{ width:90%; margin:0% auto; position: relative;clear:both; overflow:hidden; padding:5% 0;  }
.box h2{color:#fff;  font-family: 微软雅黑; font-size: 18px; padding: 20px 0;}
.box h2 b{ font-size: 36px; color: #fff; font-weight:bold; }
.tab1{ float:right;}
.tab1 li{ width: 350px; height: 70px; line-height: 70px;  border: solid #fff 1px; border-radius:50px; margin-top: 20px; display: flex; padding-left:20px;}
.tabl li:hover{ border:1px solid #e68080; }
.tab1 li a{ color: #fff; text-decoration: none; padding-left: 10px; font-size: 18px;}
.con{ width: calc(100% - 400px); margin-top: 20px; color: #fff;}
.con li{ height: auto; display: none; }
.con li:first-child{ display: block;}
.con li h3{ line-height: 60px; font-size:28px; padding:0 0 15px 0; background:url(../images/line01.gif) no-repeat bottom left; }
.con .cpdes{ line-height:36px; margin:5% 0; }
.con li a{}
.con li a{ display:block; line-height:40px; width:220px; border:1px solid #ffffff; border-radius:20px; text-align:center; color:#ffffff; transition: 588ms;}
.con li a:hover{ color:#ffffff; background:#ab0000;  border:1px solid #ab0000;  }


@media(max-width:1100px){
.con{ width: calc(100% - 250px); margin-top: 20px; color: #fff;}
}


@media(max-width:992px){
	
	
.box h2 b{ font-size:26px; color: #fff; font-weight:bold; }	
.cpbox{ display:none; }

.tab1{ float:none;}
.tab1 li{ width: 100%; height: 70px; line-height: 70px;  border: solid #fff 1px; border-radius:50px; margin-top: 20px; display: flex; padding-left:20px;}





}