.HeadBox{position:relative;background:#00667f;max-width:720px;margin:0 auto}
@media (min-width:720px) and (max-width:740px){.HeadBox{position:relative;min-height:116px}
}
.HeadBox img,.HeadL img,.HeadR img,.Headcen img{width:100%}
.HeadL{width:12%;padding:1% 0;position:absolute;right:6%;top:0;overflow:hidden}
.HeadR{width:12.5%;position:absolute;top:1%;left:6%;overflow:hidden}
.Headcen{width:60%;margin:0 auto;padding:3% 0}
.HeadR a{display:block;float:left}
.HeadR a.PhoneUrl{max-width:70px;width:50%}
.HeadR a.OpenMenu{max-width:70px;width:100%}
.MenuCon{width:100%;padding-bottom:20px;background:#00667f;z-index:9999;position:absolute;top:116px;left:0;display:none}
.MenuCon .MenuL,.MenuCon .MenuR{float:left;font-size:1.4em;text-align:right}
.MenuCon .MenuR{width:25%;overflow:hidden;float:left}
.MenuCon .MenuR em{display:block;padding:10px 0;font-size:16px;text-align:center;cursor:pointer;font-style:normal;border-bottom:1px solid #03748b;color:#c39c69}
.MenuCon .MenuR em i{display:block;width:5%;background:#c39c69;padding:5% 0;margin:10% 0 0 5%;float:left}
.MenuCon .MenuR em.hover{background:#03748b;color:#fff}
.MenuCon .MenuR em.hover i{background:#fff}
.MenuCon .MenuL{float:right;width:69%;background:#03748b;height:100%;padding:3%}
.MenuCon .MenuL .co{text-align:center;position:relative;width:100%;height:100%;display:none}
.MenuCon .MenuL .co:first-child{display:block}
.MenuCon .MenuL .co a{display:block;text-align:center;float:left;border-radius:0;color:#fff;padding:1px 10px;margin-right:2%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:20px;font-size:14px;border-left:1px solid #c39c69}
.MenuCon .MenuL .co a:last-child{margin-right:0}
@media screen and (min-width:375px){.MenuCon .MenuR em i{display:block;width:5%;background:#c39c69;padding:8% 0;margin:5% 0 0 10%;float:left}
}
@media screen and (min-width:414px){.MenuCon .MenuR em i{display:block;width:5%;background:#c39c69;padding:7% 0;margin:5% 0 0 10%;float:left}
}
@media screen and (min-width:720px){.MenuCon .MenuR em i{display:block;width:5%;background:#c39c69;padding:4% 0;margin:2% 0 0 20%;float:left}
.HeadR{width:12.5%;position:absolute;top:8%;left:6%;overflow:hidden}
.HeadL{width:10%;padding:1% 0;position:absolute;right:6%;top:5%;overflow:hidden}
}
.new_footer{z-index:1000002;max-width:640px;min-width:320px;margin:0 auto;position:fixed;left:0;right:0;bottom:0;background-image: linear-gradient(90deg, #4cbbce 100px, #159dd1 500px);}
.ft_nav{width:100%;position:relative;height:40px}
.ft_nav li{float:left;width:20%;position:relative;padding:.5% 0}
.ft_nav li.on a{color:#ffe611}
.ft_nav a{width:100%;text-align:center;font-size:16px;color:#fff;display:block;font-family:"微软雅黑"}
.ft_nav_icon{width:100%;height:100%;display:block;margin:0 auto}
.ft_nav_icon img{width:40%;margin:0 auto}
.ft_nav_txt{padding-top:.06rem}
.home_icon{width:.4rem}
.ft_nav li .ft_nav_icon img:nth-of-type(1){display:block}
.ft_nav li .ft_nav_icon img:nth-of-type(2){display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(1){display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(2){display:block}
.ft_nav li p{font-size:15px;display:block;text-align:center;color:snow;margin-bottom: 1px;line-height: 1.3;}
.ft_nav .dbquan img{transition:.4s;-webkit-transition:.4s}
.ft_nav .active img{transform:rotate(180deg)}
.ft_nav .zixu{position:absolute;left:0;right:0;margin:0 auto;top:-550%;width:80%}
.ft_nav .ty{display:inline-block;padding:2%;position:absolute;width:37%;left:50%;margin-left:10%;top:10%;z-index:3;border-radius:5px}
.ft_nav .ty i{font-style:normal}
.ft_nav .ty1{top:-260%;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;color:snow}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.5,.1,.5,1);transform:translateZ(0)}
40%,43%{animation-timing-function:cubic-bezier(.1,.05,.1,.06);transform:translate3d(0,-10px,0)}
70%{animation-timing-function:cubic-bezier(.1,.05,.1,.06);transform:translate3d(0,0,0)}
90%{transform:translate3d(0,-4px,0)}
}
.float_screen{display:none;width:100%;background:rgba(40,35,55,.9);height:100%;position:fixed;left:0;top:0;z-index:1000000}
.float_item{display:none;max-width:640px;height:100%;position:fixed;left:0;right:0;margin:0 auto;top:0;z-index:1000001}
.item_list{width:100%;height:100%}
.ip_item{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom}
.item_list_li{position:relative;width:23%;float:left;text-align:center;vertical-align:top;padding:.12rem 0 0 .32rem;-webkit-transform:translateY(1000px);transform:translateY(1000px)}
.item_list_li a{display:inline-block;color:#fff}
.item_list_li img{width:60%;margin: 0 auto;}
.item_list_li h2{line-height:35px;font-size:18px;font-weight:400}
.item_list_li img.hot{position:absolute;right:10%;top:0;width:.41rem}
.item_move0{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both}
.item_move1{-webkit-animation:item_move .5s 0s ease-in-out both;animation:item_move .5s 0s ease-in-out both}
.item_move2{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both}
.item_move3{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both}
.item_move4{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both}
.item_move5{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both}
.item_move6{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both}
.item_move7{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both}
.item_move8{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both}
.item_move9{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both}
.item_move10{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both}
.item_move11{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move12{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move13{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both}
.item_move14{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move15{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both}
.item_move16{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move17{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both}
.item_move18{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move19{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both}
.item_move20{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move21{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both}
.item_move22{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
.item_move23{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both}
@-webkit-keyframes item_move{0%{-webkit-transform:translateY(1000px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes item_move{0%{transform:translateY(1000px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
.item_moveback23{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both}
.item_moveback22{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both}
.item_moveback21{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both}
.item_moveback20{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both}
.item_moveback19{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both}
.item_moveback18{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both}
.item_moveback17{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both}
.item_moveback16{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both}
.item_moveback15{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both}
.item_moveback14{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both}
.item_moveback13{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both}
.item_moveback12{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both}
.item_moveback11{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both}
.item_moveback10{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both}
.item_moveback9{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both}
.item_moveback8{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both}
.item_moveback7{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both}
.item_moveback6{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both}
.item_moveback5{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both}
.item_moveback4{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both}
.item_moveback3{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both}
.item_moveback2{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both}
.item_moveback1{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both}
.item_moveback0{-webkit-animation:item_moveback .5s .7s ease-in-out both;animation:item_moveback .5s .7s ease-in-out both}
@-webkit-keyframes item_moveback{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(1000px)}
}
@keyframes item_moveback{0%{transform:translateY(0)}
100%{transform:translateY(1000px)}
}
@media screen and (max-width:640px){.ft_nav li p{font-size:18px;color:#fff;margin-bottom: 1px;line-height: 1.3;}
.item_list_li h2{font-size:18px}
.ft_nav .ty{font-size:16px}
}
@media screen and (max-width:420px){.ft_nav li p{font-size:16px;color:#fff;margin-bottom: 1px;line-height: 1.3;}
.item_list_li h2{font-size:15px}
.ft_nav .ty{font-size:14px}
}
@media screen and (max-width:380px){.ft_nav li p{font-size:14px;color:#fff;margin-bottom: 1px;line-height: 1.3;}
.item_list_li h2{font-size:14px}
.ft_nav .ty{font-size:12px}
}
@media screen and (max-width:320px){.ft_nav li p{font-size:10px;color:#fff;margin-bottom: 1px;line-height: 1.3;}
.item_list_li h2{font-size:12px}
.ft_nav .ty{font-size:10px}
}
.slideBox{max-width:640px;width:100%;overflow:hidden;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;margin:0 auto}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left}
.slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer}
.slideBox .hd ul li.on{background:red;color:#fff}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle}
.slideBox .bd img{width:100%;display:block}
#rbutton {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 80px;
    height: 80px;
    transition: right 1s;
    z-index: 999;
}
#rot {
    position: absolute;
    top: 0px;
    -webkit-animation: rot 8s linear infinite;
}
circle[Attributes Style] {
    r: 33;
    cx: 40;
    cy: 40;
    stroke: green;
    stroke-width: 1;
    fill: transparent;
}
circle[Attributes Style] {
    r: 5;
    cx: 35;
    cy: 6;
    fill: green;
}
circle[Attributes Style] {
    r: 26;
    cx: 50%;
    cy: 50%;
    fill: green;
}
#rot2 {
    position: absolute;
    top: 0px;
    -webkit-animation: rot 12s linear infinite;
}
circle[Attributes Style] {
    r: 33;
    cx: 40;
    cy: 40;
    stroke: green;
    stroke-width: 1;
    fill: transparent;
}
circle[Attributes Style] {
    r: 6;
    cx: 6;
    cy: 40;
    fill: green;
}
@-webkit-keyframes rot{
    0%{
        -webkit-transform:rotatez(0deg) rotatez(180deg);
    }

    100%{
        -webkit-transform:rotatez(180deg)  rotatez(360deg);
    }
}
#rbutton .in a {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    line-height: 1;
    font-size: 16px;
    text-decoration: none;
    color:#fff;
}