body{ background:#fff; font:normal 12px/22px Microsoft YaHei;  }

@media (min-width: 1201px) {

	*{padding: 0;margin: 0;}
	img{vertical-align: middle;}
	li,ul{list-style: none;}
	a{text-decoration: none;}
	html{font-size:12px;}
	#top{
		width: 1200px;
		/* height: 200px; */
		/* background: red; */
		margin: auto;
		overflow: hidden;
		position: relative;

	}
	#top .search{
		float: right;
		margin-top:3rem;
		margin-right:10rem;
	}
	#top .search .inputBox{
		border: 1px solid rgb(66,66,66);
		overflow:hidden;
	}

	#top .search input{
		font-size: 1.4rem;
		padding:0 1rem;
		box-sizing:border-box;
		outline: none;
		border: none;
		line-height:4rem;
		width: 30rem;
		float:left;
	}
	#top .search .searchBtn{
		float:left;
		height: 4rem;
		width: 4rem;
		background:rgb(66,66,66);
		cursor:pointer;
		box-sizing:border-box;
		padding:13px;
	}
	#top .search .searchBtn:hover{
		background:rgb(88,88,88);
	}
	#top .search .keywords{
		color:gray;
		padding:.5rem 1rem;
		font-size:1.2rem;
	}
	#top .QRcode{
		position:absolute;
		right:0;
		top:1.8rem;
	}
	#top .topLogo{
		position:absolute;
		left:-34px;
		top:0;
	}
	#nav{
		width: 100%;
		height: 40px;
		background:rgb(67,67,67);
		box-shadow:0 1px 5px black;
		color:white;
		font-size:19px;
		margin-top:5px;
	}
	#nav #navBox{
		width: 1200px;
		height: 40px;
		/* overflow:hidden; */
		margin:auto;
		/* line-height:40px; */
	}
	#nav #navBox a{
		color:white;
	}
	#nav #navBox li{
		float:left;
		width: 14.2%;
		height: 40px;
		text-align:center;
		padding:7px 0;
		box-sizing:border-box;
		cursor:pointer;
		transition:background .2s linear;
	}
	#nav #navBox li:hover{
		background:rgb(192,80,77);
	}
	#nav #navBox li .textWrap{
		width: 100%;
		border-right:2px solid rgb(210,210,210);
		box-sizing:border-box;
	}
	#nav #navBox .allpd{
		background:rgb(192,80,77);
		position:relative;
		z-index:999;
	}
	#nav #navBox .allpd .childNav{
		background:rgb(238,238,238);
		width: 230px;
		position:absolute;
		left:0;
		top:40px;
		display:none;
		color:black;
		text-align:left;
		font-size:17px;
	}
	#nav #navBox .allpd:hover .childNav{
		display:block;
	}
	#nav #navBox .allpd .childNav .childNavs{
		padding:7px 5px 7px 21px;
	}
	
	#nav #navBox .allpd .childNav a{
		color:#000; text-decoration: none;
	}
	#nav #navBox .allpd .childNav a:hover{
		color:#000; text-decoration: none;
	}
	#nav #navBox .allpd .childNav .childNavs a{
		color:#000; text-decoration: none;
	}
	#nav #navBox .allpd .childNav .childNavs a:hover{
		color:#000; text-decoration: none;
	}
	#nav #navBox .allpd .childNav .childNavs>img{
		float:right;
	}
	#nav #navBox .allpd .childNav .childNavs:hover{
		background:rgb(192,80,77);
		color:white;
		text-decoration: none;
	}
	#nav #navBox .allpd .childNav .childNavs .tchildnav{
		position:absolute;
		top:0;
		left:230px;
		width: 230px;
		background:rgb(229,229,229);
		display:none;
		color:black; height: 460px;
	}
	#nav #navBox .allpd .childNav .childNavs:hover .tchildnav{
		display:block;
	}
	.tcdnavs{
		padding:7px 30px;
		width: 100%;
		width: 230px;
		box-sizing:border-box;
		overflow: hidden; /*自動隱藏文字*/
		text-overflow: ellipsis;/*文字隱藏後添加省略號*/
		white-space: nowrap;
	}
	.tcdnavs:hover{
		color:rgb(192,80,77);
	}


	#footBox{
		width: 100%;
		background:rgb(74,74,74);
	}
	#copyright{
		width: 100%;
		background:black;
		text-align:center;
		color:rgb(134,134,134);
		line-height:56px;
	}
	#footer{
		width: 1200px;
		margin:auto;
		overflow:hidden;
		color:white;
	}
	#footer .foots1{
		float:left;
		padding-top:90px;
		padding-bottom:1.3rem;
		position:relative;
	}
	#footer .foots1 .fLogo{
		position:absolute;
		left:-10px;
		top:-8px;
	}
	#footer .foots1 .h2{
		font-size:2rem;
		margin-bottom:1.5rem;
	}
	#footer .foots1 p{
		margin:.5rem 0;
		font-size:1.2rem;
	}
	#footer .foots2{
		float:right;
		width: 780px;
		padding-top:50px;
		/* height: 30px; */
		/* background:red; */
	}
	#footer .foots2 .footnav{
		overflow:hidden;
		text-align:right;
		font-size:1.5rem;
	}
	#footer .foots2 .footnav li{
		width: 130px;
		float:left;
	}
	#footer .foots2 .footnav a{
		color:white;
	}
	#footer .foots2 .footnav a:hover{
		color:rgb(192,80,77);
	}
	#footer .foots2 .contact{

		/* background:red; */
		font-size:1.2rem;
		padding-left:145px;
		padding-top:60px;
		position:relative;
	}
	#footer .foots2 .contact .phone{
		font-weight:bolder;
	}
	#footer .foots2 .contact .phone span{
		font-size:2.2rem;
	}
	#footer .foots2 .contact .telIcon{
		position:absolute;
		top:60px;
		left:80px;
	}
	#footer .foots2 .contact .QRcodeBox{
		position:absolute;
		right:40px;
		top:30px;
		overflow:hidden;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs{
		float:left;
		text-align:center;
		margin:0 1.1rem;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs p{
		margin-top:5px;
	}

	.content{
		width: 1200px;
		margin:auto;
		padding:1.8rem 0;
		overflow:hidden;
	}
	.bigTitle{
		width: 1200px;
		height: 260px;
		background:url('../image/titleBac.png') no-repeat  0 0 /100% 100%;
		position:relative;
	}
	.bigTitle img{
		width: 100%;
		height:100%;
	}
	.bigTitle p{
		position:absolute;
		font-size:4rem;
		right:11rem;
		top: 7.5rem;
		color:white;
	}
	.smallTitle{
		font-size:16px;
		padding:30px 0 20px;
		border-bottom:1px solid rgb(204,204,204);
	}
	.smallTitle a{
		 color:#000;
	}
	.smallTitle img{
		position:relative;
		bottom:2px;
	}

}

