*{
margin: 0;
padding: 0;
}
li{
list-style:none;
}
{body
background-Color: # f9f9f9
}
/ * Clear a tag underlined * /
a {
text-Decoration: none;
}
{header
width: 100%;
height: 30px;
/ * set the background color * /
background-Color: # f2f2f2;
border: 1px Solid #ddd;
position: relative;
}
.head {
/ * set his width 1200, and centering elements do not go to the rightmost * /
width: 1200px;
/ * centering * /
margin: Auto 0;
}
.register, .Signin {
/ * Floating run * /
a float: right;
/ * set the font color * /
Color: # 999;
width: 53px;
height: 17px;
margin-Top: 5px;
}
.signin{
margin-left:19px ;
}
.head span.head img{
float:left;
margin-left: 5px;
}
.toubu{
width: 1400px;
margin: 0 auto;
height: 120px;
}
.toubu>div {
float: left
}
{.toubu
/ * Right positioning * /
margin: 33px 0 0 193px;
}
.logo{
margin-left: 150px;
width: 200px;
height: 100px;
margin-top: 32px;
}
.bozi input{
outline: none;
border: 2px solid #15aafb;
widows: 412px;
height: 23px;
font-size:14px;
padding: 10px 206px 5px 15px;
/*color: #000;*/
/*向右浮动*/
float: left;
}
.bozi>a img .bozi>a span, .bozi a,.bozi{
float:left;
}
.bozi>a{
background-color: #15AAFB;
width: 84px;
height: 36px;
color: #fff;
padding:3px 14px;
}
.bozi{
margin-top: 39px;
margin-left: 193px;
}
.bozi a samp {
font-size:20px;
margin-left:4px
}
.bozi img{
margin-top: 8px;
}
{.shangchaun
width: 120px;
height: 38px;
border: 2px Solid # 15aafb;
/ * set the background image * / in the css
background-Image: url (../ img / 45_05.png);
/ * background image is not tiled * /
background-REPEAT: NO-REPEAT;
/ * background image positioning * /
background-position: 23px 9px;
/ * background color * /
background-color: # 15AAFB;
margin-Top: 39px;
margin-left: 200px;
border -radius: 5px;
}
.shangchaun a {
margin-left: 48px;
line-height:38px;
font-size:14px;
color: #fefefe;
}
.shangchaun img{
margin-top:5px;
margin-left:20px;
}
/*设置背景颜色变幻*/
.shangchaun:hover{
background-color: #0672d7;
}
nav{
width:100%;
min-width: 1200px;
height:60px;
background-color: #086fd1;
}
nav a:hover{
background-color:#0c59c1;
color: #F9F9F9;
}
nav a{
float:left;
width: 110px;
height: 60px;
font-size: 19px;
text-align:center;
color: #fff;
display:inline-block;
line-height:60px;
}
nav ul{
width:70;
height: 45;
margin-left:380px;
}
.main li {
float:left;
}
.main a {
color: #392f25;
}
.main ul{
margin-left: 350px;
}
section{
width:1200px;
height:350px;
background-color:#fff;
margin-left:350px;
}
section a{
display:inline-block;
padding:2px 0px 2px 0px;
background-color: #FFFFFF;
}
section a:hover{
background-color: #0C59C1;
color:#fff;
}
.bozi li{
width: 80px;
height: 40px;
position:relative;
left:-180px;
}
.lan a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center
}
.bozi1 li{
width: 80px;
height: 40px;
position:relative;
left:12px;
}
.lan1 a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center
}
.bozi2 li{
width:80px;
height:40px;
position:relative;
left:12px;
}
.lan2 a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center;
}
.bozi3 li{
width:80px;
height:40px;
position:relative;
left:12px;
}
.lan3 a{
display:inline-block;
width: 55px;
height:25px;
background-color:#15aafb;
color:#FFFFFF;
text-align:center;
}
.bozi4 li{
width:80px;
height:40px;
position:relative;
left:12px;
}
.lan4 a {
display:inline-block;
width: 55px;
height:25px;
background-color:#15aafb;
color:#FFFFFF;
text-align:center;
}
.lan5 a{
display:inline-block;
width: 55px;
height: 25px;
border: 1px solid #15aafb;
text-align: center;
}
.kuai{
width:150px;
height:50px;
background-color:#fff;
text-align: center;
margin-left: 350px;
line-height:50px;
}
.kuai a{
/*设置A标签的长宽*/
display:inline-block;
width:150px;
height:50px;
}
.kuai1{
width:150px;
height:50px;
background-color:#eee;
text-align: center;
border-radius:5px 0px;
margin-left: 500px;
margin-top: -50px;
line-height:50px;
}
.kuai1 a{
/*设置A标签的长宽*/
display:inline-block;
width:150px;
height:50px;
}
.kuai1 a:hover{
background-color:#fff;
}
article{
width:1200px;
position:absolute;
left:350px;
height:1087px;
background-color:#fff;
}
.lik {
width:240px;
height:70px;
background-color: #15AAFB;
text-align:center;
margin-top:25px;
margin-left: 45px;
}
.lik a{
position:absolute;
top:50px;
left:135px;
}
.lik img{
position:absolute;
left:155px;
}
.lik1{
width:136px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:286px;
}
.lik:hover{
background-color: #0C59C1;
}
.lik1:hover{
background-color: #0C59C1;
}
.lik2:hover{
background-color: #0C59C1;
}
.lik3:hover{
background-color: #0C59C1;
}
.lik4:hover{
background-color: #0C59C1;
}
.lik5:hover{
background-color: #0C59C1;
}
.lik6:hover{
background-color: #0C59C1;
}
.lik1 img{
position:absolute;
left:346px;
}
.lik1 a{
position:absolute;
top:50px;
left:338px;
}
.lik2{
width:106px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:423px;
}
.lik2 img{
position:absolute;
left:468px;
}
.lik2 a{
position:absolute;
top:50px;
left:447px;
}
.lik3 {
width:210px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:530px;
}
.lik3 img{
position:absolute;
left:620px;
}
.lik3 a{
position:absolute;
top:50px;
left:600px;
}
.lik4{
width:102px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:741px;
}
.lik4 img{
position:absolute;
left:782px;
}
.lik4 a{
position:absolute;
top:50px;
left:762px;
}
.lik5{
width:196px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:844px;
}
.lik5 a{
position:absolute;
top:50px;
left:910px;
}
.lik5 img {
position:absolute;
left:930px;
}
.lik6{
width:119px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:1041px;
}
.lik6 a{
position:absolute;
top:50px;
left:1085px;
}
.lik6 img{
position:absolute;
left:1090px;
}
.lik7 a{
display:inline-block;
color: #FFFFFF;
margin-top:10px;
}
.lik7 img{
margin-top:12px;
}
.lik7 div{
}
.shishi{
width: 0px;
height: 80px;
}
.frame1{
width:240px;
height:70px;
/*border: 1px solid #ddd; */
margin-left: 45px;
line-height:36px;
}
.frame2{
width:136px;
height:70px;
/*border:1px solid #ddd;*/
margin-top:-64px;
margin-left:286px;
text-align:center;
line-height:70px;
}
.frame3{
width:106px;
height:70px;
/*border:1px solid #ddd; */
text-align:center;
margin-top:-69px;
margin-left:423px;
line-height:70px;
}
.frame4{
width:210px;
height:70px;
/*border: 1px solid #ddd*/;
margin-top:-72px;
margin-left:530px;
line-height:35px;
}
.frame5{
width:102px;
height:70px;
/*border: 1px solid #ddd; */
margin-top:-68px;
margin-left:741px;
text-align:center;
}
.frame6{
width:196px;
height:70px;
/*border: 1px solid #ddd; */
margin-top:-117px;
margin-left:844px;
text-align:center;
}
.frame6 img{
margin-top:50px;
}
.frame7{
width:119px;
height:70px;
/*border: 1px solid #ddd; */
margin-top:-67px;
margin-left:1041px;
}
.frame7 a{
display:inline-block;
width:100px;
height:35px;
border: 1px solid #15AAFB;
margin-left:10px;
margin-top:10px;
border-radius:5px;
/ * Set the text centered around * /
text-align = left: Center;
/ * set the text vertically centered * /
Line-height: 35px;
}
.frame7 A: hover {
background-Color: # 15AAFB;
}
.Whole {P
Color: # f7ab00;
}
.frame8 {
width: 240px;
height: 70px;
/ * border: 1px Solid ## 15AAFB; * /
margin-Top: 0px;
margin-left: 45px;
Line-height: 70px;
}
.pa{
margin-left:240px;
margin-top:25px;
}
.pa a{
text-align: center;
line-height:30px;
display: inline-block;
width: 30px;
height: 30px;
background-color: #eee;
}
.pa a:hover{
background-color: #15AAFB;
}
#lan{
width:90px;
}
#sur{
width:70px;
}
.pa input{
width:30px;
}
footer{
width:100%;
min-width: 1600px;
height: 350px;
margin-top: 1130px ;
background-color:#212930;
}
.top{
width:100%;
min-width: 1600px;
height: 300px;
}
.bot{
width:100%;
min-width: 1600px;
height: 50px;
background-color:#1c2227;
line-height:50px;
}
.bot p{
color: #999999;
text-align:center;
}
.tr1{
color: #fff;
font-size: 18px;
}
.tr2{
color: #7a889c;
}
.top table{
margin: 0 auto;
}
.td1{
width: 400px;
height: 80px;
}
.td2{
width: 300px;
height: 80px;
}
.td3{
width: 200px;
height: 80px;
}
.top a{
color: #7a889c;
}
.tr1_word{
margin: -30px 0 0 36px;
position: absolute;
}
.td3_word{
position: absolute;
margin: -40px 0 0 40px;
}
.td1_word{
position: absolute;
margin: -22px 0 0 25px;
}
.td2_word{
position: absolute;
margin: -25px 0 0 24px;
}
.td4_word{
position: absolute;
margin: -27px 0 0 38px;
}
.t1{
position: absolute;
margin: -70px 0 0 44px;
}
.fixed_1{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image:url(../img/79_10.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 360px 0;
border-radius: 50px;
background-position: 6px 12px;
}
.fixed_2{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/79_08.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 430px 0;
border-radius: 50px;
background-position: 6px 15px;
}.fixed_3{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/79_06.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 500px 0;
border-radius: 50px;
background-position: 6px 9px;
}.fixed_4{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/fixed_1.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 570px 0;
border-radius: 50px;
background-position: 5px 16px;
}