/*public*/ html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,th,thead,tr,button,object,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0} input,button,img,fieldset{border:0;outline:none} input,select{outline:none} /* set image max width to 100% */ /* set html5 elements to block */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{width:100%;height:100%;font:12px/1.5 '微软雅黑',Arial,Helvetica,sans-serif;color:#2d2d2d;word-wrap:break-word;word-break:break-all;} body div,body p{margin:0 auto;word-break:normal;} address,cite,dfn,em,var{font-style:normal} var{font-family:Verdana,Arial} sup{vertical-align:text-top} sub{vertical-align:text-bottom} a{color:#666;text-decoration:none;outline:none} p{color:#666} a:hover{text-decoration:none} #main-page{background:url(xl-ll-xxb-bg.jpg) center 58px fixed repeat-y rgb(0, 0, 0);background-size:100% 100%;} /* list */ ul,ol{list-style:none} /*Align*/ .alg_r{text-align:right} .alg_c{text-align:center} /*Border*/ /*float*/ .fl{float:left} .fr{float:right} .clear{clear:both} .oFlow{overflow:hidden;zoom:1} /*top*/ .top{width:100%;height:58px;position:fixed;top:0;left:0;right:0;background:#f8f8f8;z-index:999} .top .top_con{width:1000px;margin:0 auto;} .top .top_con .left{width:140px;padding-left:20px} .top .top_con .right{padding-right:25px} .top .top_con .right p{font-size:16px;line-height:50px} .top .top_con .right p a:hover{color:#FCA542} /*main*/ .main{width:1000px;} .main_head{margin-top:58px;text-align:center; height:190px;} .main_head .logo { padding:20px 0 0 15px; text-align: left; height:100px; } .main_head .title { font-size:46px; height:65px; line-height:50px; color: #333; font-weight:700; text-align:center; position: relative; padding-top:20px;} .main_head .title .icon { position: absolute; top:-20px; right:-53px;} .main_head h1{color:#fff;font-size:46px;line-height:70px} .main_head p{margin-top:30px;color:#fff;font-size:16px} .main_con_bg{width:960px; padding:20px; margin:0px auto; padding:30px 30px; background:rgba(0, 0, 0, 0.4)!important; filter:Alpha(opacity=40); background:#000;margin-top:60px} .main_con{background:#fff;opacity:1;padding:60px 150px;position:relative;} .main_con .yuan{position:absolute;top:30px;left:30px} .main_con1{background:#fff;width:100%;height:100%} .main_con1 .wd{margin:0 auto;width:1000px;} .main_con .wd{margin:0 auto;width:900px; } .main_p{margin-top:40px} .main_p p{font-size:16px;color:#000;line-height:28px} .main_con_head{line-height:100px;margin-top:60px;border-bottom:1px solid #898989} .main_con_head h2{font-size:24px;width:280px;background:url(star.jpg) center left no-repeat;padding-left:25px;margin:0 auto;color:#898989} h3{margin:0 auto;width:236px;font-size:20px;color:#1e8cd2;font-weight:200} h5{text-indent:2em;font-weight:100;margin-bottom:30px;margin-top:10px;font-size:14px;font-family:"宋体";color:#000} #open{cursor:pointer;margin-top:30px} #close{display:none;cursor:pointer;margin-top:30px} .none{display:none} #jn{margin:0 auto;width:450px;text-align:center;font-size:14px;} #jn_img{cursor:pointer;} .main_con_p img{margin-left:195px;margin-top:20px} .main_con_p p{font-size:16px;text-indent:2em;margin-top:20px;line-height:30px;margin-bottom:40px} /*footer*/ #footer{text-align:center;color:#333} #footer a{color:#333} #footer p a:hover{color: #F00} #tex P { line-height:30px;} .xgbd-tit { height:40px; border-bottom:1px solid #666; position:relative;} .xgbd-tit .tit { height:38px; border-bottom:3px solid #FF4200; position:absolute; font-size:16px; padding:0 5px; line-height:38px; font-weight:bold;} .xgbd-box ul { padding:0 20px;} .xgbd-box li { font-size:14px; background:url(xl-ll-xxb-icon1.jpg) left 12px no-repeat; padding-left:15px; line-height:30px; font-family:"SimSun";} .qi { position:absolute; top:-65px; right:-20px; color:#FFF; background:#FF4200; padding:5px 8px; font-size:16px; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; font-family: "宋体"; width:86px; z-index:999; } .main_con { position:relative;} .menu_class {_padding-top:10px;} .menu_class {*padding-top:10px;} .the_menu { display:none; background: #FF4200; font-size: 14px; height:255px; overflow-y:scroll; width: 80px;} .the_menu li { background: no-repeat; font-size: 12px; padding:0;} .qi .left a, .the_menu a, .the_menu li a { color:#FFFFFF; text-decoration:none; line-height: 25px; font-weight: normal; display:block;} .qi .left a:hover,.the_menu a:hover, .the_menu li a:hover { text-decoration:underline; } .qi img { width: 13px; height: 9px; padding-left: 5px;} @media only screen and (min-width: 320px) and (max-width: 980px) { .top{ display:none;} #main-page{background:url(xl-ll-xxb-bg.jpg) center top fixed repeat-y rgb(0, 0, 0);background-size:100% 100%;} .main_head{ margin:0; height:auto;} .main,.top .top_con{ width:100%;} .main_head .title{ height:auto; font-size:24px; padding:0 7%; line-height:30px; padding-top:25px;} .main_con_bg{ width:94%; padding:30px 3%;} .main_con{ padding:60px 5%;} .main_p img{ width:100%; height:auto;} .xgbd-box ul{ padding:0;} .qi{ right:-10px;} .icon img{ width:60%;} .main_head .title .icon{ right:0; top:-15px;} table{ width:100%;} }