@media (max-width: 1200px) {

	*{padding: 0;margin: 0;}
	img{vertical-align: middle;}
	li,ul{list-style: none;}
	a{text-decoration: none;}
	html{font-size:12px;}
	#top{
		width: 100%;
		/* height: 200px; */
		/* background: red; */
		margin: auto;
		overflow: hidden;
		position: relative;

	}
	#top .search{
		float: right;
		padding-top: 36px; margin-right: 46px;
		


	}
	#top .zuo{ width:30%; float:left;
		
	}
	#top .you{ width:70%; float:right;
		
	}
	#top .ysewm{
		float: right;
		
		margin: 0 auto;


	}
	#top .search .inputBox{
		border: 1px solid rgb(66,66,66);
		overflow:hidden;
	}

	#top .search input{
		font-size: 1.4rem;
		padding:0 1rem;
		box-sizing:border-box;
		outline: none;
		border: none;
		line-height:4rem;
		width: 30rem;
		float:left;
	}
	#top .search .searchBtn{
		float:left;
		height: 4rem;
		width: 4rem;
		background:rgb(66,66,66);
		cursor:pointer;
		box-sizing:border-box;
		padding:13px;
	}
	#top .search .searchBtn:hover{
		background:rgb(88,88,88);
	}
	#top .search .keywords{
		color:gray;
		padding:.5rem 1rem;
		font-size:1.2rem;
	}
	#top .QRcode{

		float: right;
		padding-top: 24px;
		
		

	}
	#top .topLogo{
