﻿*{
    padding: 0;margin: 0;list-style: none
}
.clearfix:after{content: " ";display: table;clear: both;}
.clearfix{*zoom:1;}
.box{
    max-width: 1200px;padding-top: 15%;
    height: auto;margin: auto;overflow: auto
}
.con{
    width: 30%;float: left;padding: 20px 20px;text-align: center
}
.con-tit{
    padding: 5px 10px;color: #333;
    border-radius: 6px;margin: auto;
}
.con p{
    text-align: justify;
    margin: 30px 0 20px 0;
    overflow: hidden;    
    display: -webkit-box;         
    text-overflow: ellipsis;           
    -webkit-box-orient: vertical;      
    -webkit-line-clamp: 5; 
    font-size: 15px;line-height: 1.5;letter-spacing: 3px;color:#666
}
.con img{
    width: 30%;float: left;height:110px;
    padding: 10px 3% 0 0;
}
#con-tit-a{
    background: #ff6666;
}
#con-tit-b{
    background: #939dff;
}
#con-tit-c{
    background: #ffc62e;
}
.con-ck{
    width: 100%;
    padding: 20px 0 40px 0;
    float: left;
}
.con-ck h6{
    float: left;font-weight: 100;font-size: 13px
}
.con-ck a{
    color: #72c02c;
    text-decoration: none;font-size: 18px;float: right;
    padding-right: 15px
}
.table{
    width: 1100px;position: fixed;
    top: 0;left: 0;right: 0;margin: auto;background: #fff;padding: 10px;
    border-bottom-left-radius: 6px;box-shadow: 0 0 12px #ccc; border-bottom-right-radius: 6px;
}
.table tr td{
    text-align: center;border-right: 1px solid#999;
    padding-top: 5px;font-size: 16px;color: #333;font-weight: 900;font-family: "黑体"
}
.table tr th{
    font-size: 18px;color: #333;font-weight: 900;font-family: "黑体"
}
.table caption{
    font-size: 21px;color: #333;font-weight: 900;font-family: "黑体";padding: 20px 0 0 0;
        background: #fff;
}
#ls-mb{
	width:100%;height:100%;    position: fixed;
	top:0;left:0;z-index:998;background:#000; opacity: 0.5;display:none
}
#ls-con{
	width:100%;  position: absolute;
	top:0;left:0;z-index:999;background:#fff;
	padding-bottom:210px;display:none
}
.conlson{
	border-bottom: 3px solid#ff6267;margin-bottom:40px
}



@media(max-width: 1130px){
.table{
    width: 96%
}
.box {
    padding-top: 20%;
}
.con{
    width: 46%
}
}
@media(max-width: 1000px){
.box {
    padding-top: 24%;
}
.con{
    width: 45%
}
}
@media(max-width: 810px){
.con{
    width: 43%
}
}
@media(max-width: 650px){
.box {
    padding-top: 30%;
}
.con{
    width: 46%;    padding: 2% 2%;
}
}
@media(max-width: 560px){
.box {
    padding-top: 35%;
}
.con{
    width: 96%;    padding: 2% 2%;
}
}
@media(max-width: 500px){
.box {
    padding-top: 40%;
}
}
@media(max-width: 420px){
.box {
    padding-top: 48%;
}
.table tr th {
    font-size: 16px;
}
.table tr td {
    font-size: 14px;
}
}