@charset "utf-8";

/* CSS Document */



*{ padding:0; margin:0;}

*html{background-image:url(about:blank);background-attachment:fixed;}

html{ overflow-x:hidden;}

body{ font-family:宋体; font-size:12px; background:#eee;}

a{outline:none;blr:expression(this.onFocus=this.blur()); text-decoration:none;}

img{ border:0;}

ul,li{ list-style:none;}

.clear{ clear:both;}





/*左侧公共部分*/

.left_box{ width:180px; float:left;}

.leftside{ width:180px;}

.leftside .left_btns,.leftside .left_btns .startgame:hover{background:url("../images/btn-pub.jpg"/*tpa=http://c555.yx0372.com/images/btn-pub.jpg*/) no-repeat;}

.leftside .left_btns{ background-position:left -72px; width:180px; height:142px; margin-bottom:11px; overflow:hidden;}

.leftside .left_btns .startgame{ width:180px; height:72px; display:block;}

.leftside .left_btns .startgame:hover{ background-position:0 0;}

.leftside .left_btns ul{ padding:2px 0 0 3px; width:177px;}

.leftside .left_btns ul li{ float:left; margin:0 1px 1px 0; width:87px; height:33px;}

.leftside .left_btns ul li a{ display:block;width:87px; height:33px;}



.leftside .leftnav h3 a,.leftside .leftnav h3 a:hover,.leftside .leftnav .h3curr h3 a,.leftside .leftnav,.leftside .leftnav h4 a,.leftside .leftnav .h4curr h4 a{background:url("../images/libg.jpg"/*tpa=http://c555.yx0372.com/images/libg.jpg*/) no-repeat;}

.leftside .leftnav{ padding-bottom:167px; background-position: left bottom;}

.leftside .leftnav h3{ width:180px; height:59px; border-bottom:1px solid #eee;}

.leftside .leftnav h3 a{ font-size:18px; color:#272727; font-weight:normal; width:180px; height:59px; display:block; line-height:59px;text-indent: -9999px;}

.leftside .leftnav .h3box{ display:none}

.leftside .leftnav .h3curr .h3box{ display:block;}



.leftside .leftnav #fore1 a{ background-position:0 -600px}

.leftside .leftnav #fore2 a{ background-position:0 -660px}

.leftside .leftnav #fore3 a{ background-position:0 -720px}

.leftside .leftnav #fore4 a{ background-position:0 -780px}

.leftside .leftnav #fore5 a{ background-position:0 -840px}

.leftside .leftnav #fore6 a{ background-position:0 -900px}

.leftside .leftnav #fore7 a{ background-position:0 -960px}

.leftside .leftnav #fore8 a{ background-position:0 -1020px}

.leftside .leftnav #fore9 a{ background-position:0 -1080px}



.leftside .leftnav .h3curr #fore1 a{ background-position:0 0}

.leftside .leftnav .h3curr #fore2 a{ background-position:0 -60px}

.leftside .leftnav .h3curr #fore3 a{ background-position:0 -120px}

.leftside .leftnav .h3curr #fore4 a{ background-position:0 -180px}

.leftside .leftnav .h3curr #fore5 a{ background-position:0 -240px}

.leftside .leftnav .h3curr #fore6 a{ background-position:0 -300px}

.leftside .leftnav .h3curr #fore7 a{ background-position:0 -360px}

.leftside .leftnav .h3curr #fore8 a{ background-position:0 -420px}

.leftside .leftnav .h3curr #fore9 a{ background-position:0 -480px}



.leftside .leftnav h4{ width:180px; height:29px; border-bottom:1px solid #eee;}

.leftside .leftnav h4 a{ background-position:0 -570px;width:110px; height:29px; display:block; font-size:14px; color:#FFF; padding-left:70px; line-height:29px;}

.leftside .leftnav .h4curr h4 a{ background-position:0 -540px;}

.leftside .leftnav .h4box li{ height:29px; border-bottom:1px solid #eee;}

.leftside .leftnav .h4box a{ width:180px; height:29px; display:block; font-size:14px; color:#FFF; text-align:center; line-height:29px; background:#616161;}

.leftside .leftnav .h4box a:hover{ background:#464646;}

.leftside .leftnav .h4box{ display:none}



/*页底css样式*/

.bottomed{ height:136px; background:#000;}

.footer{ width:1002px; margin:0 auto; }

.backToTop {background: url("../images/top.jpg"/*tpa=http://c555.yx0372.com/images/top.jpg*/) no-repeat;bottom: 242px;color: #fff;cursor: pointer;display: none;font-size: 12px;height: 98px;line-height: 1.2; margin-right: -540px;padding: 5px 0;position: fixed;right: 50%;text-align: center;width: 23px; _position:absolute}

.warp{background:#eee; width:100%}
/*.head{ width:1002px; margin:0 auto; height:40px;  background:#eee; overflow:hidden;}*/
.head{ width:95%; margin:0 auto;  height:40px;  background:#eee; overflow:hidden;}
.logo_bt{ float:left;  width:165px; height:31px; padding:6px 19px 0; overflow:hidden}
.logo_bt a{ background:url("../images/jjlogo.jpg"/*tpa=http://c555.yx0372.com/images/jjlogo.jpg*/) no-repeat; width:165px; height:31px; display:block; text-indent:-9999px;}
.navtop_l{
	display:block;
	float:left;
	width:270px;
	height:27px;
	margin:9px 0 5px;
	overflow:hidden;
	}
.navtop_l a{
	float:left;
	display:block;
	height:27px;
	border-left:1px solid #d2d7e3;
	padding:0 16px
}
.navtop_l .tdj{
	width:105px;
	background:url("../images/tdj_logo.gif"/*tpa=http://c555.yx0372.com/images/tdj_logo.gif*/) 16px center no-repeat
	}
.navtop_l .yf{
	width:87px;
	background:url("../images/yf_logo.gif"/*tpa=http://c555.yx0372.com/images/yf_logo.gif*/) 16px center no-repeat
	}
.navtop_r{ 
	float:right; 
	margin-right:31px;
	height:27px;
	line-height:27px;
	margin:9px 0 5px;
	overflow:hidden;
}
.navtop_r a{
	display:block;
	float:left;
	height:27px;
	border-left:1px solid #d2d7e3;
	padding:0 18px 0 36px;
	text-decoration:none; 
	font-size:12px; 
	color:#7a7a7a;
	
	}
.navtop_r a:hover{ color:#484848;}
.navtop_r .zc{background:url("../images/icon1.jpg"/*tpa=http://c555.yx0372.com/images/icon1.jpg*/) 18px center no-repeat}
.navtop_r .gl{ background:url("../images/icon2.jpg"/*tpa=http://c555.yx0372.com/images/icon2.jpg*/) 18px center no-repeat}
.navtop_r .cz{ background:url("../images/icon3.jpg"/*tpa=http://c555.yx0372.com/images/icon3.jpg*/) 18px center no-repeat}
.navtop_r .kf{ background:url("../images/icon4.jpg"/*tpa=http://c555.yx0372.com/images/icon4.jpg*/) 18px center no-repeat}
.navtop_r .sy{ background:url("../images/icon5.gif"/*tpa=http://c555.yx0372.com/images/icon5.gif*/) 18px center no-repeat}
.navtop_r .sc{ background:url("../images/icon6.gif"/*tpa=http://c555.yx0372.com/images/icon6.gif*/) 18px center no-repeat}





.banner{ height:517px; position:relative;}

.logo a{ position:absolute; width:276px; height:130px; display:block; text-indent:-9999px; top:8px; right:420px;}



/*新手引导css样式*/

.right_box{ width:811px; float:left; margin-left:10px; display:inline;}



/*搜索css样式*/

.search_box{ background:url("../images/search_bg.jpg"/*tpa=http://c555.yx0372.com/images/search_bg.jpg*/) no-repeat; height:143px; position:relative; margin-top:10px;  padding-left:30px;}

.inp_bg{ width:600px; height:52px; border:0; background:none; float:left; line-height:52px; padding-left:16px; padding-right:11px; font-family:微软雅黑; color:#122b37; font-size:18px; margin-top:64px;}

.search_btn{ width:117px; height:52px; display:block; border:0; background:none; cursor:pointer; float:left; margin-left:6px; display:inline; margin-top:64px;}

.sousu_box{  background:#fff; margin-bottom:120px; *margin-bottom:60px; margin-top:10px; position:relative;}

.sousu_box h2{ font-size:14px; font-weight:bold; margin-top:26px;}

.sousu_text{ margin-left:18px; margin-right:15px; font-size:14px; line-height:22px;}

.sousu_box h2 a{ color:#000; text-decoration:underline;}

.sousu_box p{ margin-top:6px;}

/*网站底部css*/
 *{ padding0; margin:0;} 
 body { font-family:Arial,"宋体"; color:#313131;
                    font-size:13px;}
                     ul,li { list-style:none;} 
                     img { display:block; border:none;}
                    s,em,i { text-decoration:none; font-style:normal;} 
                    a {color:#423430; text-decoration:none;outline:none;}
                     a:hover { color:#675749;}
                      .left { float:left;} 
                      .right { float:right;} 
                    .clear { clear:both;}
                     .footer1 { margin-top:5px;}
                      .lianj { width:714px; margin:22px auto; color:#2d2d2d; position:relative;}
                     .lianj p a { color:#313131; margin:0 17px;}
                     .lianj p a:hover { color:#675749; }
                     .color { color:#313131; margin-top:6px; line-height:18px; font-size:12px}
                    .le { float:left; margin-right:15px} .gg_logo{ width:49px; height:57px; display:block; position:absolute; right:50px; top:2px;}
                     .sd_logo{ width:49px;height:57px; display:block; position:absolute; left:-87px; top:2px;}
                    .border{padding:3px 0px;}


/*首页*/

.video {
    margin: 0 auto;
    position: relative;
    width: 1260px;
}

.video a {
    background: url("../images/videoimg.pn"/*tpa=http://c555.yx0372.com/images/videoimg.pn*/) no-repeat  0 0;
    display: block;
    height: 124px;
    left: 477px;
    overflow: hidden;
    position: absolute;
    top: 389px;
    width: 142px;
    z-index: 1000;
}

.body_bg {
   background: url("../images/warp_bgh.jpg"/*tpa=http://c555.yx0372.com/images/warp_bgh.jpg*/) no-repeat  center top;
       height: auto;
    overflow: hidden;
    background:#000;
}

.warp_bg {
     overflow:hidden;
}

.top_bg {
    height: 598px;
    overflow: hidden;
    position: relative;
}


#navigation {
    height: 407px;
    min-width: 1259px;
    position: relative;
}

.navigation {
    margin: 0 auto;
    padding-left: 298px;
    position: relative;
    width: 961px;
    z-index: 6;
}

.navigation li {
    cursor: pointer;
    display: inline;
    float: left;
    height: 33px;
    margin-left: 87px;
    margin-top: 52px;
    width: 64px;
}

.navigation li a {
    display: block;
    height: 33px;
    width: 80px;
    font-size:16px;
    font-family:"微软雅黑","黑体","宋体";
    font-weight:bold;
}

.top_bg .video {
    margin: 0 auto;
    position: relative;
    width: 1259px;
}

.top_bg .sbox {
    display: block;
    height: 125px;
    left: 495px;
    position: absolute;
    top: -14px;
    width: 136px;
}
#smvideo {
    visibility: hidden;
}

.top_bg .sbox a {
    background: rgba(0, 0, 0, 0) url("about:blank") repeat  0 0;
    display: block;
    height: 125px;
    left: 0;
    position: absolute;
    top: 0;
    width: 136px;
}

.right_sider {
    background:  url("../images/rsider_bg.png") no-repeat  0 0;
    height: 370px;
    margin-top: -185px;
    position: fixed;
    right: 50px;
    top: 50%;
    width: 228px;
}

.right_sider ul {
    margin-left: 37px;
    margin-top: 49px;
}

.right_sider ul li {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 153px;
}

.right_sider ul li a {
    color: #fff;
    display: block;
    height: 44px;
    width: 153px;
}

.back_btn a {
    display: block;
    height: 28px;
    margin-left: 75px;
    margin-top: 23px;
    text-indent: -9999px;
    width: 79px;
}

.closeRightNav {
    bottom: 46px;
    display: block;
    height: 40px;
    left: 72px;
    position: absolute;
    text-indent: -9999px;
    width: 95px;
}
.right_sider ul li a:hover {
    background: #d72828 none repeat  0 0;
}
.mask {
    background-color: #000;
    display: none;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.video-player {
    background: #000 none repeat 0 0;
    border: 5px solid #195889;
    display: none;
    height: 500px;
    left: 50%;
    margin: -250px 0 0 -425px;
    position: fixed;
    top: 50%;
    width: 850px;
    z-index: 1001;
}

.video-player .close {
    background: rgba(0, 0, 0, 0) url("../images/close_icon.gif"/*tpa=http://c555.yx0372.com/images/close_icon.gif*/) no-repeat  0 0;
    display: block;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 15px;
}

.main_bg {
    margin-left:auto;
    margin-right:auto;
    width: 1259px;
  position: relative;
    top: -466px;
}

.menu_bg {
    height: 79px;
}

.meun_btn {
    float: left;
    height: 79px;
    overflow: hidden;
    width: 1265px;
}

.meun_btn a {
    float: left;
    height: 79px;
    overflow: hidden;
}

.menu_area {
    background: url("../images/tjdq_bg.jpg"/*tpa=http://c555.yx0372.com/images/tjdq_bg.jpg*/) no-repeat  0 0;
    float: left;
    height: 64px;
    overflow: hidden;
    padding-top: 15px;
    width: 343px;
}
.menu_area p {
    color: #424241;
    font-size: 15px;
    line-height: 26px;
    margin-left: 96px;
}

.menu_area p span {
    color: #bf2b08;
}

.con_box1 {
    margin-top: 11px;
}

.js_pic {
    float: left;
    height: 366px;
    overflow: hidden;
    position: relative;
    width: 723px;
}

.Carousel_box {
    display: inline;
    float: left;
    position: relative;
}

.window {
    float: left;
    height: 366px;
    overflow: hidden;
    position: relative;
    width: 723px;
}
.image_reel {
    left: 0;
    position: absolute;
    top: 0;
}
.image_reel {
    left: 0;
    position: absolute;
    top: 0;
}
.paging {
    display: none;
    height: 15px;
    left: 12px;
    position: absolute;
    top: 332px;
    z-index: 100;
}

.paging a {
    background:  url("../images/icon1.png"/*tpa=http://c555.yx0372.com/images/icon1.png*/) no-repeat;
    display: inline;
    float: left;
    height: 15px;
    margin-left: 7px;
    width: 15px;
}

.news_box {
    background: #fff;
    float: right;
    height: 366px;
    overflow: hidden;
    position: relative;
    width: 526px;
}

.news_box .idTabs {
    border-bottom: 1px solid #a6a6a6;
    height: 60px;
    margin-left: 18px;
    width: 490px;
}

.news_box .idTabs li {
    float: left;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 88px;
}

.news_box .idTabs li a {
    color: #3c3b3b;
    display: block;
    height: 57px;
    width: 88px;
}

.news_box .news_text {
    margin-left: 15px;
    margin-top: 9px;
    width: 490px;
}

.news_box .more a {
    background: url("../images/more.jpg"/*tpa=http://c555.yx0372.com/images/more.jpg*/) no-repeat;
    display: block;
    height: 11px;
    position: absolute;
    right: 45px;
    top: 26px;
    width: 11px;
}

.news_box .texted li {
    background: url("../images/line1.jpg"/*tpa=http://c555.yx0372.com/images/line1.jpg*/) no-repeat  left bottom;
    color: #464646;
    font-size: 15px;
    line-height: 44px;
}

.news_box .texted li span {
    display: inline;
    float: right;
    margin-right: 3px;
}

.news_box .texted li a {
    color: #464646;
}

.news_box .texted li b {
    font-weight: lighter;
}

.photo_box {
    height: auto;
    margin-top: 11px;
    overflow: hidden;
    position: relative;
    width: 1264px;
}

.photo_box ul li {
    background: #696361;
    display: inline;
    float: left;
    height: 134px;
    margin-right: 4px;
    width: 312px;
}
.news_box .idTabs li a:hover, .news_box .idTabs li a.selected {
    border-bottom: 3px solid #ababab;
}

.image_reel img {
    float: left;
}