@charset "utf-8";
/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2024年09月20日09:24
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李刚
*@modifyLog: what when who
*
*/
body{background-color: #f2f9ff;}
.main{padding:40px 0;}
.main *{box-sizing: border-box;}
.text-center{text-align: center;}

.header_banner{background:url(bannerBG.png) repeat-x center center;}
.a_logo{display: block;width:424px;max-width: 80%;margin-left:10px;}
.a_logo img{width: 100%;}
.header_banner .text-center>img{display: inline-block;width:823px;height:auto;max-width: 80%;}
.header_banner .text-center{padding:80px 0;}
.header_banner>div{padding:15px 0;}

.newMulti{background-color:#fff;padding:40px;}
.row-item{padding:40px 0;}

.tit{height:80px;}
.tit-weixin{background: url(../xmtjz/tit_weixin.png) no-repeat center bottom;}
.tit-weibo{background: url(../xmtjz/tit_weibo.png) no-repeat center bottom;}
.tit-other{background: url(../xmtjz/tit_other.png) no-repeat center bottom;}
.newMulti ul { padding-bottom: 30px; padding-top:0px}
.newMulti ul li { width:224px; float: left; text-align: center; margin-top: 30px;}
.newMulti ul li p { font-size: 16px; color: #343434; line-height: 24px; margin-top:15px;}
.newMulti ul li .li_div { width:180px; height: 208px; margin: 0 auto; padding: 20px 10px; box-sizing: border-box;transition:1s ease-in-out; border-radius:2px; cursor: pointer;}
.newMulti ul li .li_div:hover { box-shadow: 0px 0px 8px rgba(0,0,0,0.16);transition:1s ease-in-out;}
.newMulti ul li .li_div:hover p { color: #2b8ad9;transition: 1s ease-in-out;}
.newMulti .card { position: relative;display: block;width: 120px; height: 120px; cursor: pointer;transition: 1s ease-in-out;-webkit-transform-style: preserve-3d;transform-style: preserve-3d; margin: 0 auto;}
.newMulti ul li .li_div:hover .card {-webkit-transform: rotateY(0.5turn);transform: rotateY(0.5turn);}
.newMulti .card .card_face {position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: 1s ease-in-out;}
.newMulti .card .card_face  img {width: 120px;height: 120px;-o-object-fit: cover;object-fit: cover;}
.newMulti .card_face_back {-webkit-transform: rotateY(0.5turn);transform: rotateY(0.5turn);}
.row-two-item{float:left;width:50%;}
.row-two-item>ul{display: flex;justify-content: center;}
@media screen and (max-width:959px) {
	.header_banner .text-center{padding:30px 0;}
	.main{padding:initial}
	.newMulti ul li{width:50%;}
	.row-two-item{width:100%;}
	.row-two-item>ul{justify-content: left;}
}