/*= Reset CSS 
============= */
html, body {border: 0; margin: 0; padding: 0;}
body { font: 14px "微软雅黑", Arial, sans-serif; min-width:100%; min-height:100%; color:#666;}
.banner{margin: 0 auto; max-width:960px;}
.exhibitors{margin: 0 auto; max-width:960px;}
.see{margin: 0 auto; max-width:960px;}
.tidbits{margin: 0 auto; max-width:960px;}
h2{color:#0275EF; float:left; width:100%; font-size:24px; font-weight:400; text-align:center; padding:50px 0 40px; position:relative; z-index:50;}
*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
.full-length{width:100%; float:left; padding-bottom:20px;}
.ulal{margin:0 -1.5%;}
.ulal li{float:left; width:31.33%; margin:10px 1%; list-style: none;}

.text-desc h3{font-size:14px; margin:0 0 10px 0; color:#fff;}
.text-desc p{font-weight:300; line-height:20px; font-size:14px; margin-bottom:15px; color:#ccc;}
.btn{display: inline-block; padding:5px 10px; font-size:14px; color:#fff; border:2px solid #4d92d9; background-color: #4d92d9; text-decoration:none; transition: 0.4s;}
.btn:hover{background-color:transparent; color:#4d92d9; transition:0.4s;}
.text-desc{position: absolute; left:0; top:0; background:rgba(0,0,0,0.7); height:100%; width:100%; padding:10px;}
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float:left; width:100%; position:relative; overflow:hidden; text-align:center; }
.port-1 .text-desc{ background:rgba(0,0,0,0.7); top:80%; transition:0.5s; color:#000;}
.port-1 img{transition:0.5s;}
.port-1:hover img{transform:scale(1.2);}

/*.port-1.effect-1:hover .text-desc{top:0;}*/

.con_title{ width:100%; height:33px; border-bottom:2px solid #5608d6; margin:20px 0;}
.con_title p{ margin:0 auto; width:200px; text-align:center; font-size:18px; color:#5608d6; line-height:30px; border-bottom:3px solid red; font-weight:bold;}

.seeul{ margin-bottom:10px;}
.seeul li{padding:20px 0; border-bottom:1px solid #e1e1e1;}
.see_left{width:20%; float:left;}
.see_right{width:80%; padding-left:2%; float:left;}
.see_right h4{font-size:16px; color:#3f3f3f;}
.see_right p{font-size:14px; margin-top:20px;}
.tid{ margin-bottom:10px;}
.tid li{float:left; width:31.33%; margin:10px 1%; list-style: none;}
.tid li p{font-size:14px; margin-top:10px;}




/*= Media Screen CSS
==================== */
@media only screen and (max-width: 1000px){
	.ulal{width:340px; margin:0 auto; overflow:hidden;}
	.ulal li{width:100%; margin:5px 0;}
	.port-5.effect-1 {z-index:19;}
	.seeul li{ width:340px; margin:0 auto; padding:10px 0;}
	.see_left{width:100px;}
	.see_right{width:240px;}
	.see_right p{margin-top:10px;}
	.tid{width:340px; margin:0 auto; overflow:hidden;}
	.tid li{width:100%;}

}

@media only screen and (max-width: 360px){
	.ulal{width: 300px; margin:0 auto; overflow:hidden;}
/*	.port-1 .text-desc, 
	.port-1.effect-3:hover .text-desc{padding: 20px;}
*/	.text-desc{padding: 7px;}
	.seeul li{ width:300px; margin:0 auto; padding:10px 0;}
	.see_left{width:90px;}
	.see_right{width:210px;}
	.see_right p{margin-top:10px;}
	.tid{width:300px; margin:0 auto; overflow:hidden;}
	.tid li{width:100%;}
}
/*= Media Screen CSS End
======================== */