/* CSS Document */
html,body{
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
.iframe{
width:100%;
min-width:1440px;
width:e xpression(document.body.clientWidth < 1440 ? "1400px" : "100%" );
}
.head{
width:100%;
height:30px;
background:#007ae1;
margin:0px;
padding:0px;
}
.denglu{
width:1000px;
height:28px;
margin:0 auto;
padding:0px;
border:#007ae1 1px solid;
line-height:28px;
}
.wz{
font-size:12px;
color:#FFFFFF;
line-height:28px;
margin-left:20px;
}
.gn{
position:relative;
margin-top:-28px;
margin-left:823px;
color:#FFFFFF;
height:28px;
}
.gn ul{
list-style:none;
display:table;
width:150px;
height:28px;
}
.gn li{
float:left;
font-size:12px;
color:#000000;
height:28px;
margin-right:20px;
line-height:28px;
color:#FFFFFF;
width:50px;
}
.menu{
width:1000px;
height:100px;
margin:0 auto;
}
.menu ul{
list-style:none;
display:table;
width:1000px;
height:100px;
text-align:center;
line-height:100px;
padding-top:25px;
}
.menu li{
float:left;
width:100px;
font-size:20px;
height:32px;
text-align:center;
overflow:hidden;
margin-right:15px;
line-height:32px;
color:#494949;
margin-top:15px;
}
.menu a:hover li{
color:#007ae1;
border-bottom:3px solid #007ae1;
}
.banner{
width:100%;
margin:0 auto;
margin-top:100px;
}
.content{
width:100%;
height:100%;
}
.content_01{
width:100%;
height:450px;
background:url(../img/bj1.png) 100% 100%;
}
.title{
width:1000px;
list-style:none;
display:table;
height:50px;
margin:0 auto;
padding-top:40px;
color:#FFFFFF;
text-align:center;
line-height:50px;
}
.title li{
float:left;
color:#FFFFFF;
}
.nr{
width:890px;
margin:0 auto;
text-align:center;
height:260px;
margin-top:50px;
}
.wzbt{
font-size:24px;
color:#FFFFFF;
}
.content_02{
width:100%;
height:670px;
background:url(../img/bj2.png) 100% 100%;
}
.fl{
list-style:none;
display:table;
width:810px;
height:520px;
margin:0 auto;
padding-top:70px;
overflow:hidden;
}
.fl li{
float:left;
width:189px;
height:205px;
background:#FFFFFF;
margin-right:17px;
margin-bottom:20px;
text-align:center;
font-size:20px;
color:#FFFFFF;
}
.fl img{
margin-top:25px;
}
.js{
font-size:14px;
margin-top:-10px;
}
.fl li:hover{
transform: rotateY(360deg) scale(1, 1);
-webkit-transform: rotateY(360deg) scale(1, 1);
-moz-transform: rotateY(360deg) scale(1, 1);
transition:2s; 
-webkit-transition:2s; 
-moz-transition:2s; 
}
.content_03{
width:100%;
height:670px;
background:url(../img/bj3.png) 100% 100%;
}
.tj{
width:1000px;
margin:0 auto;
display:table;
list-style:none;
padding-top:60px;
overflow:hidden;
}
.tj li{
float:left;
background:url(../img/ck.png);
width:230px;
height:214px;
margin-left:25px;
margin-bottom:23px;
text-align:center;
}
.tj img{
margin-top:35px;
}
.tj li:hover img{
display:none;
}
.wznr{
display:none;
width:224px;
height:208px;
background:#FFFFFF;
}
.tj li:hover .wznr{
display:block;
}
.wznr p{
text-align:left;
width:167px;
margin:auto;
font-size:14px;
color:#64c9c3;
}
.content_04{
width:100%;
height:572px;
background:url(../img/bj4.png) 100% 100%;
}
.lc{
width:1000px;
height:395px;
display:table;
list-style:none;
margin:0 auto;
padding-top:60px;
background:url(../img/bj.png) no-repeat;
}
.lc li{
width:489px;
height:393px;
float:left;
overflow:hidden;
}
.lb{
width:360px;
height:346px;
display:table;
list-style:none;
overflow:hidden;
margin-top:15px;
background:url(../img/line.png) no-repeat;
margin-left:74px;
}
.lb .leftc{
float:left;
width:160px;
height:295px;
margin-top:25px;
}
.lb .rightc{
float:left;
width:170px;
height:295px;
margin-top:25px;
}
.leftc ul{
list-style:none;
}
.leftc li{
width:150px;
height:31px;
background:url(../img/qp.png);
margin-bottom:20px;
color:#FFFFFF;
text-align:center;
line-height:31px;
}
.leftc a:hover li{
background:url(../img/qp4.png);
color:#358dba;
}
.rightc a:hover li{
background:url(../img/qp3.png);
color:#358dba;
}
.rightc ul{
list-style:none;
}
.rightc li{
width:150px;
height:31px;
background:url(../img/qp1.png);
margin-bottom:20px;
text-align:center;
line-height:31px;
color:#FFFFFF;
}
.content_05{
width:100%;
height:470px;
background:url(../img/bj5.png) 100% 100%;
}
.content_06{
width:100%;
height:117px;
background:url(../img/gg.jpg);
text-align:center;
line-height:117px;
}
.content_06 div{
margin:0 auto;
width:753px;
height:64px;
padding-top:26.5px;
}
.content_07{
width:100%;
height:235px;
background:#eeeeee;
}
.footer{
width:100%;
height:100px;
background:#0a98e0;
text-align: center;
line-height:100px;
}
.db{
width:1000px;
height:49px;
margin:0 auto;
color:#FFFFFF;
font-size:12px;
text-align:center;
line-height:24.5px;
padding:25.5px;
}
.bbt{
width:1000px;
height:32px;
margin:0 auto;
padding-top:30px;
padding-bottom:60px;
}
.hz{
list-style:none;
width:1000px;
height:72px;
border:#858585 1px solid;
border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
background:#FFFFFF;
margin:0 auto;
display:table;
text-align:center;
line-height:72px;
}
.hz li{
float:left;
margin-right:78px;
}