/*
 初始化样式
 符号*,代表所有的样式
 * */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: "微软雅黑";
	color: #333;
}
li{
	list-style: none;
}
body{
	background: #fffff2;
}

.banner{
	width: 100%;
	height: auto;
	max-height: 731px;
	display: block;
}
.banner img{
	width: 100%;
	height: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}

.section{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:30px;
}
.main{
	width: 1200px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:200px;
}
.daoyu{
	width: 100%;
	height: auto;
	max-height: 255px;
	display: block;
	margin: 30px auto;
	margin-top:-170px;
}
.daoyu img{
	width: 100%;
	height: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.section1-con{
	width: 100%;
	height: 339px;
	display: block;	
}
/*.jingli-left{
	width: 332px;
	height: 420px;
	display: block;
	
	float: left;
	overflow: hidden;	
}*/
.jl-tu{
	display: block;
	overflow: hidden;
}
.jl-tu img{
	width: 332px;
	height: 300px;
	display: block;
}
.jl-button{
	display: block;
	overflow: hidden;
}
.jl-button a{
	width: 332px;
	height: 47px;
	display: block;
	margin: 0 auto;
	margin-top:288px;
	margin-left:59px;
	/*background: #ea0102;
	border-radius: 28px;
	color: #f4fd04;
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;*/
}
/*.jl-button a:hover{
	background: #d50102;
}*/
.jl-p{
	display: block;
	overflow: hidden;
}
.jl-p p{
	width: 332px;
	height: 36px;
	display: block;
	margin: 0 auto;
	color: #573307;
	font-size: 20px;
	line-height: 36px;
	font-weight: normal;
	text-align: center;
	margin-top: 4px;
}
.jl-p p span{
	color: #ff3131;
}

.qianming-right{
	width: 896px;
	height: 264px;
	display: block;
	float: right;
	overflow: hidden;
	margin-top:-290px;
}

.qm-title{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.qm-title img{
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
.qmjy_qm{
	overflow: hidden;
	width: 852px;
	float: right;
	margin-top: 40px;	
	margin-right:26px;
}


select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*background: url(fy20200919_jiantou.png) no-repeat right 12px center #fff;*/
    border: none;
}
select#name,select#city{
	width: 270px;
    height: 42px;
    display: block;
    border-radius: 3px;
    line-height:40px;
    font-size:16px;
    color: #333;
    padding: 0px 10px;
    border: none 0;
}
.area:after{
    display: block;
    content: '地区：';
    position: absolute;
    top: 0;
    left: -60px;
}
.ipt1{
    width: 396px;
	height: auto;
	margin-bottom: 25px;
    float: right;
    position: relative;
    line-height: 42px;
    font-size: 16px;
    color: #333;
}
div.ipt1.xm{
		float: left;
		margin-left: 60px;

	}
.qmjy_qm input,.qmjy_qm textarea{
	width: 240px;
    display: block;
    border: none;
    padding: 0 10px;
    border-radius: 3px;
    line-height: 40px;
    font-size: 16px;
    
    float: left;
}
input,input:focus,textarea,textarea:focus,select,select:focus{
	outline: none;
}

.xm:after{
    display: block;
    content: '姓名：';
    position: absolute;
    top: 0;
    left: -60px;
}
.jyn{
    margin: 0 auto;
    margin-bottom: 25px;
}
.ipt{
    width: 907px;
	height: auto;
    float: right;
    position: relative;
    line-height: 24px;
    font-size: 19px;
    color: #333;
    margin-top:0px;
    margin-right:-120px;
}
textarea#content{
	width: 772px;
    height: 147px;
}
.qmjy textarea{
    width: 718px;
}
.jyn:after{
    display: block;
    content: '留言：';
    position: absolute;
    margin-top:8px;
    left: -60px;
}
.tjly{
    height: 44px;
    overflow: hidden;
    margin-top:-7px;
}

.tjs{
    width: 170px;
	height: 44px;
	display: inline-block;
	margin: 0 auto;
	background: #f4c131;
	border-radius: 28px;
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	letter-spacing: 0.8px;
	font-weight: bold;
	text-align: center;
    border: 0 none;
    cursor: pointer;
}
.tjs:hover{
	background: #c8171b;
}


