/* hotBox */
.hotbox{
	position: relative;
	padding-bottom: 1.5rem;
}
.hot_title{
	margin-top: 1.25rem;
}
.hot_title span{
	font-size: 1rem;
	color: #333333;
	line-height: 2rem;
	display: inline-block;
	padding-left: 1.75rem;
	background: url("../images/hot.png") left no-repeat;
}
.hotList{
	margin-top: 1rem;
	line-height: 2rem;
}
.hotList a{
	color: #666666;
	font-size: 1rem;
	padding-right: 3.75rem;
}
.hotList a:hover{
	color: #02429a;
}
.searchBox{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #02429a;
	padding: 1.5rem;
	z-index: 10;
	width: 25%;
}
.searchBox .s_tel{
	padding-left: 5rem;
	background: url("../images/tel.png") left no-repeat;
	background-size: auto 100%;
	color: #ffffff;
}
.searchBox .s_tel p{
	line-height: 2.375rem;
}
.searchBox .s_tel strong{
	display: inline-block;
	line-height: 2.25rem;
	font-size: 1.875rem;
	font-family: Arial;
}
.search{
	padding-top: 1.5rem;
	width: 100%;
}
.search input.stext{
	width: 80%;
	float: left;
	line-height: 3.75rem;
	border: none;
}
.search input.sbtn{
	width: 20%;
	float: left;
	height: 3.75rem;
	border: none;
	background: #ffffff url("../images/search.png") center no-repeat;
	background-size: 50%;
}

