body{color:#333333;font-family: "microsoft yahei";}
.wip_artbg{
	width: 100%;
}
img{max-width:100%;height:auto;border:0;}
.wip_art_conbg{
	width: 100%;
	width: 1230px;
	padding:0 15px;
	margin: auto;
	overflow: hidden;
}
.logo{width:233px;height:auto;}
.logo img{width:233px;height:auto;}
.fwzt,.fwzt1{margin:30px auto;}
.jsjf{overflow: hidden;box-shadow: 0 0 10px #e0e0e0;}
.jsjf .list{width:586px;float:left;box-shadow: 0 0 10px #e0e0e0;padding:0 30px 20px;}
.jsjf .r30{margin-right:28px;}
.jsjf_list{border-top:1px solid #eeeeee;}
.jsjf_list li{margin-top:10px;}
.jsjf_list li p{padding-left:16px;}
.jsjf_list a{    
	display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #333333;
    line-height: 30px;
}
.jsjf_list a img{margin-right:10px;}

.fwzt1{overflow: hidden;}
.fwzt1 div{float:left;width:100%;margin-right:30px;}
.zwfw{height:460px;padding:0 30px;box-shadow: 0 0 10px #e0e0e0;}
.title{height:60px;line-height: 60px;font-size:21px;font-weight:bold;color:#4293f4;}
.title span{border-top:4px solid #4293f4;padding:0 5px;display:inline-block;}
.title a{float:right;color:#4293f4;font-size:15px;}
.fw_list{overflow: hidden;}
.fw_list li{float:left;width:170px;height:120px;margin-right:20px;margin-bottom: 20px;}
.fw_list li a{font-size:15px;color:#333333;border:1px solid #d9e9fd;display:block;padding-top:80px;text-align: center;}
.fw_list li a span{display:block;line-height: 40px;background: #ecf4fe;}
.fw_list li a span.h20{line-height: 20px;font-size:13px;}
.fw_list li:hover{background: #4293f4;}
.fw_list li:hover a span{background: #519cf5;color:#ffffff;}
.fw_list li.s1 a{background: url(../images/tz1.png) no-repeat center 18px;}
.fw_list li.s2 a{background: url(../images/tz2.png) no-repeat center 18px;}
.fw_list li.s3 a{background: url(../images/tz3.png) no-repeat center 18px;}
.fw_list li.s4 a{background: url(../images/tz4.png) no-repeat center 18px;}
.fw_list li.s5 a{background: url(../images/tz5.png) no-repeat center 18px;}
.fw_list li.s6 a{background: url(../images/tz6.png) no-repeat center 18px;}
.fw_list li.s7 a{background: url(../images/tz7.png) no-repeat center 18px;}
.fw_list li.s8 a{background: url(../images/tz8.png) no-repeat center 18px;}
.fw_list li.s9 a{background: url(../images/tz9.png) no-repeat center 18px;}
.fw_list li.s10 a{background: url(../images/tz10.png) no-repeat center 18px;}
.fw_list li.s11 a{background: url(../images/tz11.png) no-repeat center 18px;}
.fw_list li.s12 a{background: url(../images/tz12.png) no-repeat center 18px;}

.fw_list li.s1:hover a{background: url(../images/tz1h.png) no-repeat center 18px;}
.fw_list li.s2:hover a{background: url(../images/tz2h.png) no-repeat center 18px;}
.fw_list li.s3:hover a{background: url(../images/tz3h.png) no-repeat center 18px;}
.fw_list li.s4:hover a{background: url(../images/tz4h.png) no-repeat center 18px;}
.fw_list li.s5:hover a{background: url(../images/tz5h.png) no-repeat center 18px;}
.fw_list li.s6:hover a{background: url(../images/tz6h.png) no-repeat center 18px;}
.fw_list li.s7:hover a{background: url(../images/tz7h.png) no-repeat center 18px;}
.fw_list li.s8:hover a{background: url(../images/tz8h.png) no-repeat center 18px;}
.fw_list li.s9:hover a{background: url(../images/tz9h.png) no-repeat center 18px;}
.fw_list li.s10:hover a{background: url(../images/tz10h.png) no-repeat center 18px;}
.fw_list li.s11:hover a{background: url(../images/tz11h.png) no-repeat center 18px;}
.fw_list li.s12:hover a{background: url(../images/tz12h.png) no-repeat center 18px;}

.jrfw{height:240px;margin-top:30px;margin-bottom:45px;padding:0 30px;box-shadow: 0 0 10px #e0e0e0;}
.jrfw_list{overflow: hidden;}
.jrfw_list li{float:left;width:204px;height:149px;margin-right:30px;border:1px solid #eeeeee;}
.jrfw_list li a{display:block;color:#666666;text-align: center;}
.jrfw_list li a span{line-height:50px;}
.jrfw_list li a span.h25{line-height:25px;}
@media screen and (max-width: 767px) {
	.wip_art_conbg{
		width: 100%;
		padding:0 15px;
		margin: auto;
		overflow: hidden;
	}
	.logo{width:233px;height:auto;}
	.logo img{width:233px;height:auto;}
	.fwzt,.fwzt1{margin:30px auto;}
	.jsjf{height:auto;overflow: hidden;box-shadow: 0 0 10px #e0e0e0;}
	.jsjf .list{width:100%;height:auto;float:none;box-shadow: 0 0 10px #e0e0e0;margin-bottom:30px;padding:0 30px;padding-bottom:20px;}
	.jsjf .r30{margin-right:28px;}
	.jsjf_list{border-top:1px solid #eeeeee;}
	.jsjf_list li{margin-top:10px;}
	.jsjf_list li p{padding-left:16px;text-align: right;}
	.jsjf_list a{    
		display: block;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: normal;
	    font-size: 17px;
	    color: #333333;
	    line-height: 30px;
	}
	.jsjf_list a img{margin-right:10px;}
	
	.fwzt1{overflow: hidden;}
	.fwzt1 div{float:left;width:100%;height:auto;margin-right:0;margin-bottom:30px;}
	.zwfw{height:auto;padding:0 30px;box-shadow: 0 0 10px #e0e0e0;padding-bottom:30px;}
	.title{height:60px;line-height: 60px;font-size:21px;font-weight:bold;color:#4293f4;}
	.title span{border-top:4px solid #4293f4;padding:0 5px;display:inline-block;}
	.title a{float:right;color:#4293f4;font-size:15px;}
	.fw_list{overflow: hidden;}
	.fw_list li{float:none;width:173px;height:120px;margin-right:0;margin:0 auto !important;margin-bottom: 20px !important;}
	.fw_list li a{font-size:15px;color:#333333;border:1px solid #d9e9fd;display:block;padding-top:80px;text-align: center;}
	.fw_list li a span{display:block;line-height: 40px;background: #ecf4fe;}
	.fw_list li a span.h20{line-height: 20px;font-size:13px;}
	.fw_list li:hover{background: #4293f4;}
	.fw_list li:hover a span{background: #519cf5;color:#ffffff;}
	.fw_list li.s1 a{background: url(../images/tz1.png) no-repeat center 18px;}
	.fw_list li.s2 a{background: url(../images/tz2.png) no-repeat center 18px;}
	.fw_list li.s3 a{background: url(../images/tz3.png) no-repeat center 18px;}
	.fw_list li.s4 a{background: url(../images/tz4.png) no-repeat center 18px;}
	.fw_list li.s5 a{background: url(../images/tz5.png) no-repeat center 18px;}
	.fw_list li.s6 a{background: url(../images/tz6.png) no-repeat center 18px;}
	.fw_list li.s7 a{background: url(../images/tz7.png) no-repeat center 18px;}
	.fw_list li.s8 a{background: url(../images/tz8.png) no-repeat center 18px;}
	.fw_list li.s9 a{background: url(../images/tz9.png) no-repeat center 18px;}
	.fw_list li.s10 a{background: url(../images/tz10.png) no-repeat center 18px;}
	.fw_list li.s11 a{background: url(../images/tz11.png) no-repeat center 18px;}
	.fw_list li.s12 a{background: url(../images/tz12.png) no-repeat center 18px;}
	
	.fw_list li.s1:hover a{background: url(../images/tz1h.png) no-repeat center 18px;}
	.fw_list li.s2:hover a{background: url(../images/tz2h.png) no-repeat center 18px;}
	.fw_list li.s3:hover a{background: url(../images/tz3h.png) no-repeat center 18px;}
	.fw_list li.s4:hover a{background: url(../images/tz4h.png) no-repeat center 18px;}
	.fw_list li.s5:hover a{background: url(../images/tz5h.png) no-repeat center 18px;}
	.fw_list li.s6:hover a{background: url(../images/tz6h.png) no-repeat center 18px;}
	.fw_list li.s7:hover a{background: url(../images/tz7h.png) no-repeat center 18px;}
	.fw_list li.s8:hover a{background: url(../images/tz8h.png) no-repeat center 18px;}
	.fw_list li.s9:hover a{background: url(../images/tz9h.png) no-repeat center 18px;}
	.fw_list li.s10:hover a{background: url(../images/tz10h.png) no-repeat center 18px;}
	.fw_list li.s11:hover a{background: url(../images/tz11h.png) no-repeat center 18px;}
	.fw_list li.s12:hover a{background: url(../images/tz12h.png) no-repeat center 18px;}
	
	.jrfw{height:auto;margin-top:30px;margin-bottom:45px;padding:0 30px;box-shadow: 0 0 10px #e0e0e0;}
	.jrfw_list{overflow: hidden;}
	.jrfw_list li{float:none;width:204px;height:149px;margin-right:0;margin:0 auto !important;margin-bottom:20px !important;border:1px solid #eeeeee;}
	.jrfw_list li a{display:block;color:#666666;text-align: center;}
	.jrfw_list li a span{line-height:50px;}
	.jrfw_list li a span.h25{line-height:25px;}
}