width:100%;
		float: left;

	}
	#nav{
		width: 100%;
		height: 40px;
		background:rgb(67,67,67);
		box-shadow:0 1px 5px black;
		color:white;
		font-size:19px;
		margin-top:5px;
	}
	#nav #navBox{
		width: 100%;
		height: 40px;
		/* overflow:hidden; */
		margin:auto;
		/* line-height:40px; */
	}
	#nav #navBox a{
		color:white;
	}
	#nav #navBox li{
		float:left;
		width: 14%;
		height: 40px;
		text-align:center;
		padding:7px 0;
		box-sizing:border-box;
		cursor:pointer;
		transition:background .2s linear;
		background: #4a4a4a;
	}
	#nav #navBox li:hover{
		background:rgb(192,80,77);
	}
	#nav #navBox li .textWrap{
		width: 100%;
		border-right:2px solid rgb(210,210,210);
		box-sizing:border-box;
	}

	#nav #navBox li .textWrap:nth-child(1){

		border-right:none;
	}

	#nav #navBox li .textWrap:nth-child(3){

		border-right:none;
	}

	#nav #navBox li .textWrap:nth-child(5){
		border-right:none;
	}

	#nav #navBox .allpd{
		background:rgb(192,80,77);
		position:relative;
		z-index:999;
	}
	#nav #navBox .allpd .childNav{
		background:rgb(238,238,238);
		width: 230px;
		position:absolute;
		left:0;
		top:40px;
		display:none;
		color:black;
		text-align:left;
		font-size:17px;
	}
	#nav #navBox .allpd:hover .childNav{
		display:block;
	}
	#nav #navBox .allpd .childNav .childNavs{
		padding:7px 5px 7px 21px;
	}
	#nav #navBox .allpd .childNav .childNavs a{
		color:#000;
	}
	#nav #navBox .allpd .childNav .childNavs>img{
		float:right;
	}
	#nav #navBox .allpd .childNav .childNavs:hover{
		background:rgb(192,80,77);
		color:white;
		text-decoration:underline;
	}
	#nav #navBox .allpd .childNav .childNavs .tchildnav{
		position:absolute;
		top:0;
		left:230px;
		width: 230px;
		background:rgb(229,229,229);
		display:none;
		color:black;
	}
	#nav #navBox .allpd .childNav .childNavs:hover .tchildnav{
		display:block;
	}
	
	
	
	.tcdnavs{
		padding:7px 30px;
		width: 100%;
		width: 230px;
		box-sizing:border-box;
		overflow: hidden; /*自動隱藏文字*/
		text-overflow: ellipsis;/*文字隱藏後添加省略號*/
		white-space: nowrap;
	}
	.tcdnavs:hover{
		color:rgb(192,80,77);
	}


	#footBox{
		width: 100%;
		background:rgb(74,74,74);
	}
	#copyright{
		width: 100%;
		background:black;
		text-align:center;
		color:rgb(134,134,134);
		line-height:56px;
	}
	#footer{
		width: 100%;
		margin:auto;
		overflow:hidden;
		color:white;
	}
	#footer .foots1{
		float:left; width:29%;
		
	}
	
	#footer .foots1 .fLogo{

		float: left; width:100%;
	}
	#footer .foots1 .h2{
		font-size:18px;
		margin-bottom:1.5rem;
	}
	#footer .foots1 p{
		margin:.5rem 0;
		font-size:1.2rem;
	}
	#footer .foots2{
		float:right; margin-top: 50px; width: 70%;
		
	}
	#footer .foots2 .footnav{
		overflow:hidden;
		text-align:right;
		font-size:1.5rem;
		
	}
	#footer .foots2 .footnav li{
		width: 16%;
		float:left;
	}
	#footer .foots2 .footnav a{
		color:white;
	}
	#footer .foots2 .footnav a:hover{
		color:rgb(192,80,77);
	}
	#footer .foots2 .contact{

	
	}
	#footer .foots2 .contact .phone{
		font-weight:bolder;

	}
	#footer .foots2 .contact .phone span{
		font-size:2.2rem;
	}
	#footer .foots2 .contact .telIcon{
		
	}
	#footer .foots2 .contact .tel{
		width:40%; float:left; margin-top: 60px; padding-left: 10%;
	}
	#footer .foots2 .contact .tel .zuo{
		float:left; width:48px;
	}
	#footer .foots2 .contact .tel .you{
		float:left;
	}
	#footer .foots2 .contact .QRcodeBox{
		float: right;
		overflow:hidden; margin-top: 30px;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs{
		float:left;
		text-align:center;
		margin:0 1.1rem;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs p{
		margin-top:5px;
	}

	.content{
		width: 100%;
		margin:auto;
		padding:1.8rem 0;
		overflow:hidden;
	}
	.bigTitle{
		width: 100%;
		height: 260px;
		background:url('../image/titleBac.png') no-repeat  0 0 /100% 100%;
		position:relative;
	}
	.bigTitle img{
		width: 100%;
		height:100%;
	}
	.bigTitle p{
		position:absolute;
		font-size:4rem;
		right:11rem;
		top: 7.5rem;
		color:white;
	}
	.smallTitle{
		font-size:16px;
		padding:30px 0 20px;
		border-bottom:1px solid rgb(204,204,204);
	}
	.smallTitle img{
		position:relative;
		bottom:2px;
	}

}

