*{margin:0px;padding:0px;}
body{font-family: "Microsoft YaHei","微软雅黑","simsun","sans-serif","Hiragino Sans GB","STHeiti",Arial;background-color:#fff;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position: relative;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;font-style:normal;}
table,td,tr{border:none;border-collapse:collapse;}
ul,li,ol{list-style:none;}
img,fieldset{border:medium none;display:block;}
img{vertical-align:left;}
a{cursor:pointer;blr:expression(this.onFocus=this.blur());outline:none;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#b30000;text-decoration:underline;}
a.ani{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;width:1px;overflow:hidden;height:0;}
.clearfix{*zoom: 1;}
.clearfix:after{clear: both;display: block;overflow: hidden;height: 0;visibility: hidden;content: ".";}
.hidden{display:none;}
.pull-left,.fl{float: left;}
.pull-right,.fr{float: right;}
.fdn{font-size: 0;text-indent: -999em;line-height: 0;}
.text-overflow{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
h1{display: block;font-size: 0;line-height: 0px;text-indent: -999em;}
/*margin*/
.mt10{margin-top: 10px;} .mt20{margin-top: 20px;}

.warp{background: url(images/bg.jpg) no-repeat center top;padding-bottom: 100px;/*background-size: 100%*/}
.banner,.banner img,.column-1,.column-2,.column-3,.column-4,.column-5{;width: 1000px;margin:0 auto;/*overflow: hidden;*/}

.column-1{margin-top: 54px;display: block;/*overflow: hidden;*/}

/*标题-“微信、微博~~”*/
.title{width: 100%;height: auto;border-bottom: 1px solid #e5e5e5;display: block;overflow: hidden;padding-bottom: 10px;}
.title span{width: 4px;height: 16px;background: #77b0ea;margin-left: 9px;float: left;margin-top: 2px;}
.title p{font-size: 18px;line-height: 19px;color: #666666;font-weight: bold;margin-left: 16px;float: left;}

/*内容*/
.c1-box{width: 983px;height: auto;display: block;/*overflow: hidden;*/margin: 15px auto 0;}
.container{width: 1000px;display: block;/*overflow: hidden;*/}
.con-item{width: 234px;height: 66px;background-color: #e0effc;margin-right: 16px;margin-bottom: 16px;float: left;position: relative;}
.con-item p{font-size: 18px;line-height: 25px;text-align: center;color: #666666;cursor: pointer;overflow: hidden}
/*省略号样式：text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/
/*.con-item:hover{background-color: #c2e3ff}*/

.column-2{margin-top: 66px}
.column-3{margin-top: 66px}
.column-4{margin-top: 66px}
.column-3 .con-item p a{color: #666666}

/*二维码*/
.qr-code{width: 164px;height: 209px;background: url("images/code-bg.png") no-repeat top;
    position: absolute;top: 44px;z-index: 10;left:  50%;margin-left: -82px;display: none;padding-bottom: 10px}
.qr-code .img-code{width: 121px;height: 121px;margin: 34px auto 0;display: block;overflow: hidden}
.qr-code .img-code img{width: 100%;height: auto;}
.qr-code .txt{width: 100%;margin-top: 11px;display: block;overflow: hidden}
.qr-code .txt p{font-size: 14px;line-height: 20px;text-align: center;color: #888888;cursor: auto;padding: 0;height: 20px}/*7.13*/
.close{width: 9px;height: auto;position: absolute;right: 7px;top: 14px;cursor: pointer}
.close img{width: 100%;height: auto}


/*7.13*/
.con-item p{height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    margin: 6px 18px;
}

@media only screen and (max-width: 768px) {
    .warp{width: 97%;height: auto;margin: 0 auto}
    .banner,.banner img{width: 100%;height: auto}

    .column-1,.column-2,.column-3,.column-4{width: 98%;height: auto}
    .c1-box{width: 100%;height: auto!important;}
    .container{width: 106%;height: auto;display: block;/* overflow: hidden; */}
    .con-item{width: 45%;height: auto;}

    .column-1{margin-top: 25px;}
    .con-item:last-child{margin-bottom: 30px}
}

@media only screen and (max-width: 320px) {
    .con-item{margin-right: 14px}
    .con-item p{font-size: 16px}
    .qr-code{width: 100%;background-size: 100%;margin-left: -50%;height: auto}
    .qr-code .img-code{margin-top: 30px}
    .qr-code .txt{margin-top: 7px;}
}