.section2-con{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;	
	margin-top:-116px;
}
.ly-title{
	display: block;
	overflow: hidden;
	margin-top:-22px;
}
.ly-title img{
	width: auto;
	height: auto;
	display: block;
	margin: 45px auto;
	margin-top:20px;
}
.ly-con{
	width: 100%;
	height: 502px;
	display: block;
	margin-right: 18px;
	overflow-y: auto;
	margin-top:-38px;
}
.ly-list{
	overflow: hidden;
	float: left;
	width: 100%;
}
.ly-list:nth-of-type(1){
	border-top: 1px dotted #777;
}
.ly-name{
	overflow: hidden;
	margin: 8px auto;
}
.ly-name h3{
	font-size: 18px;
	font-weight: bold;
	color: #dc2c29;
	line-height: 36px;
	text-align: left;
}
.ly-p{
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 16px;
	border-bottom: 1px dotted #777;
}
.ly-p p{
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 28px;
	text-align: left;
}


.section3-con{
	width: 100%;
	height: auto;
	display: block;	
}

.tj-title{
	display: block;
	overflow: hidden;
}
.tj-title img{
	width: auto;
	height: auto;
	display: block;
	margin: 35px auto;
}

.tj-con{
	overflow: hidden;
	background: #f7d7a1;
	border-radius: 8px;
	margin-bottom: 90px;
}
.zhs{
  overflow: hidden;
  width: 1140px;
  height: auto;
  padding: 0px 30px 12px 30px;
}
.zhs li{
  width: 256px;
  height: 72px;
  /*background: #FFEFBF;*/
  padding: 12px;
  float: left;
  margin-top: 20px;
  margin-right: 6px;
  margin-bottom: 6px;
}
.zhs li:nth-of-type(4),.zhs li:nth-of-type(8),.zhs li:nth-of-type(12),.zhs li:nth-of-type(16),.zhs li:nth-of-type(20){
	margin-right: 0px;
}
.zhs li:nth-of-type(24),.zhs li:nth-of-type(28),.zhs li:nth-of-type(32),.zhs li:nth-of-type(36),.zhs li:nth-of-type(40){
	margin-right: 0px;
}
.zhs h3{
  overflow: hidden;
  font-weight: normal;
}
.zhs dl{
  overflow: hidden;
  line-height: 30px;
}
.zhs dt{
  float: left;
  font-weight: bold;
  font-size: 18px;
}
.zhs dd{
  float: right;
  margin: 0;
  font-size: 16px;
}
.zhs dd em{
  font-style: normal;
  font-weight: bold;
  color: #E53133;
}
.zhs h5{
  height: 30px;
  background: #CECEBF;
  position: relative;
  margin: 10px 0 0;
}
.zhs h5 span{
  position: absolute;
  right: 5px;
  font-size: 14px;
  line-height: 30px;
  display: block;
  color: #E53133;
}
.dj{
  position: absolute;
  width: 69.8%;
  height: 100%;
  background: #E53133;
}


