@charset "utf-8";
html { cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:15px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #fff;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
.wrap{
width: 100%;
min-width: 1200px;
height: 1080px;
background: url(../images/bg.jpg) center no-repeat;
position: relative;
overflow: hidden;
}
.container{
width: 1200px;
margin: 0 auto;
position: relative;
}
#box1{position: absolute; top: 750px; right: 0; width: 600px;height: 400px;
-webkit-transform:rotate(-40deg);
-moz-transform:rotate(-40deg);
-ms-transform:rotate(-40deg);
-o-transform:rotate(-40deg);
transform:rotate(-40deg);
z-index: 100;
}
.round{
width: 1346px;
height: 1080px;
position: absolute;
top: 0;
left: 50%;
margin-left: -715px;
background: url(../images/round.png) no-repeat;
}
.slogan{
width: 564px;
height: 314px;
background: url(../images/slogan.png) no-repeat;
position: absolute;
top: 91px;
left: 111px;
}
.item_btn{
width: 558px;
height: 316px;
position: absolute;
top: 443px;
left: 58px;
z-index: 50;
}
.item_btn a{
float: left;
display: block;
width: 154px;
height: 154px;
margin-right: 32px;
}
.item_btn a:hover{
animation:shake 1s ease-in-out;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.item_btn .item_btn01{
background: url(../images/item_btn01.png) no-repeat;
}
.item_btn .item_btn01:hover{
background: url(../images/item_btn01_h.png) no-repeat;
}
.item_btn .item_btn02{
background: url(../images/item_btn02.png) no-repeat;
}
.item_btn .item_btn02:hover{
background: url(../images/item_btn02_h.png) no-repeat;
}
.item_btn .item_btn03{
background: url(../images/item_btn03.png) no-repeat;
}
.item_btn .item_btn03:hover{
background: url(../images/item_btn03_h.png) no-repeat;
}
.item_btn .item_btn04{
background: url(../images/item_btn04.png) no-repeat;
}
.item_btn .item_btn04:hover{
background: url(../images/item_btn04_h.png) no-repeat;
}
.item_btn .item_btn05{
background: url(../images/item_btn05.png) no-repeat;
}
.item_btn .item_btn05:hover{
background: url(../images/item_btn05_h.png) no-repeat;
}
.item_btn .item_btn06{
background: url(../images/item_btn06.png) no-repeat;
}
.item_btn .item_btn06:hover{
background: url(../images/item_btn06_h.png) no-repeat;
}
.link{
width: 675px;
height: 124px;
background: url(../images/link.png) no-repeat;
position: absolute;
top: 800px;
left: 22px;
z-index: 20;
}
.link .erwei{
width: 105px;
height: 113px;
padding-top: 12px;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.link .erwei img{
width: 80px;
height: 80px;
}
.link .erwei p{
font-size: 12px;
color: #1c1a42;
}
.text01{
width: 450px;
height: 48px;
position: absolute;
top: 37px;
left: 134px;
}
.text01:hover{
}
.gift{
width: 114px;
height: 118px;
background: url(../images/gift.png) no-repeat;
position: absolute;
top: 0;
left: 326px;
}
.gift:hover{
background: url(../images/gift_h.png) no-repeat;
}
.text02{
width: 144px;
height: 48px;
background: url(../images/text02.png) no-repeat;
position: absolute;
top: 37px;
left: 498px;
}
.text02:hover{
background: url(../images/text02_h.png) no-repeat;
}
.person{
width: 1346px;
height: 1012px;
background: url(../images/person.png) no-repeat;
position: absolute;
top: 68px;
left: 205px;
}
/*弹窗内容*/
.prompt{
width: 1200px;
margin: 0 auto;
position: relative;
display: none;
}
.prompt.on{
display: block;
}
.round2{
width: 1346px;
height: 1080px;
position: absolute;
top: 0;
left: 50%;
margin-left: -715px;
background: url(../images/round2.png) no-repeat;
}
.round2 .close{
display: block;
width: 108px;
height: 107px;
background: url(../images/close_btn.png) no-repeat;
position: absolute;
top: 666px;
right: 22px;
}
.slideBox{
width: 815px;
height: 800px;
margin: 0 auto;
position: absolute;
top: 90px;
left: 50%;
margin-left: -410px;
}
.slideBox .hd {
width: 170px;
height: 230px;
position: absolute;
right: -136px;
top: 144px;
z-index: 1;
}
.slideBox .hd ul li{
font-size: 14px;
color: #a699f6;
}
.slideBox .hd .tab01{
position: absolute;
top: 0;
left: 0;
}
.slideBox .hd .tab02{
position: absolute;
top: 40px;
left: 20px;
}
.slideBox .hd .tab03{
position: absolute;
top: 80px;
left: 8px;
}
.slideBox .hd .tab04{
position: absolute;
top: 118px;
left: 52px;
}
.slideBox .hd .tab05{
position: absolute;
top: 156px;
left: 65px;
}
.slideBox .hd .tab06{
position: absolute;
top: 195px;
left: 75px;
}
.slideBox .hd ul li {
margin-bottom: 20px;
width: 160px;
height: 22px;
font-size: 16px;
text-align: center;
cursor: pointer;
position: relative;
}
.slideBox .hd ul li span{
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 7px;
background: url(../images/star.png) no-repeat;
}
.slideBox .hd ul li.tab03 span{
top: -2px;
right: -22px;
}
.slideBox .hd ul li.tab04 span{
top: -2px;
right: 9px;
}
.slideBox .hd ul li.tab05 span{
top: -1px;
right: 11px;
}
.slideBox .hd ul li.tab06 span{
top: 0;
right: 13px;
}
.slideBox .hd ul li:hover span, .slideBox .hd ul li.on span{
background: url(../images/star_h.png) no-repeat;
}
.slideBox .hd ul li a{
font-size: 16px;
color: #a699f6;
}
.slideBox .hd ul li:hover,.slideBox .hd ul li.on{
font-weight: bold;
font-size: 18px;
}
.slideBox .bd {
width: 815;
height: 800px;
margin: 0 auto;
}
.slideBox .bd ul{
width: 100%;
height: 800px;
position: relative;
}
.slideBox .bd ul li{
width: 815px;
height: 800px;
position: relative;
display: none;
}
.slideBox .bd ul li.on{
display: block;
}
.article_con{
width: 815px;
height: 740px;
/* padding: 30px 0; */
}
.article_con .article{
width: 730px;
}
.article_con .article h2{
font-size: 24px;
color: #4d55a2;
margin-bottom: 20px;
margin-top: 20px;
}
.article_con .article p{
width: 730px;
font-size: 16px;
line-height: 24px;
color: #4d55a2;
}
.article_con .article p.last{
padding: 30px 0;
}
.article_con .article img{
display: block;
width: 500px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.article_con .article a{
display: block;
font-size: 22px;
color: #0066FF;
font-weight: bold;
margin: 5px 0;
}
.article_con table {
width: 100%;
line-height: 25px;
text-align: center;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
}
.slideBox .title01{
width: 815px;
height: 70px;
margin: 0 auto;
margin-bottom: 10px;
background: url(../images/title01.png) no-repeat;
}
.slideBox .title02{
width: 815px;
height: 70px;
margin: 0 auto;
margin-bottom: 10px;
background: url(../images/title02.png) no-repeat;
}
.slideBox .title03{
width: 815px;
height: 70px;
margin-bottom: 10px;
background: url(../images/title03.png) no-repeat;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.slideBox .title04{
width: 815px;
height: 70px;
margin: 0 auto;
margin-bottom: 10px;
background: url(../images/title04.png) no-repeat;
}
.slideBox .title05{
width: 815px;
height: 70px;
margin: 0 auto;
margin-bottom: 10px;
background: url(../images/title05.png) no-repeat;
}
.slideBox .title06{
width: 815px;
height: 70px;
margin: 0 auto;
margin-bottom: 10px;
background: url(../images/title06.png) no-repeat;
}
.slideBox .xiala{
width: 12px;
height: 76px;
background: url(../images/xiala.png) no-repeat;
position: absolute;
top: 296px;
right: -5px;
}
.slideBox .prev {
position: absolute;
left: -180px;
top: 50%;
margin-top: -37px;
display: block;
width: 75px;
height: 75px;
background: url(../images/prev_btn.png) no-repeat;
}
.slideBox .next{
position: absolute;
right: -120px;
top: 50%;
margin-top: -37px;
display: block;
width: 75px;
height: 75px;
background: url(../images/next_btn.png) no-repeat;
}