/*main_one样式*/ .b { width:1200px; margin:0 auto; height:auto; overflow:hidden;} .c { height:auto; overflow:hidden;} .cont_left { width:900px;float:left;} .cont_right { width:300px;float:left;} /*banner样式*/ .a { width:100%; height:auto; overflow:hidden;} .banner3 { width:1200px; height:350px; margin:0 auto; margin-bottom:20px; background:#FFF; } .banner2 { width:100%; height:350px; margin-bottom:20px; background:#FFF; } .banner1 { width:100%; height:350px; margin-bottom:20px; background:#fff; } /*横幅样式*/ .AD_cont { width:860px; height:100px;padding-left:20px; padding-right:20px;margin-bottom:20px;} /*main样式*/ .c_titelbg{ width:100%;background:url(../images/twoline.jpg) left 8px repeat-x; margin-bottom: 13px;} .c_titel{ background:url(../images/twolineon.jpg) left 8px no-repeat; padding-left:45px; position:relative;} .c_titel span{ background-color:#fff; padding:0 15px; font-size:20px; font-weight:bold;} .c_titel a.more{ width:55px; height:20px; float:right; background:#FFFFFF url(../images/more.png) no-repeat; position:absolute; top:0; right:0;} .c_titel a.more:hover{ background-position: 0 -20px;} .cont_box01 { width:410px;float:left; margin-bottom: 20px;padding-left:20px; padding-right:20px; } .cont_box01 ul li{ width:100%; height:28px; line-height:28px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .cont_box01 li .t_date{width:80px; float:right; color:#CCCCCC; font-size:12px;} .c_box01 img{width:100px; height:90px; float:left; margin-right: 20px;} .c_box01 h2{font-size: 16px; line-height: 30px;} .c_box01 h2 a{color:#333;} .c_box01 h2 a:hover{color:#cc0000;} .c_box01 p a{ width:100%; height:28px; line-height:28px; font-size:14px; color:#999; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box01 p a:hover{color:#009dba;} .cont_box01 h3{font-size: 16px; margin-bottom:7px; line-height: 25px; text-align: center; color: #999;} .cont_box01 h3 a{color:#cc0000;} .cont_box01 h3 a:hover{color:#009dba;} .cont_box01 .line_01{width:100%; height: 5px; border-bottom: 1px dashed #878787; margin:12px 0 16px 0;} .cont_box02{width:860px;padding-left:20px; padding-right:20px; margin-bottom:20px;} .c_box02 ul{width:260px;float:left;} .c_box02 li{width:260px; display:block; float:left;} .c_box02 li img{width:260px; height:155px;} .c_box02 li h2 { width:260px; height:40px; display:block; font-size:16px; line-height:40px;} .c_box02 li h2 a{color:#333333;} .c_box02 li h2 a:hover{color:#cc0000;} .c_box02 li p { width:260px; height:75px; display:block; text-indent:2em; line-height:25px; color:#878787;} .cont_box03{width:860px; margin-bottom:20px;padding-left:20px; padding-right:20px;} .c_box03 {width:410px;float:left;} .c_box03 ul li{ width:410px; height:120px;display:block; } .c_box03 ul li img{width:175px; height: 120px; float:left; margin-right:20px;} .c_box03 ul h4{font-size: 16px; margin-bottom:5px;} .c_box03 ul h4 a{color:#333;} .c_box03 ul h4 a:hover{color:#cc0000;} .c_box03 ul p{ line-height:23px;color:#999999;} .cont_box04 {width:860px;padding-left:20px; padding-right:20px; margin-bottom:20px;} .c_box04 ul li { height:120px; display:block; float:left;} .c_box04 ul li img{width:175px; height: 120px; float:left; margin-right: 20px;} .c_box04 ul li h2 {height:30px; display:block; line-height:30px; font-size:16px;} .c_box04 ul li h2 a:hover{color:#cc0000;} .c_box04 ul li p {height:50px; display:block; line-height:25px; color:#878787;} .cont_box05{width:860px;float:left; padding-left:20px; padding-right:20px;margin-bottom:20px;} .cont_box05 .left_img{ width:410px; height:150px; margin-bottom: 20px;float:left} .cont_box05 .left_img img{ width:410px; height:308px;} .cont_box05 .left_img02{ width:195px; height:308px; float:left; margin-bottom: 20px;} .cont_box05 .left_img02 h3{font-size:16px;line-height: 23px; margin-bottom: 5px;} .cont_box05 .left_img02 h3 a:hover{color:#cc0000;} .cont_box05 .left_img02 p{color:#999; line-height: 25px;} .cont_box05 .left_img02 img{ width:195px; height:150px;} .cont_box05 h4{font-size:16px; line-height:30px;} .cont_box05 h4 a{color:#333; font-size: 16px;} .cont_box05 h4 a:hover{color:#cc0000;} .cont_box05 ul{ float:left;} .cont_box05 ul li{ width:100%; height:28px; line-height:28px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .cont_box06 { width:860px;float:left; padding-left:20px; padding-right:20px;margin-bottom:20px;} .c_box06{width:410px;float:left;} .c_box06 img{width:410px; height:210px;} .c_box06 h4{font-size: 16px; margin:8px 0 5px;} .c_box06 h4 a{color:#333;} .c_box06 h4 a:hover{color:#cc0000;} .c_box06 p{ line-height:25px;color:#999999;} .cont_box07left{width:560px;float:left;padding-left:20px; padding-right:20px;margin-bottom:20px;} .c_box07left{ width:560px;} .c_box07left li{width:125px; float:left;} .c_box07left li img{width:125px;height:140px;} .c_box07left li p {line-height: 25px;text-align: center;} .cont_box07right{width:260px;float:left;padding-left:20px; padding-right:20px;margin-bottom:20px;} .c_box07right{ width:260px;} .c_box07right li{ width:100%; height:28px; line-height:28px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .cont_box14{width:260px;float:left;padding-left:20px; padding-right:20px;margin-bottom:20px;} .c_box14L{width:260px;float:left; position: relative;} .c_box14L img{width:260px;height:260px;} .c_box14L .text_bg{ position: absolute;width:100%; bottom:0px;left:0px; line-height:30px; height: 30px; background-color: #000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .c_box14L p{ position: absolute; bottom:0px;left:0px; line-height: 30px; padding-left: 20px;} .c_box14L p a{color:#fff;} .c_box14L p a:hover{color:#009dba;} .c_box14M{width:260px;float:left;} .c_box14M li{width:100%; height:27px; line-height:27px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box14R{ width:260px;float:left;} .c_box14R li{width:120px; float:left; position: relative;} .c_box14R li .text_bg{ position: absolute;width:100%; bottom:0px;left:0px; line-height:30px; height: 30px; background-color: #000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .c_box14R li img{width:120px;height:120px;} .c_box14R li p { position: absolute; bottom:0px;left:0px; line-height: 30px; padding-left: 20px;} .c_box14R li p a{color:#fff;} .c_box14R li p a:hover{color:#009dba;} .c_box15{ padding: 20px 10px;height:200px;background:#e3ebf6 url(../images/bg15.jpg) left center no-repeat; } .c_box15 h2{width: 20px;font-size:20px; padding: 40px 30px 0 10px; float:left; vertical-align: center; color: #FFF; font-weight: bold;} .c_box15 li{width:136px; padding:10px; float:left;} .c_box15 li img{width:136px; height: 170px;} .c_box15 li p{line-height:30px; text-align: center;} .c_box16l{width:429px; float:left;} .c_box16l h4 a{font-size:14px;line-height:30px; color:#333} .c_box16l p{line-height:25px; color:#999; margin-bottom: 5px;} .c_box16R{width:430px; height: 290px; float: right;position: relative} .c_box16R img{width:430px; height:290px;} .c_box16R .shadow{ position: absolute;width:100%; bottom:0px; left:0; height: 60px; background-color: #000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .c_box16R p{ position: absolute; bottom:0px; line-height: 26px; padding-left: 20px;color:#FFF; left:0;} .c_box16R p a{color:#FFF;font-size:20px;} .cont_box17{width:410px;float:left; padding-left:20px; padding-right:20px;margin-bottom:20px;} .c_box17 li { margin-bottom:9px;} .c_box17 li .t_date{ background-color: #e4e4e4; font-size: 14px; padding:5px;} .c_box17 li h4{ font-size:16px; line-height: 30px;} .c_box17 li p{line-height:22px; color:#999;} .c_box17R img{width:150px; height:150px; float:left; margin-right: 20px;} .c_box17R h4{font-size: 16px; margin:8px 0 5px; line-height:30px;} .c_box17R h4 a{color:#333;} .c_box17R h4 a:hover{color:#cc0000;} .c_box17R p{ line-height:25px;color:#999999;} .c_box17R .line_01{width:100%; height: 5px; border-bottom: 1px dashed #878787; margin:8px 0;} .c_box17R li{ width:100%; height:28px; line-height:28px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} /***********右侧*************/ .cont_rightbox{width:260; padding-left:20px; padding-right:20px; margin-bottom: 20px;} .c_box08{ width: 260px;} .c_box08 li{ width: 260px; height: 90px;} .c_box08 a.column-a{ display: block; float: left; width: 90px; height: 90px; border-radius: 290px; overflow: hidden; background: #ccc;} .c_box08 img { width: 90px; height: 90px;transition: width 0.5s,height 0.5s; -moz-transition: width 0.5s,height 0.5s; -webkit-transition: width 0.5s , height 0.5s; -o-transition: width 0.5s,height 0.5s;} .c_box08 img:hover { width: 103%; height: 103%;} .c_box08 dl { float: right;width:160px; height: 90px;} .c_box08 dt { color: #333; font-size: 16px; line-height: 18px; margin: 16px 0 12px;} .c_box08 dt a { color: #333333} .c_box08 dt a:hover { color: #009dba; text-decoration: none} .c_box08 dt span { color: #999; font-size: 14px; padding-left: 10px;} .c_box08 dt a:hover span { color: #009dba} .c_box08 dd { line-height: 18px; font-size: 14px; color: #666;} .c_box09 { width: 260px;} .c_box09 img{width:95px;height:125px; float:left;margin-right:20px;} .c_box09 .p_h3{font-size:16px; margin-bottom: 5px;} .c_box09 .p_h3 a{color:#333;} .c_box09 .p_h3 a:hover{color:#cc0000;} .c_box09 p{line-height:25px;color:#999;} .c_box09 ul{ padding-top:10px;} .c_box09 ul li{ width:100%; height:25px; line-height:25px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box10 {width: 260px; background:url(../images/dsjbg.jpg) 10px top repeat-y;} .c_box10 li{ margin-bottom: 10px; line-height: 23px; padding-left: 30px; background: url(../images/bit.png) 2px 5px no-repeat;} .c_box10 li .text_red{color:red;} .c_box10 li .text_red a{color:red;} .c_box10 li h4{ line-height: 31px;} .c_box10 li h4 a{color:#333; font-size: 16px;} .c_box10 li h4 a:hover{color:#cc0000;} .c_box10 li p {color:#999;} .c_box11 { width: 260px; background-color: #f4f4f4;} .c_box11 img{width:260px;height:150px;} .c_box11 p{line-height:25px; color:#666; text-indent:2em; padding: 10px;} .c_box12 { width: 260px;} .c_box12 li{width:80px;float:left; margin-bottom: 10px;} .c_box12 li img{width:80px; height:120px;} .mr10{margin-right:10px;} .c_box13 { width: 260px;} .c_box13 dl{width:120px; float:left;} .c_box13 dl dd{width:120px; height: 120px;} .c_box13 dl dd img{width:120px; height: 120px;} .c_box13 dl dt{line-height:32px; text-align: center;} .c_box13 li{ width:100%; height:26px; line-height:26px; font-size:14px; padding-left:13px; background:url(../images/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box18 dl{width:260px; height: 80px; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px dashed #e4e4e4;} .c_box18 dl dd{width:80px; height:80px; float:left; margin-right: 20px;} .c_box18 dl dd img{width:80px; height: 80px;} .c_box18 dl dt{line-height:24px; color:#999;} .cont_rightbox02{width:260; padding-left:20px; padding-right:20px; margin-bottom: 10px;} .c_box19 dl{width:125px; height:50px; float:left; margin-bottom: 10px; background-color:#f4f4f4;text-align:center} .c_box19 dl dd{width:50px; height:50px; float:left; margin-right:5px;background-color:#81b7cd;} .c_box19 dl dt{line-height:50px;font-size:16px; color:#999;} .mar20{ margin-right:20px;} .mar10{ margin-right:10px;} .mar_b20{ margin-bottom:20px;} .right40{ margin-right:40px;} /***********主1轮播图*************/ .fullSlide{ position:relative; background:#FFF; margin:0 auto; } .fullSlide .bd{ position:relative; z-index:0; } .fullSlide .bd li img{width:100%; height:350px; vertical-align:top; } .fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:30px; line-height:30px; text-align:center;} .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:5px; background:url(../images/tg_flash_p.png) -24px 0; overflow:hidden; font-size:0;} .fullSlide .hd ul .on{ background-position:0 0; } .fullSlide .prev{ z-index:1; display:block; float:left; width:55px; height:55px; position:relative; background:url(../images/arrow.png) 0 -59px no-repeat; filter:alpha(opacity=40);opacity:0.4 } .fullSlide .next{ z-index:1; display:block;float:right; width:55px; height:55px; position:relative; background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4; } .fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 } /***********主3轮播图*************/ #inner { width:100%; margin: 0 auto; } .hot-event { padding: 350px 0 0; position: relative; } .hot-event .switch-tab { text-align: center; padding: 10px 0; } .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; } .hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; } .hot-event .switch-nav { position: absolute; right:400px; top: 300px; z-index: 2; } .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; } .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; } .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; } .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; } .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); } .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); } .hot-event .event-item { height: 400px; width: 1200px; position: absolute; z-index: 1; left: 0; top: 0; } .hot-event .event-item .banner { display: block; } .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; } .hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; } a { color: #4385a7; } a { text-decoration: none; } a .ico { cursor: pointer; } .ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; } /***********主2轮播图*************/ .focusbox{ position:relative; width:100%; height:350px; background-color: #000; margin:auto; overflow:hidden;} .focusbox img{ width:100%; height: 350px;} .focusbox .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focusbox .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focusbox .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focusbox .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusbox .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focusbox .fPic{ position:absolute; left:0px; top:0px; } .focusbox .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focusbox .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:60px; color:#fff; font-size:14px;line-height:22px; text-indent:20px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; } .focusbox .shadow a{ text-decoration:none; color:#fff; font-size:20px;line-height:34px; overflow:hidden; font-family: "\5FAE\8F6F\96C5\9ED1";} .focusbox .shadow p{width:1000px; margin:0 auto;} .focusbox .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focusbox .fcon img{ display:block; } .focusbox .fbg{width:88px;bottom:25px; right:20px; background:#093; position:absolute; height:21px; text-align:center; z-index: 200; } .focusbox .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focusbox .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusbox .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focusbox .D1fBt img{display:none} .focusbox .D1fBt i{display:none; font-style:normal; } .focusbox .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;} .focusbox .prev{top: 50%;margin-top: -37px; left:400px;background-position:0 -74px; cursor:pointer; } .focusbox .next{top: 50%;margin-top: -37px; right:400px; background-position:-40px -74px; cursor:pointer;} .focusbox .prev:hover{ background-position:0 0; } .focusbox .next:hover{ background-position:-40px 0;} /***********右侧轮播图*************/ #divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;} #playBox{ width:260px; height:220px; margin:0 auto; background:#333; position:relative; overflow:hidden;} #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;} #playBox .oUlplay li{ float:left;} #playBox .oUlplay li img{width:260px; height:260px;} #playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:80px; left:5px; z-index:10;} #playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:80px; right:5px; z-index:10;} #playBox .smalltitle {width:260px; height:10px; position:absolute; bottom:15px; z-index:10} #playBox .smalltitle ul{ width:120px; margin:0 auto;} #playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;} #playBox .smalltitle .thistitle{ background:#69aaec;}