@charset "utf-8";


 body {
 background: #ffffff
 }
.subtitle {
width:100%;
height: 250px;
position:relative;

}
.sub1image {
position:absolute;
height: 330px;
width:100%;
top:-80px;
left:0;
z-index:-1;
overflow:hidden
}
.sub1image img {
position:absolute;
top:-110px
}
.subtitle1  {
width:1200px;
margin-left:50%;
position:absolute;
left:-600px;
top:80px
}
.subtitle1 p {
text-align:center;
font-size: 40px;
color: #ffffff;

}
.subtab {
width:1200px;
height:50px;
position:absolute;
bottom:0;
margin-left:50%;
left:-600px;
}
.subtab a {
display:block;
float: left;
width:25%;
height:50px;
text-align:center;
line-height:50px;
font-size: 15px;
color: #ffffff;
background: rgba(2,2,2,0.5)
}
.subtab a:hover {
background: #222222
}

.section {
width:100%;
height:240px;
}
.section_con {
width:1200px;
margin:auto
}

.section p {
text-align:center;
font-size: 30px;
padding: 80px 0 55px 0;
font-weight:300;
}

.sectiontab {
width:800px;
margin:auto
}

.section a{
display:block;
float: left;
width:400px;
height: 50px;
line-height: 50px;
text-align:center;
border:solid 1px #aaaaaa;
}
.section a:first-child {
border-right: none
}
.section a:hover,
.section a.on {
background: #444444;
color: #ffffff;
}
#section2 {
width:100%;
height: 1520px
}

.businesstitle { 
width:100%;
height:515px;
margin:auto;
position:relative
}
.titlebackground {
position:absolute;
top:0;
z-index:-1
}
.title_con {
width:1200px;
padding-top: 100px; 
margin:auto
}

.titleleft {
width: 480px;
display:block;
float: left;
font-size:20px;
color: #eeeeee;
position:relative
}
.titlebar {
display: block;
position:absolute;
top:65px;
z-index:-1
}
.titleleft p {
padding-left: 5px
}
.titleleft b {
font-size: 40px;
color: #ffffff}

.titleright {
width: 720px;
display:block;
float: right;
color: #ffffff;
font-size: 18px;
padding-top: 0px;
position:relative
}
.titleright p:before {
display: block;
content:'-';
position:absolute;
left:-15px;
}

/*box*/
.box {
width:1200px;
height:250px;
margin:auto;
position:relative;
bottom:100px;
font-size: 18px;
color: #ffffff
}
.boxtitle {
color: #009ffb;
font-weight: bold;
padding: 20px 0 40px 0
}
.boxcontent {
}
.box li {
display: block;
float: left;
width: 280px;
height: 235px;
margin:0 23px 30px 0;
background:#01042f;
box-shadow: 10px 10px #9c9da1;
box-sizing: border-box;
padding:20px;
transition: all 0.2s
}
.box li:last-child {
margin-right:0
}
.box li:hover {
box-shadow:none;
transform: translate(10px,10px)
}
.box ul:last-child {
margin:auto
}


/*.imgbox*/
.imgbox {
width:100%;
height: 500px;
}

.imgbox_con {
width:710px;
height:100%;
margin:auto;
position:relative
}

.imgbox_con li {
display:block;
float: left;
width:220px;
height:275px;
margin:0 25px 50px 0;
position:relative
}

.imgboxtxt {
display:block;
width:100%;
text-align:center;
position:absolute;
top:271px;
font-size:13px;
color: #ffffff;
background:rgba(0,0,0,0.7);
}
.imgbox_con li:last-child {
margin-right:0
}
.exception{
font-size: 11px
}
.imgbox_con span {
background: rgba(0,0,0,0.7);
position:absolute;
height: 26px;
line-height:26px;
left:0;
right:0;
bottom:0;
color: #ffffff;
padding-left: 5px
}