@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: "impact";
	src: url(../font/impact.ttf);
}

.bg1{
	background:url(../images/blue.jpg); 
}
.bg2{
	background: url(../images/yellow.jpg);
}

.w1200{
	width: 1200px;
	margin: 0 auto;
}

.pd50{
	padding: 50px 0;
}
.pd30{
	padding: 30px 0;
}
.mt30{
	margin-top: 30px;
}
.pb50{
	padding-bottom: 50px;
}



body{
	min-width: 1200px;
	position: relative;
}

.HeadCity{
	width: 100%;
}
.HeadCity > img{
	display: block;
	width: 100%;
}
.HeadCity > p{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 35px;
	color: #666;
}
.HeadCity > p span{
	display: inline-block;
}
.HeadCity > p a{
	display: inline-block;
	margin: 0 5px;
	color: #666;
}
.header{
	background: url(../images/blue.jpg);
	background-size: 100% 100%;
	border-bottom: 1px solid #794304;
}
.HeadArea{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	line-height: 110px;
}
.HeadArea a.logo{
	float: left;
	line-height: 110px;
}
.HeadArea dl{
	float: right;
}
.HeadArea dl dt{
	float: left;
	line-height: 110px;
}
.HeadArea dl dd{
	float: right;
	color: #ffc243;
	font-size: 16px;
	margin-left: 14px;
	padding-top: 25px;
}
.HeadArea dl dd span{
	display: block;
	line-height: 30px;
	text-align: left;
}
.HeadArea dl dd img{
	display: block;
	line-height: 100%;
}
.HeadArea .font{
}

.NavBox{
	background: url(../images/bg2.jpg);
	height: 45px;
}
.NavTab{
	width: 1200px;
	margin: 0 auto;
}
.NavTab dl{
	float: left;
	width: 190px;
	height: 45px;
	position: relative;
	z-index: 10;
	top: -6px;
}
.NavTab dl dt{
	line-height: 51px;
	background: url(../images/ora.jpg)no-repeat;
	background-size: 100% 100%;
	padding-left: 20px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	height: 51px;
}
.NavTab dl dt img{
	margin-right: 14px;
}
.NavTab dl dd{
	background: url(../images/tuse.png)no-repeat;
	background-size: 100% 100%;
	display: none;
}
.NavTab dl dd ol li{
	line-height: 74px;
	border-bottom: 1px solid #cfac61;
	padding-left: 20px;
	transition: all .5s;
}
.NavTab dl dd ol li:hover{
	background: #d2b269;
}
.NavTab dl dd ol li a{
	display: block;
	font-size: 16px;
	color: #602d06;
}
.NavTab dl dd ol li a img{
	margin-right: 14px;
}
.NavTab dl.on dd{
	display: block;
}
.NavTab ul{
	float: left;
}
.NavTab ul li{
	float: left;
	padding:0 55px 0 50px;
	line-height: 45px;
	font-size: 16px;
	background: url(../images/line.png)no-repeat right center;
}
.NavTab ul li:last-child{
	background: none;
}
.NavTab ul li a{
	color: #FFE059;
}
.NavTab ul li:hover a,.NavTab ul li.on a{
	color: #fff;
}
.NavTab ul li a.on{
	color: #fff;
}
.FixNav{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	height: 90px;
	width: 100%;
	background: url(../images/blue.jpg)no-repeat;
	background-size: 100% 100%;
	/*border-bottom: 5px solid #794304;*/
	display: none;
}
.FixedNAV a.logo{
	line-height: 85px;
	float: left;
}
.FixedNAV ul{
	float: left;
}
.FixedNAV ul li{
	float: left;
	width: 120px;
	text-align: center;
	font-size: 16px;
	line-height: 90px;
}
.FixedNAV ul li a{
	color: #ffc243;
}
.FixedNAV ul li a.on{
	color: #fff;
}
.FixedNAV dl{
	float: right;
}
.FixedNAV dl dt{
	float: left;
	margin-right: 14px;
	line-height: 90px;
}
.FixedNAV dl dd{
	float: right;
	margin-top: 15px;
}
.FixedNAV dl dd span{
	display: block;
	color: #ffc243;
	font-size: 16px;
	line-height: 30px;
}


