@keyframes gov_icon { 50% {transform:rotate(-10deg);} 60% {transform:rotate(10deg)} 70% {transform:rotate(-10deg);} 80% {transform:rotate(10deg)} 90% {transform:rotate(-5deg)}} @-webkit-keyframes gov_icon {50% {-webkit-transform:rotate(-10deg);} 60% {-webkit-transform:rotate(10deg)} 70% {-webkit-transform:rotate(-10deg);} 80% {-webkit-transform:rotate(10deg)} 90% {-webkit-transform:rotate(-5deg)}} @-o-keyframes gov_icon {50% {-o-transform:rotate(-10deg);} 60% {-o-transform:rotate(10deg)} 70% {-o-transform:rotate(-10deg);} 80% {-o-transform:rotate(10deg)} 90% {-o-transform:rotate(-5deg)}} /* CSS Document */ * { padding: 0; margin: 0; } body,button,input,select,textarea{font:12px/1.5 Arial,"??ì?";} body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} li{list-style:none;} fieldset,img{border:0;} q:before,q:after{content:'';} a:focus,input,textarea{outline-style:none;} input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;} textarea{resize:none;} address,caption,cite,code,dfn,em,i,th,var,b{font-style:normal;font-weight:normal;} abbr,acronym {border:0;font-variant:normal;} b { font-weight:bold;} a{text-decoration:none;} a:hover{text-decoration:underline;} a { color:#444444; text-decoration:none;} a:hover { text-decoration:none; color:#268bcb;} .col { float: left; } /*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { float: left}*/ .col-1 { width: 4.16666667%; }.col-2 { width: 8.33333333%; } .col-3 { width: 12.5%; } .col-4 { width: 16.66666667%; }.col-5 { width: 20.83333333%; }.col-6 { width: 25%; }.col-7 { width: 29.1666667%; }.col-8 { width: 33.33333333%; }.col-9 { width: 37.5%; }.col-10 { width: 41.66666667%; }.col-11 { width: 45.83333333%; }.col-12 { width: 50%; }.col-13 { width: 54.16666667%; }.col-14 { width: 58.33333333%; } .col-15 { width: 62.5%; }.col-16 { width: 66.66666667%; }.col-17 { width: 70.83333333%; }.col-18 { width: 75%; }.col-19 { width: 79.16666667%; }.col-20 { width: 83.33333333%; }.col-21 { width: 87.5%; }.col-22 { width: 91.66666667%; }.col-23 { width: 95.83333333%; }.col-24 { width: 100%; } body { color:#464646; min-width: 1200px;} .warp { clear: both; margin: 0 auto; width: 1200px; } .tiplist li em, .crumb .home { background:url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") left top no-repeat;} .top { background: #F7F7F7; text-align:right; border-bottom: 1px solid #DEDEDE; height: 32px; width: 100%;} .top a.homeBtn { background: url("/newszztsldcom/news.sipac.gov.cn/images/head_box_2018.png") center 0 no-repeat; line-height:28px; width:120px; padding:0 0 0 15px; display:block; float:left; text-align:center; color:#FFF; } .top a.homeBtn:hover { background-position:center -30px; text-decoration:none;} .top span { display:inline-block; padding:0 30px; display:block; float:left; font: 12px/31px Arial; } .header { height:150px; } .header .logo { background: url("/newszztsldcom/news.sipac.gov.cn/images/logo_news_2018.png") 0 0 no-repeat; float: left; height: 85px; padding: 0; text-indent: -9999px; width: 800px; margin: 40px 0 0;} .saosou{ width:32%; float:right; padding-top:3%;} .saosou .txt{ width:270px; height:34px; border:1px solid #b5b5b5; border-right:none; border-radius:25px 0 0 25px; padding-left:20px; display: inline-block;margin-top:10px;} .saosou .btn{border:solid 1px #b5b5b5;width:56px; height:36px;border-bottom-right-radius:25px;border-top-right-radius:25px;display: inline-block;margin-top:10px;background:url("/newszztsldcom/www.sipac.gov.cn/images/2018/ssan.jpg") no-repeat center center;} .bottomsoid{width:100%;border-bottom:solid 4px #b7c4d7;} .mainNav { background: #235399; height: 60px; line-height: 60px; } .mainNav a { display:block; float: left; position: relative; padding: 0 30px; color: #FFF; font: 19px/60px arial; text-decoration: none; } .mainNav a span {display:block; } .mainNav a em { display:block; position: absolute; right:-1px; width: 1px; top:20px; height: 20px; overflow: hidden; background:#3475A9; border-left: #014380 1px solid; } .mainNav a:hover {background:#2E60AC;} .mainNav a.on { background-color: #366DBF; } .mainNav a.on em { width:0; height: 0; right:-8px; top:0;background:none; border-bottom: 40px solid transparent; border-left: 8px solid #093C65; z-index: 1; } .newsBox { margin-bottom:20px; overflow:hidden; background: #F7F7F7; padding: 30px 0; } .newsBox .n_imgsBox { width:720px; height:445px; float:left; position: relative; overflow:hidden;} .n_imgsBox .callbacks li { width:720px; height:445px;} .n_imgsBox .callbacks li a { display:block; position:relative; } .n_imgsBox .callbacks li a:hover { text-decoration:none;} .n_imgsBox li img { width:720px; height:445px; display:block; } .n_imgsBox .callbacks li span { width:720px; font: 19px/50px Arial; display:block; text-indent: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#FFF; position:absolute; bottom:0;background:#000000;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);opacity:0.6;} .n_imgsBox .callbacks_tabs { position: absolute; height: 20px; bottom: 8px; right:30px; z-index:9; } .n_imgsBox .callbacks_tabs li { float:left; } .n_imgsBox .callbacks_tabs a { display:block; float:left; overflow: hidden; width: 12px;line-height: 12px; border-radius:50%; margin:0 12px 12px 0; cursor: pointer; background: #ABABB7; text-indent: -999px; } .n_imgsBox .callbacks_tabs .callbacks_here a{ background: #C31F0B;} .newsBox .n_listBox { width:455px; height:450px; float:right; overflow:hidden; position:relative;} .n_listBox .cont { position:absolute; } .n_listBox ul { float:left; width:455px;} .n_listBox li { font:17px/38px Arial; overflow:hidden;} .n_listBox li a { display:block; float:left; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .n_listBox li em { background:#CBCBCB; width:3px; height:3px; margin:18px 10px 0 2px; float:left;} .n_listBox li span { float:right; color:#999999;} .n_l_nav .n_l_more { display:block; float:right; padding:0 10px; } .n_l_nav .n_l_more { float:right; font:24px/34px "Times New Roman"; margin:10px 10px 0 0; color:#696969; } .n_l_nav .n_l_more a { display: none;} .n_l_nav .n_l_more a:hover { color:#1d71b7; } .focusImgsBox { height:370px; position: relative; overflow:hidden; margin: 0 20px 20px 0;} .focusImgsBox .cont li, .focusImgsBox .cont li a, .focusImgsBox li img { display:block; position:relative; width:100%; height:370px;} .focusImgsBox .cont li a:hover { text-decoration:none;} .focusImgsBox .cont li span { width:100%; font: 17px/45px Arial; display:block; text-indent: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#FFF; position:absolute; bottom:0;background:#000000;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);opacity:0.6;} .focusImgsBox .callbacks_tabs { position: absolute; height: 20px; bottom: 8px; right:30px; z-index:9; } .focusImgsBox .callbacks_tabs li { float:left; } .focusImgsBox .callbacks_tabs a { display:block; float:left; overflow: hidden; width: 12px;line-height: 12px; border-radius:50%; margin:0 12px 12px 0; cursor: pointer; background: #ABABB7; text-indent: -999px; } .focusImgsBox .callbacks_tabs .callbacks_here a{ background: #C31F0B;} .normalTit { border-bottom:2px solid #EAEAEA; height:48px; margin-bottom: 20px; } .normalTit span { display:block; float:left; cursor:pointer; padding:0 5px; font:24px/48px Arial,"Microsoft YaHei"; margin: 0 0 -2px;} .normalTit .on { color:#1d71b7; border-bottom:2px solid #1d71b7;} .normalTit .more { float:right; font:24px/34px "Times New Roman"; margin:10px 10px 0 0; color:#696969; } .normalTit .more:hover { color:#1d71b7; } .normalList {} .normalList li { font:17px/38px Arial; overflow:hidden; position: relative; padding:0 0 0 20px;} .normalList li a { width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .normalList li em { display:block; position: absolute; left: 5px; top: 15px; background:#CBCBCB; width:3px; height:3px; } .normalList li span { color: #999999; margin: 0 10px 0 20px;} .newsList .normalList {} .newsList .normalList .normalTit,.newsList .normalList .cont { margin:0 20px 20px;} .newsList .topic { display: block; position: relative;} .normalList .topic img { width: 100%; display: block;} .newsList .topic span { position: absolute; left: 0; bottom:0; font:17px/40px "Microsoft YaHei","??èí??oú"; color:#FFF; width:100%; background: url("/newszztsldcom/news.sipac.gov.cn/images/li_bg_2018.png"); text-indent: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .socialMediaBox { clear:both; position:relative; overflow:hidden; margin-bottom:20px;} .socialMediaBox h1 { text-align: center; height: 20px; clear: both; margin: 0 0 20px; border-bottom: 1px solid #EAEAEA} .socialMediaBox h1 span { background: #FFF; font: 24px/40px "Microsoft YaHei","??èí??oú"; padding: 0 20px;} .socialMediaBox li { float: left; width: 150px; height: 30px; padding:60px 0 10px 0; position:relative; } .socialMediaBox li b, .socialMediaBox li img,.socialMediaBox li span { display: block; margin: 0 auto; text-align: center;} .socialMediaBox li b { position:absolute; bottom:40px; width:100%;} .socialMediaBox li img { max-width: 80px; max-height:36px; margin-bottom:10px;} .socialMediaBox li span { font:17px/30px Arial; background: #FFF;} .socialMediaBox .more { position:absolute; right:0; bottom: 10px; width: 150px; display:none;} .socialMediaBox .more span { display: block; font:17px/30px Arial; text-align: center; } .socialMediaBox .more em { display: block; margin: 10px auto; width: 40px; height:40px; background: #F7F7F7 url("/newszztsldcom/news.sipac.gov.cn/images/news_btn_2018.png") center top no-repeat; } .socialMediaBox .less em { background-position: center -40px;} .socialMediaBox .code { display: none; position: absolute; border: 1px solid #EFEFEF; width: 150px; height: 150px; top: -150px; } .socialMediaBox li:hover .code { display: block;} .code { position:fixed; z-index: 99; border: 2px solid #EAEAEA;} .code em { position: absolute; width:0; height: 0; left:-8px; top:0px; overflow: hidden; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid #EAEAEA;} .code canvas { display: block; } .featureBox { clear:both; position:relative; overflow:hidden; margin-bottom:30px; padding: 20px; background: #F7F7F7;} .featureBox em {position:absolute; top:32%; font:50px/50px "??ì?"; color:#D7D7D7; display:block; overflow:hidden; cursor:pointer;} .featureBox .prev {left:140px;} .featureBox .next {right:10px;} .featureBox h1 { position: relative; float: left; font:24px/25px "Microsoft YaHei","??èí??oú"; width: 60px; text-align: center; padding: 20px; color: #FFF; background: #E3574E;} .featureBox h1 i { position: absolute; width:0; height: 0; right:-10px; top:40px; overflow: hidden; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #E3574E;} .featureBox .list { width:1014px; height:90px; overflow:hidden; margin:0 10px 0; float: right;} .featureBox .list li {float:left; width:318px; height:90px; padding:0 10px; text-align:center;} .featureBox .active { color: #3498DB;} .adBox .list { width:1114px; float: left; margin:0 0 0 20px; } .adBox .prev {left:10px;} .imagesBox {clear:both; overflow:hidden; margin-bottom:20px; padding: 20px 0 30px 0; background: #F7F7F7;} .pictureBox { width: 515px; float:left;} .pictureBox .cont a { display: block; padding: 20px 0 20px 320px; position: relative;} .pictureBox .cont img { display: block; position: absolute; top:20px; left: 0; width: 300px; height:185px; float: left;} .pictureBox .cont b { display: block; font:normal 20px/25px "Microsoft YaHei","??èí??oú"; min-height: 50px; margin: 0 0 20px 0;} .pictureBox .cont span,.pictureBox .cont em { display: block; font:17px/170% "Microsoft YaHei","??èí??oú";} .pictureBox .cont em { position: absolute; bottom:0; right: 0; color: #E3574E;} .pictureBox .cont span { color:#999999;} .videosBox { clear:both; overflow:hidden; margin-bottom:20px; padding: 30px 0 30px 0; background: #F7F7F7;} .videoBox h3,.videosBox h3 { color: #235399; font:normal 20px/50px "Microsoft YaHei","???¨¨??¨|??-¨|???"; } .videosBox .minNewsTit span { background-color:#F7F7F7; } .videoPic { float: left; margin: 0 30px 0 0;} .videoPic a,.videoPic img,.videoPic em,.videoPic span { width: 165px; display: block;} .videoPic a { position: relative;} .videoPic em { display: none; color:#FF8803; border-bottom: 5px solid #FF8803; position: absolute; top:0; left:0; text-align:center; font: bold 60px/117px "Times New Roman";background:url("/newszztsldcom/news.sipac.gov.cn/images/li_bg_2018.png");} .videoPic img { height:122px;} .videoPic a:hover em { display: block; } .videoPic span { text-align: center; font:17px/40px "Microsoft YaHei","??èí??oú";} .imagesBox .videoBox { width: 640px; float: right;} .videoList { overflow: hidden;} .videoList li { position:relative; padding: 0 0 0 20px;} .videoList li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .videoList li em {display:block; position: absolute; left: 5px; top: 15px; background:#CBCBCB; width:3px; height:3px; } .videoList li { font:17px/32px "Microsoft YaHei","??èí??oú";} .videoList .cont a { display:block; overflow:hidden; margin: 0 0 15px; background: #DFDFDF;} .videoList .cont img {display:block; width: 165px; height: 123px; float: left; } .videoList .cont span {display:block; width: 130px; font:17px/25px "Microsoft YaHei","??èí??oú"; padding: 25px 0 0 15px; float: left; } .videoImgsBox {clear:both; overflow:hidden; width: 100%;} .videoImgsBox li, .videoImgsBox li a,.videoImgsBox li img { width: 100%; height: 600px;} .videoImgsBox .cont li { position: relative; } .videoImgsBox .cont li b { width: 100%; background:#000000 url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") 20px -115px no-repeat; text-indent: 60px; font: 19px/50px Arial; display:block; color:#FFF; position:absolute; bottom:0;;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);opacity:0.6;} .activeBox { border: 1px solid #EAEAEA; clear:both; overflow:hidden; margin-bottom:30px;} .activeBox h1 { float: left; font:24px/48px "Microsoft YaHei","??èí??oú"; text-align: center; width: 110px; margin:0; border-top: 2px solid #1D71B7; border-right: 1px solid #EAEAEA; } .activeBox ul { float: right; width: 1050px;} .activeBox ul li { float: left; width: 45%; position: relative; padding: 0 0 0 20px; } .activeBox li a,.activeBox li span { display:inline-block; font:17px/48px "Microsoft YaHei","??èí??oú";float:left;} .activeBox li a { width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .activeBox li em { display:block; position: absolute; left: 5px; top: 25px; background:#CBCBCB; width:3px; height:3px; } .activeBox li span { color: #999999; margin: 0 10px 0 15px;} .magazineBox { clear:both; padding: 30px 0; background: #F7F7F7;} .magazineBox .normalTit { margin: 0 0 30px;} .magazineBox em { position:absolute; top:50%; font:50px/50px "??ì?"; display:block; overflow:hidden;} .magazineBox .prev { left:20px;} .magazineBox .next { right:20px;} .magazineBox .scrollBox { position:relative; } .magazineBox .scrollBox .active { color: #3498DB;} .magazineBox .list { width:1102px; height:200px; overflow:hidden; margin: 0 auto;} .magazineBox .list li { float:left; width:140px; height:200px; text-align:center;} .magazineBox .list li img { width:125px; height:170px;} .magazineBox .list li span { font:17px/30px Arial; } .magazineList { clear:both; overflow:hidden;} .magazineList .cont { margin: 0 -10px;} .magazineList li { float: left; width: 190px; margin-bottom: 20px; } .magazineList a,.magazineList img,.magazineList span { display: block; text-align: center;} .magazineList a { padding:0 10px;} .magazineList img { width: 100%; height:240px;} .magazineList span { font:17px/30px "Microsoft YaHei","??èí??oú"; } .mgzList { clear:both; overflow:hidden;} .mgzList .triangleTit { margin: 0 0 20px 0;} .mgzList .cont { margin: 0;} .mgzList li { float: left; } .mgzList a,.mgzList img,.mgzList span { display: block; text-align: center;} .mgzList a { padding:0 20px;} .mgzList img { width: 100%; height:190px;} .mgzList span { font:17px/30px "Microsoft YaHei","??èí??oú"; } .hotMgzList { border: 1px solid #EAEAEA;} .hotMgzList .cont { padding: 10px;} .hotMgzList li { position: relative;} .hotMgzList .item { display: block; border-bottom: 1px solid #EAEAEA; } .hotMgzList .item b { display: block; font:bolder 17px/30px "Microsoft YaHei","??èí??oú"; text-align: center; } .hotMgzList .item img { display: block; width: 100%; max-height: 230px;} .hotMgzList .item span { display: block; font:15px/20px "Microsoft YaHei","??èí??oú"; padding: 5px 0; } .hotMgzList .cont .more { position: absolute; padding: 0 5px; bottom:5px; right: 0; font:12px/20px arial; background: #6db909; border: 1px solid #EAEAEA; border-radius:5px; color: #FFF;} .reveiwAll { padding:30px 0; background: #F5F5F5; clear:both; overflow:hidden; margin:0 0 10px;} .reveiwAll .tit { background: #1D71B7; border-radius:8px; float: left; padding: 10px 3px;} .reveiwAll .tit span { display: block; font:bold 18px/30px "Microsoft YaHei","??èí??oú"; color:#1D71B7; background: #FFF; padding:0 20px; } .reveiwAll .tit span:first-child { border-bottom: 3px solid #1D71B7;} .reveiwAll .cont {margin-left: 82px;} .reveiwAll .cont a { display: block; margin: 0 0 10px 40px; float: left; background: #DFE1EB; border-radius:5px; font: 20px/34px arial; padding:0 15px; } .reveiwList .tit { border-bottom: 1px dashed #C3C3C3; padding:10px 0; margin: 0 0 30px;} .reveiwList .tit span { font: 22px/35px "Microsoft YaHei","??èí??oú"; display:block; background: url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") left -260px no-repeat; padding: 0 0 0 50px;} .reveiwItem { width: 33.333333%; float: left; margin: 0 0 30px;} .reveiwItem .minTrgTit { margin: 0 10px;} .reveiwItem .cont { border: 1px solid #EAEAEA; clear:both; overflow:hidden; padding: 20px 0 10px 20px; margin: 0 10px; min-height:150px;} .reveiwItem .cont a { display: block; color:#575B66; margin: 0 10px 15px 0; float: left; background: #F5F5F5; border-radius:5px; font: 20px/34px arial; padding:0 16px; } .reveiwAll .cont a:hover,.reveiwItem .cont a:hover { background: #1d71b7; color:#FFF; } .annalsBox { border:1px solid #EAEAEA; margin-bottom: 20px; clear:both; overflow:hidden; } .annalsBox .cont { padding: 10px 0 10px 25px; } .annalsBox .cont a { display:block; float: left; color:#1D71B7; font: 16px/26px "Microsoft YaHei","??èí??oú"; border: 2px solid #EAEAEA; margin: 0 15px 10px 0; padding: 0 10px; } .annalsBox .cont a:hover { background: #1d71b7; color:#FFF; } .annalsTit span { display:block; color:#1D71B7; border-bottom: 1px dashed #EAEAEA; text-align: center; font:36px/80px Arial,"Microsoft YaHei"; margin: 0 0 -2px;} .annalsTit em { display: block; margin: 0 auto; width: 180px; height: 30px; background: url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") left -310px repeat-x;} .scrollBox .active,slideBox .on { cursor: pointer;} .crumb { font:17px/48px "Microsoft YaHei","??èí??oú"; background-color:#F3F3F3; padding-left:30px; background-position:10px 0; margin-bottom:5px; } .crumb .home { display: block; float: left; width: 30px; height: 30px; margin: 10px 0 0;} .crumb .focus { color:#1D71B7; } .contLeft { float:left; width:240px;} .side_nav { background:#FBFBFB; border:1px solid #DFDFDF; margin:0 0 20px; } .side_nav li ul { display:none;} .side_nav li:hover > ul { display:block} .side_nav li a { display:block; color:#268BCB; font:bold 16px/35px "Microsoft YaHei","??èí??oú"; border-top:1px solid #DFDFDF; padding:5px 0 5px 50px; background:url("/newszztsldcom/news.sipac.gov.cn/images/icon.png") 20px -150px no-repeat; } .side_nav li a:hover { color:#6db909; text-decoration:none;} .side_nav li ul { padding:0 0 10px 20px;} .side_nav li li a { display:block; font:normal 14px/35px "Microsoft YaHei","??èí??oú"; border:none; padding:0 0 0 45px; background-position:20px -155px; } .side_nav li li li a { line-height:25px; background-position:20px -190px; } .side_nav li a.active { color:#fd6f21;} .contAll { padding: 20px 0 0; } .contDetail { overflow:auto; padding:20px 25px; border:1px solid #F0F0F0; min-height:600px; } .contDetail h1 {font: 24px/30px "Microsoft YaHei","??èí??oú"; text-align:center; letter-spacing:1px; color:#333333; padding:20px;} .detailInfo { font: 12px/30px Arial; padding: 0 0 10px; text-align:center; clear:both; margin-bottom:20px; border-bottom:1px solid #EFEFEF;} .detailInfo span { display:inline-block; margin-right:5px;} .detailContent { font: 17px/180% "??ì?"; text-align:justify; } .detailInfo .large { font-size:16px;} .detailInfo .middle { font-size:14px;} .detailInfo .small { font-size:12px;} .listBox ul { padding:10px;} .listBox li { font:17px/40px Arial; overflow:hidden; border-bottom:1px dashed #F0F0F0;} .listBox li a { display:block; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .listBox li span { float:right; color:#999999;} .listBox li em { display:inline-block; overflow:hidden; background:#CBCBCB; width:2px; height:2px; margin:20px 10px 0 2px; float:left;} .tiplist { overflow:hidden; clear:both; border:1px solid #F0F0F0;} .tiplist li a { float:none;} .tiplist li em { background: url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") center -100px no-repeat; width:10px; height:10px; margin:10px 10px 0 2px; } .contLeft .listBox .cont {border:1px solid #DFDFDF; border-top:none; padding:10px; margin-bottom:10px; } .contLeft .listBox .cont a { display:block; font:14px/28px Arial; } .contLeft .listBox .cont a:hover { text-decoration:none; color: #CB0E02; } .contLeft .listBox .cont em { color:#CBCBCB; display:inline-block; margin-right:2px; } .newsTit { border-bottom:1px dashed #C3C3C3; margin: 20px 0 30px; padding: 0 10px 0 0; background: url("/newszztsldcom/news.sipac.gov.cn/images/news_tit_bg.png") center repeat-x; overflow: hidden; } .newsTit span { display: block; color:#231F1F; font:normal 26px/60px "Microsoft YaHei","??èí??oú"; float: left; padding: 0 10px 0 80px; background:#FFFFFF url("/newszztsldcom/news.sipac.gov.cn/images/news_tit_icon.png") 10px top no-repeat;} .newsTit b { font-weight:normal; color:#1D71B7;} .newsTit em { float: right; font:normal 16px/60px "Microsoft YaHei","??èí??oú"; background: #FFFFFF; color: #C3C3C3; } .newsTit .ywdd_tit { background-position: 10px -60px; } .newsTit .ztbd_tit { background-position: 10px -120px; } .newsTit .tsyq_tit { background-position: 10px -180px; } .newsTit .spyq_tit { background-position: 10px -240px; } .newsTit .dzqk_tit { background-position: 10px -300px; } .newsTit .dthg_tit { background-position: 10px -360px; } .newsTit .mtjj_tit { background-position: 10px -420px; } .picList { overflow:hidden; clear:both; border:1px solid #F0F0F0; margin: 0 0 0 30px; } .picList .cont { padding: 5px; } .picList .cont a { font:14px/32px "Microsoft YaHei","??èí??oú"; overflow:hidden; display: block; padding: 8px 5px; background: linear-gradient( #FFFFFF, #FAFAFA); } .picList .cont a img { display: block; float: left; width: 70px; height: 70px; border:1px solid #DFDFDF; padding: 2px; margin: 0 20px 0 0; } .picList .cont a span { } .blueTit { background:#1D71B7; color: #FFF; overflow:hidden; clear:both; padding: 10px 10px; } .blueTit span, .blueTit a { color: #FFF; display: block; font:20px/30px "Microsoft YaHei","??èí??oú";} .blueTit span { float:left; padding: 0 0 0 30px; background: url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") left -30px no-repeat;} .blueTit a { float: right; font:28px/30px "??ì?";} .triangleTit { background:#EEEEEE; overflow:hidden; clear:both; padding:0 10px 0 0; } .triangleTit span, .triangleTit a { display: block; font:20px/50px "Microsoft YaHei","??èí??oú";} .triangleTit span { float:left; position: relative; box-shadow: 12px 12px 0 #9ABCD8; padding: 0 50px 0 60px; color: #FFF; background:#1D71B7 url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") 20px -20px no-repeat;} .triangleTit em,.triangleTit i { position: absolute; width: 0; height: 0; bottom:0;} .triangleTit em { right: -10px; border-left:10px solid #1D71B7; border-top:50px solid transparent; } .triangleTit i { right: -20px; border-left:8px solid #9ABCD8; border-top:40px solid transparent; } .triangleTit a { float: right; font:28px/50px "??ì?"; color:#1D71B7;} .minTrgTit { overflow:hidden; clear:both; padding:0 10px 0 0; } .minTrgTit span { display: block; font:20px/43px "Microsoft YaHei","??èí??oú"; float:left; position: relative; box-shadow: 12px 12px 0 #E9E9E9; padding: 0 20px; color: #FFF; background:#1D71B7;} .minTrgTit em,.minTrgTit i { position: absolute; width: 0; height: 0; bottom:0;} .minTrgTit em { right: -10px; border-left:10px solid #1D71B7; border-top:43px solid transparent; } .minTrgTit i { right: -20px; border-left:8px solid #E9E9E9; border-top:30px solid transparent; } .minTrgTit .color01 {background:#13B3C1;} .minTrgTit .color01 em {border-left-color: #13B3C1; } .minTrgTit .color02 { background:#1D71B7; } .minTrgTit .color02 em { border-left-color: #1D71B7;} .minTrgTit .color03 { background:#E76949; } .minTrgTit .color03 em { border-left-color: #E76949;} .minTrgTit .color04 { background:#A189E1; } .minTrgTit .color04 em { border-left-color: #A189E1;} .minTrgTit .color05 { background:#73C945; } .minTrgTit .color05 em { border-left-color: #73C945;} .minTrgTit .color06 { background:#EDC707; } .minTrgTit .color06 em { border-left-color: #EDC707;} .lineTit { border-bottom: 1px solid #C3C3C3; height: 30px; text-align: center; position: relative; margin:0 0 60px;} .lineTit span { font:24px/50px "Microsoft YaHei","??èí??oú"; padding: 5px 0 0; background: #FFFFFF; position: absolute; left:50%; margin: 0 0 0 -100px; width: 200px; text-align: center; } .lineTit span em { height: 2px; background: #C31F0B; display: block; margin: 0 60px;} .lineTit a { float: right; font:15px/60px "Microsoft YaHei","??èí??oú"; color:#8B8B8B; background: #FFFFFF;} .minNewsTit { border-bottom:1px dashed #C3C3C3; margin: 0 0 20px; padding: 0 10px 0 0; background: url("/newszztsldcom/news.sipac.gov.cn/images/news_tit_bg.png") center repeat-x; overflow: hidden; } .minNewsTit span { display: block; color:#1D71B7; font:normal 20px/40px "Microsoft YaHei","??èí??oú"; float: left; padding: 0 10px 0 30px; background:#FFFFFF url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") 0 -54px no-repeat;} .minNewsTit b { font-weight:normal; color:#1D71B7;} .minNewsTit em { float: right; font:normal 16px/40px "Microsoft YaHei","??èí??oú"; background: #FFFFFF; color: #C3C3C3; } .minNewsTit a { float: right; font:28px/40px "??ì?"; color:#1D71B7;} .fullImgsBox { background: #F7F7F7; padding: 30px 0; margin: 0 0 30px 0; } .fullImgsBox .callbacks li ,.fullImgsBox .callbacks a ,.fullImgsBox .callbacks img { width:100%; height:400px; display:block;} .fullImgsBox .warp{ position: relative; height:400px; } .fullImgsBox .callbacks li a:hover { text-decoration:none;} .fullImgsBox li img { display:block; } .fullImgsBox .callbacks li span { width:720px; padding:0 20px; font: 19px/50px Arial; display:block; color:#FFF; position:absolute; bottom:0;background:#000000;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);opacity:0.6;} .fullImgsBox .callbacks_tabs { position: absolute; height: 5px; bottom: 8px; right:45%; z-index:9; } .fullImgsBox .callbacks_tabs li { float:left; } .fullImgsBox .callbacks_tabs a { display:block; float:left; overflow: hidden; width: 50px;line-height: 5px; margin:0 5px 0 0; cursor: pointer; background: #ABABB7; text-indent: -999px; } .fullImgsBox .callbacks_tabs .callbacks_here a{ background: #C31F0B;} .fullImgsBox .callbacks_nav { position: absolute; top:42%; font:80px/80px "??ì?"; color:#1D71B7; } .fullImgsBox .prev { left: -50px;} .fullImgsBox .next { right: -50px;} .picImgsBox { background: #F7F7F7; padding: 30px 0; margin: 0 0 30px 0; } .picImgsBox .callbacks { overflow: hidden;} .picImgsBox .callbacks li, .picImgsBox .callbacks a, .picImgsBox .callbacks img { width:100%; height:590px; display:block;} .picImgsBox .warp { position: relative; padding: 0 0 0 240px; width:960px; overflow: hidden;} .picImgsBox li img { display:block; } .picImgsBox .callbacks li span { width:100%; padding:0; text-indent: 20px; font: 19px/50px Arial; display:block; color:#FFF; position:absolute; bottom:0;background:#000000;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);opacity:0.6;} .picImgsBox .callbacks_tabs { position: absolute; top: 0; left:0; z-index:9; } .picImgsBox .callbacks_tabs li { } .picImgsBox .callbacks_tabs a,.picImgsBox .callbacks_tabs img { display:block; overflow: hidden; width: 210px; height: 130px; } .picImgsBox .callbacks_tabs a { margin:0 0 23px; cursor: pointer; background: #ABABB7; text-indent: -999px; } .picImgsBox .callbacks_tabs .callbacks_here a { border: #C31F0B solid 2px; width: 206px; height: 126px; } .listThemeBox ul { overflow:hidden; clear:both; padding: 0 20px; } .listThemeBox li a,.listThemeBox li img, .listThemeBox li span { display: block;} .listThemeBox li { width: 50%; padding: 20px 0; float: left; border-bottom:1px solid #DFDFDF;} .listThemeBox li a { height: 90px; overflow:hidden; } .listThemeBox li a:hover { text-decoration:none; } .listThemeBox li img { float:left; width: 72px; height: 72px; margin:0 20px 0 10px; border:1px solid #DFDFDF; padding: 5px; background: #E8E8E8; } .listThemeBox li i { color: #DB4353;} .listThemeBox li b { color:#006DB7; font:18px/30px "Microsoft YaHei","??èí??oú"; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .listThemeBox li span { color:#656565; font:17px/28px "Microsoft YaHei","??èí??oú"; display:block; overflow: hidden;} .vThemeBox .cont { padding: 20px 10px; } .vThemeBox .vT_imgBox { padding: 20px 0; position: relative;} .vThemeBox .cont li a { padding:0 10px 10px; } .vThemeBox .cont a,.vThemeBox .vT_imgBox b { font:17px/45px "Microsoft YaHei","??èí??oú"; display: block;} .vThemeBox img { width: 100%; height: 150px; display: block;} .vThemeBox .vT_imgBox img { height: 360px;} .vThemeBox .cont a, .vThemeBox .cont span { display: block; float: none;} .vThemeBox .cont span { color: #444444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .vThemeBox .cont a em,.vThemeBox .vT_imgBox b em { display: block; float: left; width: 20px; height: 20px; margin: 10px 5px 0; background:transparent url("/newszztsldcom/news.sipac.gov.cn/images/news_icon.png") left -220px no-repeat; } .vThemeBox .vT_imgBox b em { width: 25px; background-position: left -180px;} .vThemeBox .vT_imgBox a:hover b, .vThemeBox .cont a:hover span { background:#EEEEEE; } .videoView .cont { padding: 0; margin: 0 -20px;} .videoView .cont li a { padding: 0 20px 0; position: relative; } .videoView ul img { height: 134px; } .videoPlayer,.videoPlayer .player, .videoPlayer .vjs-poster,#play-button { width: 100%; height:535px; display: block; background:#000000;} .videoPlayer { position: relative;} #play-button { position: absolute; left:0 ; top:0;} .videoView .cont li i { position: absolute;left: 50%; background: rgba(0, 0, 0, 0.6); top: 50%; width: 40px; height: 40px; margin:-40px 0 0 -20px; border:1px solid #FFFFFF; border-radius: 10px; } .videoView .cont li i em { width: 0; height: 0; margin:11px 0 0 11px; border-left: 18px solid #FFFFFF; border-bottom: 10px solid transparent; border-top: 10px solid transparent;} .vListBox { overflow: hidden; position: relative;} .vListBox .vCont { overflow:hidden; } .vListBox .callbacks_tabs { overflow: hidden; clear: both; text-align: center; } .vListBox .callbacks_tabs li { display: inline-block; text-align:center; } .vListBox .callbacks_tabs a { display: inline-block; text-align:center; overflow: hidden; border-radius: 50%; width: 10px; line-height: 10px; margin:0 15px 0 0; cursor: pointer; background: #FFD5BC; text-indent: -999px; } .vListBox .callbacks_tabs .callbacks_here a { background: #FF8709;} .picBox { overflow:hidden; clear:both; margin: 0 0 20px; } .picBox ul.cont { overflow:hidden; clear:both; margin: 0 -20px; } .picBox .cont li a,.picBox .cont li img, .picBox .cont li b, .picBox .cont li span { display: block;} .picBox .cont a { margin:0 20px 20px; padding: 0 0 30px; border: #F5F5F5 1px solid; } .picBox .cont li img { width: 100%; height: 225px; margin: 0 0 10px;} .picBox .cont li b, .picBox .cont li span { padding: 0 20px;} .picBox .cont li b { font:bold 18px/40px "Microsoft YaHei","??èí??oú"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .picBox .cont li span { font:17px/25px "Microsoft YaHei","??èí??oú";} .picBox .cont a:hover { background:#FAFAFA; border: #9ABCD8 solid 1px;} .pageBar { overflow:auto; text-align:center; clear:both; margin: 20px 0 20px 0;} .pageBar a, .pageBar span { margin-right:2px; display:inline-block; border:1px solid #DFDFDF; border-radius:5px; font:14px/28px Arial; padding:0 10px; color:#231F1F; } .pageBar span { color:#CCC;} .pageBar a:hover { background:#1D71B7; color:#FFF; text-decoration:none;} .footer { clear:both;} .bottomNav { color:#FFF; background:#008DD5; font:bold 12px/30px Arial; text-align:center; padding:10px 0; } .bottomNav a { color:#FFF; padding:0 20px; display:inline-block;} .footer .copyrights { background:#e2e2e2; line-height: 24px; padding: 20px 0; text-align: center;} .fl { float:left;} .fr { float:right;} .c_d_content table p { margin-bottom:0; text-indent:0;} .colLeft .innWrap { margin-right: 30px;} .colRight .innWrap { margin-left: 30px;} .blank { overflow: hidden; padding: 50px 0;}