﻿
*{margin:0;padding:0;list-style-type:none;}
body{margin:0px;padding:0px;color:#000000; min-width:1200px;font-size:14px; font-family:"微软雅黑"; background-color:#fafafa; background:url(../images/bodybg.jpg)}
a,img{border:0; color:#000000}
a{color:#000;text-decoration: none;}
a:focus{outline:none;}
*{margin:0;padding:0;list-style-type:none;}
.clear{ clear:both}
.all-bg{ width:100%;}
a:hover{ text-decoration:none; color:#f04848}
.index-box{ width:1145px; margin-left:auto; margin-right:auto}


/*通用侧边栏分享*/
/*通用侧边栏分享*/
#appgame-leftside-share{width:44px; height:302px; position:fixed; right:0px; top:50%; margin-top:-151px; z-index:9999; display:none;}
.appgame-leftside-share{width:44px; height:259px;}
#appgame-leftside-share a{display:block; width:44px; height:44px; background-color:#fff; z-index:1; position:absolute; left:0; box-sizing:border-box; -moz-box-sizing:border-box; border:1px #cccccc solid; background-image:url(../images/share-icons.png); background-repeat:no-repeat; margin:0; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
#appgame-leftside-share a:hover{background-color:#bf1313; border:1px #bf1313 solid; z-index:2;}
.appgame-leftside-weixin{top:0; background-position:-88px 0;}
.appgame-leftside-weixin:hover{background-position:-44px 0;}
.appgame-leftside-qzone{top:43px; background-position:-88px -44px;}
.appgame-leftside-qzone:hover{background-position:-44px -44px;}
.appgame-leftside-sqq{top:86px; background-position:-88px -88px;}
.appgame-leftside-sqq:hover{background-position:-44px -88px;}
.appgame-leftside-tsina{top:129px; background-position:-88px -132px;}
.appgame-leftside-tsina:hover{background-position:-44px -132px;}
.appgame-leftside-fbook{top:172px; background-position:-88px -176px;}
.appgame-leftside-fbook:hover{background-position:-44px -176px;}
.appgame-leftside-twi{top:215px; background-position:-88px -220px;}
.appgame-leftside-twi:hover{background-position:-44px -220px;}
#appgame-leftside-share .appgame-leftside-top{background-image:url(../images/leftnav-off.png); background-position:-1px -395px; top:258px; cursor:pointer;}
.rwt_share{overflow:hidden;float:left;position:relative;}
.rwt_share a{display:inline-block;margin-right:10px;text-indent:-9999px;margin-bottom:10px;width:24px;height:24px;overflow:hidden;cursor:pointer;float:left;font-size:12px;}
.rwts_weixin{background-position:0 -1612px;}
.rwts_tsina{background-position:0 -104px;}
.rwts_tqq{background-position:0 -260px;}
.rwts_qzone{background-position:0 -52px;}
.rwts_sqq{background-position:0 -2652px;}
.rwts_tieba{background-position:0 -728px;}
.rwts_renren{background-position:0 -208px;}
.rwts_kaixin001{background-position:0 -312px;}
.rwts_tqf{background-position:0 -364px;}
.rwts_douban{background-position:0 -468px;}
.rwts_twi{background-position:0 -1404px;}
.rwts_fbook{background-position:0 -1352px;}
.rwts_ty{background-position:0 -1196px;}
.rwts_mogujie{background-position:0 -1768px;}
.rwts_meilishuo{background-position:0 -1716px;}
.rwts_huaban{background-position:0 -1872px;}
.rwts_hi{background-position:0 -416px;}
.rwts_tsohu{background-position:0 -520px;}
.rwts_more{background-position:0 0;}
.rwt_share_wxShow_code>img{width:100%;}


.top{ height:30px; line-height:30px; background-color:#1c1c1c; color:#FFFFFF}
.head{ background:url(../images/head-bg.png) center no-repeat; height:140px; width:1145px; margin-left:auto; margin-right:auto;}
.lead{ width:100%; background:url(../images/lead-bg.jpg); height:42px; border-top:#666666 solid 1px; line-height:42px;}
.lead>ul{ width:1145px; margin-left:auto; margin-right:auto;}
.lead>ul>li{ width:142px; text-align:center; float:left; color:#666666}
.lead>ul>li>a{ color:#666666; padding:0 40px;}
.lead>ul>li:hover>a{ background:url(../images/lead-hover.png) center bottom no-repeat; padding-bottom:12px; border-top:#FF0000 solid 3px; padding-top:10px; color:#eb0006; font-weight:bold}

.xiala{ position:relative; z-index:99999999999999999;}
.xialas{ position:absolute; z-index:99999999999999999; width:100%; background:url(../images/icon12.png); display: none; left:0px; bottom:-153px;}
.xialas div{ height:50px; line-height:50px; border-bottom:#f4f4f4 solid 1px;}
.xialas div:hover{ background-color:#f4f4f4; border-top:#ff0000 solid 1px;}
.xialas div:hover a{ color:#333333}
.xialas a{ color:#FFFFFF}
.xiala:hover .xialas{ display:block;}

/*轮播图*/
.banner{ width:100%; float:right;position:relative;font-size:0;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:30px; left:45%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#db261b; border:#db261b solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px){.callbacks_nav{top:47%;}}


.product{ width:1145px; margin-left:auto; margin-right:auto; margin-top:60px;}
.product-left{ width:250px; float:left; background:url(../images/fenlei-bg.png) right center no-repeat; }
.product-title{ background:url(../images/fenlei-title.jpg) center no-repeat; height:85px; width:247px; text-align:center;}
.product-left ul{ width:239px; padding:3px; border:#CCCCCC solid 1px; background-color:#fff}
.product-left ul li{ background:url(../images/fenlei-li.jpg) center no-repeat; width:239px; height:50px;text-align:center; line-height:50px; margin-bottom:3px;}
.product-left ul li a{ color:#FFFFFF}
.product-left ul li:hover{ background:url(../images/fenlei-lis.jpg) center no-repeat;}
.product-left ul li:hover a{ color:#FFFFFF}
.product-right{ width:870px; float:right; }
.product-right-title{ background:url(../images/tuijian-title.png) left center no-repeat; width:180px; height:50px; border-bottom:#349fd7 solid 1px; margin-bottom:15px;  width:100%;}
.product-right-title a{ margin-left:785px; line-height:40px;}



#marquee4{width:100%;height:585px; overflow:hidden; margin-top:20px; position:relative;}
.mar-li-img{width:278px; height:200px; float:left;position:relative; margin-top:10px; margin:5px; text-align:center; border:#cecece solid 1px; background-color:#FFFFFF; overflow:hidden}
.mar-li-img img{ height:100%;}
.mar-li{ width:100%; }
.mar-li-img p{ position:absolute; background: #cecece; color: #333333; height:30px; line-height:30px; text-align:center; bottom:0px; left:0; width:100%}
.mar-li-img:hover>p{ background-color:#cf0000; color:#FFFFFF}
.mar-li-img>p a{ color:#333333}
.mar-li-img:hover>p a{ color:#FFFFFF}
 
.left-contact{ background:url(../images/left-contact.png) center no-repeat; height:67px; width:235px; background-color:#FFFFFF; padding:2px; border:#CCCCCC solid 1px; margin-top:10px; padding:5px;}

.about{ background:url(../images/about-bg.png) center no-repeat; width:1145px; margin-left:auto; margin-right:auto; height:429px; margin-top:50px;}
.about-more{ padding-top:20px; float:right;}
.about-p{ width:610px; float:right; margin-right:15px; color:#666666; margin-top:70px; line-height:25px;}


.partner{ width:1145px; margin-left:auto; margin-right:auto;}
.partner-title{ background:url(../images/partner-title.png) center no-repeat; width:1145px; height:90px;}
.show{ width:1100px; float:right; margin-left:auto; margin-right:auto; position:relative; padding-top:0px; height:200px; margin-top:4px; background-color:#FFFFFF; padding:0 23px; border:#f4f4f4 solid 1px;}

.mr_t1{height:40px;padding-right:16px;}
.mr_t1name{font:bold 16px/40px "微软雅黑";color:#FFF;height:40px;width:110px;padding-left:21px;float:left;}
.mr_t1name img{float:left;margin-top:9px;margin-right:6px;display:inline;}
.mr_frbox{height:140px;padding:10px 5px 0px;}
.mr_frBtnL{margin:70px 30px 0px 10px;cursor:pointer;display:inline; position:absolute; left:0px;}
.mr_frUl{float:left;height:230px;width:1000px; margin-left:12px; padding-top:px; padding-left:10px;}
.mr_frBtnR{margin-top:70px;cursor:pointer; position:absolute; right:10px}
.mr_frUl ul li{display:inline;float:left;margin-right:10px;position:relative; width:200px; }
.mr_frUl ul li div{border:#CCCCCC solid 1px; width:200px; text-align:center; overflow:hidden;height:160px;}
.mr_frUl ul li div:hover{ border:#076c42 solid 1px;}
.mr_frUl ul li img{margin-bottom:0px; height:100%;}
.mr_frUl ul li p{ width:200px; text-align:center; line-height:25px;  bottom:-25px; color: #666666;background-color:#FFFFFF;}

.news{ width:1145px; margin-left:auto; margin-right:auto;}
.news-title{ background:url(../images/news-title.png) center no-repeat; height:100px;}
.news-img{ background:url(../images/news-img.jpg) center no-repeat; width:447px; height:297px; float:left; margin-top:5px;}
.news-cont{ width:670px; float:right;}
.news-cont ul li{ background: url(../images/news-li.jpg) left center no-repeat; height:35px; line-height:35px; border-bottom:#349fd7 dashed 1px; padding-left:15px; margin-bottom:2px;}
.news-cont ul li a{ width:500px; float:left; color:#333}
.news-cont ul li span{ width:100px; float:right; text-align:right; color:#666; font-size:13px;}
.news-cont ul li:hover{ border-bottom:#FF0000 dashed 1px;background: url(../images/news-lis.jpg) left center no-repeat;}
.news-cont ul li:hover a{ color:#FF0000}

.foot{ background-color:#349fd7; padding:10px 0; margin-top:50px; color:#FFFFFF; text-align:center}
.foot-lead{ color:#FFFFFF; text-align:center; height:40px; line-height:40px;}
.foot-lead a{ color:#FFFFFF; margin:15px;}

.erji-banner{ width:100%; background:url(../images/erji-banner.jpg) center no-repeat; height:260px;}

.erji{ width:1145px; margin-left:auto; margin-right:auto; margin-top:20px;}
.erji-left{ width:247px; float:left;}
.erji-fenlei-title{ background:url(../images/fenlei-title.jpg) center no-repeat; height:85px;}
.erji-fenlei-cont ul{ border:#349fd7 solid 1px;}
.erji-fenlei-cont ul li{ background:url(../images/fenlei-li.jpg) center no-repeat; height:50px; line-height:50px; text-align:center; margin-bottom:3px;}
.erji-fenlei-cont ul li a{ color:#FFFFFF}
.erji-fenlei-cont ul li:hover{ background:url(../images/fenlei-lis.jpg); font-weight:bold}
.erji-right{ width:875px; float:right; margin-top:50px;}
.erji-right-title{ height:35px; line-height:35px; border-bottom:#349fd7 solid 1px;}
.title-title{ width:350px; float:left; color:#349fd7; font-size:20px; font-weight:bold; border-left:#349fd7 solid 4px; height:30px; line-height:30px; padding-left:10px;}
.title-weizhi{ width:300px; float:right; overflow:hidden; text-align:right}
.erji-right-cont{ padding:10px; background-color:#FFFFFF; min-height:450px; border:#f4f4f4 solid 1px;}
.erji-about{ line-height:30px; color: #333333}
.erji-product ul li{ width:272px; float:left; height:200px; position:relative; border:#CCCCCC solid 1px; overflow:hidden; text-align:center; margin:5px;}
.erji-product ul li img{ height:180px;}
.erji-product ul li p{ position:absolute; left:0; bottom:0; width:100%; text-align:center; height:25px; line-height:25px;}
.erji-product ul li:hover{ border:#349fd7 solid 1px; color:#349fd7}
.erji-news ul li{ height:35px; line-height:35px; background:url(../images/news-li.jpg) left center no-repeat; padding-left:15px; border-bottom:#349fd7 dashed 1px;}
.erji-news ul li a{ width:600px; float:left; color:#333333}
.erji-news ul li span{ width:100px; text-align:right; float:right; font-size:13px; color:#333333}
