html, body, div, span{
margin: 0;
padding: 0;
border: 0;
font-family: "微软雅黑";
}
a {
text-decoration: none;
color: inherit;
}
.clear{
clear:both;
height: 0px;
}
.line10{
height: 10px;
}
.header{
width: 100%;
height:46px;
border-bottom: solid 1px #ccc;
}
.Telephone{
right: 40px;
width: 1200px;
height: 35px;
margin:0 auto;
text-align: right;
line-height: 40px;
}
.telimg{
position: relative;
top:8px;
margin-right: 12px;
}
.tel{
position: relative;
float: right;
top: 5px;
font-size: 14px;
color:#1490a7;
margin-right: 30px;
}
.search{
position: relative;
float: right;
top:13px;
width: 85px;
height: 22px;
font-size: 12px;
text-align: center;
line-height: 22px;
color:#fff;
background-color: #ccc;
border-radius: 10px;
}
.navpanel{
position: relative;
width: 1200px;
height: 80px;
margin:0 auto;
top:5px;
/* background-color: aqua; */
/* overflow: hidden; */
}
.logopanel{
/* position: relative; */
float:left;
}
.logo{
width: 330px;
margin-right: 50px;
}
.navpanel li{
position: relative;
float:left;
top:5px;
list-style-type:none;
cursor: pointer;
font-size: 15px;
width: 100px;
height: 25px;
line-height: 25px;
text-align: center;
}
.navpanel li:hover{
background-color: #158991;
border-radius: 15px;
color:#fff;
}
.picbands{
width: 100%;
height: 600px;
background-color: bisque;
overflow: hidden;
}
.band-pic{
width: 100%;
height: 600px;
display: none;
}
.pic{
width: 100%;
height: 600px;
}
.picshow{
display: block;
}
.mainrow1{
width: 1200px;
height: 400px;
margin:0 auto;
overflow: hidden;
/* background-color: #1490a7; */
}
.video{
position: relative;
float: left;
width: 570px;
height: 400px;
left:100px;
/*background-image: url('../img/1eqjiad6b1sm91j2fj.jpg');*/
background-size:100% 100%;
text-align: center;
}
.video img{
margin-top:166px;
transition: all 0.5s linear;
cursor: pointer;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.video img:hover{
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}
.gsjjpanel{
position: relative;
float: right;
width: 630px;
height: 400px;
/* background-color: aqua; */
}
.gsjj{
position: relative;
width: 100%;
height: 66%;
/* left:-200px; */
/* background-color: rgb(30, 161, 58); */
}
.gsjjtitle{
display: block;
text-align: center;
padding-top:40px;
font-size: 20px;
height: 35px;
border-bottom:solid 2px #158991;
width: 100px;
margin:0 auto;
}
.gsjjcontent{
margin:0 auto;
display: block;
width: 74%;
font-size: 15px;
text-indent:2em;
line-height: 30px;
color:rgb(85, 85, 85);
}
.gsjjpicpanel{
width: 600px;
height: 34%;
margin:0 auto;
/* background-color: #1490a7; */
}
.picpanel{
position: relative;
width: 480px;
height: 100%;
/* background-color: bisque; */
margin:0 auto;
white-space:nowrap;
overflow:hidden;
}
.gsjjpic{
/* background-color: bisque; */
position: relative;
top: 30px;
display: inline-block;
font-size: 12px;
width: 235px;
height: 100px;
border:solid 1px #1490a7;
}
.gsjjpic div{
display: inline-block;
}
.gsjjimg{
padding:15px 0px 0px 15px;
margin-right: 15px;
}
.prev{
position: relative;
visibility: visible;
box-sizing: border-box;
transition: all 0.3s linear;
width: 30px;
height: 30px;
top: -70px;
left: 30px;
cursor: pointer;
font-size: 30px;
color: #cbcbcb;
line-height: 30px;
font-family: "SimSun";
}
.next{
position: relative;
visibility: visible;
box-sizing: border-box;
transition: all 0.3s linear;
width: 30px;
height: 30px;
top: -100px;
left: 535px;
cursor: pointer;
font-size: 30px;
color: #cbcbcb;
line-height: 30px;
font-family: "SimSun";
text-align: right;
}
.mainrow2{
width: 1200px;
height: 180px;
margin:0 auto;
/* background-color: #1490a7; */
}
.row2title{
width: 100px;
height: 60px;
margin:0 auto;
text-align: center;
font-size: 20px;
border-bottom:solid 2px #158991;
}
.row2title1{
color:rgb(163, 163, 163);
}
.row2title2{
color:rgb(58, 58, 58);
}
.row2nav{
width: 300px;
border:0px;
height: 35px;
}
.row2nav li{
float: left;
list-style-type:none;
cursor: pointer;
text-align: center;
font-size: 16px;
width: 100px;
height: 28px;
margin-right: 20px;
line-height: 25px;
border-radius: 15px;
background-color: #e6e6e6;
}
.row2nav li:hover{
background-color: #158991;
border-radius: 15px;
color:#fff;
}
.mainrow3{
width: 1200px;
height: 320px;
margin:0 auto;
overflow: hidden;
}
.row3left{
position: relative;
float: left;
width: 500px;
height: 320px;
/* background-color: #1490a7; */
}
.row3leftpic{
position: relative;
top:0px;
width: 460px;
height: 280px;
margin:0 auto;
/* background-image: url('../img/default_img.jpg'); */
background-size:100% 100%;
}
.row3title{
position: relative;
top:10px;
left: 20px;
font-size: 15px;
}
.row3date{
position: relative;
top:10px;
left: 270px;
font-size: 15px;
}
.row3right{
position: relative;
float: left;
width: 700px;
height: 320px;
/* background-color: #14a720; */
}
.row3rightpanel{
position: relative;
}
.row3tableday{
font-size: 40px;
color:#585858
}
.row3tableyear{
font-size: 14px;
color:#5c7779;
}
.row3tableday1{
direction:rtl;
white-space:nowrap;
width:48px;
overflow:hidden;
font-size: 40px;
color:#585858
}
.row3tableyear1{
white-space:nowrap;
width:56px;
overflow:hidden;
font-size: 14px;
color:#5c7779;
}
.rowtablesp{
display: block;
width: 1px;
height: 80px;
background-color: #797979;
}
.rowtabletitle{
padding-top:5px;
font-size: 18px;
font-weight: bold;
height: 40px;
}
.rowtabletitle a{
color:#5c7779;
}
.rowtablecontent{
font-size: 14px;
color:#494949;
}
.mainrow4{
width: 1200px;
height: 100px;
margin:0 auto;
/* background-color: antiquewhite; */
}
.row4title{
width: 200px;
height: 50px;
text-align: center;
margin:0 auto;
font-size: 20px;
}
.row4title1{
height: 35px;
color:rgb(163, 163, 163);
}
.row4title2{
height: 35px;
width: 130px;
text-align: center;
border-bottom:solid 2px #158991;
color:rgb(58, 58, 58);
/* background-color: antiquewhite; */
margin:0 auto;
}
.mainrow5{
width: 1150px;
height: 475px;
margin:0 auto;
/* background-color: rgb(15, 73, 124); */
}
.row5left{
float: left;
width: 370px;
height: 475px;
background-color: antiquewhite;
background-image: url('../img/1e9v2na8ks1ff49j.jpg');
background-size:100% 100%;
}
.row5leftdiv{
width: 100%;
height: 100%;
background-color: #494949a2;
display: none;
}
.row5leftdivtitle{
position: relative;
top:20px;
width: 370px;
text-align: center;
font-size: 24px;
color:#fff;
}
.more{
position: relative;
top:50%;
left:50%;
margin-left: -50px;
margin-top: -20px;
width: 100px;
height: 25px;
line-height: 25px;
background-color: #158991;
font-size: 10px;
color:#fff;
text-align: center;
border-radius: 15px;
cursor: pointer;
}
.row5right{
float: left;
width: 780px;
height: 475px;
/* background-color: rgb(15, 163, 119); */
}
.row5righttop{
width: 770px;
height: 235px;
/* background-color: #5c7779; */
margin:0 auto;
}
.row5rightbottom{
position: relative;
width: 770px;
height: 235px;
top:5px;
/* background-color: #5c7779; */
margin:0 auto;
}
.row5righttopleft{
position: relative;
float: left;
width: 384px;
height: 235px;
/* background-color: rgb(89, 13, 175); */
background-image: url(../img/1e9v2lkr41gjh149tj.jpg);
background-size: 100% 100%;
overflow: hidden;
}
.row5righttopleftdiv{
width: 100%;
height: 100%;
background-color: #494949a2;
display: none;
}
.row5righttopleftdivtitle{
position: relative;
top:20px;
width: 370px;
text-align: center;
font-size: 24px;
color:#fff;
}
.row5righttopright{
position: relative;
float: left;
/* top: -235px; */
left: 5px;
width: 384px;
height: 235px;
/* background-color: rgb(13, 29, 175); */
background-image: url(../img/1e9v2m97e9tbt40j.jpg);
background-size: 100% 100%;
overflow: hidden;
}
.row5righttoprightdiv{
width: 100%;
height: 100%;
background-color: #494949a2;
display: none;
}
.row5righttoprightdivtitle{
position: relative;
top:20px;
width: 370px;
text-align: center;
font-size: 24px;
color:#fff;
}
.row5rightbottomleft{
position: relative;
float: left;
width: 384px;
height: 235px;
/* background-color: rgb(89, 13, 175); */
background-image: url(../img/1e9v2ltj7144e144lj.jpg);
background-size: 100% 100%;
overflow: hidden;
}
.row5rightbottomleftdiv{
width: 100%;
height: 100%;
background-color: #494949a2;
/* display: none; */
}
.row5rightbottomleftdivtitle{
position: relative;
top:20px;
width: 370px;
text-align: center;
font-size: 24px;
color:#fff;
}
.row5rightbottomright{
position: relative;
float: left;
/* top: -235px; */
left: 5px;
width: 384px;
height: 235px;
/* background-color: rgb(13, 29, 175); */
background-image: url(../img/1e9fmvq7qoat15phj.jpg);
background-size: 100% 100%;
overflow: hidden;
}
.row5rightbottomrightdiv{
width: 100%;
height: 100%;
background-color: #494949a2;
/* display: none; */
}
.row5rightbottomrightdivtitle{
position: relative;
top:20px;
width: 370px;
text-align: center;
font-size: 24px;
color:#fff;
}
.MainContainer1{
width:1200px;
height:auto;
margin:0 auto;
overflow:hidden;
margin-bottom:15px;
}
.row6title{
width: 200px;
height: 80px;
/* background-color: #1490a7; */
margin:0 auto;
text-align: center;
}
.row6title1{
height: 35px;
color:rgb(163, 163, 163);
}
.row6title2{
height: 35px;
width: 130px;
text-align: center;
border-bottom:solid 2px #158991;
color:rgb(58, 58, 58);
/* background-color: antiquewhite; */
margin:0 auto;
}
.mainrow7{
width: 1200px;
height: 125px;
/* background-color: #5c7779; */
margin:0 auto;
text-align: center;
padding-top: 20px;
}
.bottom{
width: 100%;
height: 60px;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #313131;
line-height: 60px;
}
.mainrow8{
width: 100%;
height: 340px;
background-image: url(../img/inBg1.jpg);
background-size: 100% 100%;
background-color: #1490a7;
}
.mainrow8div{
position: relative;
top: 60px;
width: 1200px;
height: 150px;
/* background-color: #509014; */
margin:0 auto;
padding-top:50px;
text-align: center;
}
.row8icon{
float: left;
width: 300px;
text-align: center;
}
.mainrow8icon1{
width: 90px;
height: 90px;
margin:0 auto;
background-color: #14907d;
border-radius: 50%;
background-image: url(../img/Icon01.png);
}
.mainrow8icon2{
width: 90px;
height: 90px;
margin:0 auto;
background-color: #14907d;
border-radius: 50%;
/* background-image: url(../img/Icon01.png); */
}
.mainrow8icon3{
width: 90px;
height: 90px;
margin:0 auto;
background-color: #14907d;
border-radius: 50%;
/* background-image: url(../img/Icon01.png); */
}
.mainrow8icon4{
width: 90px;
height: 90px;
margin:0 auto;
background-color: #14907d;
border-radius: 50%;
/* background-image: url(../img/Icon01.png); */
}
.mainrow9{
width: 100%;
height: 400px;
background-image: url(../img/map.png);
background-size: 100% 100%;
}
.row9bottom{
width: 1200px;
margin:0 auto;
height: 400px;
/* background-color: #797979; */
}
.lxwm{
float: right;
width: 300px;
height: 400px;
background-color: #14907d;
}
.text1{
position: relative;
top: 50px;
width: 200px;
font-size: 20px;
color:rgb(207, 207, 207);
text-align: center;
margin:0 auto;
}
.text2{
position: relative;
top: 55px;
width: 200px;
font-size: 20px;
color:rgb(255, 255, 255);
text-align: center;
margin:0 auto;
}
.text3{
position: relative;
top: 40px;
width: 300px;
font-size: 14px;
color:rgb(255, 255, 255);
padding-left :40px;
}
.text3 img{
position: relative;
top: 8px;
margin-right: 20px;
}
.bottommore{
position: relative;
top: 80px;
width: 100px;
height: 25px;
background-color: #fff;
font-size: 12px;
color:#14907d;
border-radius: 12px;
text-align: center;
line-height: 25px;
margin:0 auto;
}