body{ background: #f7f7f7; } .fr{ float: right !important; } .main{ width: 1200px; margin: 15px auto; background: #fff; padding:20px; } /* 本例子css */ .slidebox{ width:675px; height:auto; overflow:hidden; position:relative;} .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px; margin-left:5px;width:8px; height:8px; line-height:14px; text-align:center; background:; cursor:pointer; } .slidebox .hd ul li.on{ background:;width: 16px; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{ zoom:1; vertical-align:middle; position: relative;} .slidebox .bd img{ width:675px; height:379px; display:block; } .slidebox .bd li p{position: absolute;bottom: 0;left: 0;background: rgba(85, 85, 85, 0.74);z-index: 9999;width: 100%;color: #fff;padding: 10px 20px;} .xwzx{ width: 460px; height: 388px; } .xw-tit ul li{ height: 40px; font-size: 20px; color: #666666; border-bottom: solid 1px #e7e7e7; } .xw-tit h1{ color: #054d9f; font-size: 18px; font-weight: bold; border-bottom: solid 4px #054d9f; width: 100px; text-align: center; height: 39px; } .xw-dec a{ float: right; color: #054d9f; } .xw-con ul li{ font-size: 16px; background: no-repeat left center; text-indent: 10px; line-height: 37px; } .xw-con ul li span{ float: right; color: #808080; } .xw-con ul li a:hover{ text-decoration: none; } .con-tit ul li{ float: left; font-size: 20px; font-weight: bold; color: #666666; } .con-tit{ height: 45px; border-bottom:solid 1px #dddddd; } .con-tit ul li span{ padding: 0 10px; } .con-dec ul li{ background: no-repeat left center !important; text-indent: 10px; font-size: 16px; line-height: 35px; } .con-dec ul li span{ float: right; color: #999999; } .con-dec ul li a{ text-decoration: none; } .con2-left{ width: 565px; } .con2-right{ width: 565px; } .con-tit .fouce{ color: #4178be; } .main2{ background:#fff; width: 100%; height: 842px; padding: 40px 20px; } .bs-con{ width: 1160px; margin: 0 auto; } .bs-tit{ } .bs-tit ul li{ float: left; margin-left: 40px; } .bs-tit{ border-bottom:solid 3px #4178be; height: 73px; } .bs-dec-a{ width: 400px; } .dec-tit ul li{ float: left; font-size: 19px; font-weight: bold; color: #666666; } .dec-tit ul li span{ padding: 0 15px; } .slidetxtbox .hd ul li.on{ color: #4178be; } .dec-con ul li{ border-bottom:solid 1px #f2f0f0; height: 60px; } .dec-con ul li h1{ background: no-repeat left center; text-indent: 10px; font-size: 16px; margin-top: 10px; } .dec-con ul li p{ color: #999999; margin-top: 10px; } .wjk{ width: 370px; } .wjk-con{ width: 368px; height: 268px; border: solid 1px #cfcfcf; padding: 20px; } .bt-text{ width: 268px; height: 38px; border:solid 1px #cfcfcf; } .rl-text{ width: 128px; height: 36px; border:solid 1px #cfcfcf; } .s-btn{ width: 322px; height: 40px; background: #4178be; color: #fff; } .xg-zl{ width: 282px; } .xg-zl h1{ color: #4178be; font-size: 19px; font-weight: bold; } .con-a-l{ width: 580px; float: left; } .hrj h1{ width: 80px; height: 80px; background: #c10d0c; color: #fff; text-align:center; font-size: 17px; padding-top: 20px; } .con-a{ width: 1200px; margin: 0 auto; } .spec ul li{ font-size: 16px; line-height: 35px; } .con-a-r{ width: 590px; } .con-b{ margin-top: 20px; } .con-b-dec{ width: 1200px; margin: 0 auto; } /* 本例子css */ .picmarquee-left{overflow:hidden; position:relative;position: relative;width: 960px;height: 127px;border-left: 0} /* .picmarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }*/ .picmarquee-left .hd .prev,.picmarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .picmarquee-left .hd .next{ background-position:0 -50px; position: absolute;right: 20px;top: 35px;} .picmarquee-left .hd .prev{ position: absolute;left: 20px;top:35px;} .picmarquee-left .hd .prevstop{ background-position:-60px 0; } .picmarquee-left .hd .nextstop{ background-position:-60px -50px; } .picmarquee-left .bd{margin-left: 10px;} .picmarquee-left .bd ul{ overflow:hidden; zoom:1; } .picmarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picmarquee-left .bd ul li .pic{ text-align:center; } .picmarquee-left .bd ul li .pic img{ width:191px; height:127px; display:block; padding:2px;margin-top: 0px;margin-left: 0px;} .picmarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picmarquee-left .bd ul li .title{ line-height:24px; } .bs-tit .one{ background: no-repeat; width: 245px; height: 70px; } .bs-tit .one.fouce{ background: no-repeat; } .bs-tit .two{ background: no-repeat; width: 245px; height: 70px; } .bs-tit .two.fouce{ background: no-repeat; } .bs-tit .three{ background: no-repeat; width: 245px; height: 70px; } .bs-tit .three.fouce{ background: no-repeat; } .dec-con-b ul{ margin-top: 10px; } .dec-con-b ul li{ float: left; background: left no-repeat; text-indent: 10px; line-height: 45px; } .fwzx{ width: 450px; } .dec-line{ line-height: 35px; font-size: 16px; } .dec-line label{ color: #015293; } .zaj ul li{ line-height: 30px !important; } .xw-dec{ border-bottom: dashed 1px #eee; height: 128px; } .xw-dec h1{ font-size: 18px; font-weight: bold; color: #000; text-align: center; line-height: 50px; } .xw-dec p{ font-size: 16px; text-indent: 2em; line-height: 30px; } .cycj{ width: 1160px; height: 82px; background: #f9f9f9; } .cycj-c ul li{ width: 70px; text-align: center; float: left; margin-left: 55px; } .cycj-c ul li img{ margin-top: 13px; } .cycj-c ul li p{ font-size: 16px; margin-top: 10px; } .xym-list ul li{ background: no-repeat left center; text-indent: 10px; font-size: 16px; line-height: 32px; } .xym-list ul li span{ float: right; color: #999; } .gr-tit ul li{ float: left; width: 380px; height: 46px; line-height: 46px; text-align: center; } .work-tit{ margin-bottom: 10px; } /*tab*/ .w-con{ height:413px; width: 785px; display: none; } .work-tit ul li{ height:29px; text-align: center; line-height: 30px; float:left; color: #999999; list-style: none; cursor: pointer; font-size: 19px; } .work-tit ul li span{ padding: 0 10px; } .a{ color:#0c69b7 !important; font-weight: bold !important; } /* tab中tab*/ .slidetxtbox2 .hd{ height:44px; line-height:44px;position:relative;} .slidetxtbox2 .hd ul li{width: 384px;height: 44px; cursor:pointer; float: left;background: #e7e7e7;font-size: 18px;text-align: center;} .slidetxtbox2 .hd ul li.on{ height:44px; background:#0c69b7;color: #fff;} .slidetxtbox2 .bd li{width: 178px;height: 66px;float: left;margin-left: 24px;margin-top: 20px;} .slidetxtbox2 .bd li img{width: 178px;height: 66px;} .slidetxtbox2 .bd li .date{ float:right; color:#999; } .link{ width: 1158px; margin: 0 auto; padding: 12px; } .link-select select{ width: 188px; height: 32px; margin-left: 15px; } .wyw-r img{ margin-top: 12px; } /*.wyw-r img :first-child{ margin-top: 0px; }*/ .wyw-tit{ border-bottom:solid 1px #eee; } .wyw-table table{ width: 100%; } .wyw-table th{ height: 36px; background: #f4f4f4; text-align: center; font-size: 16px; } .wyw-table td{ height: 36px; } .tab-c{ color: #fff; background: #a0a0a0; text-align: center; padding: 2px 5px; } .wyw-list ul li{ margin-top: 12px; } .wyw-list ul li h1{ font-size: 16px; background: no-repeat left center; text-indent: 10px; } .wyw-list ul li p{ text-indent: 10px; color: #808080; line-height: 30px; font-size: 16px; } .wyw-list ul li p a{ float: right; color: #ed2626; } .wyw-list ul li p a:hover{ text-decoration: none; } .c2-dec{ width: 402px; } .xw-pic ul li{ float: left; margin-left: 5px; margin-top: 20px; } .adv ul li{ float: left; } .spec ul li{ float: left; width: 230px; } .ser{ width: 1060px; height: 42px; } /* 本例子css */ .txtmarquee-left{ width:450px; position:relative;} .txtmarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .txtmarquee-left .hd .prev,.txtmarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .txtmarquee-left .hd .next{ background: no-repeat; } .txtmarquee-left .bd{ padding:10px; } .txtmarquee-left .bd .tempwrap{ width:425px !important; }/* 用 !important覆盖superslide自动生成的宽度,这样就可以手动控制可视宽度。 */ .txtmarquee-left .bd ul{ overflow:hidden; zoom:1; } .txtmarquee-left .bd ul li{ margin-right:20px; float:left; height:24px; line-height:24px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖superslide自动生成的宽度,解决文字不衔接问题 */ .txtmarquee-left .bd ul li span{ color:#999; } .infolist li { font-size: 16px; background: no-repeat left center; text-indent: 10px; line-height: 40px; } .ser{ width: 1200px; margin: 0 auto; } .ser-dec{ background: no-repeat; width: 290px; height: 30px; margin-top: 50px; } .ser-text{ width: 241px; height: 28px; margin-left: 1px; margin-top: 1px; line-height: 28px; text-indent: 5px; } .ser-btn{ width: 49px; height: 30px; background: none; } .ggfw{ height: 170px; } .gg-pic{ width: 1094px; } .gg-pic ul li{ float: left; margin-left: 16px; margin-top: 16px; } .yqlj h1{ font-size: 20px; font-weight: bold; color: #005da2; float: left; } .sel-list select{ width: 218px; height: 30px; margin-left: 30px; } .info{ width: 575px; } .info-con ul li{ width: 185px; height: 40px; background: #f2f9fe; border:solid 1px #acdbeb; border-radius: 5px; text-align: center; line-height: 40px; float: left; margin-left: 5px; margin-top: 10px; } .info2-con ul li{ float: left; margin-top: 10px; } .f-nav{ width: 270px; margin: 20px auto; } .f-nav ul li{ float: left; text-align: center; } .f-nav ul li span{ padding: 0 5px; }