@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#000000;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1024px;
    background:#19408f;
}
.main{
    margin:0 auto;
    width:1024px;
    position:relative;
}
.header{
    width:100%;
    height:1257px;
    background:url("../img/banner.jpg") no-repeat center;
}
.header .img1{
    top:153px;
    left:265px;
    width:453px;
    height:523px;
    position:absolute;
    background:url("../img/banner-img1.png") no-repeat center;
    animation:1.5s yh linear infinite;
}
@keyframes yh{
    0%{transform:rotate(5deg)}
    50%{transform:rotate(-5deg)}
    100%{transform:rotate(5deg)}
}
.header .img2{
    top:482px;
    left:95px;
    width:814px;
    height:119px;
    position:absolute;
    background:url("../img/banner-img2.png") no-repeat center;
}
.header .img3{
    top:618px;
    left:275px;
    width:425px;
    height:104px;
    position:absolute;
    background:url("../img/banner-img3.png") no-repeat center;
}
.header .btn{
    top:944px;
    width:386px;
    height:82px;
    position:absolute;
    background:url("../img/banner-btn-line.png") no-repeat center;
}
.header .btn.b1{
    left:100px;
}
.header .btn.b2{
    right:100px;
}
.header .btn a{
    top:0;
    left:74px;
    width:234px;
    height:82px;
    font-size:37px;
    line-height:72px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    display:block;
    position:absolute;
    background:url("../img/banner-btn.png") no-repeat center;
    transition:0.2s;
}
.header .btn a:hover{
    top:5px;
    transition:0.2s;
}
.content{
    width:100%;
    height:2535px;
    background:url("../img/content-bg.jpg") no-repeat center;
}
.title{
    margin:50px 0 35px 238px;
    width:556px;
    height:84px;
    background:url("../img/title-bg.png") center;
}
.title h2{
    font-size:42px;
    font-weight:bold;
    line-height:76px;
    color:#ffffff;
}
.title.t1 h2{
    text-indent:160px;
}
.title.t2 h2{
    text-indent:190px;
}
.title.t3{
    margin:160px 0 35px 238px;
    width:556px;
    height:94px;
    background:url("../img/title-bg2.png") center;
}
.title.t3 h2{
    text-indent:190px;
}
.txt{
    margin-bottom:50px;
    font-size:20px;
    line-height:20px;
    color:#ffffff;
    text-align:center;
}
.p1 .box{
    margin-left:20px;
    width:957px;
    height:586px;
    position:relative;
    background:url("../img/p1-box.png") no-repeat center;
}
.p1 .box .img1{
    top:92px;
    left:182px;
    width:622px;
    height:417px;
    position:absolute;
    background:url("../img/p1-img1.png") no-repeat center;
    animation:1.5s sx linear infinite;
}
@keyframes sx{
    0%{top:92px;}
    50%{top:70px;}
    100%{top:92px;}
}
.p1 .box .img1 h2{
    margin-top:58px;
    font-size:28px;
    line-height:44px;
    text-align:center;
}
.p1 .box .img1 h2 span{
    color:#ff520e;
    font-weight:bold;
}
.p1 .box .img2{
    top:227px;
    left:156px;
    width:678px;
    height:351px;
    position:absolute;
    background:url("../img/p1-img2.png") no-repeat center;
}
.p1 .box .img2 h2{
    margin-top:140px;
    font-size:33px;
    font-weight:bold;
    line-height:33px;
    text-align:center;
    color:#ffffff;
}
.p1 .box .img2 a{
    margin-top:20px;
    margin-left:206px;
    width:266px;
    height:60px;
    line-height:60px;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    color:#bd1024;
    display:block;
    position:relative;
    background:#fbe39c;
    border-radius:8px;
}
.p1 .box .img2 a span{
    top:0;
    left:188px;
    font-size:40px;
    position:absolute;
}
.p1 .box .img2 a b{
    font-size:20px;
}
.p2 .box{
    margin-left:20px;
    width:958px;
    height:1352px;
    overflow:hidden;
    background:url("../img/p2-box.png") no-repeat center;
}
.p2 .p2-title{
    margin-top:62px;
    margin-left:106px;
    width:182px;
    height:58px;
    overflow:hidden;
    background:url("../img/p2-title.png") no-repeat center;
}
.p2 .p2-title h2{
    margin-top:25px;
    margin-left:1px;
    width:147px;
    height:35px;
    font-size:22px;
    color:#ff1743;
    text-align:center;
}
.p2 ul.ul1{
    margin-top:40px;
    margin-left:106px;
    width:800px;
}
.p2 ul.ul1 li{
    margin-bottom:20px;
    float:left;
    width:156px;
    position:relative;
}
.p2 ul.ul1 li img{
    top:0;
    left:0;
    width:156px;
    height:146px;
    display:block;
    position:absolute;
    transition:0.4s;
}
.p2 ul.ul1 li p{
    margin-top:148px;
    width:134px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
}
.p2 ul.ul1 li:hover img{
    top:-5px;
    transition:0.4s;
}
#pig ul{
    margin-top:50px;
    margin-left:63px;
    width:900px;
}
#pig ul li{
    margin-bottom:-20px;
    margin-right:-16px;
    float:left;
    width:290px;
    height:278px;
    background:url("../img/pig.png") no-repeat center;
}
#pig ul li.act{
    background:url("../img/pig-act.png") no-repeat center;
}
.p2 .info{
    margin:0 auto;
    width:425px;
    height:82px;
    background:url("../img/p2-info.png") no-repeat center bottom;
}
.p2 .info h2{
    margin-left:39px;
    width:351px;
    height:59px;
    color:#ffffff;
    font-size:32px;
    text-align:center;
}
.p2 .info h2 span{
    font-size:50px;
    font-weight:bold;
}
.footer{
    width:100%;
    height:707px;
    background:url("../img/footer.jpg") no-repeat center;
    overflow:hidden;
}
.footer .box{
    margin:0 auto;
    padding-top:50px;
    width:939px;
    background:url("../img/footer-line.png") no-repeat center top;
}
.footer .box h2{
    margin-bottom:20px;
    font-size:22px;
    font-weight:bold;
    line-height:22px;
    color:#ffffff;
}
.footer .box p{
    margin-bottom:20px;
    font-size:22px;
    line-height:40px;
    text-indent:50px;
    color:#ffffff;
}
.case{
    top:50%;
    left:50%;
    margin-left:-202px;
    margin-top:-286px;
    width:404px;
    height:572px;
    position:fixed;
    display:none;
    z-index:9999;
}
.close{
    top:0;
    right:0;
    width:46px;
    height:46px;
    display:block;
    position:absolute;
    cursor:pointer;
    background:url("../img/close.png") no-repeat center;
}
.case a{
    top:503px;
    left:140px;
    width:136px;
    height:54px;
    display:block;
    position:absolute;
    background:url("../img/case-btn.png") no-repeat center;
}
#case1{
    background:url("../img/case1.png") no-repeat center;
}
#case2{
    background:url("../img/case2.png") no-repeat center;
}
#case3{
    background:url("../img/case3.png") no-repeat center;
}
#default{
    top:50%;
    left:50%;
    margin-left:-295px;
    margin-top:-262px;
    width:591px;
    height:524px;
    position:fixed;
    display:none;
    background:url("../img/default.png") no-repeat center;
}
#default a{
    top:359px;
    left:91px;
    width:411px;
    height:74px;
    display:block;
    position:absolute;
}