@charset "utf-8"; /* auther: Chirs */ /*-----base.css-----*/ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0} body,button,input,select,textarea {font:12px/1.5 verdana,\5FAE\8F6F\96C5\9ED1,sans-serif;} section,article,aside,header,footer,nav,dialog,figure{display:block;} table{border-collapse:collapse; border-spacing:0;} fieldset,img{ border:0; vertical-align:middle; } address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal; font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;} q:before,q:after{content:"";} p{word-wrap:break-word;} abbr,acronym{border:0;} select,input,button,button img,textarea,label{margin:0px; vertical-align:middle;} input::-moz-focus-inner { border:none; padding:0; } select, input { vertical-align:middle; } select, input, textarea { font-size:12px; margin:0; } input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; } textarea { resize:none; } /*input[type=radio],input[type=checkbox]{margin-right:5px;}*/ b{font-weight:bold;} .clear{ height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both;} .clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; } /*-----common------*/ a{text-decoration:none;color:#444; cursor:pointer} a:hover{text-decoration:none;color:#cc0000;} .undis{ display:none} .f-st{font-family:\5b8b\4f53} .f-l,.fl { float:left; } .f-r,.fr { float:right; } a {outline: none;} a:focus {outline: none;} /*----layout----*/ h1{font-size:30px;} h2{font-size:18px} h3{font-size:16px;} h4{font-size:14px} h5{font-size:12px} b,strong,.b{font-weight:bold;} img {vertical-align: middle;border: 0;} dl {margin:0;} dt,dd {line-height:16px;} dt {font-weight: bold;} dd {margin-left: 0;} p{line-height:24px} body{background-color:white} .font14 {font-size:14px} .font16 {font-size:16px} .font18 {font-size:18px} .wrap{width:1000px; margin:0px auto; z-index:1;} .hr10{ height:10px; clear:both; overflow:hidden} .hr20{ height:20px; clear:both; overflow:hidden} p a{color:#0085b2} .more{color:#999;font-size:12px;line-height:24px} /*top*/ .top{overflow:hidden;padding-top:25px} .logo{width:208px;float:left;} .wmwlogo {display: block;width: 212px;height:82px;background-image: url(../images/jjlogo.png);background-repeat: no-repeat;margin-top:10px} .topad{float:right;width:755px;text-align:right;} /* time .today{width: 207px;text-align:center;color:#606060;display:block;line-height:25px} .miniNav{width:100%;height:25px;border-bottom:1px solid #eeeeee;line-height:25px} .miTime{float:left;color:#aaaaaa} .miScn{float:right;} .miScn a{color:#aaaaaa} .miScn a:hover{color:#1a5f9f} */ .navbate{height:51px;} .nav{background:url(../images/jjnavbg.png) repeat-x;height:51px;} .nav .navl li{float:left;color:#0085b2;position:relative;} .nav .navl li a{color:#fff;line-height:50px;font-weight:bold;float:left;display:inline;margin:0;padding:0 10px;} .nav .navl li a:hover{text-decoration:underline;} /*topNews*/ .topNews{padding:25px 0 20px;border-bottom:1px solid #f1f1f1;overflow:hidden;} .topNews .topNewsFl,.topNews .topNewsRt{width:67px;height:67px} .topNews .topNewsRt{background:url(../images/tprt.jpg) no-repeat;} .topNews .topNewsFl{background:url(../images/tpfl.jpg) no-repeat;} .topNewsCn{width:806px;padding:0 30px;overflow:hidden} .topNewsCn h2{font:30px/45px \5FAE\8F6F\96C5\9ED1; text-align:center;font-weight: bold} .topNewsCn h2 a{color:#0A5F9F;} .topNewsCn p{color:#000;line-height:24px; text-align:center} .topNewsCn p a{color:#666;padding:0 5px} /*focus news*/ .blue{color:#007fc1} .focus{position:relative;width:600px;height:355px;overflow:hidden;background-color:#999} .focus-img{position:relative;width:600px;height:355px} .focus-img .fcon{position:absolute; width:100%; float:left;/*opacity:0*/display:none } .focus-img .fcon img{ display:block; width:600px;height:355px; } .focus-img .shadow{ width:100%; position:absolute; bottom:0px; left:0px; z-index:10; height:30px;line-height:30px; background:url(../images/dad.png);} .focus-img .shadow a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; margin-left:10px; } .focus .focus-tab{position:absolute; bottom:3px; right:7px; overflow:hidden; zoom:1; height:20px; z-index:10;text-align:center;} .focus .focus-tab a{display:inline;float:left;width:20px;height:20px;position:relative;margin:0 8px 0 0;border-radius:50em;color:white;background-color:#686868} .focus .focus-tab a:hover,.focus .focus-tab a.current{background:#026eab} .focusNews{width:380px;/*border-top:2px solid #cc0000;*/overflow:hidden; float:right;height:359px} .focusNews .hd{height:35px;border-bottom:2px solid #cc0000;overflow:hidden;margin-bottom: 15px} .focusNews .hd span{color:#de3c3d;line-height:35px;font-weight:bold;float:left;} .focusNews .hd a{float:right;padding-right:10px;color:#999;font:12px/35px \5b8b\4f53} .focusNews dl{width:380px;overflow:hidden;padding:0;} .focusNews dl dt{text-align: center;overflow:hidden;padding-bottom:9px;font-weight: 600} .focusNews dl dd{padding-left:10px;line-height:33px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .focusNews dl dd a{background:url(../images/dian.png) left center no-repeat;padding-left:10px} .focusNews .hr{border-bottom:1px dashed #bfbfbf;overflow:hidden;background: none} .works {border:1px solid #e4e4e4;padding-top:10px;overflow:hidden} .quik-b{height:35px;position:relative;width: 100%;padding-top:15px;} .quik-b .weixin{float:left;position:relative;width:140px;height:35px;cursor:pointer} .quik-b .weixin .simg{width: 267px;height: 319px;position:absolute;left:0;bottom:0;z-index: 99;display: none} .quik-b .weibo{float:left;width:auto;height: 35px} /*content*/ .w345{width:350px;overflow:hidden;} .w260{width:238px;overflow:hidden;padding:1px 10px 5px;border:1px solid #e4e4e4} .w480{width:480px;overflow:hidden;} .sl{margin-left:20px} .jn .hd{border-bottom:1px solid #bfbfbf;height:35px;line-height:35px;position: relative;} .jn .hd h2{position:absolute;border-bottom:3px solid #007fc1;bottom:-2px;left:0;color:#007fc1} .jn .hd h2 a{color:#007fc1} .jn .more{position:absolute;right:0;top:5px;} .mbTop{overflow:hidden;padding-top:15px;border-bottom:1px dashed #ccc;height:100px;padding-bottom:15px} .mbTop .pic{width:150px;height:100px;float:left;} .mbTop .pic img{width:150px;height:100px;} .mbTop .txt{width:320px;float:right} .mbTop h3{text-align:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .mbTop h3 a,.mcTop h3 a{font-weight: bold;} .mbTop p{color:#999;font-size:12px;padding-top:5px;line-height:24px} .mcTop{overflow:hidden;border-bottom:1px dashed #ccc;height:145px;padding-bottom:15px;position:relative;} .mdian{position:absolute;bottom:3px;left:160px;height:20px;line-height:20px;background:url(../images/dian.png) no-repeat left center} .mdian a{padding-left:15px} .mcTop h3{padding:8px 0;overflow:hidden;overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .mcTop img{width:150px;height:100px;margin-right:10px} .mcTop p{color:#999;font-size:12px;line-height:24px;} ul.bate{overflow:hidden;} ul.bate li{clear:both;background:url(../images/dian.png) no-repeat 0 12px;overflow:hidden;height:32px;width:100%;_height:32px;} ul.bate li a{line-height:32px;padding-left:10px;} .s-hd{border-bottom:1px solid #e1eaf7;line-height:35px;overflow:hidden;position:relative;} .s-hd span{color:#2788da} .hm-pic{height:130px;position:relative;margin-top: 15px} .hm-pic img{width:240px;height:130px} .hm-pic p{position:absolute;bottom:0;left;0;width:100%;height:30px;line-height:30px;background:url(../images/dad.png);text-align:center;color:white} ul.bate1{overflow:hidden;} ul.bate1 li{clear:both;background:url(../images/dian.png) no-repeat 0 12px;overflow:hidden;height:28px;width:100%;_height:28px;} ul.bate1 li a{line-height:28px;padding-left:10px;} /*photo*/ .yx-hd{border-top:1px solid #bfbfbf;height:40px;line-height:40px;position: relative;} .yx-hd h2{position:absolute;border-top:3px solid #cc0000;top:-2px;left:0;color:#0164b9} .yx-hd h2 a{color:#0164b9} .yx-hd .more{position:absolute;right:0;top:10px} .cd-pic-content{width:1050px;overflow:hidden;height:210px;position:relative;margin:0 auto} .cd-pic-content a.prev,.cd-pic-content a.next{position:absolute;z-index:10;top:85px;background:url(../images/arrow_index2015.png) no-repeat;width:25px;height:40px;display:block;cursor: pointer;} .cd-pic-content a.prev{left:0;background-position:0 0} .cd-pic-content a.next{right:0;background-position:-25px 0} .z_show {position:relative;top:0px;left:0px;width:1000px; height:210px; overflow:hidden;zoom:1; margin:0px auto;} .z_show ul{overflow:hidden;} .z_show li{width:320px;height:210px;float:left;margin-right:20px;position:relative;} .z_show li img{width:320px;height:210px;padding-bottom:5px} .z_show li span{position:absolute;bottom:0;left:0;background:url(../images/dad.png);text-align:center;width:100%;height:35px;line-height:35px;color:white;font-size:14px} .impression .hd{border-bottom:2px solid #4b97da;height:37px;line-height:37px;position: relative;} .impression .hd span{display:block;height:36px;text-align:center;float:left;cursor:pointer;color:#4b97da} .impression .hd span a{color:#4b97da} .impression .more{color:#4b97da;line-height:36px;} .cd-pic-content{width:1080px;overflow:hidden;height:200px;position:relative;margin:15px auto 0} .cd-pic-content a.prev,.cd-pic-content a.next{position:absolute;z-index:10;top:70px;background:url(../images/arrow_index2015.jpg) no-repeat;width:25px;height:30px;display:block;cursor: pointer;} .cd-pic-content a.prev{left:0;background-position:0 0} .cd-pic-content a.next{right:0;background-position:-25px 0} .z_show01 { position:relative;top:0px;left:0px;width:1000px; height:200px; overflow:hidden;zoom:1; margin:0px auto;} .z_show01 ul{overflow:hidden;} .z_show01 li{width:235px;height:200px;float:left;margin-right:20px;} .z_show01 li img{width:235px;height:155px;padding-bottom:5px} .z_show01 li span{text-align:center;color:#8e8e8e;font-size:14px;text-align:center;display:block} /*footer*/ .links .hd{border-bottom:1px solid #bfbfbf;height:37px;line-height:37px;color:#cc0000} .linksArea{overflow:hidden;padding-top:10px} .linksArea li{float:left;color:#222} .footer{background:#eee;height:auto;overflow:hidden;width:100%;padding-bottom:15px} .footer p{text-align:center;overflow:hidden; color:#999;;padding-top:16px} .blue-b{border-bottom:2px solid #c4d5ef;height:35px;line-height:35px;position: relative;} .blue-b h2{position:absolute;bottom:0px;left:0;color:#007fc1} .blue-b h2 a{color:#007fc1} .red-b{border-bottom:2px solid #f8d055;height:35px;line-height:35px;position: relative;} .red-b h2{position:absolute;bottom:0px;left:0;color:#cc0000} .red-b h2 a{color:#cc0000} .green-b{border-bottom:2px solid #559f7a;height:35px;line-height:35px;position: relative;} .green-b h2{position:absolute;bottom:0px;left:0;color:#0164b9} .green-b h2 a{color:#0164b9} /*公益广告*/ .tese { margin-top: 15px; overflow: hidden; } .container { width: 1000px; margin-right: auto; margin-left: auto; } .c-title { width: 100%; position: relative; border-bottom: 1px solid #ccc; height: 34px; line-height: 34px; } .column-title { font-size: 18px; font-weight: bold; color: #be373b; } .scroll-ad { margin-right: -20px; margin-left: -20px; margin-top: 20px; position: relative; zoom: 1; height: auto; } .ad-cont { height: auto; overflow: hidden; } .tese{margin-top: 15px;overflow: hidden;} .scroll-img{margin-right: -20px;margin-left: -20px;margin-top: 20px;position:relative;zoom:1;height: 155px} .img-cont{height: 155px;overflow: hidden;} .img-cont li{width: 235px;height: 155px;margin-left: 20px;float: left;line-height: 25px;text-align: center} .img-cont li a{background:#1f1f1f;width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor:pointer} .img-cont li a img{max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px); -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .img-cont li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .img-cont li a .img_caption{color:#fff;overflow:hidden;background: url('../images/dad.png');position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;font-size: 14px} .img-cont li a p{line-height: 1.3;padding: 5px 0} .scroll-ad{margin-right: -20px;margin-left: -20px;margin-top: 20px;position:relative;zoom:1;height: auto} .ad-cont{height: auto;overflow: hidden;} .ad-cont li{width: 235px;height: auto;margin-left: 20px;float: left;line-height: 25px;text-align: center} .ad-cont li a{width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor:pointer} .ad-cont li a img{max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px); -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .ad-cont li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .ad-cont li a .ad_caption{color:#fff;overflow:hidden;background: url('../images/dad.png');position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;font-size: 14px} .ad-cont li a p{line-height: 1.3;padding: 5px 0} .ad-cont li img{width: 100%!important;height: auto;} .scroll-img .prev-red,.scroll-img .next-red{position:absolute; width:25px; height:50px; cursor:pointer;background:url('../images/arrow.jpg') no-repeat;z-index: 10} .scroll-img .prev-red{background-position:0 0;top:52px; left:20px;} .scroll-img .next-red{background-position:-25px 0;top:52px; right:20px;} .scroll_ad{ margin-bottom: 30px; }