﻿.location { padding:20px 0px 0px;}
.location>span { margin-right: 5px;}
.location>i { margin: 0px 5px;}
.left { width: 900px; float: left; }
.column-title { position: relative; border-bottom: 1px solid #e0e0e0;}
.column-title>a { display: inline-block; text-align: center; font-size: 16px; margin-right: 30px; position: relative; padding: 15px 10px; }
.column-title>a.active { color: #024899;}
.column-title>a.active:after { content: " "; border-top:2px solid #024899; right: 0px; bottom: 0px; left: 0px; position: absolute; }
.right { width: 340px; float: right;}
.main-left,.main-right {-moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }
.main-left { float: left; margin:20px 10px; width: 870px; min-height: 580px;}
.main-list { padding: 30px 50px;}
.main-right { float: right; width: 310px; margin:20px;}
.main-detail { padding: 50px;}
.right-news>h2 {line-height: 25px; border-bottom: 1px solid #E0E0E0; margin-bottom: 10px;  font-size: 16px; padding: 10px ; font-weight: normal;}
.right-news>h2>a { float: right; font-size: 12px;}
.right-news>ul { padding: 0px 20px 20px;}
.right-news>ul>li>a { display: block; border-bottom: 1px dotted #AAA; height: 35px; line-height: 35px; overflow: hidden;}
.right-news>ul>li>a:after { content: " \25CF"; padding-left: 5px;}
.right-news>ul>li:last-child>a { border-bottom: 0px;}
.right-news>ul>li>a>i { float: right; margin-left: 10px; display: none;}
.main-title { font-size: 24px;  text-align:center; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px}
.main-title>p { padding-top: 10px; margin-top: 10px; font-size: 14px; color: #888; text-align: center; font-weight: normal;}



.empty { text-align: center; width: 393px; height: 277px; background: url("../images/null.jpg") no-repeat center center; background-size: cover; margin: 20px auto; border-radius: 5px; clear: both;}
.empty>.txt { line-height: 35px; font-size: 18px;}


.pages { margin: 20px 0; text-align: center; clear: both; overflow: hidden }
.pages a { background: #FFF;}
.pages a,.pages select {  line-height: 25px; padding: 0 9px; display: inline-block; border: 1px solid #ededed; color: #666; margin: 0px 2px; }
.pages a:hover, .pages a.current { color: #fff; background-color: #024899; }
.pages a.disabled, .pages a:hover.disabled { background-color: #F0F0F0; border: 1px solid #F0F0F0; cursor: default; color: #999; }
.pages select { padding: 0px 10px; vertical-align: baseline;   line-height: 27px; height: 27px;}
.detail { text-align: justify; line-height: 30px; clear: both; overflow:hidden}
.detail * { max-width: 100%;}

.news-list { padding: 20px 0px;}
.news-list>ul>li { border-bottom: 1px dotted #ccc; padding: 20px 0px 5px;}
.news-list>ul>li>a { display: block; position: relative; padding-left: 200px; height: 120px;}
.news-list>ul>li>a>img { position: absolute; left: 0px;top: 2px; width: 180px; height: 100px;}
.news-list>ul>li>a>h2{ margin-bottom: 10px; height: 20px; line-height: 20px; overflow: hidden;font-size: 16px;}
.news-list>ul>li>a>p { height: 50px; line-height: 25px; text-align: justify; overflow: hidden; clear:both; color: #888;}
.news-list>ul>li>a>span{ display: block; height: 30px; line-height: 30px; font-size: 12px; color: #024899; }

.exhibitor-search { padding: 20px 120px 20px 0px; position: relative;}
.exhibitor-search>input { padding: 0px 10px; height: 35px; width: 100%; border:1px solid #E0E0E0; border-radius: 5px 0px 0px 5px}
.exhibitor-search>label {background: #024899; position: absolute; right: 0px; display: inline-block; width: 120px;line-height: 35px;color: #FFF; text-align: center;border-radius: 0px 5px 5px 0px; cursor: pointer; }
.exhibitor-search>label>i { margin-right: 10px;}
.exhibitor-list { position: relative; overflow: hidden;}
.exhibitor-list>ul { width: 790px; margin-left: -10px;}
.exhibitor-list>ul>li { width: 33.33%; float: left; margin-bottom: 10px; }
.exhibitor-list>ul>li>a { display: block; margin: 10px; background: #F2F2F2; text-align: center; padding: 1px;}
.exhibitor-list>ul>li>a>img { width: 100%;}
.exhibitor-list>ul>li>a>h2 { height: 30px; line-height: 30px; overflow: hidden; padding: 5px 10px;}


.submit-btn{background-color: #0168b7;color: #FFF;height: 50px;line-height: 50px;border: none;font-size: 16px;text-align: center;transition: all 0.5s ease 0s;cursor: pointer;display: inline-block !important;border-radius: 5PX;min-width: 250px;}
.submit-btn:hover{cursor: pointer;opacity: 0.8;filter: alpha(opacity=80);color: #FFF;}

.inputs{width: 100%;padding: 0px 5px;height: 38px;font-size: 14px;line-height: 38px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.inputs:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.inputs.error{border-color: #F36467;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .2);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .2);}
.inputs:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.inputs::-moz-placeholder{color: #999;opacity: 1;}
.inputs:-ms-input-placeholder{color: #999;}
.inputs::-webkit-input-placeholder{color: #999;}
div.inputs{border: none;box-shadow: none;overflow: hidden;}
.img-list>ul>li>a {padding-left:0px; }
@media screen and (max-width: 1024px) {
    .location { padding-left: 10px;}
    .right { display: none;}
    .main-detail { padding: 0px;}

    .main-left { background: #FFF; width: auto; -moz-box-shadow: unset; -webkit-box-shadow:unset; box-shadow: unset; min-height: unset; float: unset; }
    .main-list { padding: 10px 5px; margin: 0px 0px; overflow: hidden;}
    .column-title { text-align: center;}
    .column-title>a { margin: 0px 15px; }
    .news-list>ul { padding-bottom: 10px; overflow: hidden;}
    .news-list {padding: 10px 5px; }
    .news-list>ul>li>a { padding-left: 155px; height: auto;}
    .news-list>ul>li>a>h2 { height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 10px; font-size: 14px;}
    .news-list>ul>li>a>img { height: 80px; width: 144px; top: 5px;}
    .news-list>ul>li>a>p { height: 36px; line-height: 18px; }
    .news-list>ul>li>a>span { display: none;}

    .exhibitor-list>ul { width: 100%; margin: 0px;}
    .exhibitor-list>ul>li>a { margin: 0px 5px 10px; overflow: hidden;}
    .exhibitor-list>ul>li>a>img { height: auto;}
    .exhibitor-list>ul>li>a>h2 { height:36px; line-height: 18px; padding: 0px 10px;margin: 10px 0px;}
    .exhibitor-list>ul>li { width: 50%;}
    .container { margin: 20px 10px; padding: 0px; width: auto;}
    .empty { width: 100%; min-height: 277px;}
}