.Container{
	width: 100%;
}
.Carousel{
	position: relative;
	overflow: hidden;
	height: 570px;
}
.Carousel ul{
	height: 450px;
}
.Carousel ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.Carousel ul li{
	height: 450px;
}
.Carousel .prev{
	width: 42px;
	height: 42px;
	background: url(../images/prev.png)no-repeat;
	margin-top: -21px;
	left: 40px;
	display: none;
}

.Carousel .next{
	width: 42px;
	height: 42px;
	background: url(../images/next.png)no-repeat;
	margin-top: -21px;
	right: 40px;
	display: none;
}
.Carousel .btnBox span{
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(255,255,255,0.8);
	background: transparent;
	opacity: 1;
}
.Carousel .btnBox span:after{
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,0.8);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-top: -4px;
	margin-left: -4px;
}
.Carousel .btnBox span.swiper-pagination-bullet-active{
	background: rgba(255,255,255,0.4);
}
.Carousel .btnBox span.swiper-pagination-bullet-active:after{
	background: #fff;
}
.fourP dl{
	float: left;
	width: 285px;
	margin-right: 20px;
	position: relative;
}
.fourP dl:nth-child(4n){
	margin-right: 0;
}
.fourP dl dt img{
	display: block;
	width: 100%;
}
.fourP dl dd{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 190px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #f5d755;
}

.tot{
	text-align: center;
}
.tot h2{
	color:#012873;
	font-size: 30px;
	line-height: 32px;
}
.tot h2 span{
	display: inline-block;
	width: 97px;
	height: 1px;
	background: #3d2610;
	position: relative;
	top: -10px;
	margin: 0 6px;

}
.tot h2.y{
	color:#f4c852;
}
.tot h2.y span{
	background: #f5d755;
}
.tot p{
	color: #013a97;
	font-size: 18px;
	margin-top: 15px;
	line-height: 18px;
}
.bg1 .tot p{
	color:#e8ce81;
	font-size: 18px;
	margin-top: 15px;
	line-height: 18px;
}

.Category{
	width: 100%;
	overflow: hidden;
}
.Category .ProList li{
	float: left;
	width: 190px;
	margin-right: 12px;
	cursor: pointer;
	overflow: hidden;
}
.Category .ProList li img{
	transition: all .5s;
}
/*.Category .ProList li:hover img{
	transform: scale(.9);
}*/
.Category .ProList li:last-child{
	margin-right: 0;
}
.Category .ProList li img{
	display: block;
	width: 100%;
}
.Category .proPic{
	width: 600%;
	margin-top: 5px;
	position: relative;
}
.Category .proPic li{
	float: left;
	width: 1200px;
}
.Category .proPic li img{
	display: block;
	width: 100%;
}

.PicSpeak img{
	display: block;
	width: 100%;
}



