<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "gb2312";







/* CSS Document */







*{margin:0;padding:0;







-webkit-tap-highlight-color:rgba(0,0,0,0);







-webkit-text-size-adjust:none;







-webkit-user-select:none;







-ms-user-select:none;







user-select:none;







font-family:Arial, "微软雅黑"}







/*img{vertical-align:top;border:none;max-width:100%;}*/







body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}







h1,h2,h3,h4,h5,h6{font-size:100%;}







input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}







table{border-collapse:collapse;}







button,select,input{font-size:14px;}







input,select{vertical-align:middle;line-height:normal;font-size:1em;}







a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}







a:link,a:active{text-decoration:none;}







a:visited{text-decoration:none;}







a:hover{color:#f00;text-decoration:underline;}







.ccolor{color:#BB1600;}







a.red:link,a.red:visited,a.red:active{color:#f47110; }







a.red:hover{color:#e60012; }







a.Purple:link,a.Purple:visited,a.Purple:active{color:#b03ca9; }







a.Purple:hover{color:#f00; }







input:focus,select:focus,textarea:focus,button:focus{outline:none;}







input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"]







,input[type="email"],input[type="url"],textarea{-webkit-appearance:none;border:1px solid;-webkit-border-radius:0;border-radius:0;}







input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}







a{text-decoration:none;-webkit-touch-callout:none;}







em,i{font-style:normal;}







li{list-style:none;}







html{font-size:16px;}







.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 







body{ margin:0 auto;max-width:640px; min-width:320px;color:#353535; font-family:"微软雅黑"}



























.articl p a img,.articl p img{ margin-left:-2em;   text-indent: 0em;/* width:100%;*/height:auto;}





.title1{ width:96%; overflow:hidden; text-align:center; background:url(../images/title1.jpg) no-repeat; background-size:100% 100%; padding:2% 2% 3%; color:#FFF; font-size:120%; }



.title1 em{ width:10%; float:left; text-align:left;color:#6e400e}



.title1 b{ width:90%; float:left}



.title2{ background:url(../images/title2.jpg) no-repeat;background-size:100% 100%;}







.title3{ background:url(../images/title3.jpg) no-repeat;background-size:100% 100%;}







.title4{ background:url(../images/title4.jpg) no-repeat;background-size:100% 100%; margin-top:2%}







.yl{ overflow:hidden; width:97%; margin:2% auto;}







.yl h1{ overflow:hidden; padding:1% 0; background:url(../images/sm_bg1.jpg) no-repeat; font-weight:normal; background-size:100% 100%;}







.yl h1 b{ float:left; width:20%; color:#FFF; font-size:100%; text-align:center}







.yl h1 i{ float:left; width:65%; padding-left:5%; color:#6f2323;font-size:95%}







.yl dl{ overflow:hidden; width:100%; margin-top:1%;}







.yl dt{ float:left; width:45%}







.yl dd{ float:right; width:50%; background:url(../images/frame2.jpg) no-repeat;background-size:100% 100%; padding:2% 2%; text-indent:2em; font-size:90%}







.yl2 dt{ float:right; width:45%}







.yl2 dd{ float:left; width:50%; background:url(../images/frame2.jpg) no-repeat;background-size:100% 100%; padding:2% 2%; text-indent:2em; font-size:90%}







.yl dt span{ display:block; width:100%}







.yl dt p{ background:url(../images/frame1.jpg) no-repeat; text-align:center; font-size:87%; background-size:100% 100%; padding:2% 2%; margin-top:3%}







.yl dt p b{ display:block}







.yl dt a{ display:block; background:url(../images/frame3.jpg) no-repeat;background-size:100% 100%; text-align:center; color:#FFF; padding:2% 0; width:70%; margin:7% auto 0; font-size:70%}















.ys{ overflow:hidden; width:97%; margin:2% auto;}







.ys h1{ overflow:hidden; padding:1% 0; background:url(../images/sm_bg1.jpg) no-repeat; font-weight:normal; background-size:100% 100%;}







.ys h1 b{ float:left; width:20%; color:#FFF; font-size:100%; text-align:center}







.ys h1 i{ float:left; width:55%; padding-left:5%; color:#6f2323;font-size:95%}







.ys dl{ overflow:hidden; width:100%; margin-top:1%;}







.ys dt{ float:left; width:23%; margin-top:1.5%}







.ys dt span{ display:block; width:100%}







.ys dd{ float:right; width:73%; background:url(../images/frame4.jpg) no-repeat; padding:2% 2%;background-size:100% 100%;}







.ys dd p{ text-indent:2em; font-size:100%}















.ys2 dt{float:right;}







.ys2 dd{float:left;}















.ta{ overflow:hidden; display:block;}







.ta .a1{ display:block; width:80%; font-size:80%; text-align:left; color:#FFF; padding:2% 0; background:url(../images/sm_bg2.jpg) no-repeat;background-size:100% 100%; margin:2% auto;}







.ta .a2{ display:block;text-align:left; color:#FFF; padding:1% 0; background:url(../images/sm_bg3.jpg) no-repeat;background-size:100% 100%;width:80%;font-size:80%;margin:2% auto;}























.ly{ overflow:hidden; margin-top:5%; background:url(../images/big_bg.jpg) no-repeat left; background-size:27% 100%;}







.ly .main{ width:70%; float:right; padding:2% 0%}







.ly .main h2{ overflow:hidden; padding:4% 2%; color:#ffffff;}







.ly .main p{ font-size:90%; margin:2% auto}







.ly .main span{ display:block; width:100%}







.ly .main span img{ border:1px solid #bcbcbc}







.ly .main h2 b{ float:left; width:8%; text-align:center}







.ly .main h2 em{ float:left; width:75%; font-size:90%; padding-left:5%}























.doc{ overflow:hidden; width:95%; margin:2% auto; padding:1% 2% 9%; background:url(../images/doc_bg1.jpg) no-repeat;background-size:100% 100%;}







.doc .main{ width:60%; float:right; margin-top:6%}







.doc .main h3{ padding:.5% 0; width:75%; font-size:80%; margin-left:7%; padding-left:5%;color:#FFF; font-weight:normal; background:url(../images/doc_c.jpg) no-repeat;background-size:100% 100%;}







.doc .main div{ font-size:75%; margin-top:24%; margin-left:7%; color:#646464; display:block }







.doc .main a{ display:block; width:40%; margin:3% 0; margin-left:7%; text-align:center; color:#FFF; font-size:75%; padding:.5% 0;}







.doc .main a.a1{ background: url(../images/as1.jpg) no-repeat;background-size:100% 100%;}







.doc .main a.a2{background: url(../images/as2.jpg) no-repeat;background-size:100% 100%}







.doc1{ background:url(../images/doc_bg2.jpg) no-repeat;background-size:100% 100%;}







.doc2{ background:url(../images/doc_bg3.jpg) no-repeat;background-size:100% 100%;}







.doc3{ background:url(../images/doc_bg4.jpg) no-repeat;background-size:100% 100%;}























































/* 本例子css -------------------------------------- */







	.focus{ max-width:640px; min-width:320px; margin:0 2%; margin-bottom:2%; position:relative; overflow:hidden;   }







	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:0px; text-align:center;  }







	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 







		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;







	}







	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }







	.focus .hd ul .on{ background:#FE6C9C;  }















	.focus .bd{ position:relative; z-index:0; }







	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

































































































































































































































































































































































































@media only screen and (max-width: 320px){







	.yl dd{ font-size:80%}







}















@media (min-width: 320px) and (max-width:333px) { 







.yl dd{ font-size:80%}







}















@media (min-width: 333px) and (max-width:350px) { 







.yl dd{ font-size:85%}







}







@media (min-width: 350px) and (max-width:381px) {







	.yl dd{ font-size:89.9%} 







}















@media (min-width: 381px) and (max-width:399px) {







	.yl dd{ font-size:96%} 







}







@media (min-width: 399px) and (max-width:423px) {







	.yl dd{ font-size:90%} 







}







@media (min-width: 423px) and (max-width:456px) {







	.yl dd{ font-size:97%} 







}







@media (min-width: 456px) and (max-width:471px) {







	.yl dd{ font-size:100%} 







}







@media (min-width: 471px) and (max-width:479px) {







	.yl dd{ font-size:102%} 







}







@media (min-width: 507px) and (max-width:529px) { 







.yl dd{ font-size:94%}







}







@media (min-width: 529px) and (max-width:543px) { 







.yl dd{ font-size:97%}







}







@media (min-width: 543px) and (max-width:559px) { 







.yl dd{ font-size:100%}







}







@media (min-width: 592px) and (max-width:599px) { 







.yl dd{ font-size:93%}







}







@media (min-width: 634px) and (max-width:639px) { 







.yl dd{ font-size:93%}







}







@media (min-width: 375px) and (max-width:406px) { 







.ys dd p{ font-size:90%}







}















@media (min-width: 406px) and (max-width:467px) { 







.ys dd p{ font-size:90%}







}







@media (min-width: 467px) and (max-width:480px) { 







.ys dd p{ font-size:98%}







}







@media (min-width: 480px) and (max-width:484px) { 







.ys dd p{ font-size:90%}







}







@media (min-width: 485px) and (max-width:559px) { 







.ys dd p{ font-size:90%}







}







@media (min-width: 559px) and (max-width:599px) { 







.ys dd p{ font-size:90%}







}







@media (min-width: 623px) and (max-width:639px) { 







.ys dd p{ font-size:90%}







}







@media (min-width: 450px) and (max-width:500px){ 















}







@media (min-width: 500px) and (max-width:550px) { 















}





</pre></body></html>