@charset "utf-8";
body{
	background: #f9f9f9;
}
.i_btn{
	width: 180px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background: #193b87;
	color:#fff;
	font-size: 16px;
	display: block;
	position: relative;
}
.i_btn:after{
	background: #1741a0;
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.6s;
	z-index: 1;
}
.i_btn .txt{
	position: relative;
	z-index: 2;
}
.i_btn:hover{
	color:#fff;
}
.i_btn:hover:after{
	width: 100%;
}

.pd_title{
	padding-top: 64px;
	padding-bottom: 50px;
}
.pd_title .pd_back{
	width: 160px;
	height: 60px;
	border: 1px solid #dadada;
	text-align: center;
	font-size: 16px;
	color:#333333;
	cursor: pointer;
	background: #fff;
}
.pd_title .arrow_left{
	width: 21px;
	height: 14px;
	margin-left: 20px;
}
.pd_title .pd_back:hover{
	background: #0058a9;
	color: #fff;
}
.pd_title .pd_back .arrow_left2{
	display: none;
}
.pd_title .pd_back:hover .arrow_left1{
	display: none;
}
.pd_title .pd_back:hover .arrow_left2{
	display: block;
}
.pd_title2{
	font-size: 30px;
	line-height: 30px;
	color: #0058a9;
	font-weight: bold;
}
.pd1_box{
	width: 100%;
  	background: #fff;
  	margin-top: 40px;
	border-radius: 15px;
}
.pd1_box .pd1_img{
	width: 100%;
}
.pd1_box  .pd1_content{
	font-size: 16px;
	line-height: 30px;
	color:#555555;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 60px 70px;
}
.pd1_box  .pd1_content p{
	margin-bottom: 22px;
}
.pd1_box  .pd1_content p:last-child{
	margin-bottom: 0;
}
.pd2_box{
	margin-top: 60px;
}
.pd2_box .pd2_content{
	font-size: 16px;
	line-height: 30px;
	color:#555555;
	margin-top: 24px;
}

.pd3_box{
	margin-top: 70px;
}


.pd4_box{
	margin-top: 80px;
}
.pd4_box .pd4_inner{
	margin-top: 10px;
}
.pd4_box .pd4_nav{
	width: calc((100% - 120px) / 5);
	background: #fff;
	border-radius: 10px;
  	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  	margin-right: 30px;
  	margin-top: 30px;
  	padding-bottom: 40px;
}
.pd4_box .pd4_nav:nth-child(5n){
	margin-right: 0;
}
.pd4_box .pd4_nav .pd4_nav_img{
	width: 100%;
	height: 288px;
}
.pd4_box .pd4_nav .pd4_nav_img .img{
	max-width: 90%;
	max-height: 90%;
}
.pd4_box .pd4_nav .pd4_nav_title{
	font-size: 18px;
	color:#333333;
	text-align: center;
}
.pd4_box .pd4_btn{
	width: 180px;
	height: 50px;
	font-size: 18px;
	background: #193b87;
	color:#fff;
	text-align: center;
	line-height: 50px;
}
.pd4_box .pd4_menu{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	font-size: 0;
}
.pd4_box .pd4_menu::-webkit-scrollbar {
	width: auto;
	height: 10px;
}
.pd4_box .pd4_menu .pd4_menu_nav{
	display: inline-block;
	width: 160px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	color:#333333;
	border:1px solid #dad7d7;
	vertical-align: top;
	font-size: 18px;
	border-radius: 8px;
	margin-right: 20px;
	box-sizing: border-box;
}
.pd4_box .pd4_menu .pd4_menu_nav:last-child{
	margin-right: 0;
}
.pd4_box .pd4_menu .pd4_menu_nav.on,
.pd4_box .pd4_menu .pd4_menu_nav:hover{
	border:1px solid #f1641c;
	background: #fff;
}
.pd5_box{
	width: 100%;
}
.pd5_box .pd5_content:active,
.pd5_box .pd5_content:focus{
	border:none;
	outline: none;
}
.pd5_box .pd5_content::-webkit-scrollbar {
	width: 10px;
	border-radius: 10px;
}
.pd5_box .pd5_content::-webkit-scrollbar-track {
	border-radius: 10px;
}
.pd5_box .pd5_content::-webkit-scrollbar-thumb {
	border-radius: 10px;
}
.pd5_box .pd5_title{
	font-weight: bold;
	font-size: 24px;
	color:#0058a9;
	text-align: center;
}
.pd5_box .pd5_img{
	width: 100%;
}
.pd5_box .pd5_img .img{
	width: 100%;
}
.pd5_box .pd5_inner{
	width: 100%;
	margin-top: 36px;
}
.pd5_box .pd5_content{
	width: 100%;
	font-size: 0;
}