@media (max-width: 1154px){
	
	#nav #navBox .allpd a img{display: none;}
	
}

@media (max-width: 768px) {

	*{padding: 0;margin: 0;}
	img{vertical-align: middle;}
	li,ul{list-style: none;}
	a{text-decoration: none;}
	html{font-size:12px;}
	#top{
		width: 100%;
		/* height: 200px; */
		/* background: red; */
		margin: auto;
		overflow: hidden;
		position: relative;

	}
	#top .search{
		float: right; width:100%;
		
		margin: 0 auto; padding-top: 0;
		
	}
	#top .search .inputBox{
		border: 1px solid rgb(66,66,66);
		overflow:hidden; width:298px;  float:left; margin-left: 10px;
	}
	#top .zuo{ width:50%; margin-right:50%; float:left;}
	#top .you{width:100%; float:left;}
	#top .search input{
		font-size: 1.4rem;
		padding:0 1rem;
		box-sizing:border-box;
		outline: none;
		border: none;
		line-height:4rem;
		width: 250px;
		float:left;
	}
	#top .search .searchBtn{
		float:left;
		height: 4rem;
		width: 4rem;
		background:rgb(66,66,66);
		cursor:pointer;
		box-sizing:border-box;
		padding:13px;
		margin-left: 250px;
    	margin-top: -48px;
	}
	#top .search .searchBtn:hover{
		background:rgb(88,88,88);
	}
	#top .search .keywords{
		color:gray;
		padding:.5rem 1rem;
		font-size:1.2rem; width:100%; float:left;
	}
	#top .QRcode{

		float: right;
		padding-top: 24px;
		padding-left: 44px;
		padding-bottom: 80px;
		margin: 0 auto;
		margin-right: 40%;
		display: none;
	}
	#top .topLogo{
		float: left;
		margin-left: 20%;
	}
	#nav{
		width: 100%;
		height: 40px;
		background:rgb(67,67,67);
		box-shadow:0 1px 5px black;
		color:white;
		font-size:19px;
		margin-top:5px;
	}
	#nav #navBox{
		width: 100%;
		height: 40px;
		/* overflow:hidden; */
		margin:auto;
		/* line-height:40px; */
	}
	#nav #navBox a{
		color:white;
	}
	#nav #navBox li{;
		float:left;
		width: 100%;
		height: 40px;
		text-align:center;
		padding:7px 0;
		box-sizing:border-box;
		cursor:pointer;
		transition:background .2s linear;
		background: #4a4a4a;
	}
	#nav #navBox li:hover{
		background:rgb(192,80,77);
	}
	#nav #navBox li .textWrap{
		width: 100%;
		border-right:2px solid rgb(210,210,210);
		box-sizing:border-box;
	}
	#nav #navBox .allpd{
		background:rgb(192,80,77);
		position:relative;
		z-index:999;
	}
	#nav #navBox .allpd .childNav{
		background:rgb(238,238,238);
		width: 230px;
		position:absolute;
		left:0;
		top:40px;
		display:none;
		color:black;
		text-align:left;
		font-size:17px;
	}
	#nav #navBox .allpd:hover .childNav{
		display:block;
	}
	#nav #navBox .allpd .childNav .childNavs{
		padding:7px 5px 7px 21px;
	}
	#nav #navBox .allpd .childNav .childNavs>img{
		float:right;
	}
	#nav #navBox .allpd .childNav .childNavs:hover{
		background:rgb(192,80,77);
		color:white;
		text-decoration:underline;
	}
	#nav #navBox .allpd .childNav .childNavs .tchildnav{
		position:absolute;
		top:0;
		left:230px;
		width: 230px;
		background:rgb(229,229,229);
		display:none;
		color:black;
	}
	#nav #navBox .allpd .childNav .childNavs:hover .tchildnav{
		display:block;
	}
	.tcdnavs{
		padding:7px 30px;
		width: 100%;
		width: 230px;
		box-sizing:border-box;
		overflow: hidden; /*自動隱藏文字*/
		text-overflow: ellipsis;/*文字隱藏後添加省略號*/
		white-space: nowrap;
	}
	.tcdnavs:hover{
		color:rgb(192,80,77);
	}


	#footBox{
		width: 100%;
		background:rgb(74,74,74);
	}
	#copyright{
		width: 100%;
		background:black;
		text-align:center;
		color:rgb(134,134,134);
		line-height:56px;
	}
	#footer{
		width: 100%;
		margin:auto;
		overflow:hidden;
		color:white;
	}
	#footer .foots1{
		float:left;
		
		padding-bottom:1.3rem;
		position:relative;
		width:92%; margin-left: 8%;
	}
	#footer .foots1 .fLogo{

		float: left; width:80%; margin-right: 20%;
	}
	#footer .foots1 .h2{
		font-size:20px;
		margin-bottom:1.5rem;
	}
	#footer .foots1 p{
		margin:.5rem 0;
		font-size:1.2rem;
	}
	#footer .foots2{
		float:right;
		width: 100%;
		padding-top:0;
		margin-top:0;
		text-align: center;
		
	}
	#footer .foots2 .footnav{
		overflow:hidden;
		text-align:right;
		font-size:1.5rem;
		
	}
	#footer .foots2 .footnav li{
		width: 33%;
		float:left;
		padding: 0 auto;
	}
	#footer .foots2 .footnav a{
		display: block;
		text-align: center;
		color:white; line-height: 40px;
	}
	#footer .foots2 .footnav a:hover{
		color:rgb(192,80,77);
	}
	#footer .foots2 .contact{

		/* background:red; */
		font-size:1.2rem;
	width:100%;
		position:relative;
	}
	#footer .foots2 .contact .tel{
		
		margin-top: 20px;
		
