@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: inherit; font-family: inherit;}
div{ max-height: 999999px; }
li{ list-style-type:none; }
a{ text-decoration:none; -webkit-tap-highlight-color: rgba(255,255,255,0); }
a:hover{ }
a,a:link,a:visited,a:active{ color: inherit; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{ object-fit: cover; }

html{
    height: 100%;
    font-family: "PingFangSC-Medium", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    font: 12px 宋体,"微软雅黑","Tahoma";
}

body{
    min-height: 100%;
    padding: 90px 0 400px;
	background: #fff;
    color: #515151;
    position: relative;
    box-sizing: border-box;
}
@media only screen and (max-device-width: 580px) {
	body{
        padding: 54px 0 340px;
    }
	.no_phone{
		display: none !important;
	}
}

.content{
	width: 1180px;
	margin: 0 auto;
	position: relative;
	display: block;
}
@media only screen and (max-device-width: 580px) {
	.content{
		width: auto;
    }
}

header{
	height: 90px;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 33, 91, 0.14);
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
}
header .logo{
	height: 54px;
	margin-top: 18px;
	display: block;
	float: left;
}
header .column{
	height: 90px;
	font-size: 0; line-height: 0; text-align: right; font-weight: bold;
	float: right;
}
header .column a{
	height: 90px;
	margin-right: 46px;
	font-size: 18px; line-height: 90px;
	display: inline-block;
}
header .column a.select, header .column a:hover{
	color: #F45905;
}
@media only screen and (max-device-width: 580px) {
	header{
		height: 54px;
    }
	header .logo{
		height: 34px;
		margin-top: 10px; padding-left: 5px;
	}
	header .column{
		height: 54px;
	}
	header .column a{
		height: 54px;
		margin-right: 25px;
		font-size: 16px; line-height: 54px;
	}
}


#Focus{
	height: 300px;
	margin-bottom: 50px;
	background: #fff;
	position: relative; z-index: 1;
}
#Focus.home{
	height: 500px;
	margin-bottom: 100px;
}
#Focus img.bg{
	width: 100%; height: 100%;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
}
#Focus .content{
	height: 100%;
}
#Focus .call{
	width: 490px;
	padding: 32px 0 44px 30px;
	border-top: 7px solid #F45905;
	background: #fff;
	box-shadow: 0px 2px 25px rgba(0, 33, 91, 0.18);
	position: absolute; right: 20px; bottom: -60px; z-index: 10;
}
#Focus .call::before{
	margin-bottom: 4px;
	font-size: 16px; line-height: 21px; color: #41444B;
	display: block;
	content: '咨询电话';
}
#Focus .call p{
	font-size: 40px; line-height: 52px; color: #00215B; font-weight: bold;
}
#Focus .call a{
	height: 56px; width: 150px;
	margin-top: -28px;
	background: #F45905;
	font-size: 18px; line-height: 56px; text-align: center; color: #fff; font-weight: bold;
	position: absolute; top: 50%; right: 30px;
}
@media only screen and (max-device-width: 580px) {
	#Focus{
		height: 140px;
		margin-bottom: 10px;
	}
	#Focus.home{
		height: 200px;
		margin-bottom: 85px;
	}
	#Focus .call{
		width: auto;
		padding: 14px 0 14px 20px;
		border-top-width: 4px;
		left: 10px; right: 10px;
	}
	#Focus .call::before{
		font-size: 14px;
	}
	#Focus .call p{
		font-size: 24px; line-height: 32px;
	}
	#Focus .call a{
		height: 40px; width: 100px;
		margin-top: -20px;
		font-size: 16px; line-height: 40px;
	}
}


#Content{

}

.home_title{
	margin-bottom: 25px; padding-top: 16px;
	position: relative;
}
.home_title::before{
	height: 6px; width: 50px;
	background: #F45905;
	position: absolute; top: 0; left: 0;
	content: '';
}
.home_title h2{
	height: 52px;
	margin-bottom: 15px;
	font-size: 40px; line-height: 52px; color: #00215B;
}
.home_title p.link{
	height: 24px;
	font-size: 18px; line-height: 24px; color: #515151;
}
.home_title p.link a{
	color: #3986DF;
}
@media only screen and (max-device-width: 580px) {
	.home_title{
		margin: 0 10px; padding-top: 6px;
	}
	.home_title::before{
		height: 4px;
	}
	.home_title h2{
		height: 40px;
		margin-bottom: 4px;
		font-size: 24px; line-height: 40px;
	}
	.home_title p.link{
		height: auto;
		margin-bottom: 10px;
		font-size: 14px;
	}
}

