/* CSS Document */
@keyframes tbpic {from {filter:alpha(opacity=50); opacity:0.5;}to {filter:alpha(opacity=100); opacity:1;}}
@-moz-keyframes tbpic /* Firefox */{from { -moz-opacity:0.5;}to {background: yellow;}}
@-webkit-keyframes tbpic /* Safari 和 Chrome */{from {opacity:0.5;}to { opacity:1;}}
@-o-keyframes tbpic /* Opera */{from { opacity:1;}to { opacity:1;}}

@keyframes back { 0% {filter:alpha(opacity=70); opacity:0.5;}50% {filter:alpha(opacity=100); opacity:0.9;} 100% {filter:alpha(opacity=70); opacity:0.5;}}
@keyframes head{ 0% { background-position:0 top;}50% { background-position:-900px top;} 100% { background-position:0px top;}}
@keyframes foot{ 0% { background-position:-900 top;}50% { background-position:0px top;} 100% { background-position:-900px top;}}

@font-face {
	font-family: 'Conv_Gotcha Gothic Regular';
	src: url("/dept/css/fonts/Gotchaindex.htm");
	src: local('?'), url("/dept/css/fonts/Gotchaindex.htm") format('woff'), url("/dept/css/fonts/Gotchaindex.htm") format('truetype'), url("/dept/css/fonts/Gotchaindex.htm") format('svg');
	font-weight: normal;
	font-style: normal;
}



* { padding: 0; margin: 0; }
html, body, div, iframe, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, nobr, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, aside, dialog, strong, b, em, i, table, tbody, tr, td, th, form, input, textarea, select, fieldset, legend, button { margin: 0; padding: 0; background: transparent; outline: none; }
html { height: 100%; }
body { font: 12px/150% arial, simsun, sans-serif; height: 100%; }