/* hotproduct */
.hotproduct{
	background: url("../images/pbg.jpg") top no-repeat;
	background-size: 100% auto;
	padding-bottom: 3.75rem;
}
.productTitle{
	padding-top: 4.125rem;
	padding-bottom: 2.75rem;
}
.productTitle h3{
	line-height: 3rem;
	color: #ffffff;
	font-size: 2.25rem;
	font-weight: bold;
	text-align: center;
}
.hproduct{
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 0px 3px 5px #999999;
}
.hproduct .swiper-slide .probox{
	padding: 1.5rem 7.5rem 2rem;
}
.probox .pic{
	width: 40%;
	float: left;
	padding-left: 3.75rem;
}
.probox .pic a{
	display: block;
	width: 100%;
	height: 27rem;
}
.probox .txt{
	width: 50%;
	float: right;
}
.probox .txt .title{
	margin-top: 3.25rem;
	background: url(../images/pline.jpg) left bottom no-repeat;
}
.probox .txt .title a{
	font-size: 1.75rem;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	line-height: 4.125rem;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.probox .txt .desc{
	line-height: 2.25rem;
	color: #333333;
	margin-top: 1.5rem;
}
.probox .txt .more{
	margin-top: 1.5rem;
}
.probox .txt .more a.detail{
	display: inline-block;
	width: 10rem;
	line-height: 3.4375rem;
	background-color: #02429a;
	color: #ffffff;
	font-size: 1.125rem;
	text-align: center;
	border-radius: 3.4375rem;
}

.productTitles{
	margin-top: 2.5rem;
}
.productTitles h3{
	line-height: 3rem;
	font-size: 2.25rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.productScroll{
	overflow: hidden;
}
.productList{
	margin-top: 2.25rem;
}
.productList .swiper-slide{
	color: #333333;
	font-size: 1.125rem;
	display: inline-block;
	text-align: center;
	line-height: 3rem;
	overflow: hidden;
	text-decoration: none;
	float: left;
	border: 1px solid #d2d2d2;
}
.productList .swiper-slide-thumb-active{
	background-color: #02429a;
	color: #ffffff;
}

.productbox ul li{
	margin-top: 2rem;
	width: 25%;
	float: left;
	padding-right: 1.5625rem;
}
.productbox ul li .pbox .pic{
	width: 100%;
	height: 20rem;
	overflow: hidden;
	border: 1px solid #d9dce3;
	padding: 0.5rem;
}
.productbox ul li .pbox .pic a{
	display: block;
	width: 100%;
	height: 100%;
	transition-duration: .5s;
}
.productbox ul li .pbox .txt{
	text-align: center;
	padding-top: 1rem;
}
.productbox ul li .pbox .txt a{
	color: #333333;
	font-size: 1.125rem;
	display: block;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0 1rem;
}

.productbox ul li:nth-child(4),.productbox ul li:nth-child(8){
	padding-right: 0;
}

.productbox ul li:hover .pbox .pic{
	background-color: #02429a;
	border-color: #02429a;
}
.productbox ul li:hover .pbox .pic a{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	transition-duration: .5s;
}
.productbox ul li:hover .txt a{
	color: #02429a;
	font-weight: bold;
	font-size: 1.125rem;
}
.productMore{
	text-align: center;
	margin-top: 2rem;
}
.productMore a{
	display: inline-block;
	width: 10rem;
	line-height: 55px;
	border-radius: 55px;
	font-size: 18px;
	background-color: #fb9316;
	color: #ffffff;
}

.imgs img{
	width: 100%;
}

/* aboutBox */
.aboutBox{
	margin-top: 2rem;
	position: relative;
}
.about{
	width: 53%;
	float: left;
}
.aboutTitle h3{
	line-height: 3.75rem;
	font-size: 1.5rem;
	color: #333333;
	font-weight: bold;
	background: url("../images/pline.jpg") left bottom no-repeat;
}
.aboutSlogan{
	margin-top: 3rem;
	line-height: 2rem;
	color: #333333;
	font-size: 1.625rem;
}
.aboutTxt{
	margin-top: 2.375rem;
	line-height: 2rem;
	color: #333333;
}
.aboutMore{
	margin-top: 2rem;
}
.aboutMore a{
	display: inline-block;
	width: 117px;
	line-height: 45px;
	color: #ffffff;
	background-color: #02429a;
	border-radius: 45px;
	text-align: center;
}

.slogan{
	margin-top: 2.375rem;
	background: url("../images/slogan.jpg") left no-repeat;
	background-size: 65%;
}
.slogantxt{
	color: #ffffff;
	font-size: 1.25rem;
	line-height: 3.875rem;
	padding: 3.75rem 0;
	width: 20%;
	float: left;
}
.slogantxt p b{
	font-size: 1.625rem;
}

.aboutPic{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 45%;
}
.aboutPic img{
	width: 100%;
}

/* case */
.caseBox{
	margin-top: 4rem;
	padding-bottom: 4.875rem;
	background: url("../images/casebg.jpg") bottom repeat-x;
}
.caseBox .pic{
	width: 40%;
	float: left;
	padding: 0.625rem;
	border: 1px solid #afafaf;
	border-radius: 5px;
}
.caseBox .pic img{
	width: 100%;
}
.caseBox .txt{
	width: 60%;
	float: left;
	padding-left: 3.5rem;
}
.caseBox .txt .title{
	text-align: right;
}
.caseBox .txt .desc{
	margin-top: 3.625rem;
	line-height: 2.8125rem;
}
.caseBox .txt .text{
	position: absolute;
	bottom: 1.5rem;
	right: 0;
	width: 60%;
	padding-left: 3.5rem;
}
.caseBox .txt .text .ctitle{
	line-height: 3.4375rem;
	font-size: 1.125rem;
	background: url("../images/clines.png") left bottom no-repeat;
}
.caseBox .txt .text .cdesc{
	line-height: 2rem;
	margin-top: 0.625rem;
	color: #666666;
}
.caseBox .txt .text a.more{
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 117px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
	border-radius: 45px;
	background-color: #02429a;
}
.caseScroll{
	margin-top: 2rem;
	overflow: hidden;
	padding-bottom: 3.75rem;
	position: relative;
}
.caseScroll .swiper-slide .pic{
	width: 100%;
	height: 20rem;
	overflow: hidden;
	border: 1px solid #d9dce3;
	padding: 0.5rem;
	border-radius: 5px;
}
.caseScroll .swiper-slide .pic a{
	display: block;
	width: 100%;
	height: 100%;
	transition-duration: .3s;
}
.caseScroll .swiper-slide .txt{
	padding-top: 1.25rem;
}
.caseScroll .swiper-slide .txt .title{
	line-height: 1.75rem;
	color: #333333;
	width: 50%;
	display: block;
	float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.caseScroll .swiper-slide .txt .more{
	display: inline-block;
	padding: 0 1.5rem;
	color: #333333;
	background-color: #f3f3f3;
	border-radius: 2rem;
	line-height: 2rem;
	position: absolute;
	bottom: 0;
	right: 0;
}
.caseScroll .swiper-pagination{
	width: 100%;
	bottom: 0;
}
.swiper-pagination-bullet{
	margin: 0 0.75rem;
}
.swiper-pagination-bullet-active{
	background: #02429a;
}
.caseScroll .swiper-slide:hover .pic a{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	transition-duration: .5s;
}

.newsBox{
	margin-top: 3rem;
}

.newsTitle h3{
	line-height: 3.75rem;
	display: inline-block;
	float: left;
	font-size: 1.5rem;
	font-weight: bold;
	background: url("../images/pline.jpg") left bottom no-repeat;
}
.newsTitle a{
	float: right;
	display: inline-block;
	width: 117px;
	line-height: 45px;
	border-radius: 45px;
	background-color: #02429a;
	color: #ffffff;
	text-align: center;
}
.news{
	margin-top: 50px;
}
.newsFocus{
	padding-right: 2.5rem;
}
.newsFocus .pic{
	width: 100%;
	height: 19.5rem;
	overflow: hidden;
}
.newsFocus .pic a{
	display: block;
	width: 100%;
	height: 100%;
	transition-duration: .3s;
}
.newsFocus:hover .pic a{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	transition-duration: .5s;
}
.newsFocus .txt{
	line-height: 70px;
	height: 70px;
	padding-left: 1.75rem;
	background: #02429a url("../images/focus.jpg") right no-repeat;
	background-size: auto 70px;
}
.newsFocus .txt a{
	color: #ffffff;
}
.newsList ul li{
	width: 50%;
	float: left;
	padding: 1rem;
}
.newsList ul li:nth-child(1), .newsList ul li:nth-child(2){
	padding-top: 0;
}
.newsList ul li .title{
	line-height: 1.5rem;
}
.newsList ul li .title a{
	font-size: 1.125rem;
	color: #333333;
}
.newsList ul li .desc{
	margin-top: 1.25rem;
	line-height: 2rem;
	color: #666666;
}
.newsList ul li .date{
	margin-top: 1.5rem;
	line-height: 2rem;
	color: #999999;
	font-size: 1.125rem;
}
.newsList ul li .date b{
	font-size: 1.875rem;
	color: #333333;
}