.goods_title{
	height: 48px;
	margin-bottom: 33px; padding-left: 23px;
	position: relative;
}
.goods_title::before{
	width: 6px; height: 30px;
	margin-top: -15px;
	background: #F45905;
	position: absolute; top: 50%; left: 0;
	content: '';
}
.goods_title h2{
	height: 48px;
	font-size: 36px; line-height: 48px; color: #00215B;
}
.goods_title p.link{
	height: 24px;
	margin-top: 24px;
	font-size: 18px; line-height: 24px;
	float: right;
}
.goods_title p.link a{
	margin-left: 30px;
	position: relative;
	display: inline-block;
}
.goods_title p.link a.select, .goods_title p.link a:hover{
	font-weight: bold;
}
.goods_title p.link a.select::before, .goods_title p.link a:hover::before{
	height: 3px;
	background: #F45905;
	position: absolute; bottom: -3px; left: 0; right: 0;
	content: '';
}
@media only screen and (max-device-width: 580px) {
	.goods_title{
		height: auto;
		padding-bottom: 48px; margin-bottom: 10px;
	}
	.goods_title::before{
		margin-top: 0;
		top: 2px;
	}
	.goods_title h2{
		height: 32px;
		font-size: 20px; line-height: 32px;
	}
	.goods_title p.link{
		height: 32px;
		margin-top: 0; padding: 0 10px 8px;
		font-size: 16px; line-height: 32px; white-space: nowrap;
		position: absolute; bottom: 0; left: 0; right: 0;
		overflow-y: hidden; overflow-x: auto;
	}
	.goods_title p.link a{
		margin: 0 10px;
	}
}

ul.goods_list{
	margin: 0 -10px 50px;
	font-size: 0; line-height: 0;
}
ul.goods_list li{
	height: 340px; width: 33.333%;
	margin-bottom: 20px;
	display: inline-block; vertical-align: top;
}
ul.goods_list li a{
	height: 320px;
	margin: 0 10px; padding: 20px 20px 0;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 33, 91, 0.14);
	line-height: 76px;
	display: block;
}
ul.goods_list li a img{
	width: 100%; height: 240px;
	margin-bottom: 4px;
	display: block;
}
ul.goods_list li a h4{
	font-size: 20px; color: #515151;
}
ul.goods_list li a h6{
	font-size: 26px; color: #F45905;
	float: right;
}
ul.goods_list li a h6 span{
	font-size: 22px;
}
@media only screen and (max-device-width: 580px) {
	ul.goods_list{
		margin: 0 5px;
	}
	ul.goods_list li{
		width: 50%; height: auto;
		margin-bottom: 10px;
	}
	ul.goods_list li a{
		height: auto;
		margin: 0 5px; padding: 10px 10px 32px;
		line-height: 40px;
		position: relative;
	}
	ul.goods_list li a img{
		height: 140px;
	}
	ul.goods_list li a h6{
		font-size: 20px;
		position: absolute; bottom: 2px; left: 5px;
	}
	ul.goods_list li a h6 span{
		font-size: 16px;
	}
}