HTML { _background: url("/dept/images/xzspj_trans.gif") no-repeat fixed; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
em, cite { font-style: normal; }
button { overflow: visible; font-size: 1em; padding: 0; }
input, select { vertical-align: middle; font-family:'Raleway'; font-weight:500; color:#35130F; }
input:-webkit-autofill { background-color: transparent!important; }
a { text-decoration: none; color:#303030; cursor: pointer; }
a:hover { text-decoration:none; }
a:focus { outline: none; }
body { color:#676767; font-family:"微软雅黑";font-weight: 400; background:#ffffff url("/dept/images/xzspj_bottom_bg.png") bottom repeat-x; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-weight:normal;}


.wrap { background:url("/dept/images/xzspj_head_bg.png") top repeat-x;}
.qa_info { float:left; overflow:auto; padding:100px 80px 20px; width:40%; }	
.qa_info h1 {font:24px/40px arial,"微软雅黑"; color:#268BCB; text-align:center; margin:50px 0 20px 0;}
.qa_info .cont:first-letter { font-size:26px; }
.qa_info p {font:13px/180% arial,"微软雅黑"; margin: 0 0 10px; text-indent:24px; text-align:justify;}
.qa_info_btn { padding:30px 0;}
.qa_info_btn .btn { display: block; margin:0 20px 0; float:right; font:14px/30px arial,"微软雅黑"; padding:5px 20px;background:#EEA659; color:#FFF; }
.qa_info_btn .btn:first-child { float:left;background:#91BC6B;margin:0;}
.qa_list { overflow:hidden; }
.qa_search { overflow:auto; padding:50px 20px 20px;}
.qa_search input { display:none; border:1px solid #676767; border-radius:5px 0 0 5px; padding:10px; float:right; }
.qa_search input.submit { border:1px solid #676767; background:#676767; border-radius:0 5px 5px 0; color:#FFFFFF; padding:10px 30px; cursor:pointer; }
.qa_search:hover input {  border:1px solid #3BB1B7; }
.qa_search:hover input.submit { background:#3BB1B7; }
.qa_list ol { margin:0 50px 0 20px; height:570px; overflow-x:hidden; overflow-y:auto; }
.qa_list li { list-style:outside decimal-leading-zero; font:bold 24px/30px 'Conv_Gotcha Gothic Regular'; margin:10px 0 0 50px; color: #3BB1B7; }
.qa_list li span { padding:0 0 0 40px; display:block; font:normal 16px/25px arial,"微软雅黑";}
.qa_list li a { display:block; margin: 0 0 0 -40px; height:30px; position:relative;}
.qa_list li:nth-child(2),.qa_list li:nth-child(14),.qa_list li:nth-child(12) { color:#EBA559; }
.qa_list li:nth-child(4),.qa_list li:nth-child(10),.qa_list li:nth-child(16),.qa_list li:nth-child(22) { color:#CC6A9F; }
.qa_list li:nth-child(5),.qa_list li:nth-child(17){ color:#5E84C4; }
.qa_list li:nth-child(6),.qa_list li:nth-child(9),.qa_list li:nth-child(18),.qa_list li:nth-child(21) {  color:#91B96B; }
.qa_list li a:hover { background: #3BB1B7; color:#FFFFFF;}
.qa_list li em { display:none; background:url("/dept/images/xzspj_link_arr.png") right center no-repeat; position:absolute; right:-30px; top:0; width:30px; height:30px;  }
.qa_list li:hover em { display:block;}
.qa_list li:hover { color:#FFFFFF; }
.qa_list li:hover span { color:#FFFFFF;}
.qa_top { font:14px/20px arial,"微软雅黑"; color:#999999; }
.qa_detail {padding:40px 50px 20px;font:normal 24px/80px arial,"微软雅黑";}
.qa_title { border-bottom:1px solid #3BB1B7;position:relative; }
.qa_title b { font:normal 32px/80px arial,"微软雅黑"; color: #3BB1B7; }
.qa_title em { font:bold 48px/80px 'Conv_Gotcha Gothic Regular'; color: #3BB1B7; padding:0 10px 0 0;}
.qa_title em:after { content: ".";}
.qa_title .pdfBtn { display:block; background:url("/dept/images/xzspj_icon_pdf.png") 0 top no-repeat; position:absolute; bottom:1px; right:0; padding:0 10px 0 40px; color:#D0337D;font:bold 16px/40px arial,"微软雅黑"; }
.qa_title .pdfBtn:hover { color:#962A70; background-position:0 -40px; }
.qa_detail ol { margin:0;}
.qa_detail li { list-style:inside decimal; border-bottom:1px dashed #E2E2E2; font: 18px/30px 'Conv_Gotcha Gothic Regular'; padding:10px; color: #999999; cursor:pointer; }
.qa_detail li span { color:#676767;font:18px/30px arial,"微软雅黑";}
.qa_detail li .quoteBox { display:none; font:16px/180% arial,"微软雅黑"; margin:0 0 0 30px; position:relative; color:#676767; }
.qa_detail li .quoteBox .TRS_Editor span {  color:#676767;}
.qa_detail li .quoteBox em { display:block; font:14px/20px arial,"微软雅黑"; background:#ADDFE1;color:#FFFFFF; padding:0 2px; position:absolute; left:-25px;top:4px;}
.qa_detail li .quoteBox em:after { content: "答";}
.qa_detail li.on { padding: 20px; background:#F8FAFB; color: #3BB1B7;}
.qa_detail li.on span { color: #3BB1B7;}
.qa_detail li.on .quoteBox { display:block; }
.headArea { display:none; height:400px; width:1080px; background:url("/www.sipac.gov.cn/dept/xzspj/cmp/zhzwezs/imgs/shadow_head.png") 0 top; position:absolute; top:-50px; left:0; animation:head 50s infinite;}
.footArea { display:none; height:300px; width:1080px; background:url("/www.sipac.gov.cn/dept/xzspj/cmp/zhzwezs/imgs/shadow_foot.png") -900px top; position:absolute; bottom:0; left:0;animation:foot 50s infinite;}
.qa_back { font:16px/30px arial,"微软雅黑"; display:block; position:absolute; top:40px; right:50px; border:1px  solid #E2E2E2; border-radius:15px; background:#F8FAFB;padding:0 20px; color:#3BB1B7;}
.qa_back:hover { background:#3BB1B7; color:#FFF;  }

/**首页**/
.listImgBox { overflow:hidden; padding:40px 0 20px 35px;}
.listImgBox ul { padding:20px 0 0 0; overflow:hidden;}
.listImgBox li {  float:left; margin:0 16px 16px 0px; position: relative; overflow:hidden; width:175px; min-height: 130px;}
.listImgBox li a{ display:block; width:175px; height: 130px;}
.listImgBox li a span { display:block; width:175px; overflow:hidden;  text-align:left; font: 16px/30px "微软雅黑"; color:#ffffff;  padding:10px 10px; display:block; cursor:pointer; }
.listImgBox li a span:hover { text-decoration:none;}
.listImgBox em {display:block; background: url("/dept/images/xzspj_icon_ossc.png") center no-repeat; position: absolute; bottom: 5px; right:10px;  width:60px; height:60px;  }
.listImgBox a:hover em { animation:gov_icon 1s; -moz-animation:gov_icon 1s; -webkit-animation:gov_icon 1s;}
.listImgBox .bszn_icon1 em { background-position:left 0px; } 
.listImgBox .bszn_icon2 em { background-position:left -60px; } 
.listImgBox .bszn_icon3 em { background-position:left -120px; } 
.listImgBox .bszn_icon4 em { background-position:left -180px; }
.listImgBox .bszn_icon5 em { background-position:left -240px; } 
.listImgBox .bszn_icon6 em { background-position:left -300px; }
.listImgBox .bszn_icon7 em { background-position:left -360px; } 
.listImgBox .bszn_icon8 em { background-position:left -420px; } 
.listImgBox .bszn_icon9 em { background-position:left -480px; } 
.listImgBox .bszn_icon10 em { background-position:left -540px; }
.listImgBox .bszn_icon11 em { background-position:left -600px; } 
.listImgBox .bszn_icon12 em { background-position:left -660px; }
.listImgBox .bszn_icon13 em { background-position:left -720px; } 
.listImgBox .bszn_icon14 em { background-position:left -780px; }


/**触摸屏**/
body.qaDetail, body.vertical,.vertical .wrap { background:none;}
.vertical .qa_info_btn .btn { display:none;}

.vertical .qa_info, .vertical .qa_list { float:none; clear:both; width:auto;}
.vertical .qa_search,.vertical .qa_detail li .quoteBox, .vertical .qa_title .pdfBtn { display:none; }
.vertical .qa_info h1 {font:bold 48px/80px arial,"微软雅黑"; text-align:center; margin:150px 0 20px 0;}
.vertical .qa_list ol { margin:0 80px 0 80px;}
.vertical .qa_info p { font:20px/180% arial,"微软雅黑"; }
.vertical .qa_info_btn .btn:first-child { float:right; background:#91BC6B;}
.vertical .qa_list li { font: 36px/50px 'Conv_Gotcha Gothic Regular'; height:50px; margin:10px 0 0 100px}
.vertical .qa_list li a {height:50px; margin: 0 50px 0 -80px; padding:0 0 0 40px }
.vertical .qa_list li span { font:24px/45px arial,"微软雅黑"; }
.vertical .qa_list li:hover em {   right:-50px; top:0; width:50px; height:50px;  }
.vertical .headArea, .vertical .footArea { display:block;}
.vertical .qa_top { font:48px/60px arial,"微软雅黑"; text-align:center; color:#434343; margin:300px 0 50px 0;}
.vertical .qa_title b { font:36px/80px arial,"微软雅黑";}
.vertical .qa_detail li { 28px/50px 'Conv_Gotcha Gothic Regular'}
.vertical .qa_detail li span {  font:24px/50px arial,"微软雅黑"}
.vertical .qa_detail li .TRS_Editor { height:400px; overflow:scroll; }
.vertical .qa_back { background:url("/www.sipac.gov.cn/dept/xzspj/cmp/zhzwezs/imgs/page_btn.png") left top  no-repeat; width:190px; height:70px; padding:0 20px 0 40px; display:block; position:absolute; z-index:10; text- align:center; letter-spacing:5px; color:#FFF; font:28px/65px Arial,"微软雅黑";top:auto; bottom:60px; left:39%; }
.osLi .scrollList { height:390px; }
.vertical .qa_cont { height:1200px; }

/**手机屏**/
body.mobile { background:none;}
.mobile .qa_search { display:none; }

.footArea { display:none; height:300px; width:1080px; position:absolute; bottom:0; left:0;animation:foot 50s infinite;z-index:0;}
.mobile .qa_info, .mobile .qa_list { float:none; clear:both; width:auto; }
.mobile .qa_info { padding:80px 50px 20px;}
.mobile .qa_info h1 {font: 22px/40px arial,"微软雅黑"}
.mobile .qa_info p { font:15px/160% arial,"微软雅黑"}
.mobile .qa_list li { font: 1.5em/40px 'Conv_Gotcha Gothic Regular'; height:50px; margin:5px 0 0 100px}
.mobile .qa_list li a {height:50px; margin: 0 50px 0 -80px; padding:0 0 0 40px }
.mobile .qa_list li span { font: 1.5em/40px arial,"微软雅黑"; }
.mobile .qa_list li:hover em {   right:-50px; top:0; width:50px; height:50px;  }
.mobile .qa_list li .TRS_Editor {font-size:16px; }
.vertical .qa_list ol,.mobile .qa_list ol { height:auto; }

.tablet .qa_info h1 { margin:10px 0 20px 0; font: 28px/40px arial,"微软雅黑"}
.tablet .qa_info p { font-size:1.3em; }
.tablet .qa_list li { font: 24px/35px 'Conv_Gotcha Gothic Regular'; margin:5px 0 0 50px; }
.tablet .qa_list li a {height:36px; margin: 0 50px 0 -80px; padding:0 0 0 36px; }
.tablet .qa_list li span { font: 22px/35px arial,"微软雅黑"; }
.tablet .qa_list li:hover em {   right:-40px; top:0; width:46px; height:36px;  }

.onestep_popup { display:none;}
.onestep_shadow{ display:none;}
.onestep_shadow { z-index:1001; width:100%; height:100%; position:fixed; top:0; left:0;background:#000000;-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=60)”; filter: alpha(opacity=60);opacity:0.6;}
.vertical .onestep_popup { display:block; position:fixed; border-radius:10px; left:50%; top:50%; padding:0; z-index:1003;}
	.onestep_popup .p_item { position:relative; overflow:hidden; width:0; height:0; margin:-270px 0 0 0px; }
	#slides { width:720px; height:540px;border-radius:10px; background:#F8FAFB; position:relative;}
	.onestep_popup .close { position:absolute; color:#DB434D; right:20px; top:20px; font:50px/50px Arial; overflow:hidden; cursor:pointer;z-index:99; }
	.onestep_popup .close:hover { text-decoration:none;}
	.osLi { position:relative; width:720px; height:540px;}
	.osLi h1 { font:28px/40px "微软雅黑","Microsoft YaHei"; padding:40px 50px 0px 100px; min-height:90px; position:relative;   }
	.osLi h1 i { display:block; position:absolute;left:40px; top:40px; color:#3D89DB;font:54px/60px 'Conv_Gotcha Gothic Regular' }
	.osLi .cont { padding:0 50px 0 70px; font:22px/180% Arial,"微软雅黑"; position:relative;}
	.osLi .cont em { display:block; font:30px/35px arial,"微软雅黑"; background:#ADDFE1;color:#FFFFFF; padding:0 5px; position:absolute; left:20px; top:4px;}
	.osLi .cont em:after { content: "答";}	
	
.slidesjs-navigation { position:absolute;overflow:hidden; text-indent:-999px; background:url("/www.sipac.gov.cn/dept/xzspj/cmp/zhzwezs/imgs/qr_arr.png") center bottom no-repeat; width:80px; height:60px; font:bold 50px/58px Arial,"微软雅黑; bottom:-60px; left:45%;  }
.slidesjs-previous { top: -60px;  background-position: center top;}
.slidesjs-pagination { overflow:hidden; }