*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0; box-sizing:border-box;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { font-family:"Helvitica Neue",Helvitica,Arial,"Hiragino Sans GB","Microsoft YaHei","Arial Regular","Microsoft JhengHei",sans-serif; color:#c4c3b9; background:#000}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
.wrapper { margin:0 auto; content:'.';display:block;}
.banner img { width:100%;} .banner p { background:#000; padding:0 10px; color:#fff; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.btns { margin:0 -1px 0 0; border-top:1px solid #363636}
.btns a { width:50%; padding:25px 20px; display:inline-block; float:left; border-right:1px solid #363636; border-bottom:1px solid #363636}
.btns a h3 { font-weight:700; color:#c4c3b9; font-size:16px;} 
.btns a p{ font-size:9px; color:#c4c3b9; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} 
.btns a img { margin-bottom:5px; height:30px; float:left; margin:0 10px 0 0}
.tit_z { background:url(../images/tit_bg.jpg) no-repeat; background-size:cover; height:100px; text-align:center; padding:30px 0}
.tit_l { background:url(../images/tit_bg_1.jpg) no-repeat; background-size:cover; height:100px; text-align:center; padding:30px 0}
.tit_r { background:url(../images/tit_bg_2.jpg) no-repeat; background-size:cover; height:100px; text-align:center; padding:30px 0}
.tit_c { background:url(../images/tit_bg_3.jpg) no-repeat; background-size:cover; height:100px; text-align:center; padding:30px 0}

.tit_z h3 { font-size:20px; color:#fff;}
.tit_z p { font-size:14px; color:#fff;}
.introduce img { width:100%}
.int_text { padding:30px 20px; background:#030b26} .int_text p { padding:5px 0; font-size:14px;} .int_text p label { width:70px;}

.logo { overflow:hidden; padding:20px 10px; background:#fff;}
.logo a { border:1px solid #eee; width:30%; height:60px; display:inline-block; float:left; margin:5px; text-align:center;} 
.logo a img { max-width:100%; max-height:100%;}
.form { padding:20px 10px; background:#fff;}
.form .item { padding:8px 0; position:relative;} 
.form .item label { width:90px; text-align:right; padding:0 10px 0 0; color:#333;}
.form .item label span { color:#c00}
.form .item .required { width:70%; border:1px solid #c7c7c7; padding:5px; font-size:14px; color:#999}
.form .item .error { position:absolute; bottom:10px; right:20px; width:auto; color:#c00; font-weight:400;}
.btn_part { width:200px; height:40px; line-height:40px; color:#c7b299; border-radius:5px; background:#030b26; margin:5px auto; display:block; text-align:center; font-size:16px; font-weight:700}
.btn_part:hover { color:#fff;}

.footer { padding:30px 0; overflow:hidden}
.footer_tit { border-right:1px solid #fff; color:#dec899; width:40%; float:left; text-align:center; padding:10px 0}
.footer_tit h3 { font-size:24px;}
.footer_text { float:left; width:60%; padding:0 0 0 40px; color:#fff;} .footer_text p { line-height:30px;}

/*.mag_list li { width:33.3%; float:left; padding:0 10px; margin:0 0 10px;}
.mag_list li img { width:100%; height:120px; margin:0 0 5px;}
.mag_list li p { padding:0 2px; font-size:12px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.new_list { margin:0 10px;}
.new_list li { border-bottom:1px solid #ddd; padding:10px 0; overflow:hidden}
.new_list li .item { width:66%; float:left;}
.new_list li img { float:right; width:30%;}
.new_list li h3 {  font-size:14px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px;} .new_list li p span { color:#666; font-size:12px; margin:0 5px 0 0}*/
@media screen and ( min-width:750px) {
    .wrapper { width:750px; margin:0 auto; content:'.';display:block;}
    .banner  { width:750px; margin:0 auto; content:'.';display:block;}
    .banner img{ width:100%;}
}
.box { margin:10px 0; overflow:hidden; padding:0 20px 20px;}