#Goods_Detail{

}
#Goods_Info{
	height: 445px;
	padding-left: 730px; margin-bottom: 40px;
	position: relative;
}
#Goods_Info h1{
	margin-bottom: 3px;
	font-size: 30px; line-height: 50px; color: #00215B;
}
#Goods_Info p.price{
	height: 50px;
	margin-bottom: 10px;
	font-size: 26px; line-height: 50px; color: #F45905; font-weight: bold;
	overflow: hidden;
}
#Goods_Info p.start{
	margin-bottom: 23px;
	font-size: 18px; line-height: 24px;
}
#Goods_Info p.text{
	margin-bottom: 34px;
	font-size: 18px; line-height: 30px;
}
#Goods_Info a.buy{
	height: 56px; width: 150px;
	background: #F45905;
	font-size: 18px; line-height: 56px; text-align: center; color: #fff; font-weight: bold;
	display: block;
}
#Goods_Info .img_box{
	width: 680px;
	position: absolute; top: 0; left: 0;
}
#Goods_Info .img_box .big_img{
	width: 680px; height: 335px;
	margin-bottom: 10px;
	display: block;
}
#Goods_Info .img_box .small_img{
	height: 100px;
	font-size: 0; line-height: 0; white-space: nowrap;
	overflow-y: hidden; overflow-x: auto;
}
#Goods_Info .img_box .small_img img{
	height: 100px; width: 162px;
	display: inline-block;
	cursor: pointer;
}
#Goods_Info .img_box .small_img img:nth-child(even){
	width: 163px;
}
#Goods_Info .img_box .small_img img + img{
	margin-left: 10px;
}
@media only screen and (max-device-width: 580px) {
	#Goods_Info{
		height: auto;
		padding: 0 10px;
	}
	#Goods_Info .img_box{
		width: auto;
		margin: 0 -10px;
		position: initial;
	}
	#Goods_Info .img_box .big_img{
		width: 100%; height: 300px;
	}
	#Goods_Info h1{
		margin-top: 20px;
	}
}

.more_goods{
	margin-bottom: 100px;
}
.more_goods .title{
	height: 35px;
	margin-bottom: 12px; padding-left: 18px;
	font-size: 26px; line-height: 35px; color: #00215B; font-weight: bold;
	position: relative;
}
.more_goods .title::before{
	width: 4px; height: 22px;
	margin-top: -11px;
	background: #F45905;
	position: absolute; top: 50%; left: 0;
	content: '';
}
.more_goods ul.goods_list li{
	height: 300px; width: 25%;
}
.more_goods ul.goods_list li a{
	height: 300px;
	padding: 10px 10px 0;
	line-height: 50px;
}
.more_goods ul.goods_list li a h4{
	height: 50px;
	font-size: 16px;
}
.more_goods ul.goods_list li a h6{
	font-size: 18px;
}
.more_goods ul.goods_list li a h6 span{
	font-size: 16px;
}
@media only screen and (max-device-width: 580px) {
	.more_goods{
		margin-bottom: 20px;
	}
	.more_goods .title{
		margin: 0 10px 15px;
	}
	.more_goods ul.goods_list li{
		width: 50%; height: auto;
		margin-bottom: 10px;
	}
	.more_goods ul.goods_list li a{
		height: auto;
		margin: 0 5px; padding: 10px 10px 32px;
		line-height: 40px;
		position: relative;
	}
	.more_goods ul.goods_list li a img{
		height: 140px;
	}
	.more_goods ul.goods_list li a h6{
		font-size: 20px;
		position: absolute; bottom: 2px; left: 5px;
	}
	.more_goods ul.goods_list li a h6 span{
		font-size: 16px;
	}
}