.CaseShow{
	width: 100%;
	overflow: hidden;
}
.CaseList li{
	float: left;
	width: 190px;
	margin-right: 12px;
	border: 1px solid #013a97;
	background: #012873;
	text-align: center;
	line-height: 50px;
	color: #f4c852;
	font-size: 18px;
	cursor: pointer;
}
.CaseList li a{
	color: #f4c852;
}
.CaseList li:last-child{
	margin-right: 0;
}
.CaseList li:hover,.CaseList li.on{
	background:#013a97;
  	color:#e8ce81;
}
.CaseList li:hover a,.CaseList li.on a{
  	color:#e8ce81;
}
.CaseBox{
	margin-top: 20px;
	width: 600%;
	position: relative;
}
.CaseBox li{
	float: left;
	width: 1200px;
}
.CaseBox li .left{
	float: left;
	width: 315px;
}
.CaseBox li .left img{
	display: block;
	width: 100%;
}
.CaseBox li .right{
	float: right;
	width: 870px;
	margin-left: 15px;
}
.CaseBox li .right dl{
	float: left;
	width: 280px;
	margin-right: 15px;
}
.CaseBox li .right dl:nth-child(3n){
	margin-right: 0;
}
.CaseBox li .right dl dt img{
	display: block;
	width: 100%;
}
.CaseBox li .right dl dd{
	text-align: center;
	line-height: 55px;
	font-size: 16px;
}
.CaseBox li .right dl dd a{
	color: #3d2610;
}
.LogoMore img{
	display: block;
	width: 100%;
}
.Technological img{
	display: block;
	width: 100%;
}
.Technological .ChinaPan{
	margin-top: 45px;
	display: block;
}
.Map img{
	display: block;
	width: 100%;
}
.LinkBox{
	background: #42110D;
	padding: 22px 0;
}
.Link p{
	color: #a69f9b;
	font-size: 14px;
	line-height: 26px;
}
.Link p span{
	display: inline-block;
}
.Link p a{
	color: #a69f9b;
	display: inline-block;
	margin: 0 7px;
}
.footer{
	background: #291909;
}
.Foot{
	height: 135px;
}
.Foot .logo{
	float: left;
	line-height: 135px;
}
.Foot .All{
	float: left;
	margin-left: 135px;
}
.Foot dl{
	float: right;
}
.Foot dl dt{
	float: left;
	line-height: 135px;
	margin-right: 6px;
}
.Foot dl dd{
	float: right;
}
.Foot dl dd span{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	margin-top: 35px;
}
.Foot dl dd p{
	font-size: 28px;
	color: #fff;
	font-family: "Arial";
}

