@charset "utf-8";

/* CSS reset */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table,
tbody,
td,
tfoot,
th,
thead,
tr
{
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    -ms-interpolation-mode: bicubic;
    /*windows平台缩放图片时，可能出现图像失真现象*/
}

ol,
ul {
    list-style: none;
}

li {
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
}
input{font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', simsun, sans-serif, Arial;}


/* 全局CSS定义 */

body {
    margin: 0 auto;
    background: #FFF;
    color: #666;
    font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', simsun, sans-serif, Arial;
    font-size: 10px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

em,
i {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*IE/7/6*/

img {
    max-width: 100%;
    display: block;
}

/* 链接样式*/

a:active, a:focus, input:active, input:focus, option:active, option:focus, select:active, select:focus, textarea:active, textarea:focus {
    outline: 0;
}

a:link {
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:active {
    color: #fff;
    text-decoration: none;
}
a:hover {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.lf{
    float:left;
}
.rt{
    float:right;
}
.clear{
    content:'';
    display:block;
    clear:both;
    overflow:hidden;
}

/*bg*/
.top{
    background:url(../images/bg_01.jpg)no-repeat center center;
    background-size: 100% 100%;
}
.first{
    background:url(../images/bg_02.jpg)no-repeat center center;
    background-size: 100% 100%;
    padding-top:2rem;
}
.second{
    background:url(../images/bg_03.jpg)no-repeat center center;
    background-size: 100% 100%;
    padding-top:2rem;
}
.third{
    background:url(../images/bg_04.jpg)no-repeat center center;
    background-size: 100% 100%;
    padding-top:2rem;
}
.fourth{
    background:url(../images/bg_05.jpg)no-repeat center center;
    background-size: 100% 100%;
    padding-top:2rem;
}
.fifth{
    background:url(../images/bg_06.jpg)no-repeat center center;
    background-size: 100% 100%;
    padding-top:2rem;
	overflow: hidden;
}
.footer{
    background:url(../images/bg_07.jpg)no-repeat center center;
    background-size: 100% 100%;
    overflow: hidden;
}
/*first*/
.bgpic{
    /*background:url(../images/bg.jpg)no-repeat center center;*/
    /*background-size: 100% 100%;*/
    width:100%;
    /*height:145rem;*/
}
.top{
   position:relative;
   overflow: hidden;
}
.top_pic{
    width:100%;
}
.fly01,.fly02{
    position:absolute;
    width:1.05rem;
    transition:all 10s linear;
}
.fly03,.fly04{
    position:absolute;
    width:1.9rem;
    transition:all 20s linear;
}
.fly03,fly04{
    visibility: hidden;
}
.star{
    position:absolute;
    width:1.2rem;
    top:3rem;right:5rem;
    transition:all 20s linear;

}
.fly01{
    top:2rem;left:1.5rem;
}
.fly02{
    top:4.5rem;right:3rem;
}
.fly03{
    top:6rem;left:2.5rem;
}
.fly04{
    top:2rem;right:1rem;
}
.top_title{
    width:6.9rem;
    margin:auto;
    margin-top:1.36rem;
}
.top_txt{
    border:1px solid rgb(252,68,143);
    -moz-box-shadow:0px 0px 50px rgb(252,68,143) inset;
    -webkit-box-shadow:0px 0px 50px rgb(252,68,143) inset;
    box-shadow:0px 0px 50px rgb(252,68,143) inset;
    transition:all .5s linear;
    width:10rem;
    margin:auto;
    padding:0.5rem 0.6rem;
    color:#fff;
    margin-top:0.42rem;
    font-size:0.18rem;
    line-height:0.3rem;
    /*text-indent:0.36rem;*/
    text-align:justify;
    text-justify:inter-ideograph;
    opacity:.87;
    margin-bottom: 1rem;
}
.top_txt:hover{
    -moz-box-shadow:0px 0px 20px rgba(252,68,143,.8) inset;
    -webkit-box-shadow:0px 0px 20px rgba(252,68,143,.8) inset;
    box-shadow:0px 0px 20px rgba(252,68,143,.8) inset;
    transition:all .8s linear;
}
/*first*/
.first,.second{
    overflow:hidden;
    position:relative;
}
.stars_skylf{
    position:absolute;
    top:0;
    left:-0.5rem;
    width:8.5rem;
}
.stars_skyrt{
    position:absolute;
    top:1rem;
    right:0;
    width:6.5rem;
}
@keyframes xinqiu {
    from {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0,100px);
    }
    to {
        transform: translate(0,0);
    }
}
.xinqiu{
    position:absolute;
    top:5rem;
    right:0;
    width:2rem;
    animation-name: xinqiu;
}


.first_top{
    position:relative;

}


.first_title{
    width:6.8rem;
    margin:auto;
    /*margin-top:1rem;*/
    z-index: 10;
}
.first_pic,.second_pic{
    /*background:url(../images/first/first_pic.png)no-repeat center center;*/
    /*background-size: 100% 100%;*/
    border:2px solid rgb(34,140,152);
    -moz-box-shadow:0px 0px 20px rgb(34,140,152);
    -webkit-box-shadow:0px 0px 20px rgb(34,140,152);
    box-shadow:0px 0px 20px rgb(34,140,152);
    transition:all .5s linear;
    margin:auto;
    margin-top:-1.5rem;
    margin-bottom:0.6rem;
    position:relative;
}
.first_pic:hover,.second_pic:hover,.first-cont-pic:hover{
    -moz-box-shadow:0px 0px 88px rgb(34,140,152);
    -webkit-box-shadow:0px 0px 88px rgb(34,140,152);
    box-shadow:0px 0px 88px rgb(34,140,152);
    transition:all .8s linear;
}

.first_pic{
    width:7.5rem;
    height:4.8rem;
}
.first_pic_one{
    position:absolute;
    width:7.15rem;
    top:50%;left:50%;
    margin:-2.225rem 0 0 -3.575rem;
}
.first_txt{
    /*background:url(../images/first/firstbox.png)no-repeat center center;*/
    /*background-size:100% 100%;*/
    border:1px solid rgb(34,140,152);
    -moz-box-shadow:0px 0px 50px rgb(34,140,152) inset;
    -webkit-box-shadow:0px 0px 50px rgb(34,140,152) inset;
    box-shadow:0px 0px 50px rgb(34,140,152) inset;
    transition:all .5s linear;
    width:4rem;
    margin:auto;
    padding:0.4rem;

    font-size:0.18rem;
    line-height:0.3rem;
    text-align:justify;
    color:rgb(196,205,217);
    opacity:.87;

}
.first_txt:hover,.third_cont_txt:hover,.first_cont_txt:hover{
    -moz-box-shadow:0px 0px 20px rgb(34,140,152) inset;
    -webkit-box-shadow:0px 0px 20px rgb(34,140,152) inset;
    box-shadow:0px 0px 20px rgb(34,140,152) inset;
    transition:all .8s linear;
}
.first_subtitle{
    width:5.65rem;
    margin:auto;
}
.first_cont{
    position:relative;
    margin-top:0.8rem;

}
.first_cont_pic{
    /*background:url(../images/first/first_pic.png)no-repeat center center;*/
    /*background-size: 100% 100%;*/
    border:2px solid rgb(34,140,152);
    -moz-box-shadow:0px 0px 20px rgb(34,140,152);
    -webkit-box-shadow:0px 0px 20px rgb(34,140,152);
    box-shadow:0px 0px 20px rgb(34,140,152);
    transition:all .5s linear;
    width:7rem;
    height:4.5rem;
    margin:auto;
    margin-top:0.6rem;
    position:relative;
}
.first_cont_pic_one{
    position:absolute;
    width:6.8rem;
    top:50%;left:50%;
    margin:-2.15rem 0 0 -3.4rem;
}
.first_cont_txt,.second_cont_txt,.third_cont_txt{
    border:1px solid rgb(34,140,152);
    -moz-box-shadow:0px 0px 50px rgb(34,140,152) inset;
    -webkit-box-shadow:0px 0px 50px rgb(34,140,152) inset;
    box-shadow:0px 0px 50px rgb(34,140,152) inset;
    transition:all .5s linear;
}
/*.second_cont_txt,.third_cont_txt{*/
    /*background:url(../images/secondbk.png)no-repeat center center;*/
/*}*/
.first_cont_txt,.second_cont_txt{
    /*background-size:100% 100%;*/
    width:5.5rem;
    margin:auto;
    padding:0.3rem;
    margin-top:0.5rem;

    font-size:0.18rem;
    line-height:0.3rem;
    /*text-indent:0.36rem;*/
    text-align:justify;
    color:rgb(196,205,217);
    opacity:.87;
}
/*second*/
@keyframes xinqiu1 {
    from {
        transform: translate(0,0);
    }

    50% {
        transform: translate(50px,100px);
    }

    to {
        transform: translate(0,0);
    }
}
.xinqiu1{
    position:absolute;
    top:7rem;
    left:3rem;
    width:3rem;
    animation-name: xinqiu1;
}
.second_cont_txt{
    border-radius:8px;
}
.second_pic{
    width:7rem;
    height:3.8rem;
}
.second_pic_one{
    position:absolute;
    width:6.8rem;
    top:50%;left:50%;
    margin:-1.75rem 0 0 -3.4rem;
}
.swiper8{
    width:9.95rem;
    height:4.58rem;
    margin:auto;
    margin-top:1rem;
    position:relative;
}
.second_guest{
    background:url(../images/second/lvnanming.png)no-repeat center center;
    background-size:100% 100%;
}
.second_guest1{
    background:url(../images/second/lvhongxi.png)no-repeat center center;
    background-size:100% 100%;
}
.second_guest2{
    background:url(../images/second/zhangjinyuan.png)no-repeat center center;
    background-size:100% 100%;
}
.second_guest_name{
    position:absolute;
    top:0.8rem;right:1.5rem;
    width:2.25rem;
    color:#fff;
    opacity:0.87;
}
.second_guest_name h1{
    font-size:0.4rem;
    line-height:0.4rem;
}
.second_guest_name span{
    font-size:0.27rem;
    line-height:0.5rem;
}
.second_guest_txt{
    position:absolute;
    top:2rem;right:0.3rem;
    width:3.4rem;
    font-size:0.16rem;
    line-height:0.3rem;
    text-indent:0.32rem;
    text-align:justify;
    color:#fff;
    opacity:.87;
}
.second_guest1 .second_guest_name{
    top:0.9rem;
}
.second_guest1 .second_guest_txt{
    top:1.9rem;right:0.2rem;
    width:3.6rem;
}
.second_guest2 .second_guest_name{
    top:1rem;
}
.second_guest2 .second_guest_txt{
    top:2.3rem;
}
/*third*/
.third{
    position:relative;
    overflow:hidden;
}
.xinqiu2{
    position:absolute;
    top:7rem;
    right:-1rem;
    width:4rem;
    animation-name: xinqiu1;
}
.third_cont_txt{
    margin:auto;
    margin-top:-1.5rem;
    width:8.21rem;
    background-size:100% 100%;
    padding:0.3rem;
    border-radius: 8px;

    font-size:0.18rem;
    line-height:0.3rem;
    text-indent:0.36rem;
    text-align:justify;
    color:rgb(196,205,217);
    opacity:.87;
}
.third_guest{
    background:url(../images/third/piaoshanji.png)no-repeat center center;
    background-size:100% 100%;
    width:11.85rem;
    height:7.3rem;
    margin:auto;
    /*margin-top:1rem;*/
    position:relative;
}
.third_guest_name{
    position:absolute;
    top:2.1rem;right:1.2rem;
    width:2.8rem;
    color:#fff;
    opacity:0.87;
}
.third_guest_name h1{
    font-size:0.4rem;
    line-height:0.4rem;
}
.third_guest_name span{
    font-size:0.27rem;
    line-height:0.5rem;
}
.third_guest_txt{
    position:absolute;
    top:3.3rem;right:0.25rem;
    width:3.5rem;
    height:1.6rem;

    font-size:0.16rem;
    line-height:0.3rem;
    /*text-indent:0.32rem;*/
    text-align:justify;
    color:#fff;
    opacity:.87;
}
/*fourth*/
.fourth_items{
    width:11rem;
    margin:auto;
    margin-top:-1.5rem;
}
.fourth_items_pic{
    background:url(../images/fourth/fourth_pic.png)no-repeat center center;
}
.fourth_items_txt{
    background:url(../images/fourth/fourth_txt.png)no-repeat center center;
}
.fourth_items_pic,.fourth_items_txt{
    background-size: 100% 100%;
    width:5.27rem;
    height:3.65rem;
    position:relative;
}
.fourth_items_txt{
    padding-top:0.8rem;
    font-size:0.18rem;
    line-height:0.3rem;
    /*text-indent:0.36rem;*/
    text-align:justify;
    color:rgb(196,205,217);
    opacity:.87;

    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;



    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;

}
.fourth .fourth_items_txt{
    padding-top:0;
    -webkit-box-align: center;
    -moz-box-align: center;
}
.fourth_items_pic_one{
    position:absolute;
    width:4.4rem;
    top:50%;left:50%;
    margin:-1.36rem 0 0 -2.2rem;
}
.fourth_items_txt p{
    width:3.95rem;
}
/*fifth*/
.fifth_txt{
    margin-left:4.5rem;
}
.fifth_cont{
    position:relative;
    margin-top:-1.5rem;
}
.fifth_cont_pic{
    width:7.9rem;
    height:4.5rem;
    /*position:absolute;*/
    /*top:1.8rem;left:7.5rem;*/
    margin:-1.8rem 0 0 7.5rem
}
.fifth_cont_pic_one{
    width:6.5rem;
    position:absolute;
    top:50%;left:50%;
    margin:-1.68rem 0 0 -3.24rem;
}
.swiper12{
    width:11.63rem;
    height:6.1rem;
    margin:auto;
    margin-top:1rem;
    position:relative;
}
.fifth_guest{
    background:url(../images/fifth/lvhongxi.png) no-repeat center center;
    background-size:100% 100%;
}
.fifth_guest1{
    background:url(../images/fifth/zhangjinyuan.png) no-repeat center center;
    background-size:100% 100%;
}
.fifth_guest2{
    background:url(../images/fifth/zhoujianlei.png) no-repeat center center;
    background-size:100% 100%;
}
.fifth_guest3{
    background:url(../images/fifth/wangqinyu.png) no-repeat center center;
    background-size:100% 100%;
}
.fifth_guest4{
    background:url(../images/fifth/mengyupin.png) no-repeat center center;
    background-size:100% 100%;
}
.fifth_guest_name{
    position:absolute;
    top:0.6rem;right:3.9rem;
    width:2.25rem;
    color:#fff;
    opacity:0.87;
    font-weight:lighter;
}
.fifth_guest_name h1{
    font-size:0.4rem;
    line-height:0.4rem;
}
.fifth_guest_name span{
    font-size:0.27rem;
    line-height:0.5rem;
}
.fifth_guest_txt{
    position:absolute;
    top:2rem;right:0.4rem;
    width:5.3rem;
    font-size:0.22rem;
    line-height:0.36rem;
    text-align:justify;
    color:#fff;
    opacity:.87;
}
.fifth_guest1 .fifth_guest_name{
    top:0.9rem;
}
.fifth_guest1 .fifth_guest_txt{
    top:2.15rem;
}
.fifth_guest2 .fifth_guest_name{
    top:1.5rem;
}
.fifth_guest2 .fifth_guest_txt{
    top:2.8rem;
}
.fifth_guest3 .fifth_guest_name{
    top:1.5rem;right:3.9rem;
}

.fifth_guest3 .fifth_guest_txt{
    top:2.8rem;
}
.fifth_guest4 .fifth_guest_name{
    top:1.5rem;
}

.fifth_guest4 .fifth_guest_txt{
    top:2.7rem;
}
/*footer*/
.footer .swiper-container{
    width:10.8rem;
    padding:1rem 0;
    overflow:paged-x;

}
.bottom{
    width:10rem;
    margin:auto;
    /*margin-top:1rem;*/
    overflow: hidden;
    height: 470px;
}
.swiper1 .swiper-slide{
    transition:transform .5s linear;
}
.swiper1 .swiper-slide:hover{
    transform:scale(1.5,1.5);
    z-index: 5;
    transition:transform 1s linear;
}
.footer_txt{
    float:right;
    width:2.3rem;
    margin-left:0.1rem;
}
#copyright {
    clear: both;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    padding: 65px 0px 0px 0px;
    line-height: 20px;
    overflow: hidden;
}
iframe{
    background: #fff;
    border:4px solid rgb(2,144,188);
    box-shadow:0 0 3px rgba(0,0,0,.8) inset;
}