/*底部*/
.footer{
	height: auto;
	overflow: hidden;
	background: #c82721;
	margin-top:60px;
}
.footer-con{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.footer_left{
	width: 620px;
	height: auto;
	margin: 0 auto;
	padding: 42px 0px;
	padding-right: 50px;    
	display: block;
	float: left;
	overflow: hidden;
}
.footer_left p{
	font-size: 14px;
	color: #fff;
	font-family: "宋体";
	font-weight: normal;
	line-height: 32px;
	text-align: center;
}
.footer_right{
	width: 180px;
	height: auto;
	padding: 40px 0px;
	float: right;  
	overflow: hidden;
	padding-right: 130px;
}
.footer_right img{
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	margin-bottom: 6px;
}
.footer_right p{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	font-family: "宋体";
	font-weight: normal;
	text-align: center;
	text-indent: 0; 
}


/*
 设定屏幕小于768像素时的样式
 * */
@media only screen and (max-width: 768px) {
	/*.banner{
		height: 270px;
		background-size: auto 100%;
		padding-top: 30px;
	}
	.banner-img{
		height: 270px;
		background-size: auto 75%;

	}

	.section{
		margin-top: -60px;
	}*/
	.main{
		width: 100%;
		height: auto;
		display: block;
	}
	.daoyu{
	margin: 10px auto;
	}
	.section1-con{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;	
	}
	.qm-title{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	}
	.qm-title img{
		width: 70%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.jingli-left{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		float: none;
	}
	.jl-tu{
	width: 100%;
	height: auto;
	display: block;
	float: none;
	
	}
	.jl-tu img{
		width: 70%;
		height: auto;
		margin: 0 auto;
	}
	.jl-button{
	width: 100%;
	height: auto;
	display: block;
	float: none;
	}
	.jl-button a{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.jl-button img{
		width: 70%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.qianming-right{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		float: none;
	}
	.qmjy_qm{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}
	.ipt1{
	    width: 100%;
		height: auto;
		margin: 0 auto;

		margin: 0px 80px 25px 80px!important;
	    float: none;
	    position: relative;
	    line-height: 42px;
	    font-size: 16px;
	    color: #333;

	}
	div.ipt1.xm{
		height: 40px;
		float: none;
	}
	.qmjy_qm input, .qmjy_qm textarea{
		width: 250px;
	}


	.ipt{
    width: 100%;
	height: auto;
	margin: 0px 80px 25px 80px!important;
    float: none;
    position: relative;
    line-height: 42px;
    font-size: 16px;
    color: #333;
	}
	textarea#content{
		width: 250px;
	    height: 220px;
	    margin-bottom: 25px;
	}
	.qmjy textarea{
	    width: 100%;
	}


	.ly-title{
		width: 100%;
		height: auto;
		display: block;
	
	}
	.ly-title img{
		width: 70%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 26px;
	}
	.ly-list{
		width: 100%;
		float: none;
	}
	.ly-name{
		margin: 3px auto;
	}
	.ly-name h3{
		font-size: 16px;
		font-weight: bold;
		color: #dc2c29;
		line-height: 30px;
		text-align: left;
		}
	.ly-p{
		overflow: hidden;
		margin: 0 auto;
		padding-bottom: 10px;
		border-bottom: 1px dotted #777;
	}
	.ly-p p{
		font-size: 14px;
		font-weight: normal;
		color: #333;
		line-height: 21px;
		text-align: left;
	}


	.tj-title{
		width: 100%;
		height: auto;
		display: block;
	
	}
	.tj-title img{
		width: 70%;
		height: auto;
		display: block;
		margin: 26px auto;
	}


	.tj-con{
		overflow: hidden;
		background: #f7d7a1;
		border-radius: 8px;
		
		margin-bottom: 30px;
	}
	.zhs{
	  overflow: hidden;
	  width: 100%;
	  height: auto;
	  margin: 15px auto;
	  margin-top: 10px;
	  padding: 0;
	  
	}
	.zhs li{
	  width: 100%;
	  height: 50px;
	  /*background: #FFEFBF;*/
	  padding: 0;
	  float: none;
	  margin-top: 10px;
	  margin-right: 3px;
	  margin-bottom: 3px;
	}

	.zhs h3{
	  overflow: hidden;
	  font-weight: normal;
	}
	.zhs dl{
	  overflow: hidden;
	  line-height: 24px;
	  margin: 0px 10px;
	}
	.zhs dt{
	  float: left;
	  font-weight: bold;
	  font-size: 16px;
	}
	.zhs dd{
	  float: right;
	  margin: 0;
	  font-size: 14px;
	}
	.zhs dd em{
	  font-style: normal;
	  font-weight: bold;
	  color: #E53133;
	}
	.zhs h5{
	  height: 24px;
	  background: #CECEBF;
	  position: relative;
	  margin: 5px 10px 0px 10px;
	}
	.zhs h5 span{
	  position: absolute;
	  right: 5px;
	  font-size: 14px;
	  line-height: 24px;
	  display: block;
	  color: #E53133;
	}
	.dj{
	  position: absolute;
	  width: 69.8%;
	  height: 100%;
	  background: #E53133;
	}


	.footer{
		height: auto;
		margin-top: 0px;
	}
	.footer-con{
		width: 100%;
	}
	.footer_left{
		width: 100%;
		padding: 30px 0px;
	}
	.footer_left p{
		width: 100%;
		line-height: 30px;
	}
	.footer_right{
		display: none;
	}
}