.pd3_box .pd3_table{
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}
.pd3_box .pd3_table .thead tr{
	height: 62px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	background: #0058a9;
}
.pd3_box .pd3_table .thead tr th{
	border-right:1px solid #e1e1e1;
}
.pd3_box .pd3_table .thead tr th:last-child{
	border-right:none;
}

.pd3_box .pd3_table tbody tr{
	height: 62px;
	text-align: center;
	font-size: 16px;
	color:#666666;
	border:1px solid #e1e1e1;
}
.pd3_box .pd3_table tbody tr td{
	border-right:1px solid #e1e1e1;
}
.pd3_box .pd3_table tbody tr td:last-child{
	border-right:none;
}



.pd5_box .pd5_nav{
	text-align: center;
	font-size: 16px;
	color: #333333;
	margin-right: 20px;
	cursor: pointer;
	background: #fff;
	border-radius: 10px;
	width: calc((100% - 140px) / 8);
	padding-bottom: 12px;
	display: inline-block;
	vertical-align: top;
	border:1px solid #fff;
	box-sizing: border-box;
}
.pd5_box .pd5_nav.on .pd5_nav_title,
.pd5_box .pd5_nav:hover .pd5_nav_title{
	color: #f1641c;
}
.pd5_box .pd5_nav.on,
.pd5_box .pd5_nav:hover{
	border:1px solid #f1641c;
}
.pd5_box .pd5_nav .pd5_nav_img{
	height: 115px;
}
.pd5_box .pd5_nav .pd5_nav_img .img{
	max-height: 80%;
	max-width: 80%;
}
.pd5_box .pd5_nav .pd5_nav_title{
	white-space:initial;
	padding: 0 5px;
}

.pd5_box .pd5_nav:nth-child(8n){
	margin-right: 0;
}

.pd6_box{
	margin-top: 80px;
	background-position: center center;
	background-repeat: no-repeat ;
	background-size: cover;
	height: 260px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 138px;
}
.pd6_box .pd6_btn{
	width: 260px;
	height: 60px;
	background: #f1641c;
	border-radius: 10px;
	font-size: 24px;
	color:#fff;
	margin: auto;
	margin-top: 35px;
	cursor: pointer;
}
.pd6_box .pd6_btn .contact_icon{
	margin-right: 10px;
}



/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}

@media screen and (max-width: 1681px) {
	.pd4_box .pd4_nav .pd4_nav_img{
		height: 250px;
	}
}

@media screen and (max-width: 1450px) {
	.pd4_box .pd4_nav .pd4_nav_img{
		height: 200px;
	}
	.pd4_box .pd4_nav .pd4_nav_title {
	    font-size: 16px;
	}
	.pd5_box .pd5_title {
	    font-size: 20px;
	}
	.pd5_box .pd5_nav{
		font-size: 14px;
	}
}

@media screen and (max-width: 1335px) {
	.pd4_box .pd4_nav .pd4_nav_title {
	    font-size: 14px;
	}
	.pd5_box .pd5_nav{
		font-size: 12px;
		margin-right: 10px;
		width: calc((100% - 70px) / 8);
	}
}

