/*main_one样式*/ .b { width:1200px; margin:0 auto; height:auto; overflow:hidden;margin-top:25px;} .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: 1200px; height: 450px; margin-bottom: 20px; background: #fff; margin: 0 auto;} /*横幅样式*/ .ad_cont { width:860px; height:100px;padding-left:1px; padding-right:20px;margin-bottom:20px;} /*main样式*/ .c_titelbg{ width:100%;background:url(/uploads/image/simages/twoline.jpg) left 8px repeat-x; margin-bottom: 13px;} .c_titel{ background:url(/uploads/image/simages/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(/uploads/image/simages/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:1px; padding-right:20px; } .cont_box01 ul li{ width:100%; height:31px; line-height:31px; font-size:14px; padding-left:13px; background:url(/uploads/image/simages/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(/uploads/image/simages/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box01 p a:hover{color:#0c5f67;} .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:#0c5f67;} .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:410px;float:left; padding-left:1px; padding-right:20px;padding-bottom:10px;margin-bottom:20px;} .cont_box05 .left_img{ width:410px; height:150px; margin-bottom: 20px;} .cont_box05 .left_img img{ width:410px; height:150px;} .cont_box05 .left_img02{ width:195px; height:150px; 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(/uploads/image/simages/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .cont_box06 { width:860px;float:left; padding-left:1px; 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:96%;float:left;padding-left:1px; padding-right:20px;margin-bottom:20px;} .c_box07left{ width:100%;} .c_box07left li{width:196px; float:left;} .c_box07left li img{width:196px;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(/uploads/image/simages/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:#0c5f67;} .c_box14m{width:260px;float:left;} .c_box14m li{width:100%; height:27px; line-height:27px; font-size:14px; padding-left:13px; background:url(/uploads/image/simages/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:#0c5f67;} .c_box15{ padding: 20px 10px;height:200px;background:#e3ebf6 url(/uploads/image/simages/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:260px; float:left;} .c_box16l h4 a{font-size:16px;line-height:35px; color:#333} .c_box16l p{line-height:25px; color:#999; margin-bottom: 5px;} .c_box16r{width:560px; height: 300px; float: left;position: relative} .c_box16r img{width:560px; 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(/uploads/image/simages/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} /***********右侧*************/ .cont_rightbox{width:260; padding-left:1px; padding-right:1px; 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: #0c5f67; text-decoration: none} .c_box08 dt span { color: #999; font-size: 14px; padding-left: 2px;} .c_box08 dt a:hover span { color: #0c5f67} .c_box08 dd { width: 200px; 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(/uploads/image/simages/cjwt_ico_xyd.png) no-repeat; background-position: 0px 10px;} .c_box10 {width: 260px; background:url(/uploads/image/simages/dsjbg.jpg) 10px top repeat-y;} .c_box10 li{ margin-bottom: 10px; line-height: 23px; padding-left: 30px; background: url(/uploads/image/simages/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:28px; 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: 300px;} .c_box13 dl{width:120px; float:left;} .c_box13 dl dd{width:120px; height: 120px;} .c_box13 dl dd img{width:139px; height: 124px;} .c_box13 dl dt{line-height:32px; text-align: center;} .c_box13 li{ width:298px; height:26px; line-height:26px; font-size:14px; padding-left:13px; background:url(/uploads/image/simages/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:1px; padding-right:1px; margin-bottom: 10px;} .c_box19 dl{width:100%; height:38px; float:left; margin-bottom: 10px; background-color:#f4f4f4;} .c_box19 dl dd{width:50px; height:38px; float:left; margin-right:5px;background-color:#0c5f67;} .c_box19 dl dt{line-height:38px;font-size:16px; color:#999;text-indent:50px;} .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:1200px; height:450px; 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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/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(/uploads/image/simages/l.png) no-repeat; position:absolute; top:80px; left:5px; z-index:10;} #playbox .next{ cursor:pointer; width:45px; height:45px; background:url(/uploads/image/simages/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;}