width: 100%;
		
margin-bottom: 20px;
		
		
	}
	
	
	
	
	#footer .foots2 .contact .phone{
		font-weight:bolder;
	}
	#footer .foots2 .contact .phone span{
		font-size:2.2rem;
	}
	#footer .foots2 .contact .telIcon{
		position: relative;
		

	}
	#footer .foots2 .contact .QRcodeBox{
		margin: 0 auto;
		overflow:hidden;
		margin-left: 5%; width:95%;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs{
		float:left;
		text-align:center;
		margin:0 1.1rem;
	}
	#footer .foots2 .contact .QRcodeBox .QRBoxs p{
		margin-top:5px;
	}

	.content{
		width: 100%;
		margin:auto;
		padding:1.8rem 0;
		overflow:hidden;
	}
	.bigTitle{
		width: 100%;
		height: 260px;
		background:url('../image/titleBac.png') no-repeat  0 0 /100% 100%;
		position:relative;
	}
	.bigTitle img{
		width: 100%;
		height:100%;
	}
	.bigTitle p{

		color:white;
	}
	.smallTitle{
		font-size:16px;
		padding:30px 0 20px;
		border-bottom:1px solid rgb(204,204,204);
	}
	.smallTitle img{
		position:relative;
		bottom:2px;
	}

}