@charset "utf-8";
/* CSS Document */
*::selection{background:#8c1515; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:15px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1260px;_width:1260px;}
a{text-decoration:none; outline:none; -webkit-transition:all 0.4s; transition:all 0.4s; color:#000;}
a:hover{color:#4ea5ff;}
:focus{-moz-outline-style:none; outline:none;}
img{border:0; vertical-align:top;}
ul,li{list-style-type:none;}

.homePage{background:url(../images/bg1.jpg) no-repeat top center;}
@media screen and (min-width:1920px){
	.homePage{background-size:100% auto !important;}	
}

.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}
.animate{-webkit-transition:all 0.4s; transition:all 0.4s;}
.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*文字超出省略号...*/
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.clamp3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.clamp4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.clamp5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}/*文字两端对齐*/
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; height:100%;}

.boxShadow{box-shadow:0 5px 5px rgba(0,0,0,0.1);}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.flex{flex:1;}


.w1260{width:1260px; margin:0 auto;}
.w1260:after{display:block; content:""; clear:both;}
@media screen and (min-width:1920px){
	.bgCover{background-size:cover !important;}	
}

.container{min-height: 100vh; min-width:1260px; margin:0 auto;}
.head{height:272px;}
.head .w1260{position:relative; height:272px;}
.head a{display:block; width:88px; height:24px; line-height:24px; text-align:center; background:#004caa; border-radius:0 0 6px 6px; color:#fff; font-size:14px; position:absolute; top:0; right:0;}
.head a:hover{background:#f90;}


.menu{padding-bottom:43px;}
.menu ul{display:flex; flex-wrap:wrap; justify-content:center; margin:0 -14px;}
.menu li{width:294px; padding:0 14px 28px;}
.menu li:first-of-type{margin-left:1px;}
.menu li a{position:relative; display:block; padding:18px 16px; background:#deebff; border:#fff 2px solid; border-radius:5px; box-shadow:3px 4px 12px rgba(91,119,109,.5); overflow:hidden;}
.menu li .baseInfo{display:flex; justify-content:center; align-items:center; height:250px;}
.menu li .baseInfo .pic{width:176px; height:248px; border:#fff 1px solid; background:#fff; border-radius:3px; overflow:hidden;}
.menu li .baseInfo .txt{flex:1; display:flex; justify-content:center; align-items:center; height:250px;}
.menu li .baseInfo .txt h3{flex:1; height:250px; font-size:18px; font-weight:normal; margin-left:15px; display:flex; align-items:center; justify-content:center; text-align:center; writing-mode:vertical-lr; writing-mode:tb-lr; vertical-align:middle;}
.menu li .baseInfo .txt h3 span{position:relative; padding:8px 0;}
.menu li .baseInfo .txt h3 span:before, .menu li .baseInfo .txt h3 span:after{display:inline-block; vertical-align:top; content:""; width:13px; height:18px; background-repeat:no-repeat; position:absolute; left:50%; transform:translateX(-50%);}
.menu li .baseInfo .txt h3 span:before{background-image: url(../images/i1.png); top:-21px;}
.menu li .baseInfo .txt h3 span:after{background-image: url(../images/i2.png); bottom:-21px;}
.menu li .baseInfo .txt p{display:inline-flex; align-items:center; justify-content:center; text-align:center; writing-mode:vertical-lr; writing-mode:tb-lr; vertical-align:middle; width:20px; margin-left:15px; border:#4ea5ff 1px solid; position: relative; font-size:12px; padding:8px 0; color:#4ea5ff;}
.menu li .baseInfo .txt p:before, .menu li .baseInfo .txt p:after{display:block; content:""; width:calc(100% + 2px); height:1px; background:#4ea5ff; position:absolute; left:-1px; z-index: 0;}
.menu li .baseInfo .txt p:before{top:-5px;}
.menu li .baseInfo .txt p:after{bottom:-5px;}
.menu li .publishInfo{height:25px; line-height:25px; color:#999; font-size:12px;}
.menu li a:before, .menu li a:after{display:block; content:""; width:41px; height:39px; background:#c1ddff; border-radius:41px 0 5px 0; position:absolute; right:0; bottom:0;}
.menu li a:after{width:26px; height:14px; border-radius:0; background:url(../images/m01.png) no-repeat center center; right:4px; bottom:9px;}
.menu li a:hover{box-shadow:3px 5px 10px rgba(0,0,0,.4); transform:translateY(-10px);}
.menu li a:hover:after{animation:arr 0.6s ease-out 0s infinite;}
@keyframes arr{
	0%{transform:translateX(0);}
	50%{transform:translateX(-5px);}
	100%{transform:translateX(0);}
}


.foot{height:60px; line-height:60px; background:#2c54c1; color:#fff; font-size:14px; text-align:center; position:relative;}
.foot:before{display:block; content:""; width:100%; height:38px; background:url(../images/bg2.jpg) no-repeat center top; position:absolute; left:0; top:-38px;}
@media screen and (min-width:1920px){
	.foot:before{background-size:100% 100% !important;}	
}
.foot a{color: #fff;}
.foot a img{margin-right: 4px; height: 18px; vertical-align: text-bottom;}
.foot span{padding-left: 1em;}