@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,input,button,textarea{margin:0;padding:0}
body{padding:0;margin:0;background:#000}
html,body,img,iframe{border:0}
li{list-style:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body,textarea,input,button{color:#62a1c9}
em,i{font-style:normal}
html,body{width:100%;min-height:930px;height:auto;min-width:1200px}
.hide{display:none}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
.fl{float:left;}.fr{float:right;}

.i_wrap{min-width:1200px;height:1000px;overflow:hidden;position:relative}
.i_wrap{background:url(../images/bg1.jpg) no-repeat center top}
.l_wrap{min-width:1200px;height:1242px;overflow:hidden;position:relative}
.l_wrap{background:url(../images/bg2.jpg) no-repeat center top}
.f_wrap{min-width:1200px;height:1000px;overflow:hidden;position:relative}
.f_wrap{background:url(../images/bg3.jpg) no-repeat center top}


/*导航动画*/
.i_wrap .menu,.l_wrap .menu,.f_wrap .menu{opacity: 0;transform: translate(-66px, 0px);transition: all 0.2s linear 0s;}
.i_wrap.ani .menu,.l_wrap.ani .menu,.f_wrap.ani .menu{opacity: 1;transform: translate(0px, 0px);transition: all 0.5s linear 0s;}
.i_wrap .download_gift {opacity: 0;transform: translate(0px, 90px);transition: all 0.2s linear 0s;}
.i_wrap.ani .download_gift {opacity: 1;transform: translate(0px, 0px);transition: all 0.5s linear 0.5s;}
.i_wrap .i_information {opacity: 0;transform: translate(0px, 90px);transition: all 0.2s linear 0s;}
.i_wrap.ani .i_information {opacity: 1;transform: translate(0px, 0px);transition: all 0.5s linear 0.8s;}




/*导航*/
.menu {background:url(../images/menu_bg.png);height: 904px;left: 0;position: absolute;top: 0;width: 66px;}
.menu .link a{display: block;height: 214px;overflow: hidden;position: relative;width: 66px;}
.menu .link span{display: block;height: 178px;margin: 35px auto 0;position: relative;width: 21px;z-index: 2;border-bottom: #ccc dashed 1px}
.menu .link .menu_home span {background:url(../images/menu_home.png) no-repeat scroll center 0;}
.menu .link .menu_feature span {background:url(../images/menu_feature.png) no-repeat scroll center 0;}
.menu .link .menu_bbs span {background:url(../images/menu_bbs.png) no-repeat scroll center 0;}
.menu .link a:hover,.menu .link a.on{background:#ea5f5c;}
.menu .attention{position: relative;margin-top:35px;}
.menu .attention .menu_follow {display: block;height:130px;overflow: hidden;position: relative;width: 66px;}
.menu .attention .menu_follow img {margin:0 auto;display:block; }
.menu .attention .wx-icon{background:url(../images/i_ico.png) no-repeat -2px -2px;margin:10px 0 0 14px;width:38px;height:38px;display: inline-block;position:relative;}
.menu .attention .wx-icon img{display:none;padding:5px;border:#ea5f5c solid 1px;position:absolute;left:67px;top:-40px;width:104px;background:#fff;}
.menu .attention .wx-icon:hover img{display:block;}

.i_fchapter{width:1200px;position:absolute;left:50%;top:0;margin-left:-600px;padding-top:1px;}
.i_fchapter .nan_lx{background:url(../images/nan_lx.png) no-repeat;width:105px;height:181px;display:block;position:absolute;z-index:100;left:270px;top:155px;animation:animations3  1s ease .2s both;-webkit-animation:animations3  1s ease .2s both; -ms-animation:animations3  1s ease .2s both;-o-animation:animations3  1s ease .2s both;}
.i_fchapter .nv_rx{background:url(../images/nv_rx.png) no-repeat;width:114px;height:164px;display:block;position:absolute;z-index:100;right:300px;top:165px;animation:animations3  1s ease .2s both;-webkit-animation:animations3  1s ease .2s both; -ms-animation:animations3  1s ease .2s both;-o-animation:animations3  1s ease .2s both;}
.i_fchapter .i_main{width:893px;margin:360px auto 0;}
.i_fchapter .download_gift{width:670px;height:187px;margin:0 auto;}
.i_fchapter .download_gift .i_download{background:url(../images/download_bg.png) no-repeat;width:384px;height:167px;padding:10px 16px;}
.i_fchapter .download_gift .i_download1{width:225px;}
.i_fchapter .download_gift .i_download2{width:138px;}
.i_fchapter .download_gift .i_download1 a{width:225px;height:57px;display:block;}
.i_fchapter .download_gift .i_download1 .ios_btn{background:url(../images/ios_btn.png) no-repeat;margin-top:10px;}
.i_fchapter .download_gift .i_download1 .and_btn{background:url(../images/and_btn.png) no-repeat;margin-top:20px;}
.i_fchapter .download_gift .i_download2 p{font-size:14px;color:#ea5f5c;}
.i_fchapter .download_gift .i_download2 p i{background:url(../images/i_ico.png) no-repeat -2px -46px;width:12px;height:12px;display:inline-block;margin:0 4px 0 2px;
animation:animations1  1s ease 0s infinite;-webkit-animation:animations1  1s ease 0s infinite; -ms-animation:animations1  1s ease 0s infinite;-0-animation:animations1  1s ease 0s infinite;
}
.i_fchapter .download_gift .i_gif{width:241px;height:187px;text-align:center;}
.i_fchapter .download_gift .i_gif .i_gift{width:241px;height:43px;border:#ea5f5c solid 1px;border-radius: 10px;position:relative;line-height:43px;background:#fff;margin-top:2px;}
.i_fchapter .download_gift .i_gift input{background:transparent;border: 0 none;color: #504b51;float: left;font-family: "微软雅黑";font-size: 14px;float: left;height:33px;line-height:33px;outline: medium none;padding:5px;width:200px;}
.i_fchapter .download_gift .i_gift a{width:20px;height:20px;background:url(../images/i_ico.png) no-repeat -1px -62px;display:inline-block;position:absolute;top:11px;right:10px;font-size:0;text-indent: -9999px;
animation:animations2  1s ease 0s infinite;-webkit-animation:animations2  1s ease 0s infinite; -ms-animation:animations2  1s ease 0s infinite;-0-animation:animations2  1s ease 0s infinite;
}
.i_fchapter .download_gift .i_gif img{width:156px;height:134px;}
.i_fchapter .i_information{width:100%;height:290px;margin-top:26px}
.i_fchapter .i_information .i_news{background:#ea5f5c;width:425px;height:250px;padding:5px 20px 35px;}
.i_fchapter .i_information .i_news dt{height:40px;border-bottom:#fff solid 1px;line-height:40px;position:relative;margin-bottom:8px;}
.i_fchapter .i_information .i_news dt h1{font-size:16px;color:#fff;}
.i_fchapter .i_information .i_news dt h1 i{background:url(../images/i_ico.png) no-repeat -2px -86px;width:26px;height:21px;display:inline-block;margin-right: 10px;vertical-align: -6px;}
.i_fchapter .i_information .i_news dt a{font-size:12px;color:#fff;position:absolute;right:0;top:0;}
.i_fchapter .i_information .i_news dt a i{background:url(../images/i_ico.png) no-repeat -2px -130px;width:14px;height:14px;display:inline-block;margin-left: 5px;vertical-align: -3px;transition:transform 0.5s ease 0s;-moz-transition: transform 0.5s ease 0s;-webkit-transition: transform 0.5s ease 0s;-o-transition: transform 0.5s ease 0s;}
.i_fchapter .i_information .i_news dt a:hover i{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.i_fchapter .i_information .i_news dd{height:30px;line-height:30px;color:#fff;font-size:14px;font-family: '微软雅黑';color:#fff;}
.i_fchapter .i_information .i_news dd a{color:#fff;float:left;width:307px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_fchapter .i_information .i_news dd span{float:right;}
.i_fchapter .i_information .i_news dd:before{content:'';background:url(../images/i_ico.png) no-repeat -2px -112px;width:15px;height:15px;display:inline-block;  margin:10px 5px 0 0; float:left;}

.i_fchapter .i_information .i_lb{width:403px;height:278px;border:#ea5f5c solid 1px;border-radius: 15px;padding:5px;overflow:hidden;position:relative;z-index:1;background:#fff;}
.i_fchapter .i_information .i_lb ul{overflow:hidden;width:100%;position:relative;width:403px;}
.i_fchapter .i_information .i_lb li{display: table-cell;float: left;height: 288px;vertical-align: top;}
.i_fchapter .i_information .i_lb li img{width:403px;height:278px;border-radius: 15px;}
.i_fchapter .i_information .i_lb .buttons{bottom: 0;height: 30px;line-height: 25px;position: absolute;left:0;width: 90%;text-align:right;padding:0 5%;}
.i_fchapter .i_information .i_lb .buttons span {background-color: #fff;border-radius:9px;display: inline-block;height: 16px;margin: 0 3px;overflow: hidden;width: 16px;border:#ea5f5c solid 2px;}
.i_fchapter .i_information .i_lb .buttons .on {background-color: #ea5f5c;}

/*list*/
.l_wrap .menu{height:1146px;}
.i_fchapter .l_news,.i_fchapter .l_list{width:718px;margin:360px auto 0;height:786px;background:url(../images/i_listbg.png);overflow: hidden;font-family: '微软雅黑'}
.l_news .l_newstit,.l_list .l_newstit{margin:30px 0 10px 0;height:105px;}
.l_news .l_newstit .crumb,.l_list .l_newstit .crumb{line-height:30px;color:#ea5f5c;font-size:14px;margin-top:15px;margin-left:36px;}
.l_news .l_newstit .crumb a,.l_list .l_newstit .crumb a{color:#ea5f5c;}
.l_news .l_newstit .tit,.l_list .l_newstit .tit{background:url(../images/i_listtit.png) no-repeat;width:241px;height:58px;}
.l_news .l_newscon{width:616px;color: #888;height:620px;margin:0 auto;overflow-x: hidden;overflow-y: auto;padding-right:30px;}
.l_news .l_newscon .artTit{color:#ea5f5c;line-height:40px;font-size:30px;text-align:center;font-weight: normal;padding-top:20px;border-top:#ea5f5c solid 1px;}
.l_news .l_newscon .artTim{color:#868585;line-height:50px;font-size:18px;text-align:center;}
.l_news .l_newscon .artTim span{margin-left:20px;}
.l_news .l_newscon .artCon{font-size:14px;color:#ea5f5c;line-height:30px;}
.l_news .l_newscon .artCon  img{margin:0 auto;display:block}
.l_news .l_newscon .l_share{margin:30px 0;overflow:hidden;}
.l_news .l_newscon .l_share .jiathis_more{margin:-3px 5px 0 5px;}
.jiathis_style{float:right;}

.l_list .l_lists{width:646px;margin:0 auto;border-top:#ea5f5c solid 1px;padding-top:10px;}
.l_list .l_lists li {color: #666;font: 16px/40px "Microsoft YaHei";height:40px;overflow: hidden;color:#ea5f5c;}
.l_list .l_lists li:before{content:'';background:url(../images/i_ico.png) no-repeat -2px -151px;width:15px;height:15px;display:inline-block;  margin:15px 5px 0 0; float:left;}
.l_list .l_lists li a{color:#ea5f5c;float:left;width:507px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l_list .l_lists li .time{float:right;}

.l_list .page {margin: 30px 0 50px;}
.l_list .number {font-size: 18px;text-align: center;}
.l_list ul#yw0 {display: inline-block;padding-left: 0;}
.l_list .page ul li { display: inline;}
.l_list .page ul li a {color: #ea5f5c;font-size: 14px;margin: 2px;padding: 2px 5px;border:#ea5f5c solid 1px;}
.l_list .page ul li a:hover, .page ul li.active a {color: #ea5f5c;border:none;}

/*feature*/
.f_tchapter{width:1200px;position:absolute;left:50%;top:0;margin-left:-600px;padding-top:1px;height:1000px;}
.f_tchapter .logo{background:url(../images/logo.png) no-repeat scroll 0 0;display: block;height: 144px;position: absolute;right:0;top: 30px;width: 217px;}
.f_tchapter .f_nav{position: relative;z-index: 10;}
.f_tchapter .f_nav .tit{background:url(../images/feature_a.png) no-repeat scroll center center;height: 163px;width: 183px;}
.f_tchapter .f_nav a{background:url(../images/feature_b.png) no-repeat scroll 0 0;color: #473a3a;display: block;height: 84px;margin: 0 0 1px;overflow: hidden;text-align: center;width: 183px;}
.f_tchapter .f_nav .b-txt {font: 30px/36px "Microsoft YaHei";height: 36px;margin: 15px 0 0;}
.f_tchapter .f_nav .s-txt {font: 18px/20px "Microsoft YaHei";height: 20px;}
.f_tchapter .f_nav a:hover, .f_tchapter .f_nav a.current {color: #ea5f5c;}
.f_tchapter .f_nav a:hover .b-txt,.f_tchapter .f_nav a.current .b-txt,.f_tchapter .f_nav a:hover .s-txt,.f_tchapter .f_nav a.current .s-txt {font-weight: 700 !important;}

.f_tchapter .f_con .item {display: none;height: 1000px;left: 0;position: absolute;top: 0;width: 1200px;}
.f_tchapter .f_con .item.current {display: block;}
.f_tchapter .f_con .item div {bottom: 0;position: absolute;}
.f_tchapter .f_con .item div.per1 {z-index: 5;}
.f_tchapter .f_con .item div.per2 {z-index: 3;}
.f_tchapter .f_con .item div.per3 {z-index: 2;}
.f_tchapter .f_con .item1 .per1 {background:url(../images/remm_1.png) no-repeat 0 0;height: 975px;left: 250px;width:331px;display:inline-block;}
.f_tchapter .f_con .item1 .per2 {background:url(../images/remm_1.png) no-repeat scroll -360px 0px;height:975px;left: 600px;width:300px;display:inline-block;}

.f_tchapter .f_con .item2 .per1 {background:url(../images/remm_2.png) no-repeat 0 0;height:1000px;left: 250px;width:315px;display:inline-block;}
.f_tchapter .f_con .item2 .per2 {background:url(../images/remm_2.png) no-repeat scroll -360px 0px;height:1000px;left: 600px;width:412px;display:inline-block;}

.f_tchapter .f_con .item3 .per1 {background:url(../images/remm_3.png) no-repeat 0 0;height:1000px;left: 250px;width:466px;display:inline-block;}
.f_tchapter .f_con .item3 .per2 {background:url(../images/remm_3.png) no-repeat scroll -473px 0px;height:1000px;left: 600px;width:325px;display:inline-block;}

.f_tchapter .f_con .item1 .per1 {opacity: 0;transform: translate(-200px, 0px);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item1 .per2 {opacity: 0;transform: translate(200px, 0px);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item1.ani .per1 {opacity: 1;transform: translate(0px, 0px);transition: all 0.3s linear 0.2s;}
.f_tchapter .f_con .item1.ani .per2 {opacity: 1;transform: translate(0px, 0px);transition: all 0.3s linear 0.4s;}

.f_tchapter .f_con .item2 .per1 {opacity: 0;transform: scale(.9);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item2 .per2 {opacity: 0;transform: scale(.9);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item2.ani .per1 {opacity: 1;transform: scale(1);transition: all 0.3s linear 0.4s;}
.f_tchapter .f_con .item2.ani .per2 {opacity: 1;transform:scale(1);transition: all 0.3s linear 0.2s;}

.f_tchapter .f_con .item3 .per1 {opacity: 0;transform:translate(-1000px,0);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item3 .per2 {opacity: 0;transform: translate(-1000px,0);transition: all 0.2s linear 0s;}
.f_tchapter .f_con .item3.ani .per1 {opacity: 1;transform:translate(0,0);transition: all 0.3s linear 0.4s;}
.f_tchapter .f_con .item3.ani .per2 {opacity: 1;transform:translate(0,0);transition: all 0.3s linear 0.2s;}

.footer{width:100%;height:80px;padding:10px 0 6px 0;background:url(../images/footer_bg.png);color:#f2f2ef;position:absolute;left:0;bottom:0;line-height:20px;font-size:14px;text-align:center;z-index:100;}


/*动画*/
@keyframes animations1 { 
  0%,100%{ transform: translateY(-5px);}
  50%{transform:translateY(0);}
}
@-webkit-keyframes animations1 { 
  0%,100%{-webkit-transform: translateY(-5px);}
  50%{-webkit-transform: translateY(0);}
}
@-ms-keyframes animations1 { 
  0%,100%{ -ms-transform: translateY(-5px);}
  50%{-ms-transform: translateY(0);}
}
@-o-keyframes animations1 { 
  0%,100%{-o-transform: translateY(-5px);}
  50%{ -o-transform: translateY(0);}
}

@keyframes animations2 { 
  0%,100%{ transform: translateX(5px);}
  50%{transform:translateX(0);}
}
@-webkit-keyframes animations2 { 
  0%,100%{-webkit-transform: translateX(5px);}
  50%{-webkit-transform: translateX(0);}
}
@-ms-keyframes animations2 { 
  0%,100%{ -ms-transform: translateX(5px);}
  50%{-ms-transform: translateX(0);}
}
@-o-keyframes animations2 { 
  0%,100%{-o-transform: translateX(5px);}
  50%{ -o-transform: translateX(0);}
}

@keyframes animations3 { 
  0%{ transform: translateY(-1000px);}
  100%{transform:translateY(0);}
}
@-webkit-keyframes animations3 { 
  0%{-webkit-transform: translateY(-1000px);}
  100%{-webkit-transform: translateY(0);}
}
@-ms-keyframes animations3 { 
  0%{ -ms-transform: translateY(-1000px);}
  100%{-ms-transform: translateY(0);}
}
@-o-keyframes animations3 { 
  0%{-o-transform: translateY(-1000px);}
  100%{ -o-transform: translateY(0);}
}