/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';font-size: 62.5%;color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background: url(../images/con_bg.jpg) center no-repeat;background-size: 100% 100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.swiper-container{width:1000px;height:700px;position: absolute;top: 50%;left: 50%;margin-top: -350px;margin-left: -500px}
.swiper-slide {text-align: center;font-size: 18px;width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{width: 100%}
/*底部图片及介绍*/
.nav{position: absolute;bottom: 0px;z-index: 10;width: 100%;height: auto;left:0;background: url(../images/con_btm_bg.png) bottom center no-repeat;background-size: 100% auto;}
.nav .nav_ul{padding: 0;margin: 0;overflow: hidden;}
.nav .nav_ul li{list-style: none;float: left;overflow: hidden;display: none;width: 100%}
.nav .nav_ul li img{float: left;width: 270px;}
.nav .nav_ul li .fr{float: right;width: 719px;padding-top: 35px}
.nav .nav_ul li .fr p{font-size: 1.8em;color: #fff;line-height: 30px}
.nav .nav_ul li .fr p b{font-size: 2em;color: #90efff;}
.nav .nav_ul li .fr .nav_til{padding-bottom: 20px;}

/*方阵名称*/
.title{position: absolute;top: 0;z-index: 10;width: 100%;height: 145px;margin: 0 auto;left: 0;background: url(../images/con_til_bg.png) top center no-repeat;background-size: 100% auto;}
.title .title_ul{padding: 0;margin: 0;overflow: hidden;text-align: center;}
.title .title_ul li{list-style: none;float: right;overflow: hidden;display: none;width:56%}
.title .title_ul li .title_ul_p1{font-size: 3.6em;color: #90efff;text-align: center;padding-top: 25px}
.title .title_ul li .title_ul_p2{font-size: 1.6em;color: #fff;text-align: center;padding-top: 18px}

/*图集查看按钮*/
.tuji{position: absolute;top :50px;left: 120px;z-index: 10;}

/*浮动框*/
.animate{position: absolute;z-index: 10;display: none;width:25%;background: url(../images/tc_bg.png) bottom right no-repeat;background-size: 100% 100%;font-size: 1.6em;color: #fff;padding:20px 3% 20px 13%;}
.animate p{line-height: 30px;text-indent: 2em;text-align: left;font-size: 18px}
#animate1{top: 35%;right: 5%;}
#animate2{top: 37%;right: -22%;}
#animate3{top: 38%;right: 6%;}
#animate6{top: 38%;right: 6%;}
#animate7{top: 38%;right: 6%;}
#animate8{top: 38%;right: 6%;}
#animate10{top: 41%;right: 6%;}
#animate11{top: 40%;right: 3%;}
#animate14{top: 40%;right: 6%;}
#animate15{top: 39%;right: 6%;}
#animate16{top: 38%;right: 1%;}
#animate17{top: 38%;right: 6%;}
#animate21{top: 42%;right: 2%;}
#animate23{top: 43%;right: 4%;}
#animate24{top: 40%;right: 12%;}
#animate25{top: 37%;right: 0%;}
#animate26{top: 33%;right: 6%;}
#animate27{top: 33%;right: 6%;}
#animate28{top: 33%;right: 6%;}
#animate29{top: 33%;right: 6%;}
#animate30{top: 33%;right: 6%;}
#animate31{top: 41%;left: 6%;background: url(../images/tc_bg1.png) bottom left no-repeat;padding: 20px 13% 30px 4%;background-size: 100% 100%;}
#animate32{top: 42%;left: -2%;background: url(../images/tc_bg1.png) bottom left no-repeat;padding: 20px 13% 30px 4%;background-size: 100% 100%;}
#animate33{top: 33%;right: 6%;}
#animate34{top: 43%;right: 10%;}
#animate35{top: 44%;right: 6%;}
#animate36{top: 39%;right: 6%;}
#animate37{top: 38%;right: 11%;}
#animate38{top: 25%;right: 5%;}
#animate39{top: 43%;right: 4%;}
#animate40{top: 33%;right: 6%;}
/*首页*/
#fm{z-index: 9;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/fm_bg.jpg) center no-repeat;background-size: 100% 100%;overflow: hidden;}
#fm .fm_l{z-index: 10;float: left;width: 45%;height: 100%;padding-top: 8%;padding-left: 5%}
#fm .fm_l .til{width: 60%;margin: 0 auto;}
#fm .fm_l .til img{width: 100%}
#fm .fm_l .start{z-index: 11;width: 55%;margin: 0 auto;padding: 10px;}
#fm .fm_l .start img{width: 100%}
#fm .fm_l .txt{text-align: center;font-style: 1.4em;color: #fff}
#fm #fly1{position: absolute;top: 45%;right: 30%;width: 2%;-webkit-animation-name: move;animation-name: move;-webkit-animation-duration: 4s;animation-duration: 4s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;-webkit-animation-delay: .1s;animation-delay: .1s;}
#fm #fly1 img{width: 100%}
@-webkit-keyframes move{
    0%{top:45%;width:2%}
    100%{top:-45%;width:30%;right:37%;}
}
keyframes move{
    0%{top:45%;width:2%;opacity: }
    100%{top:-45%;width:30%;right:37%;}
}
#fm #fly2{z-index: 2;position: absolute;top: 30%;right: 30%;width: 2%;-webkit-animation-name: moven;animation-name: moven;-webkit-animation-duration: 4.5s;animation-duration: 4.5s;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function: linear;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#fm #fly2 #fly2_1{display: none;}
#fm #fly2 img{width: 100%;position: absolute;top: 0;left: 0;right: 0;}
@-webkit-keyframes moven{
    0%{top:40%;width:5%}
    100%{top:0%;width:35%;right:0%;}
}
keyframes moven{
    0%{top:40%;width:5%}
    100%{top:0%;width:35%;right:0%;}
}
#fm .tk{z-index: 1;position: absolute;bottom: 0%;right: 0%;width: 65%;}
#fm .tk img{width: 100%}

.fd{display: none;}

/* 竖屏
@media screen and (orientation: portrait){
    body{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
    }
}

横屏
@media screen and (orientation: landscape){
    body{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
} */


@media screen and (max-width:1000px){
    #fm .fm_l .til{width: 85%;margin: 0 auto;}
    #fm .fm_l .til img{width: 100%}
   .swiper-container{width:100%;height:100%;top: 0%;left: 0%;margin-top: 0px;margin-left: 0px;}

    .swiper-slide img{width: 82%}
   .nav{width: 100%;background: url(../images/con_btm_bg.png) bottom center no-repeat;background-size: 100% auto;}
    .nav .nav_ul li{width: 88%}
    .nav .nav_ul li img{width: 27%;}
    .nav .nav_ul li .fr{width: 70%;padding-top: 2%}
    .nav .nav_ul li .fr p{font-size: 1.2em;line-height: 22px}
    .nav .nav_ul li .fr p b{font-size: 1.7em;}
    .nav .nav_ul li .fr .nav_til{padding-bottom: 2%;}

    .tuji{top:5%;left:5%;width:23%}
    .animate{width:25%;font-size: 14px;padding:15px 2% 15px 13%;}
    .animate p{line-height:21px;font-size: 16px}

    .title{position: absolute;top: 0;z-index: 10;width: 100%;height: 145px;margin: 0 auto;left: 0;background: url(../images/con_til_bg.png) top center no-repeat;background-size: 100% auto;}
    .title .title_ul{padding: 0;margin: 0;overflow: hidden;text-align: center;}
    .title .title_ul li{list-style: none;float: right;overflow: hidden;display: none;width:56%}
    .title .title_ul li .title_ul_p1{font-size: 28px;color: #90efff;text-align: center;padding-top: 4%}
    .title .title_ul li .title_ul_p2{font-size: 14px;color: #fff;text-align: center;padding-top: 2%}

    #animate1{top: 25%;right: 7%;}
    #animate2{top: 27%;right: -19%;}
    #animate3{top: 25%;right: 7%;}
    #animate6{top: 25%;right: 7%;}
    #animate7{top: 25%;right: 7%;}
    #animate8{top: 38%;right: 6%;}
    #animate10{top: 28%;right: 7%;}
    #animate11{top: 28%;right: 3%;}
    #animate14{top: 25%;right: 7%;}
    #animate15{top: 25%;right: 7%;}
    #animate16{top: 25%;right: 1%;}
    #animate17{top: 25%;right: 7%;}
    #animate21{top: 30%;right: 2%;}
    #animate23{top: 29%;right: 4%;}
    #animate24{top: 27%;right: 4%;}
    #animate25{top: 29%;right: 0%;}
    #animate26{top: 25%;right: 7%;}
    #animate27{top: 25%;right: 7%;}
    #animate28{top: 25%;right: 7%;}
    #animate29{top: 25%;right: 7%;}
    #animate30{top: 25%;right: 7%;}
    #animate31{top: 34%;left: -7%;background: url(../images/tc_bg1.png) bottom left no-repeat;padding: 15px 17% 18px 4%;background-size: 100% 100%;width: 35%;}
    #animate32{top: 31%;left: 0%;background: url(../images/tc_bg1.png) bottom left no-repeat;padding: 15px 13% 18px 4%;background-size: 100% 100%;}
    #animate33{top: 25%;right: 7%;}
    #animate34{top: 31%;right: 10%;}
    #animate35{top: 39%;right: 7%;}
    #animate36{top: 33%;right: 7%;}
    #animate37{top: 26%;right: 12%;}
    #animate38{top: 24%;right: 5%;}
    #animate39{top: 25%;right: 4%;}
    #animate40{top: 25%;right: 7%;}

}
@media screen and (width:800px) and (max-height:450px){
    .title .title_ul li .title_ul_p1{padding-top: 6%}
}

@media screen and (max-width:700px) and (max-height:420px){
    #fm .fm_l{padding-top: 2%}
    .title .title_ul li .title_ul_p1{font-size: 24px;color: #90efff;text-align: center;padding-top: 5%}
    .title .title_ul li .title_ul_p2{font-size: 14px;padding-top: 1%}
    .animate p{font-size: 14px}
}
@media screen and (max-width:670px) and (max-height:420px){
    .nav .nav_ul li .fr{float: right;padding-top: 1%}

}
@media screen and (max-width:610px) and (max-height:320px){
    .nav .nav_ul li .fr{float: rightpadding-top: 1%}
    .title .title_ul li .title_ul_p1{font-size: 20px;color: #90efff;text-align: center;padding-top: 5%}
    .title .title_ul li .title_ul_p2{font-size: 14px;padding-top: 2%}

    .animate p{font-size: 14px}
}
@media screen and (max-width:560px) and (max-height:320px){
    .nav .nav_ul li .fr{float: right;padding-top: 1%}
    .title .title_ul li .title_ul_p1{font-size: 20px;color: #90efff;text-align: center;padding-top: 4%}
    .title .title_ul li .title_ul_p2{font-size: 14px;padding-top: 2%}

}
@media screen and (max-width:500px) and (max-height:320px){
    .nav .nav_ul li .fr{padding-top: 1%}
    .nav .nav_ul li .fr p{line-height: 18px}
    .title .title_ul li .title_ul_p1{padding-top: 5%}
    .title .title_ul li .title_ul_p2{padding-top: 2%}
    .title{background-size: 110% auto;}
}
@media screen and (max-width:460px) and (max-height:320px){
    .title .title_ul li .title_ul_p1{padding-top: 5%}
    .title .title_ul li .title_ul_p2{padding-top: 2%}
}

/* @media screen and (orientation: portrait){
    body{
        -webkit-transform:translate(-50%, 0%) rotate(90deg);
        transform:translate(-50%, 0%) rotate(90deg);
        width: 182%;
        margin-left: 19%;
    }
}
@media screen and (orientation: landscape){
    body{
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg);
    }
} */