/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李健平
*@modifyLog: what when who
*
*/
@charset "utf-8";
body { background: url(../images/2020xmt_bg2.jpg.jpg) repeat-y; background-size: 100% auto;}

.xmt_content_box { background: url(../images/2020xmt_bg1.jpg) no-repeat;background-size: 100%;}

.xmt_main { width: 100%; max-width: 1200px; margin: 0 auto;}

.header { width: 100%; height: auto; position: relative;}
.head_bg { width: 100%; height: auto; display: block;}
.header .xmt_logo { position: absolute; top: 0; left: 0; width: 30%; display: block; height: auto;}
.header .xmt_logo img { max-width: 100%; height: auto; display: block;}
.xmt_fhsy {position: absolute; top:25px; right: 0; width: 120px; display: block; height: 76px; background: url(../images/2020xmt_fhsy.png) no-repeat; padding: 18px 0; box-sizing: border-box; background-size: 100%;}
.xmt_fhsy a { display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 46px; box-sizing: border-box; font-size: 14px; color: #6f7b85;}
.xmt_fhsy a:hover { color: #2b8ad9;}

.xmt_tab { width: 100%; height: auto; border-radius: 8px; overflow: hidden; margin-bottom:60px;}
.xmt_tab .hd { width: 100%; height: 100px; background: #1f204b; padding-top: 20px; box-sizing: border-box;}
.xmt_tab .hd li { width: 33.33%; float: left; text-align: center;}
.xmt_tab .hd li:last-child { width: 33.34%; float: right;}
.xmt_tab .hd li a { font-size: 24px; color: #97e3ff; line-height: 80px; font-weight: bold; display: block;}
.xmt_tab .hd li a.icon1 span { background: url(../images/2020xmt_tab_icon1.png) no-repeat left center; display: inline-block; padding-left: 55px;}
.xmt_tab .hd li a.icon2 span { background: url(../images/2020xmt_tab_icon2.png) no-repeat left center; display: inline-block; padding-left: 55px;}
.xmt_tab .hd li a.icon3 span { background: url(../images/2020xmt_tab_icon3.png) no-repeat left center; display: inline-block; padding-left: 55px;}
.xmt_tab .hd li.on { background: #fff;}
.xmt_tab .hd li.on a { color: #333; background: url(../images/2020xmt_tab_active.png) no-repeat center bottom;}
.xmt_tab .hd li.on a.icon1 span { background: url(../images/2020xmt_tab_icon1_active.png) no-repeat left center; display: inline-block; padding-left: 55px;}
.xmt_tab .hd li.on a.icon2 span { background: url(../images/2020xmt_tab_icon2_active.png) no-repeat left center; display: inline-block; padding-left: 55px;}
.xmt_tab .hd li.on a.icon3 span { background: url(../images/2020xmt_tab_icon3_active.png) no-repeat left center; display: inline-block; padding-left: 55px;}

.xmt_tab .bd { width: 100%; height: auto; background: #fff; padding: 0 50px; box-sizing: border-box;}
.xmt_tab .bd ul { padding-bottom: 30px;}
.xmt_tab .bd ul li { width: 25%; float: left; text-align: center; margin-top: 30px;}
.xmt_tab .bd ul li p { font-size: 16px; color: #343434; line-height: 24px; margin-top:15px;}
.xmt_tab .bd 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;}
.xmt_tab .bd ul li .li_div:hover { box-shadow: 0px 0px 8px rgba(0,0,0,0.16);transition:1s ease-in-out;}
.xmt_tab .bd ul li .li_div:hover p { color: #2b8ad9;transition: 1s ease-in-out;}
.xmt_tab .bd .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;}
.xmt_tab .bd ul li .li_div:hover .card {-webkit-transform: rotateY(0.5turn);transform: rotateY(0.5turn);}
.xmt_tab .bd .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;}
.xmt_tab .bd .card .card_face  img {width: 120px;height: 120px;-o-object-fit: cover;object-fit: cover;}
.xmt_tab .bd .card_face_back {-webkit-transform: rotateY(0.5turn);transform: rotateY(0.5turn);}

@media screen and (max-width:750px){	
	.header .xmt_logo  { margin-left: 10px; width:50%;}
	.xmt_fhsy { display: none;}
	
	.xmt_tab { width: 98%; margin: 0 auto 30px;}
	.xmt_tab .bd { padding: 0 15px;}
	.xmt_tab .hd { height:70px; padding-top: 10px;}
	.xmt_tab .hd li a { font-size: 18px; height: 60px; line-height: 60px;}
	.xmt_tab .hd li a.icon1 span,.xmt_tab .hd li a.icon2 span,.xmt_tab .hd li a.icon3 span,.xmt_tab .hd li.on a.icon1 span ,.xmt_tab .hd li.on a.icon2 span ,.xmt_tab .hd li.on a.icon3 span  { padding-left:40px; background-size: 30px;}
    .xmt_tab .hd li.on a { background-size: 100%;}
	
	.xmt_tab .bd ul { padding-bottom: 15px;}
	.xmt_tab .bd ul li { width: 50%; margin-top: 15px;}
	
	.xmt_tab .bd ul li .li_div { width:145px; height:170px;}
	.xmt_tab .bd .card { width: 80px; height:80px;}
	.xmt_tab .bd .card .card_face a { display: block;}
	.xmt_tab .bd .card .card_face img { width: 80px; height: 80px; display: block; margin: 0 auto;}
	.xmt_tab .bd ul li p {font-size: 14px; margin-top: 10px;}
	.xmt_tab .bd .card .card_face { height: auto;}
}