@import url("font-awesome.min.css");
#xxtp{width:100%;
	text-align:center; float:left; 
}
#xxtp.zy{ padding-bottom:1%;}
#xxtp ul{ list-style-type:none;margin-left:-2%;}
#xxtp UL LI { width:23%; float:left; border:#189AD7  solid 1px; margin-left:2%; margin-top:1%; margin-bottom:1%;}
#xxtp UL LI .tp{ width:100%; position:relative; display:block; padding-top:70%; overflow:hidden;}
#xxtp UL LI .tp img{width:100%; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.6s ease-in-out 0s;}
#xxtp UL LI p{ font-weight:bold; color:#092d3e; font-size:16px; line-height:2.5;transition:all 0.6s ease-in-out 0s;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center;background-color:#E7F4FA;}
#xxtp.zy UL LI p{ background-color:#FFF}	
#xxtp UL LI:hover p{ color:#fff; background-color:#189AD7}
#xxtp UL LI:hover .tp img{transform: scale(1.1);
	-o-transform: scale(1.1) ;
	-webkit-transform: scale(1.1) ;
	-moz-transform: scale(1.1) ;
	-ms-transform: scale(1.1) ;}
.clear{ clear:both;}
#dbly{ width:100%; float:left;  overflow:hidden;  }
#dbly p{ margin-top:10px; margin-bottom:10px;overflow:hidden; width:100%; float:left; text-align:center; color:#fff; position:relative;}
#dbly p.ba{}
#dbly p .checkimg{ position:absolute; left:49%; margin-left:-90px; padding-left:5px; border-left:#ddd solid 1px; top:8px; height:24px;}
#dbly textarea{  border:none; background-color:#fff;padding:0px 20px; float:left;  color:#444; width:100%; outline:none;}
#dbly input{ height:40px;outline:none;background:none; color:#444; background-color:#fff}
#dbly .input3{ border:#ddd solid 0px; width:49%; float:left;padding:0px 20px;}
#dbly .input4{ border:#ddd solid 0px; width:49%; float:right;padding:0px 20px;}
#dbly textarea{ padding-top:5px; padding-bottom:5px; height:130px;color:#888}
#dbly .input1{ border:#ddd solid 0px;padding:0px 20px;  width:100%;}
#dbly textarea::-webkit-input-placeholder{color:#888;}
#dbly .input2{  line-height:20px; color:#666; background-color:#fff; height:80px;}
#dbly input::-webkit-input-placeholder{ color:#888;}
#dbly .button2{  height:40px;  width:160px; border-radius:40px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s ease-in-out 0s;
	background-color:#E88B00;
 margin-top:6PX; border:0px; font-weight:bold; font-size:18px; margin-left:auto; margin-right:auto;
}
#dbly .button2:hover{ background-color:#189AD7; }
.text-bt{ font-size:18px;}
.text-wz{ font-size:16px;}
#ewm{width:100%;
	text-align:center; float:left;  text-align:center
}
#ewm ul{ list-style-type:none;}
#ewm ul li{display:inline-block; width:140px; margin:6px; }
#ewm ul li img{ width:100%; display:block; border:#189AD7  solid 1px;}
#ewm ul li p { font-size:16px; line-height:1.5; margin-top:5px; text-align:center; }
.fdwx{ position:fixed; right:0px; z-index:100; top:50%; width:60px; margin-top:-30px; cursor:pointer;}
#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:750px; }
#wxnr{ width:100%;position:fixed; display:none; top:0px; left:0px; z-index:1000; background-color:rgba(0,0,0,0.4); height:100%;}
#wxnr .nrdf{ width:70%; padding:5%; margin-top:10%; float:left; margin-left:10%; text-align:center; background-color:#fff;box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr  .img1{ max-width:100%; margin-left:auto; margin-right:auto; display:block; margin-bottom:10px;}
#wxnr  .img2{ max-width:100%; margin-bottom:10px;margin-left:auto; margin-right:auto; display:block; }
#wxnr .top1{ margin-top:-6%;}
#wxnr .top2{ margin-top:2%;}
#wxnr  p{ font-size:14px; line-height:30px; text-align:center; }
#wxnr  p.gxm{ font-size:16px; line-height:2.5;; font-weight:bold; color:#E86F26;}
#wxnr  p i{ font-size:16px;}
#wxnr  em{ font-weight:normal;
	display:inline-block;
	line-height:35px;
	font-size:14px;
	background-color:#cc0000;
	color:#fff; font-weight:14px; font-weight:600;
	border-radius:8px;
	cursor:pointer;
	font-style: normal;padding-left:25px; padding-right:25px;
}
#wxnr  span{ display:inline-block; padding-left:25px; padding-right:25px; line-height:35px; font-size:14px; background-color:#1AAD17; color:#fff;border-radius:5px; cursor:pointer;}
#wxnr  span.rd{ background-color:#FFA14A;}
@media only screen and (max-width: 1300px){}
@media only screen and (max-width: 960px){#xxtp UL LI p{ font-size:15px;}#xxtp UL LI { width:48%;}#dbly textarea::-webkit-input-placeholder,#dbly input::-webkit-input-placeholder,#dbly textarea,#dbly input{ font-size:12px;}#dbly p{ margin-top:6px; margin-bottom:6px;}#dbly .button2{ height:30px;}#dbly textarea{ height:80px;}}
@media only screen and (max-width: 600px){#dbly input{ height:30px;}#dbly p .checkimg{ height:20px; top:5px; margin-left:-75px;}#wxnr  .img1{ max-width:110px; }}
@media only screen and (max-width: 500px){#dbly .input3{  width:100%; float:left;padding:0px 10px; margin-top:6px; margin-bottom:6px;}
#dbly .input4{ border:#ddd solid 0px; width:100%; float:right;padding:0px 10px; margin-top:6px; margin-bottom:6px;}#dbly p{ margin:0px}#dbly p .checkimg{ height:20px; top:10px; right:10px; left:auto; margin-left:0px;}}