@charset "utf-8";
/* CSS Document */
*{margin:0;padding: 0;}
a{text-decoration: none;}
ul li{list-style-type: none;}
body{background: #eff4fa;}
.im2{display: none;}
.zcpj-head{width: 1200px;margin: 0 auto;}
.zcpj-bigbox{width:1200px;margin: 0 auto;}
.zcpj-motel{width: 1160px;padding: 20px;background: #fff;margin-bottom: 20px;}
.zcpj-motel>h2{font-size: 28px;padding-left: 20px;background: url(../images/zcpj-tit.png) 0px 17px no-repeat;line-height: 2;}
.zcpj-contain{width: 100%;}
.zcpj-contain::after{content: '';display: table;clear: both;}
.conleft{width: 462px;height: 282px;float: left;position: relative;}
.zcpj-title{width:130px;height: 40px;background-color: rgba(255, 255, 255, 0.2);position: absolute;top: 20px;left: 10px;text-align: center;border-radius: 5px;}
.zcpj-title p{font-size: 20px;font-weight: 700;color: #fff;line-height: 40px;}
.conleft h3{font-size: 24px;color:#fff;position: absolute;top:65px;left:10px;}
.conleft h3.ts{font-size: 24px;color:#fff;position: absolute;top:85px;left:10px;}


.module{width: 28px;height: 7px;background: #fff;position: absolute;top: 145px;left: 10px;}
.department{font-size: 20px;font-weight: 700;color:#fff;position: absolute;top: 165px;left:10px;}
.zcpj-button{width: 100%;position:absolute;top:220px;left:10px;}
.zcpj-button a{display: inline-block;width: 100px;height: 30px;background: #f3a816;color: #fff;text-align: center;line-height: 30px;border-radius: 5px;}
.conright{float: right;width:675px;}
.conright ul li a{border-bottom: 1px dashed #2d65c5;display: block;padding: 8px 0px;}
.conright ul li a::after{content: '';display: table;clear: both;}
.conright ul li a span{display: inline-block;width: 125px;height: 40px;text-align: center;line-height: 40px;color: #fff;float: left;margin-right: 10px;border-radius: 10px;}
.conright ul li a span.t1{background: #1bc4e9;}
.conright ul li a span.t2{background: #f48450;}
.conright ul li a span.t3{background: #3996d9;}
.conright ul li a span.t4{background: #f4c450;}
.conright ul li a span.t5{background: #397dd9;}
.conright ul li a p{width: 70%;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 40px;
	display: inline-block;float: left;color: #333;
}
@media screen and (max-width: 750px){
img{width: 100%;}
	.im2{display:block;}
	.im1{display: none;}	
	.zcpj-head{width:100%;margin: 0 auto;}
.zcpj-bigbox{width:98%;margin: 0 auto;}
.zcpj-motel{width: 96%;padding:2%;background: #fff;margin-bottom: 20px;}
.conleft{width:100%;height:auto;float:none;position: relative;}	
.zcpj-motel>h2{font-size: 20px;padding-left: 20px;background: url(../images/zcpj-tit.png) 0px 3px no-repeat;line-height: 1.5;margin-bottom: 10px;}
.zcpj-title{width:100px;height: 30px;background-color: rgba(255, 255, 255, 0.2);position: absolute;top: 15px;left: 10px;text-align: center;border-radius: 5px;}
.zcpj-title p{font-size: 16px;font-weight: 700;color: #fff;line-height: 30px;}
.conleft h3{font-size: 18px;color:#fff;position: absolute;top:50px;left:10px;}
.conleft h3.ts{font-size: 18px;color:#fff;position: absolute;top:85px;left:10px;}	
.module{width: 28px;height: 7px;background: #fff;position: absolute;top: 105px;left: 10px;}	
.department{font-size: 16px;font-weight: 700;color:#fff;position: absolute;top: 120px;left:10px;}
.zcpj-button{width: 100%;position:absolute;top:162px;left:10px;}	
	.conright{float:none;width:100%;}
	.conright ul li a span{display: inline-block;width:26%;height: 40px;text-align: center;line-height: 40px;color: #fff;float: left;margin-right: 10px;border-radius: 10px;}
}