#About{
	margin: 80px 0 176px;
	background: url('/pc/images/new/bg_about.png') no-repeat center top; background-size: cover;
}
#About .content{
	min-height: 280px;
	padding: 104px 0 170px;
	font-size: 16px; line-height: 32px; color: #fff;
}
#About .content::before{
	width: 310px; height: 356px;
	background: url('/pc/images/new/img_about.png') no-repeat center; background-size: 310px;
	position: absolute; top: 82px; right: 70px;
	content: '';
}
#About .title{
	margin-bottom: 44px; padding-left: 85px;
	font-size: 40px; line-height: 52px; color: #fff; font-weight: bold;
	position: relative;
}
#About .title::before{
	height: 6px; width: 55px;
	background: #F45905;
	position: absolute; top: -21px; left: 85px;
	content: '';
}
#About .con{
	padding: 0 415px 0 85px;
}
#About .number_box{
	height: 130px;
	font-size: 0; line-height: 0;
	position: absolute; bottom: -60px; left: -10px; right: -10px;
}
#About .number_box > div{
	width: 33.333%; height: 130px;
	display: inline-block;
}
#About .number_box .item{
	height: 95px;
	margin: 0 10px; padding: 35px 0 0 120px;
	background: #fff;
	box-shadow: 0px 2px 25px rgba(0, 33, 91, 0.1);
	font-size: 20px; line-height: 28px; color: #00215B;
	position: relative;
	display: block;
}
#About .number_box .item span{
	margin-top: 6px;
	font-size: 20px; line-height: 26px; color: #515151;
	display: block;
}
#About .number_box .item img{
	width: 70px; height: 70px;
	margin-top: -35px;
	background: #F45905;
	position: absolute; top: 50%; left: 30px;
}
#About .number_box > div:nth-child(even) .item img{
	background: #001ED3;
}
@media only screen and (max-device-width: 580px) {
	#About{
		margin-top: 10px; margin-bottom: 180px;
	}
	#About .content{
		min-height: auto;
		padding-top: 32px; padding-bottom: 180px;
	}
	#About .content::before{
		display: none;
	}
	#About .title{
		padding-left: 20px; margin-bottom: 10px;
		font-size: 30px; line-height: 42px;
	}
	#About .title::before{
		height: 4px;
		top: -10px; left: 20px;
	}
	#About .con{
		padding: 0 20px;
		font-size: 14px; line-height: 32px;
	}
	#About .number_box{
		height: auto;
		bottom: -170px; left: 0; right: 0;
	}
	#About .number_box > div{
		width: auto; height: 110px;
		display: block;
	}
	#About .number_box .item{
		height: 80px;
		padding: 20px 0 0 100px;
	}
	#About .number_box .item img{
		left: 15px;
	}
}

footer{
	height: 400px;
	background: #F45905;
	position: absolute; bottom: 0; left: 0; right: 0;
}
footer::before{
	background: #00215B;
	position: absolute; top: 0; bottom: 0; left: 56%; right: 0; z-index: 0;
	content: '';
}
footer::after{
	background: url('/pc/images/new/bg_footer.png') no-repeat center; background-size: cover;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;
	content: '';
}
footer .content{
	z-index: 2;
}
footer .contact{
	padding: 48px 0 0 60px;
	font-size: 16px; line-height: 21px; color: #fff;
}
footer .contact::before{
	margin-bottom: 17px;
	font-size: 18px; line-height: 24px; font-weight: bold;
	display: block;
	content: '联系地址';
}
footer .contact ul{
	margin-top: 17px;
}
footer .contact ul li{
	height: 24px;
	padding-left: 29px;
	font-size: 16px; line-height: 24px;
	position: relative;
}
footer .contact ul li + li{
	margin-top: 24px;
}
footer .contact ul li::before{
	width: 20px; height: 20px;
	margin-top: -10px;
	border-radius: 50%;
	position: absolute; top: 50%; left: 0;
	content: '';
}
footer .contact ul li.phone::before{
	background: url('/pc/images/new/icon_contact_phone.png') no-repeat center #fff; background-size: 20px;
}
footer .contact ul li.mail::before{
	background: url('/pc/images/new/icon_contact_mail.png') no-repeat center #fff; background-size: 20px;
}
footer .contact .copy_right{
	margin-top: 57px;
	font-size: 14px; line-height: 19px;
}
footer .code{
	width: 360px;
	font-size: 16px; line-height: 26px; color: #fff;
	position: absolute; top: 48px; right: 0;
}
footer .code .title{
	height: 24px;
	margin-bottom: 17px;
	font-size: 18px; line-height: 24px; font-weight: bold;
}
footer .code img{
	width: 145px; height: 145px;
	margin-top: 22px;
	display: block;
}
@media only screen and (max-device-width: 580px) {
	footer{
		height: 320px;
	}
	footer .content{
		 height: 100%;
	}
	footer .contact{
		padding: 20px 50% 0 20px;
		font-size: 14px;
	}
	footer .contact::before{
		margin-bottom: 10px;
	}
	footer .contact ul li + li{
		margin-top: 10px;
	}
	footer .contact .copy_right{
		font-size: 13px; line-height: 20px; text-align: center;
		position: absolute; bottom: 20px; left: 10px; right: 10px;
	}
	footer .code{
		width: auto;
		top: 0; right: 20px;
	}
}