﻿*{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;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; 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;}
/*------PC版-----*/
.wrapper {width:100%;max-width:1200px; margin:0 auto;overflow: hidden;}
.top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
.topBox { width:100%; max-width:1000px;	margin:0 auto;}
.topBox_left { float:left;	width:40%;}
.topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
.topBox_right a {color:#666;padding:0 10px;}

.banner1 { width:100%; height:602px!important;background:#010127 url(images/banner.jpg) no-repeat top center;  overflow:hidden; color:#fff; position:relative}
.banner2 { width:100%; height:602px!important;background:#010127 url(images/banner1.jpg) no-repeat top center;  overflow:hidden; color:#fff; position:relative}
.nav { height:60px; background:#896623; text-align:center;}
.nav a { font-size:22px; color:#fff; font-weight:400; padding:0 39px; display:inline-block}
.nav a.cur,.nav a:hover { border-bottom:3px solid #ffcc44; padding:0 39px 13px;}
.nav a.nav_down:hover { border:none;}

.tit_dy { float:left; color:#cbac6f; border-right:1px solid #333; padding:0 50px; margin:80px 50px 50px 0}
.tit_dy h3 { font-size:50px; line-height:50px;} 
.tit_dy h4 { text-align:right; font-size:20px;}

.text_dh { font-size:16px; text-align:justify; width:1000px; margin:0 auto; padding:80px 0 50px; color:#cbac6f; line-height:30px}
.bg_blue { background:#000 url(images/j_bg.jpg) no-repeat center center; }

.tit_b {  margin:50px 0 30px; text-align:center;}
.tit_b h3 {font-size:50px; color:#cbac6f; line-height:50px; margin:0 0 15px;}
.tit_b h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:20px; line-height:22px; display:inline-block; padding:0 10px;}
.jxsz { text-align:center; margin:-100px 0 0}
.jxsz p { color:#9e9076;}
.imglc { margin:30px 0 50px }
.cszqy { padding:50px 0 30px} 
.cszqy img { margin:0 8px;}
.news_list { color:#333; padding:50px 0}
.news_list li { font-size:18px; padding:10px; float:left; width:48%; line-height:22px; overflow:hidden; height:22px; text-overflow:ellipsis; white-space:nowrap;}
.news_list li a { color:#fff;}
.news_list li i { background:url(images/icon_news.png) no-repeat; width:19px; height:21px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}

.contact { padding:70px 0 80px; border-top:1px solid #333;}
.contact_tit { float:left; color:#cbac6f; border-right:1px solid #333; padding:40px 80px; margin:0 0 50px 0}
.contact_tit h3 { font-size:50px; line-height:50px;} 
.contact_tit h4 { text-align:right; font-size:20px;}

.contact_cnt { text-align:center;}
.contact_cnt dl { display:inline-block; text-align:left; padding:0 30px; font-size:24px; color:#fff;}
.contact_cnt dl:first-child { border-left:0;}
.contact_cnt dl dd { padding:8px 0; font-size:20px;} .contact_cnt dl dd img { margin-right:10px; vertical-align:middle}

.sb { position:fixed; right:20px; bottom:30%; width:80px; z-index:999}
.sb a img { margin-bottom:5px;}
.sb a {  margin:0 0 10px; background:#9f0904; border-radius:5px; padding:15px; color:#ffcc44; margin:10px 0; display:block; text-align:center; font-size:22px; font-weight:700}

.works_list { padding:30px 0 0}
.works_list li { width:260px; height:220px; padding:10px; background:#333; border-radius:3px; text-align:center; float:left; margin:10px;}
.works_list li img { width:260px; height:146px; margin-bottom:15px;}
.works_list li h4 { font-size:14px; color:#fff; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px;}
.works_list li p { font-size:14px; color:#cbac6f; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.more { text-align:center; padding:50px 0}
.more a { padding:10px 30px; border-radius:30px; background:#333; color:#cbac6f; font-size:16px;}

.footer { text-align:center; color:#666; padding:50px 0; font-size:14px; border-top:1px solid #333; width:1200px; margin:0 auto}
.footer .footertel { padding:10px 0}
.footer span { padding:0 20px;}
.footer a { color:#fff;}

.szjs { padding:70px 0}
.tit_lt { color:#ac012d; border-bottom:2px dashed #252525; margin-bottom:10px; padding:0 0 8px; height:30px; line-height:30px;}
.tit_lt h3 { border-left:5px solid #ac012d; padding:0 10px; font-size:26px; font-weight:700;}
.text { font-size:18px; line-height:38px; color:#c8ac6b; padding:0 0 30px;}
.text a { color:#fff;}

.tab-list { margin:50px 0 20px; overflow:hidden; height:44px; border-bottom:3px solid #c8ab69; width:1200px;}
.tab-list li { width:33.3%; height:44px; line-height:44px; font-size:20px; float:left; text-align:center;}
.tab-list li a { display:block; color:#c8ab69}
.tab-list li.cur { background:#c8ab69; color:#000} 
.tab-list li.cur a { color:#000;}
.form-info-text { color:#666;}

.jury-list-img { overflow:hidden; margin-left:-19px; padding-bottom:30px;}
.jury-list-img li { width:164px; height:260px; float:left; margin:10px 0 20px 19px; background:#333; padding:10px;}
.jury-list-img li:hover{ background:#444;}
.jury-list-img li h3 { font-size:16px; margin:5px 0 0; color:#cbab6d; font-weight:700; margin-bottom:5px;}
.jury-list-img li p { height:60px; line-height:20px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; color:#999}

.logo-list { float: left; margin:0 0 30px -30px;}
.logo-list li { color: #999; text-align: center; margin:10px 0 20px 35px; background:#333; padding:10px; width:120px; height:140px; float:left}
.logo-list li:hover{ background:#444;}
.logo-list li a { width:100px; height:100px; display:inline-block; background:#fff; overflow:hidden; box-shadow:1px 1px 2px #eee;}
.logo-list li p { line-height:20px; height:40px; margin:5px 0 0; overflow:hidden; /*text-overflow:ellipsis; white-space:nowrap;*/ color:#cbac6f}
.logo-list li img { max-width:100%; max-height:100%; vertical-align:middle}

.img160 { padding:2px; width:160px; height:160px; text-align:center; overflow:hidden;}
.img160 img { vertical-align:middle; max-width:160px; max-height:160px;}
.img160 i { display:inline-block; vertical-align:middle; height:100%}

/*------移动版-----*/
@media screen and (max-width:767px) {
    .wrapper {width:100%; margin:0 auto}
    .top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
    .topBox { width:100%;	max-width:1000px;	margin:0 auto;}
    .topBox_left { float:left;	width:40%;}
    .topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
    .topBox_right a {color:#666;padding:0 10px;}
    .banner1 { width:100%; height:130px!important;background:#010127 url(images/banner.jpg) no-repeat top center; background-size:100%;  overflow:hidden; color:#fff; position:relative}
    .banner2 { width:100%; height:130px!important;background:#010127 url(images/banner1.jpg) no-repeat top center; background-size:100%;  overflow:hidden; color:#fff; position:relative}

    .nav { height:40px; line-height:40px; background:#896623; text-align:center;}
    .nav a { font-size:14px; color:#fff; font-weight:400; padding:0 8px; display:inline-block}
    .nav a.cur,.nav a:hover { border-bottom:1px solid #ffcc44; padding:0 5px 0px;}
    .nav a.nav_down:hover { border:none;}
    .nav_down { display:none!important}

    .tit_dy { float:none; color:#cbac6f; border-right:0;padding:0 50px; margin:30px 0 0; text-align:center;}
    .tit_dy h3 {font-size:30px; color:#cbac6f; line-height:30px; margin:0 0 5px;}
    .tit_dy h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}

    .text_dh { font-size:12px; text-align:justify; width:auto; margin:0 auto; padding:20px 10px; color:#cbac6f; line-height:22px}
    .bg_blue { background:#000 url(images/j_bg.jpg) no-repeat center center; background-size:contain }

    .tit_b { margin:20px 0 0; text-align:center;}
    .tit_b h3 {font-size:30px; color:#cbac6f; line-height:30px; margin:0 0 5px;}
    .tit_b h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}
    .jxsz { text-align:center; margin:-10px 0 0}
    .jxsz p { color:#9e9076; font-size:12px;} .jxsz img { width:80%;}
    .imglc { margin:30px 0 50px; width:100%}
    .cszqy { padding:50px 0 30px} 
    .cszqy img { margin:10px 0 0 10px; width:46%; float:left;}
    .news_list { color:#333; padding:50px 0}
    .news_list li { font-size:14px; padding:10px 20px; float:none; width:94%; line-height:22px; overflow:hidden; height:22px; text-overflow:ellipsis; white-space:nowrap;}
    .news_list li a { color:#fff;}
    .news_list li i { background:url(images/icon_news.png) no-repeat; width:19px; height:21px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}

    .contact { padding:10px 0 20px; border-top:1px solid #333;}
    .contact_tit { float:none; color:#cbac6f; border-right:0;padding:0 50px; margin:30px 0 40px; text-align:center;}
    .contact_tit h3 {font-size:30px; color:#cbac6f; line-height:30px; margin:0 0 5px;}
    .contact_tit h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}

    .contact_cnt { text-align:center;}
    .contact_cnt dl { display:inline-block; text-align:left; padding:0 10px; font-size:14px; color:#fff;}
    .contact_cnt dl:first-child { border-left:0;}
    .contact_cnt dl dd { padding:8px 0; font-size:12px;} .contact_cnt dl dd img { margin-right:10px; vertical-align:middle; width:22px}

    .sb { position:fixed; right:0; bottom:0; width:100%; z-index:999; opacity:.9}
    .sb a img { margin-right:5px; height:26px;}
    .sb a { background:#9f0904; border-radius:5px; padding:10px 0; color:#ffcc44; margin:0; display:block; width:49.5%; float:left; font-size:14px;}
    .sb a:last-child { float:right}

    .works_list { padding:30px 0 0}
    .works_list li { width:42%; height:160px; padding:10px; background:#333; border-radius:3px; text-align:center; float:left; margin:5px;}
    .works_list li img { width:100%; height:100px; margin-bottom:15px;}
    .works_list li h4 { font-size:14px; color:#fff; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px;}
    .works_list li p { font-size:14px; color:#cbac6f; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .more { text-align:center; padding:50px 0}
    .more a { padding:10px 30px; border-radius:30px; background:#333; color:#cbac6f; font-size:16px;}

    .footer { text-align:center; color:#666; padding:20px 0; font-size:14px; border-top:1px solid #333; width:100%; margin:0 auto}
    .footer .footertel { padding:10px 0}
    .footer span { padding:0 20px;}
    .footer a { color:#fff;}

    .tit_lt { color:#ac012d; border-bottom:1px dashed #252525; margin:10px 0; padding:0 0 8px; height:26px; line-height:26px;}
    .tit_lt h3 { border-left:5px solid #ac012d; padding:0 10px; font-size:16px; font-weight:700; height:26px; line-height:26px;}
    .szjs { padding:20px; width:auto;}
    .text { font-size:14px; line-height:26px; text-align:justify}
    .tab-list { margin:20px 10px; overflow:hidden; height:30px; border-bottom:3px solid #c8ab69; width:auto;}
    .tab-list li { width:33.3%; height:30px; line-height:30px; font-size:14px; float:left; text-align:center;}
    .tab-list li a { display:block; color:#c8ab69}
    .tab-list li.cur { background:#c8ab69; color:#000} 
    .tab-list li.cur a { color:#fff;}

    .jury-list-img { overflow:hidden; margin-left:0; padding-bottom:30px;}
    .jury-list-img li { width:47%; height:260px; float:left; margin:5px; padding:0;}
    .jury-list-img li a { padding:10px; display:block}
    .jury-list-img li:hover{ background:#fff;}
    .jury-list-img li h3 { font-size:14px; margin:5px 0 0; color:#333; font-weight:700; margin-bottom:5px;}
    .jury-list-img li p { height:60px; line-height:18px; font-size:12px; overflow:hidden; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

    .logo-list { float: left; margin:0 0 30px -30px;}
    .logo-list li { color: #999; text-align: center; margin:10px 0 20px 35px; background:#f6f6f6; padding:10px; width:120px; height:140px; float:left}
    .logo-list li:hover{ background:#e6e6e6;}
    .logo-list li a { width:100px; height:100px; display:inline-block; background:#fff; overflow:hidden; box-shadow:1px 1px 2px #eee;}
    .logo-list li p { line-height:20px; height:40px; margin:5px 0 0; overflow:hidden; /*text-overflow:ellipsis; white-space:nowrap;*/}
    .logo-list li img { max-width:100%; max-height:100%; vertical-align:middle}

    .img160 { padding:2px; width:100%; height:160px; text-align:center; overflow:hidden;}
    .img160 img { vertical-align:middle; max-width:160px; max-height:160px;}
    .img160 i { display:inline-block; vertical-align:middle; height:100%}

}