.Foot .All ul li{
	float: left;
	padding: 0 15px 0 13px;
	background: url(../images/line2.png)no-repeat right center;
	font-size: 14px;
}
.Foot .All ul li:first-child{
	padding-left: 0;
}
.Foot .All ul li:last-child{
	background: none;
	padding-right: 0;
}
.Foot .All ul li a{
	color: #a69f9b;
}
.Foot .All ul{
	color: #a69f9b;
	margin-top: 45px;
}
.Foot .All p{
	color: #a69f9b;
	font-size: 14px;
	margin-top: 10px;
	line-height: 14px;
}
.FourAnd{
	padding: 105px 0 140px 0;
}
.FourAnd > img{
	display: block;
	margin: 0 auto;
}
.FourAnd .btnBox{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.FourAnd .btnBox a{
	display: inline-block;
	width: 154px;
	line-height: 45px;
	background: #613914;
	text-align: center;
	color: #ffbb40;
	font-size: 18px;
	margin: 0 5px;
}
.OnAddress{
	line-height: 74px;
	font-size: 16px;
	color: #613915;
	background: url(../images/home.png)no-repeat left center;
	padding-left: 20px;
}
.OnAddress a{
	color: #613915;
	display: inline-block;
	margin: 0 3px;
}
.Product{
	width: 100%;
}
.Product dt{
	float: left;
	width: 400px;
	position: relative;
	overflow: hidden;
}
.Product dt .prev{
	width: 34px;
	height: 58px;
	margin-top: -29px;
	background: url(../images/prev2.png)no-repeat;
	left: 0;
	display: none;
}
.Product dt .next{
	width: 34px;
	height: 58px;
	margin-top: -29px;
	background: url(../images/next2.png)no-repeat;
	right: 0;
	display: none;
}
.Product dd{
	float: right;
	width: 745px;
}
.Product dd h3{
	line-height: 56px;
	font-size: 24px;
	border-bottom: 1px solid #9d7b45;
}
.Product dd h3 a{
	color: #3d2610;
}
.Product dd ul{
	margin-top: 25px;
}
.Product dd ul li{
	color: #3d2610;
	font-size: 16px;
	line-height: 36px;
}
.Product dd .more{
	display: block;
	width: 185px;
	height: 48px;
	padding: 4px;
	background: #613914;
	margin-top: 35px;
}
.Product dd .more a{
	display: block;
	border: 2px solid #77471b;
	color: #ffbb40;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
}
.AnliMore{
	margin-top: 30px;
}
.AnliMore .left{
	float: left;
	background: url(../images/bg3.png);
	padding-bottom: 30px;
	width: 903px;
}
.tit{
	line-height: 50px;
	padding-left: 20px;
	background: #613914;
	color: #ffbb40;
	font-size: 18px;
	font-weight: normal;
}
.AnliMore .left .hot{
	width: 100%;
	margin-top: 25px;
}
.AnliMore .left .hot img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.AnliMore .left .small{
	margin-top: 25px;
}
.AnliMore .left .small a{
	float: left;
	width: 49%;
	margin-right: 2%;
}
.AnliMore .left .small a:nth-child(2n){
	margin-right: 0;
}
.AnliMore .left .small a img{
	display: block;
	width: 100%;
}
.AnliMore .right{
	float: right;
	width: 272px;
	background: url(../images/bg3.png);
}
.AnliMore .right dl{
	padding: 0 29px;
}
.AnliMore .right dl dt img{
	display: block;
	width: 100%;
}
.AnliMore .right dl dd{
	text-align: center;
	font-size: 18px;
	line-height: 51px;
}
.AnliMore .right dl:nth-child(2){
	margin-top: 25px;
}
.Content .LeftNav{
	float: left;
	width: 260px;
}
.Content .LeftNav li{
	border: 1px solid #917153;
	line-height: 54px;
	background: #3c260f url(../images/sj.png)no-repeat 90% center;
	border-bottom: none;
}
.Content .LeftNav li:last-child{
	border-bottom: 1px solid #917153;
}
.Content .LeftNav li a{
	display: block;
	padding-left: 26px;
	color: #ffbb40;
	font-size: 16px;
}
.Content .LeftNav li a img{
	margin-right: 20px;
}
.Content .LeftNav li:hover,.Content .LeftNav li.on{
	background: #613915 url(../images/sj.png)no-repeat 90% center;
}

.Content .RightCon{
	float: right;
	width: 904px;
	background: url(../images/bg3.png);
	padding: 50px;
}
.Content .RightCon h4{
	margin-top: 25px;
	font-size: 18px;
}
.Content .RightCon h4:first-child{
	margin-top: 0;
}
.Content .RightCon p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 15px;
}
.HeadImg{
	width: 100%;
}
.HeadImg img{
	display: block;
	width: 100%;
}
.ImgContent{
	width: 100%;
}
.ImgContent a{
	display: block;
	width: 100%;
}
.ImgContent a img{
	display: block;
	width: 100%;
}
.ImgContent  img{
	display: block;
	width: 100%;
}
.CaseNav li{
	float: left;
	width: 190px;
	margin-right: 12px;
	background: #3d2610;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}
.CaseNav li:last-child{
	margin-right: 0;
}
.CaseNav li a{
	color: #ffbb40;
	display: block;
}
.CaseNav li:hover,.CaseNav li.on{
	background: #613915;
}

.CaseWinShow dl{
	float: left;
	margin-top: 25px;
	width: 280px;
	margin-right: 26.33px;
}
.CaseWinShow dl:nth-child(4n){
	margin-right: 0;
}
.CaseWinShow dl dt img{
	display: block;
	width: 100%;
}
.CaseWinShow dl dd{
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}
.CaseWinShow dl dd a{
	color: #3d2610;
}
.Number{
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
.Number a,.Number span{
	display: inline-block;
	width: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #eaa529;
	background: #3d2610;
	border: 1px solid #917153;
	margin: 0 3px;
	cursor: pointer;
}
.Number a.a1{
	width: 74px;
}
.Number span{
	background: #613915;
}
.tLHead{
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #3d2710;
	margin-bottom: 20px;
}

.restTop{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 111;
	cursor: pointer;
	display: none;
}
.Number a.page-num-current{background:#613915;}