html,body{font-family: Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Helvetica Neue,Helvetica,PingFang SC,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background: #f2f2f2;
    -webkit-font-smoothing: antialiased;}
*{list-style: none;margin:0;padding:0;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
/*nav*/
.fp-tableCell{min-width:980px; }
.section4 .fp-tableCell{background:url("http://creative.bxsnews.com/ydmob/media_map_bg.jpg") no-repeat;}
.section5 .fp-tableCell{background:url("http://creative.bxsnews.com/ydmob/media_ad_bg.jpg") no-repeat;}
.nav{height:100%;position:relative;}
.nav_cont{padding:20px 0;width:100%;min-width:980px;background-color: hsla(0,0%,100%,.9);position:absolute;left:0;z-index:999;}
.nav_wrap{width: 1000px;margin: 0 auto;}

.nav_wrap .fr{height:40px;line-height:40px;}
.nav_wrap .fr a{font-size: 18px;padding: 8px 27px;color: #333;transition:color .3s ease;display:inline-block;text-decoration: none;-webkit-font-smoothing: auto;font-family: PingFangSC,helvetica neue,hiragino sans gb,tahoma,microsoft yahei ui,microsoft yahei,simsun,sans-serif;}
.nav_wrap .fr a:hover{color: #479efe;}
.nav_wrap .fr .line{display:inline-block;width:1px;height:14px;background: #b4b4b4;vertical-align: -2px;}
.nav_wrap .fr .login{-webkit-font-smoothing: auto;line-height:20px;margin-left: 25px;color: #fff;border: 1px solid #e04728;background-color:#e04728;border-radius: 20px;
    text-decoration: none;}
.nav_wrap .fr .login:hover{background-color: #d53919;color:#fff;}
.logogroup {
    position: relative;
    height: 40px;
    width: 247px;
    color: #333;
    margin-top: 20px;
    font-size: 0;
    display: inline-block;
    font-family: PingFangSC, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
    -webkit-font-smoothing:antialiased;
}

.logogroup span {
    display: inline-block;
    width:120px;
}

.logogroup .fsgroup {
    display: inline-block;
    border-left: 1px solid #c9caca;
    height: 100%;
    margin-left:7px;
}

.logogroup .topfs {
    font-size: 24px;
    position: absolute;
    top: -6px;
    left:140px;
    color:#645f61;
}
.logogroup .bottomfs {
    font-size: 10px;
    color: #645f61;
    position: absolute;
    bottom: -2px;
    left:140px;
    letter-spacing: 3px;
}
.logogroup .tuiafs {
    font-size: 12px;
    position: absolute;
    top: -5px;
    left: 68px;
    color: #fff;
}

.logogroup .tuia {
    width: 61px;
    height: 27px;
    background-size: 61px 27px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAugAAAFACAMAAADZI3m8AAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMALUszD+Fm8HiWaRG0w9NaIsyIA/rpCpsc2gakFvQp90K9flQ6z4S4b6+qyF2TTy+OYzT3yfcAAA1nSURBVHja7N3pctowGIVhAQEcaNlxCJglMVsIKeTc/8V1uv1oobGUWK6Pet4b8DB6xnxYNjbvatLIrGt8FDdsMzaljcx6puCS1bGRU8dV27zVsJY2cuq1Whmaq139NPso2jcK6FhNzEeqIrO6ycjDgZ0P30FmXVNkw+Mz8mz0UP372epljDwbn6+iauLf9twdEkIfwLIdJfTFBrm3S8zVoiXybt4qIXSgv+CDbg3hhRH62guK+sRc6Q4+OpcROponNugJbGsRQp+M4aVNbC6K4Kd9GaGjnpBBT2HbihD6AZ7amj/rjeCn+aSM0DEjg34H29p80Gvw1fzihDaDr25LCR0VLuh1+4sufNDP8NTlIHczgq+a01JCP1NB78G2T4TQO/DW08X6+WtdSugbKugt2LYlhD7CRb6WeQ9/HUsJvUkF/Qm2Vfmgx/DV5WJE8FerlNDBBH3ahG0JH/Qb/Jag/7/Q1w4LK+iCTgt9C9tmgi7ovND7sG0v6IJOCz2BdTVBF3Ra6K+wrTkUdEGnhf4E23ZG0AWdFfp0DtsiQRd0WuhVWLcWdEGnhX4L2+ZTQRd0Wuh1hxFd0AWdFfoJ1kWCLui00B9h3VrQBZ0W+rPDVXRBF3RW6Ams+2QEXdBZob/CukjQBZ0W+hOsqwm6oLNCj5cOI7qgCzor9BTW7YygCzor9AOsiwRd0Fmhx3NYtxZ0QWeFnsK65VTQBZ0V+gHWPRhBF3RS6C6Ty1bQBf1KZlh7R3tkNq69XWzs68K+fc2he2QW1T7SKV/onf6V7r1Ab/avNXeH/tD3VWfsAv0G/6aK024Ra818oVdy+nqN3nsjxWcX6P5LXjchQW+PwJqge24YjcKB3gBtgu69bjjQP4M2QfffORToPfAm6P6Lx4FAfwRvgl5AUSDQ78GboBfQJAzoKxAn6EW0CQL6DMQJehHdhgC9vQRxgl5ErRCgt8CcoBfRlxCgb8CcoBfROgDo1D9FBb2YTgFAP4A6QS+iCj/0Ce/9XIL+9wT9z7bgTtB/NlxFgw/3mLYDhT4dgztB/157MEYuLWe9IKEfQZ6gf2tdR24tGyFC5762KOg/Wi2RZ1F40KtgT9CN6Y2Rb9XgoD+APUE35hNyrh4HBv0E+gTdxyq2AoNOvlkk6N8bIPc+hwW9R75ZJOi+nvhdhgX9DvwJupcHxJKQoLPv/gu6v7+kW4QE/RYBJOheoFcCgh7ECV3QBT0L+gtCSNAFPeOETv2oqKAL+q8q4V9yEXRBz4K+CGJCF3RBRyX0TVFBF/RM6DUEkqALunmjHQJJ0EsDvYwv66rCpdT8Vsgv6xL0oKAPO3BoHgu6oFNCb8GlgxF0QWeEfjOGS6mgCzol9AHcJhdBF3RG6Iul4+Qi6ILOCH0Hp1JBF3RG6CkcJxdBF3RC6HEdjpOLoAs6IfQB3EoFXdAJoZ9GrpOLoAv6V/bubTdtIIrC8G4S1SGkqcEYMOcYyqFAU633f7hK7U170VYxXOA1//8Io0+amX2z2we96Ol9HQLoQG8f9L3eWQfoQG8f9HwOdKAnAH0noAPdH/qTgJ4k9N3o9+yh53Ogpwn97o9zcIdefBLQge4PfS+gA90f+tsS6ED3hz58EdCB7g+9I6AD3R/6NwEd6P7Q8wzoQPeHPukJ6ED3h34W0IHuD30toAPdH/qHOdCB7g+9WwnoQLeHXuwEdKD7Q+8L6ED3h34S0IHuD301ADrQ/aHnpYAOdHvos0pAB7o99OFRQAe6PfTJTkAHuj/0qYAOdH/oZwEd6P7QtwI60P2hPwroQPeHXgvoQPeHXgvoQPeHvhXQge4PvS+gA90fel9AB7o99GIkoAPdHvrwWUAHuj307lFXbZpfVKX/ts8vCuhJQs8rpVUG9BSh35dKLKCnCH09V2oBPUHotdIL6MlBfzgowYCeGvRFat9QoCcJ/XN6z3Ogpwd9OFKiAT0l6PeVGmVwCwA9HehFPVCjDt/V+oCeDPRFT836Oumr9QE9EeiTetnYeQAd6C2BvqrU3DnQgd4O6OOpmjYtAuhAbwX0bn+ppo2KADrQWwF9malx5/gZUxeg3z70C+rHrzpqfUAH+l97DKAD3R764GMAHej20AfrADrQ7aFnqwA60O2hl28BdKDbQ38ZB9CBbg/9tRtAB7o99NEkgA50e+iPEUAHujv07C6ADnR76NUigA50e+i7bgAd6PbQ6yKADnR36OVdBNCB7g79OA6gA90e+rYIoAPdHXq5igA60N2hH2YBdKC7Q89O8c86LOsCugH013EAHeju0LOnCKAD3R368ziADnR36OUpAuhAv0nok+tB73QD6EC/RejF5lxeC/qXTQTQgX570B/W01LSdaBnT0UAHei3Br3Y1MeBpCtBH3RmEUAH+g/27miniSAMw/AviihUUtzdbmuBSilFiTa2939xZsgeWFMTDZt0Z3ze8/kyB8/5Pyjo1esvo+6bPUG/exUBOugDgl6tOuQ9Qr88iQAd9MFAn3xe3t3sUn1Cb86rAB30gUC//fb+od6l+oV+s5xEgA76AKBPN+vH7ld9Q1/8uI4AHfQjQ6/G9+tRs+vqHXrdTiNAB/2o0D+9a68Wu736hV7PbyNAB/3I0Pd3+4eemIMOeuHQE3PQQS8bep2Ygw562dDrdhwBOuiFQ2+mEaCDXjz00wAddNBBBx100EEHHXTQQQcddNBBBx100EEH/WCggw466KCDDjrooIMOOuiggw466KCDDjrooIMOOuj/F/TF0wb0/UAvDnrT3k8iQN8P9KKg1x+WqyoiQP890MuBPvu+eZOWQD8Q6GVAb+bbaVoB/Q+Bnj/05un8eQt00IuFPptvx+k16KCXCv3scXnyfBkRdNALhX46Wm/GkQId9CKhX379uF1dRyo/6O3Fi/oL6G8vXhToQ4HelSn0oXcGOuiggw466KCDnk+ggw466KCDDjroGQU66KCDDjrooIOeUaCDDjrooIMOOugZBTrooIMOOuigg55RoIMOOuiggw466BkFOuiggw466KCDnlGggw466KCDDjroGQU66KCDDjrooIOeUaCDDjrooIMOOugZBTrooIPeNbv6pQfQMwz0BP3fAj3DQAcddNBBd8MIdNBdpQMddNBBBx100EEHHXTQDwQ66KCDDjrooIMOOug/27sf3TThKIrjR9GiY1pWBQERxanVWW133//hlixZ4rZ2/unvwqU73xdQTz4hCgYIndAJndAJndAJndCvhT7wXmtN6IT+saC/EaETOqETOqETOqETOqETOqETOqETOqETOqETOqET+kmETuiETuiETuh1QS8IndCtQU/FfQmhE7o16KU4bzYidEK3Bl3htT6D0AndGvRkLK77SuiEbg46+uK49YjQCd0e9M5QnDZ7BqETuj3oCCNx2LwNQid0i9CRlOKsdAVCJ3Sb0IFjORYXrbcZCJ3QzUIHgsX93Tt7aicAKoV+JHSA0M9AV08f+j2hAyB0I9A9Neh3hA6A0I1AX6lBX1qBPiV0QkdbDXqf0AEQuhHon9SgD6xA/0bohI6DFvSRbwV6SejWoH9F5a21oK/ECvQhoVuDHqLqEtGC3jcDfRwTui3oQ1TeUgt6PjMDXRaEbgv6FlUX+FrQv4kd6FNCNwU9zVB1U1GCvhFD0GVB6Iag+8+ouqXoQA+mYgq63yZ0M9CjFSounogK9GLjiy3oIrvFiNBNQP+coNri711xCz3Ii9XX3jQVEXPQRfzHh7u2FyZBEBN6TdCj9cFDhcXJorfz5eLe2nfu/2osJ9mEbjffAfSzKT2sy1G+mOiCfQmd0An9zVJCJ/T/Afqe0AndDvSZ2r6PhE7odqBHavtOCJ3Q7UBP1fbdEDqh24E+UNv3idAJ3Q70qdq+HqETuh3oS619xzGhE7od6EetfdcgdEK3Az3X2vdA6IRuB3qqtu+C0AndDvS+1r5+RuiEbgf6QmvfKQid0M1Aj0Za+x4JndDtQN9o7dsdETqhm4E+TrT27cFFG2l8hG4B+kRrX78DF32SxkfoBqDPk9N97R3QsZDGR+gGoC//2tfYTWxyaXyEXj/0YfbHvqYuFv1sKE2P0GuHPvZ+39fW1f+P8muU0GuHvtXad5/BVYU0PUKvG/pUa99uAnc9SsMj9Jqhl5nSvlGBn/G8y7XQMznt40CPpMb2HaV9uwWctpNml+Ly5qLWlxqhp1Jfg47SqY11ArflkTS6a7jsRa3pDdA/wLFqF+OkB3HWJIbrFmNpcltc3lLUeroNerOvb897+K2WOCpqQ6Fjk6X7AS4vVPukUVwj9GAmtVSG+KOpuGh8CKBS25fG1rPxb80taoSOntTQ8B5/FaTy7maTEFqFe2loZYZrioei0g61Qh+VUnX74+hVSV15X8NtB4qNvneliX3JcV1JKgqVcb3Q0dlLlXU3LbxRvpObmw96LWiX3T8276t6P1Z4QNTVjR8y1Awd8UEqyi97Hv7VahJdTzwt+3dehmqKjy9lg841dl8K3JLX74rD0ocQqB06ULykotq8u/+2eWqNcL6g8C6vFSYdVF+Wh89eAypy3F6ncPY2Arxe7p0thOPywtMqDM9j/AENX2g2pExtVAAAAABJRU5ErkJggg==");
}

.nav .banner{width:100%;height:100%;position:absolute;left:0;top:0px;min-width:980px;}
.nav .banner .s_login{width:960px;height:52px;position:absolute;left:50%;margin-left:-573px;top:508px;text-align:left;}
.nav .banner .s_login a{display:inline-block;font-size:24px;color:#fff;line-height:52px;padding:0 25px;background:#df6e57;text-decoration: none;letter-spacing: 3px;}
.nav .bottom{position:absolute;z-index: 999;bottom: 0;left: 0;width: 100%;padding: 10px 0;text-align: center;background-color: #363431;}
.nav .bottom .wrap{width:1000px;margin:0 auto;}
.section2 .cont{width:1000px;margin:0 auto;text-align: center;}
.section2 .cont h2{display:inline-block;font-size: 36px;text-align: center;
    display: inline-block;
    margin-bottom: 24px;
    padding-bottom: 10px;
    color: #3f3c39;}
.section2 .cont p{font-size: 15px;line-height: 27px;color: #444;}
.section2 .cont ul{margin-top:80px;width:100%;padding:0;}
.section2 .cont ul li{float:left;width:200px;margin-right:60px;text-align: center;}
.section2 .cont ul li:nth-child(4){margin-right:0;}
.section3{
    background:#edfaff;
}
.wrap{width:1000px;margin:0 auto;}
.wrap .text{float:left;width:450px;margin-top:50px;}
.text h2{color:#3f3c39;font-size:36px;margin-bottom:40px;}
.text p{color:#444;font-size:16px;line-height:1.5;position:relative;margin-bottom:25px;margin-left:20px}
.text p:before{content:"";position:absolute;top:6px;left:-20px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #e04728;}
.wrap .pic{float:right;position:relative;}
.pic1 .img_1{margin-top:100px;margin-right:50px;opacity:0;width:380px;}
.pic1 .imgs{position:absolute;left:0;top:0;width:358px;height:100px;text-align: center;}
.pic1 .imgs img{position:absolute;width:60px;}
.pic1 .imgs .img1{left:158px;bottom:30px;opacity:0;
    animation:topDown1 1s ease-in infinite 3s alternate;
    -webkit-animation:topDown1 1s ease-in infinite 3s alternate;
    -moz-animation:topDown1 1s ease-in infinite 3s alternate;
    -o-animation:topDown1 1s ease-in infinite 3s alternate; 
}
.pic1 .imgs .img2{left:77px;top:9px;opacity:0;
    animation:topDown2 1s ease-in infinite 3s alternate;
    -webkit-animation:topDown2 1s ease-in infinite 3s alternate;
    -moz-animation:topDown2 1s ease-in infinite 3s alternate;
    -o-animation:topDown2 1s ease-in infinite 3s alternate;
}
.pic1 .imgs .img3{right:62px;top:9px;opacity:0;
    animation:topDown2 1s ease-in infinite 3s alternate;
    -webkit-animation:topDown2 1s ease-in infinite 3s alternate;
    -moz-animation:topDown2 1s ease-in infinite 3s alternate;
    -o-animation:topDown2 1s ease-in infinite 3s alternate;
}
.imgs img{position:absolute;}
@keyframes topDown1{
    from{bottom:20px;}
    to{bottom:30px;}
}
@-webkit-keyframes topDown1{
    from{bottom:20px;}
    to{bottom:30px;}
}
@keyframes topDown2{
    from{top:19px;}
    to{top:9px;}
}
@-webkit-keyframes topDown2{
    from{top:19px;}
    to{top:9px;}
}
.pic2 .img_2{margin-top:100px;opacity:0;}
.pic2 .img1{opacity:0;left:70px;top:83px;
    animation:down1 1s ease-in infinite 3s alternate;
    -webkit-animation:down1 1s ease-in infinite 3s alternate;
    -moz-animation:down1 1s ease-in infinite 3s alternate;
    -o-animation:down1 1s ease-in infinite 3s alternate;
}/*top:93px;*/
.pic2 .img2{opacity:0;left:135px;bottom:66px;
    animation:down2 1s ease-in infinite 3.5s alternate;
    -webkit-animation:down2 1s ease-in infinite 3.5s alternate;
    -moz-animation:down2 1s ease-in infinite 3.5s alternate;
    -o-animation:down2 1s ease-in infinite 3.5s alternate;
}/*bottom:56px;*/
.pic2 .img3{opacity:0;left:267px;top:90px;
    animation:down3 1s ease-in infinite 2s alternate;
    -webkit-animation:down3 1s ease-in infinite 2s alternate;
    -moz-animation:down3 1s ease-in infinite 2s alternate;
    -o-animation:down3 1s ease-in infinite 2s alternate;
}/*top:100px;*/
.pic2 .img4{opacity:0;right:27px;bottom:47px;
    animation:down4 1s ease-in infinite 3s alternate;
    -webkit-animation:down4 1s ease-in infinite 3s alternate;
    -moz-animation:down4 1s ease-in infinite 3s alternate;
    -o-animation:down4 1s ease-in infinite 3s alternate;
}/*bottom:37px;*/
@keyframes down1{
    from{top:93px;}
    to{top:83px;}
}
@-webkit-keyframes down1{
    from{top:93px;}
    to{top:83px;}
}
@keyframes down2{
    from{bottom:56px;}
    to{bottom:66px;}
}
@-webkit-keyframes down2{
    from{bottom:56px;}
    to{bottom:66px;}
}
@keyframes down3{
    from{top:100px;}
    to{top:90px;}
}
@-webkit-keyframes down3{
    from{top:100px;}
    to{top:90px;}
}
@keyframes down4{
    from{bottom:37px;}
    to{bottom:47px;}
}
@-webkit-keyframes down4{
    from{bottom:37px;}
    to{bottom:47px;}
}

.section5{background:#8b9cbd;}
.section5 h2{color:#fff;font-size:36px;margin-bottom:34px;text-align: center;}
.pic3 {width:450px;height:450px;position:relative;}
.pic3 img{position:absolute;}
.pic3 .img1{right:-55px;top:-15px;opacity:0;}/*right:-25px;top:15px;*/
.pic3 .img2{left:-30px;bottom:-30px;opacity:0;}/*left:0;bottom:0;*/



.section6 .text{width:480px;}
.section7{background-color: #364854;}
.part {
    margin-top:-200px;
    min-width:980px;
}
.part .mwrap{
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.part .friends {
    width: 100%;
}

.part h3 {
    text-align: center;
}
.friends{height:140px;margin:40px auto 100px;position:relative;}
.friends .bd{width:900px;margin:0 auto;}
.friends .bd ul{overflow:hidden;}
.friends .bd .line1 li:nth-child(1){}
.friends .bd li{float:left;margin:0 10.7px;}
.friends .bd li i{display:inline-block;width:107px;height:107px;background:url(http://creative.bxsnews.com/ydmob/EPR_friends_sprits.png) no-repeat;}
.friends .bd .line1 li:nth-child(2) i{background-position:-107px 0;}
.friends .bd .line1 li:nth-child(3) i{background-position:-214px 0;}
.friends .bd .line1 li:nth-child(4) i{background-position:-321px 0;}
.friends .bd .line1 li:nth-child(5) i{background-position:-428px 0;}
.friends .bd .line2 li:nth-child(4) i{background-position:-535px 0;}
.friends .bd .line2 li:nth-child(5) i{background-position:-642px 0;}
.friends .bd .line2 li:nth-child(6) i{background-position:0 -107px;}
.friends .bd .line2 li:nth-child(7) i{background-position:-107px -107px;}
.friends .bd .line3 li:nth-child(1) i{background-position:-214px -107px;}
.friends .bd .line3 li:nth-child(2) i{background-position:-321px -107px;}
.friends .bd .line3 li:nth-child(3) i{background-position:-428px -107px;}
.friends .bd .line3 li:nth-child(4) i{background-position:-535px -107px;}
.friends .bd .line3 li:nth-child(5) i{background-position:-642px -107px;}
.friends .bd .line3 li:nth-child(6) i{background-position:0 -214px;}
.friends .bd .line3 li:nth-child(7) i{background-position:-107px -214px;}
.friends .bd .line4 li:nth-child(1) i{background-position:-214px -214px;}
.friends .bd .line4 li:nth-child(2) i{background-position:-321px -214px;}
.friends .bd .line4 li:nth-child(3) i{background-position:-428px -214px;}
.friends .bd .line4 li:nth-child(4) i{background-position:-535px -214px;}
.friends .bd .line4 li:nth-child(5) i{background-position:-642px -214px;}


.friends .bd li span{color:#fff;display:inline-block;width:100%;text-align: center;margin-top:10px;}
.friends>span{position:absolute;top:42px;left:-32px;width:12px;height:23px;background:url(http://creative.bxsnews.com/ydmob/media_right.png) no-repeat;cursor: pointer;}
.friends>span.next{left:auto;right:-32px;background:url(http://creative.bxsnews.com/ydmob/media_left.png) no-repeat;}
.friends>span:hover{opacity:.6;}


footer {
    background:url(http://creative.bxsnews.com/ydmob/media_bottom.jpg) center no-repeat;
    background-size:cover;
    color: #9c9b99;
    padding-bottom:10px;
    width:100%;
    min-width:980px;
    position:absolute;left:0;bottom:0;
}

footer a {
    color: #9c9b99;
}

footer ul {
    width: 1000px;
    margin: 0 auto;
    padding:0;
}

footer ul li {
    float: left;
    width:250px;
    list-style: none;
    line-height: 24px;
}

footer ul li h4{
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
    font-family:"STHeiti","YouYuan","STHeiti Light ";
    font-weight:500;
}
footer ul li a{
    color:#fff;
    font-size:13px;
    font-family: "STHeiti","YouYuan","STHeiti Light ";
    font-weight:300;
}
footer ul li span{
    font-size:13px;
    color:#fff;
    font-family: "STHeiti","YouYuan","STHeiti Light ";
    font-weight:300;
}
footer p{
    text-align: center;
    color:#fff;
    font-family: "YouYuan","STHeiti Light ";
    font-size:16px;
    padding-top:10px;
    margin-bottom:0;
    font-weight:lighter;
}
@media screen and (max-width:980px){
    .nav_wrap{width: 980px;}
    .section2 .cont{width:980px;}
    .section2 .cont ul li{margin-right:60px;}
    .wrap{width:980px;}
    footer ul{width:980px;}
    footer ul li{width:245px;}
    .nav .bottom .wrap{width:980px;}
    #fullpage,.nav{height:780px!important;}
    .fp-section{height:780px!important;}
    .fp-tableCell{height:780px!important;}

}