@media screen and (max-width: 1200px) {
	.i_btn {
	    width: 90px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 12px;
	    margin-top: 20px;
	}
	.pd_title{
		padding-top: 20px;
		padding-bottom: 20px;
	}	
	.pd_title .pd_back{
		width: 90px;
		height: 32px;
		font-size: 12px;
	}
	.pd_title .arrow_left{
		width: 16px;
		height: 11px;
		margin-left: 0;
	}
	.i_title{
		margin-top: 10px;
	}
	.pd_title2{
		font-size: 16px;
		line-height: 16px;
	}
	.pd1_box .pd1_content {
	    font-size: 14px;
	    line-height: 24px;
	    width: 100%;
	    padding: 20px;
	}
	.pd1_box .pd1_content p {
	    margin-bottom: 10px;
	}
	.pd1_box {
	    margin-top: 20px;
	}
	.pd2_box {
	    margin-top: 20px;
	}
	.pd3_box {
	    margin-top: 20px;
	}
	.pd2_box .pd2_content {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 10px;
	}
	.pd3_box .pd3_table {
	    margin-top: 20px;
	}
	.pd3_box .pd3_table thead tr {
	    height: 42px;
	    font-size: 14px;
	}
	.pd3_box .pd3_table tbody tr {
	    height: 42px;
	    font-size: 12px;
	}
	.pd4_box {
	    margin-top: 20px;
	}
	.pd4_box .pd4_inner {
	    margin-top: 10px;
	}
	.pd4_box .pd4_nav{
		margin-top: 10px;
		padding-bottom: 20px;
		width: calc((100% - 40px) / 5);
		margin-right: 10px;
	}
	.pd4_box .pd4_btn {
	    width: 90px;
	    height: 32px;
	    font-size: 12px;
	    line-height: 32px;
	}
	.pd4_box .pd4_menu .pd4_menu_nav {
	    width: 90px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 14px;
	    margin-right: 10px;
	}
	.pd5_box {
	    margin-top: 20px;
	}
	.pd5_box .pd5_inner {
	    margin-top: 20px;
	    display: block;
	}
	.pd5_box .pd5_nav {
	    font-size: 14px;
	}
	.pd6_box {
	    margin-top: 20px;
	    height: 200px;
	    border-radius: 10px;
	    margin-bottom: 20px;
	}
	.pd6_box .pd6_btn {
	    width:120px;
	    height: 42px;
	    font-size: 14px;
	    margin-top: 20px;
	}
	.pd6_box .pd6_btn .contact_icon {
	    width: 20px;
	}
	
}

@media screen and (max-width: 1100px) {
	
}
@media screen and (max-width: 1000px) {
	.pd5_box {
		display: block;
	}
	.pd5_box .pd5_img {
	    width: 100%;
	}
	.pd5_box .pd5_inner {
	    width: 100%;
	    margin-top: 15px;
	    margin-right: 0;
	    white-space: nowrap;
	    display: block;
	}
	.pd5_box .pd5_content {
	    width:100%;
	}
	.pd5_box .pd5_nav{
		display: inline-block;
		font-size: 12px;
	}
	.pd5_box .pd5_nav:last-child{
		margin-right: 0;
	}
	.pd5_box .pd5_content::-webkit-scrollbar{
		height: 10px;
		display: block !important;
	}
	
}

@media screen and (max-width: 600px) {
	.i_btn {
	    width: 80px;
	    height: 26px;
	    line-height: 26px;
	    font-size: 12px;
	    margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	.pd1_box .pd1_content{
		padding: 10px;
	}
	.pd4_box .pd4_inner {
	    margin-top: 5px;
	}
	.pd4_box .pd4_nav{
		padding-bottom: 20px;
		width: calc((100% - 10px) / 2);
	}
	.pd4_box .pd4_nav:nth-child(5n) {
	    margin-right: 10px;
	}
	.pd4_box .pd4_nav:nth-child(2n) {
	    margin-right: 0;
	}
	.pd4_box .pd4_nav .pd4_nav_img {
	    height: 120px;
	}
	.pd4_box .pd4_nav .pd4_nav_img .img {
	    max-width: 80%;
	    max-height: 80%;
	}
	.pd5_box {
	    margin-top: 0;
	}
	.pd5_box .pd5_content::-webkit-scrollbar{
		height: 5px;
	}
	.pd5_box .pd5_content{
		font-size: 0;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	
	.pd5_box .pd5_nav {
	    font-size: 12px;
	    margin-right: 10px;
	    width: calc((100% - 20px) / 3);
	}
	.pd5_box .pd5_nav:last-child{
		margin-right: 0;
	}
	.pd6_box {
	    height: 160px;
	}
	.pd_title .arrow_left{
		width: 15px;
		height: 10px;
		margin-left: 0;
		margin-right: 6px;
	}
	.pd_title .pd_back {
	    width: 120px;
	    font-size: 10px;
	}
	
}
@media screen and (max-width: 500px) {
	
}
@media screen and (max-width: 414px) {
	
}

@media screen and (max-width: 380px) {
	
}

@media screen and (max-width: 330px) {
	
}