

.listtop{background-image: url(http://www.zydlks.com/images/v4/wuliao/shihuishi.jpg); height:400px;}
.listtop h1{padding: 7rem 0 1rem 0;font-size:1.5rem;font-weight:bold;color:#fff;}
.listtop p{color:#fff;}
.listmain{padding-top: 4rem;overflow: hidden;}
.listmain .note .tu{width: 50%;float: left;}
.listmain .note:nth-child(even) .tu{float: right;}
.listmain .note .depict{width: 50%;padding: 4rem;background-color: #f4f7f9;float: right;height: 387px;}
.listmain .note .depict h2{font-size: 1.5rem;font-weight: bold;color: #333;margin-bottom: 1rem;}
.listmain .note .depict p{line-height: 1.5rem;font-size: 0.875rem;margin-bottom: 5px;color: #666;}
.listmore{margin-top: 2rem;}
.listmore a{font-size: 0.875rem;padding: 7px 25px;border: solid 1px #3c5dc5;color: #3c5dc5;}
.materialmore{padding: 2rem 0 3rem 0;overflow: hidden;}
.materialmore h2{font-size: 1.5rem;font-weight: bold;color: #333;margin-bottom: 1rem;}
.materialmore ul li{margin-right: 1rem;margin-bottom: 1rem;padding: 0.5rem 2rem;border-radius: 20px;background-color: #f0f0f4;float: left;text-align: center;}

.topbanner.shihuishi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/shihuishi.jpg);}
.topbanner.qingshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/qingshi.jpg);}
.topbanner.meiganshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/meiganshi.jpg);}
.topbanner.heluanshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/heluanshi.jpg);}
.topbanner.huagangyan{ background-image: url(http://www.zydlks.com/images/v4/wuliao/huagangyan.jpg);}
.topbanner.xuanwuyan{ background-image: url(http://www.zydlks.com/images/v4/wuliao/xuanwuyan.jpg);}
.topbanner.fangjieshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/fangjieshi.jpg);}
.topbanner.baiyunshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/baiyunshi.jpg);}
.topbanner.shiyingshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/shiyingshi.jpg);}
.topbanner.tiekuangshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/tiekuangshi.jpg);}
.topbanner.eluanshi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/eluanshi.jpg);}
.topbanner.jianzhulaji{ background-image: url(http://www.zydlks.com/images/v4/wuliao/jianzhulaji.jpg);}
.topbanner.weikuang{ background-image: url(http://www.zydlks.com/images/v4/wuliao/weikuang.jpg);}
.topbanner.gangzha{ background-image: url(http://www.zydlks.com/images/v4/wuliao/gangzha.jpg);}
.topbanner.dongzha{ background-image: url(http://www.zydlks.com/images/v4/wuliao/dongzha.jpg);}
.topbanner.gaogaishi{ background-image: url(http://www.zydlks.com/images/v4/wuliao/gaogaishi.jpg);}
.topbanner.huilvyan{ background-image: url(http://www.zydlks.com/images/v4/wuliao/huilvyan.jpg);}
.topbanner{height: 400px;}
.topbanner h1 {color: #fff;font-size: 2.5rem;padding-top: 5rem;text-align: center;}
.topbanner p {line-height: 2.5rem;color: #fff;padding:1rem 0;text-align: center;}
.topbanner .topzixun{text-align: center;}
.topbanner .kefu{border: solid 1px #f7f7f7;padding: 5px 15px;margin-right: 2rem;}
.topbanner .kefu a{color:#fff;}
.topbanner .view{border: solid 1px #f7f7f7;padding: 5px 15px;}
.topbanner .view a{color:#fff;}

.shebei{margin:3rem 0;border-bottom: 2rem solid #f4f7f9;}
.shebei h2{font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;}
.shebei h3{color: #333;text-align:center;font-weight:bold;margin: 2rem 0 1rem 0;}
.headline{width: 3rem;height: 3px;background: #3461C6;margin: 1.5rem auto 2rem auto;}
.pro{margin: 4rem 0;}
.pro p{color: #777;font-size: 0.875rem;line-height: 1.5rem;overflow: hidden;text-align: center;}

.prolist{padding-right: 1.5rem;}
.pro .col-md-3{padding: 0 1.5rem;}
.pro .col-md-3:not(:last-child) {border-right: 1px solid #ddd;}
.pro .col-md-3:hover{box-shadow:0 3px 10px #dcdcdc;	-moz-box-shadow:0 3px 10px #dcdcdc;transition:all .2s ease 0s;color:#f43c37;transition:all .2s ease 0s}
.pro .col-md-4{padding: 0 1.5rem;}
.pro .col-md-4:not(:last-child) {border-right: 1px solid #ddd;}
.pro .col-md-4:hover{box-shadow:0 3px 10px #dcdcdc;	-moz-box-shadow:0 3px 10px #dcdcdc;transition:all .2s ease 0s;color:#f43c37;transition:all .2s ease 0s}
.prolink{text-align:center;margin:1rem 0;}
.prolink a{margin-top: 0.5rem;font-size: 0.875rem;color: #007bff;}

.gongyi{padding-bottom: 4rem;border-bottom: 2rem solid #f4f7f9;}
.gongyi h2{font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;}
.gongyi h3{margin: 1rem 0;color:#333;font-weight: bold;}
.gongyi b{display:block;padding-top:1rem;text-align: center;color:#444;}
.gongyi p{line-height: 2rem;text-indent: 2rem;}

.peizhi{padding-bottom: 6rem;padding-top: 3rem;}
.peizhi h2{font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;}
.p_table{width:100%;}
.p_sin firstRow{background-color: #e5e5e5;}
.p_table tr td{padding: 0.875rem 0;margin:0px;border:1px solid #ddd;text-align:center;}
.p_table tr:hover{ background-color:#f5f5f5;}
.p_table tr.firstRow{background-color:#f5f5f5;}

.anli{margin-bottom:3rem;border-bottom: 2rem solid #f9f9f9;padding-bottom: 4rem;}
.anlilist{margin-bottom:2rem;}
.anli h2{font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;}
.anli h3{margin:0.5rem 0 1rem 0;color:#333;font-weight:bold;}
.anli p{margin-top:0.5rem;font-size:0.875rem;color: #777;}
.anli .more{margin-top:0.5rem;}
.anli .more a{margin-top:0.5rem;font-size:0.875rem;color:#007bff;}


.fuwu{margin-bottom:3rem;padding-bottom: 4rem;}
.fuwu h2{font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;}
.fuwu h3{margin: 1rem 0;color:#333;font-weight: bold;}
.fuwu p{font-size:0.875rem;line-height: 1.5rem;margin-bottom: 2rem;color: #777;}
.fuwu .fuwulist{background: #f9f9f9;padding:2.5rem 1.5rem 3rem;text-align: center;}
.fuwu .fuwulist img{width:4rem;}
.b-btn {padding: 0.4rem 2.5rem;line-height: 1.5rem;color: #007bff;border-radius: 4px;border: 1px solid #007bff;display: inline-block;transition: all .3s;}
.b-btn:hover {color: #fff; background: #007bff;}

.gyform {margin-bottom: 4rem;padding: 4rem 0;background: url(/images/v4/wuliao/sheji.jpg);position: relative;}
.gyform:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(249, 249, 249, 0.95); }
.gyform .content {position: relative;z-index: 1;}
.gyform h2 {font-size: 1.5rem;text-align:center;color:#444;padding-top: 2rem;font-weight: bold;margin-bottom:1.5rem;}
.gyform h3{font-size: 0.875rem;line-height: 2rem;color: #999;text-align: center;}
.gyform .inputlist {margin:3rem 1rem 3rem 0;display: inline-block;vertical-align: top;position: relative;}
.gyform .inputlist p {display: inline-block;}
.gyform .inputlist input,.gyform .inputlist select {background: #fff;border: 1px #ddd solid;padding:10px;font-size: 0.875rem;border-radius: 4px;}
.gyform button {margin-left: 2rem;background: #007bff;color: #fff;border-radius:4px;transition: all .3s;padding: 0.6rem 3rem;border-style: none;}
.gyform button:hover {background: #449eff;border-style: none;}
.gyform .formbtn{display: block;text-align: center;}
.gyform .formbtn a{padding: 0.6rem 3rem;}
.zixun {color: #007bff;background: #fff;border-radius: 4px;border:1px solid #007bff;display: inline-block;transition: all .3s;}
.zixun:hover { color: #fff; background: #007bff;}

@media screen and (max-width: 768px) {
	.topbanner h1{font-size:2rem;padding-top:3rem;}
	.position{padding-left:1rem;}
	.pro .col-md-3:not(:last-child){border: none;}
	.pro .col-md-4:not(:last-child){border: none;}
	.gongyi p{margin-bottom:2rem;}
	.gyform{padding-top:2rem;margin-bottom: 2rem;}
	.gyform .inputlist{margin: 0 0 1rem 0;}
	.gyform .formbtn a{width:45%;padding:5px;}
	.gyform button{width:45%;padding:0.5rem;}
	.anli {margin-bottom: 2rem;padding-bottom: 2rem;}
	.anli h3{margin-top:1.5rem;}
	.peizhi h2{line-height: 2.5rem;}
	.gyform .inputlist{font-size: 0.875rem;}
	.gyform .inputlist input, .gyform .inputlist select{padding:3px;font-size: 0.5rem;}
	.fuwu .fuwulist{margin-bottom: 2rem;padding: 2.5rem 1rem;}
	.b-btn{padding: 0.4rem 2rem;}


	.listmain .note .tu{width: 100%;}
	.listmain .note .depict{width: 100%;padding: 2rem;height: auto;}
	.materialmore ul li{padding: 5px 15px;}
	
	
}

