input {
	text-indent: 10px;
}

.wmax {
	width: 100%;
	height: 100%;
}

.more {
	color: #ff6d0c;
}

.w1920 {
	width: 1920px;
	margin: 0 auto;
}

.w1300 {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
}

.mt50 {
	margin-top: 50px;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.align-items_c {
	align-items: center;
}

.nav {
	width: 100%;
	height: 120px;
	position: relative;
	min-width: 1300px;
	z-index: 5;
}

.nav_left {
	width: 50%;
	height: 120px;
	background: url(../image/nav_left_bg.jpg) repeat-x top center;
	float: left;
}

.nav_right {
	width: 50%;
	height: 120px;
	background: url(../image/nav_right_bg.jpg) repeat-x top center;
	float: right;
}

.nav_con {
	position: absolute;
	top: 0;
	z-index: 2;
	left: 50%;
	margin-left: -650px;
	height: 120px;
}

.nav_con ul {
	position: absolute;
}

.nav_con ul:nth-of-type(1) {
	top: 0;
	left: 785px;
}

.nav_con ul:nth-of-type(1) li {
	float: left;
	font-size: 20px;
	color: #10314a;
	line-height: 70px;
	margin: 0 10px;
}

.nav_con ul:nth-of-type(1) li:nth-of-type(3) a {
	font-size: 25px;
	padding: 5px;
}

.nav_con ul:nth-of-type(1) li:nth-of-type(3) a:hover {
	background: #ff6d0c;
	border-radius: 8px;
}

.nav_con ul:nth-of-type(1) li:nth-of-type(4) {
	font-size: 25px;
}

.nav_con ul:nth-of-type(1) li a {
	font-size: 20px;
	color: #10314a;
	line-height: 70px;
}

.nav_chanpin {
	position: absolute;
	top: 70px;
	z-index: 2;
	height: 500px;
}

.nav_chanpin .nav_bg {
	height: 70px;
	width: 100%;
	background: url(../image/nav_yuan.png) no-repeat top center;
}

.nav_chanpin .nav_bg2 {
	background: rgba(255, 255, 255, 0.98) url(../image/nav_bg2.png) repeat-x bottom;
	height: 430px;
	width: 100%;
}

.nav_chanpin .nav_hx_con {
	width: 688px;
	margin-top: 10px;
}

.nav_hx_con .nav_hx_con_1 ul {
	justify-content: space-between;
}

.nav_hx_con .nav_hx_con_1 li {
	width: 130px;
	height: 58px;
	border: 1px solid #b9c3d7;
	border-radius: 5px;
	margin: 15px;
}

.nav_hx_con .nav_hx_con_1 li:hover {
	box-shadow: 0 0 5px #b9c3d7;
}

.nav_hx_con .nav_hx_con_1 li a:nth-of-type(1) {
	line-height: 38px;
	background-color: #f0f0f0;
	font-size: 18px;
	color: #10314a;
	width: 100%;
}

.nav_hx_con .nav_hx_con_1 li:hover a:nth-of-type(1) {
	background-color: #edf7ff;
}

.nav_hx_con .nav_hx_con_1 li a:nth-of-type(2) {
	background-color: #fff;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}

.con1_t {
	line-height: 2;
}

.con1_t span {
	font-size: 16px;
	font-weight: 700;
	color: #111;
	position: relative;
	padding-left: 15px;
}

.con1_t span::after {
	position: absolute;
	content: '';
	width: 6px;
	height: 13px;
	background-color: #144199;
	left: 0;
	top: 6px;
}

.con1_t p {
	font-size: 14px;
	color: #666;
}

.con1_t p a {
	color: #ff6d0c;
}

.nav_hx_con_2 ul {
	height: 360px;
	justify-content: space-around;
	flex-direction: column;
}

.nav_hx_con_2 ul li img:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.5);
	border-radius: 5px;
}

.nav_hx_con_3 ul {
	justify-content: space-around;
}

.nav_hx_con_3 ul li img:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.5);
}

.nav_hx_con_3 .con1_t span {
	margin: 30px 0;
	display: inline-block;
}

.nav_hx_con_3 .con1_t p {
	justify-content: space-between;
}

.nav_hx_con_3 .con1_t em {
	width: 520px;
	line-height: 2;
}

.nav_hx_con_4 div {
	justify-content: space-around;
}

.nav_hx_con_4 div ul {
	width: 320px;
	justify-content: space-around;
}

.nav_chanpin .nav_hx_tit {
	width: 400px;
}

.nav_chanpin .nav_hx_tit li {
	font-size: 16px;
	color: #666;
	display: block;
	text-indent: 2em;
	line-height: 44px;
	border-bottom: 1px solid #c9c9c9;
}

.nav_chanpin .nav_hx_tit .active {
	position: relative;
	color: #ff6d0c;
	border-bottom: none;
}

.nav_chanpin .nav_hx_tit .active::before {
	position: absolute;
	width: 400px;
	height: 2px;
	background-color: #ff6d0c;
	left: 0;
	bottom: 0;
	content: '';
	-webkit-animation-name: leftIn;
	animation-name: leftIn;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.nav_chanpin .nav_hx_tit li:last-of-type {
	border: none;
}

.nav_hx_con_5 .con1_t h1 {
	font-size: 40px;
	color: #111;
}

.nav_hx_con_5 .con1_t span {
	font-size: 14px;
	color: #111;
}

.nav_hx_con_5 .con1_t span::after {
	top: 3px;
	background-color: #ff6d0c;
}

.nav_hx_con_6 div {
	justify-content: space-around;
}

.nav_hx_con_6 div a {
	margin: 5px 0;
}

.nav_hx_con_6 div a:nth-of-type(1) img {
	box-shadow: 0 0 10px rgba(0, 86, 255, 0.2);
	border-radius: 15px;
}

.nav_hx_con_6 div a:hover img {
	box-shadow: 0 0 10px rgba(0, 86, 255, 0.2);
	border-radius: 15px;
}

.nav_hx_con_7 div {
	justify-content: space-around;
}

.nav_hx_con_8 div {
	justify-content: space-around;
}

.nav_hx_con_8 div a {
	margin: 10px 0;
}

.nav_hx_con_8 div a img:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.25);
	border-radius: 5px;
}

.nav_con ul:nth-of-type(2) {
	top: 70px;
	left: 480px;
}

.nav_con ul:nth-of-type(2) li {
	float: left;
	margin: 0 45px;
}

.nav_con ul:nth-of-type(2) li a {
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}

.index_banner {
	position: relative;
	height: 1070px;
}

.index_banner_bg {
	background-image: url(../image/0.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
}

.index_banner_bg img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.banner_nav {
	padding: 210px 0 0 70px;
	width: 290px;
	flex-direction: column;
}

.banner_nav h1 {
	font-size: 30px;
	color: #144199;
	margin-bottom: 40px;
}

.banner_nav li {
	margin: 5px 0;
}

.banner_nav li p {
	flex-direction: column;
	position: relative;
	margin-bottom: 20px;
}

.banner_nav li p em {
	margin-left: 50px;
}

.banner_nav li p em:nth-of-type(1) {
	font-size: 20px;
	line-height: 1.5;
	color: #c41230;
}

.banner_nav li p em:nth-of-type(2) {
	font-size: 14px;
	line-height: 1.5;
	color: #111;
}

.banner_nav li p:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: #c41230;
	border-radius: 20px;
}

.banner_nav li:nth-of-type(2) p em:nth-of-type(1) {
	color: #179ec4;
}

.banner_nav li:nth-of-type(2) p:after {
	background: #179ec4;
}

.banner_nav li:nth-of-type(3) p em:nth-of-type(1) {
	color: #00478a;
}

.banner_nav li:nth-of-type(3) p:after {
	background: #00478a;
}

.banner_nav li:nth-of-type(4) p em:nth-of-type(1) {
	color: #ef9951;
}

.banner_nav li:nth-of-type(4) p:after {
	background: #ef9951;
}

.banner_nav li:nth-of-type(5) p em:nth-of-type(1) {
	color: #7a268a;
}

.banner_nav li:nth-of-type(5) p:after {
	background: #7a268a;
}

.banner_nav div {
	display: none;
}

.banner_nav li:hover div {
	display: block;
}

.banner_nav div ol {
	margin-left: 50px;
	justify-content: left;
	font-size: 14px;
	color: #666;
	padding: 5px 0;
	cursor: pointer;
}

.banner_nav div ol b {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #c41230;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
}

.banner_nav li:nth-of-type(1) div ol:hover {
	color: #c41230;
}

.banner_nav li:nth-of-type(2) div ol:hover {
	color: #179ec4;
}

.banner_nav li:nth-of-type(3) div ol:hover {
	color: #00478a;
}

.banner_nav li:nth-of-type(4) div ol:hover {
	color: #ef9951;
}

.banner_nav li:nth-of-type(5) div ol:hover {
	color: #7a268a;
}

.banner_nav li:nth-of-type(2) div ol b {
	background: #179ec4;
}

.banner_nav li:nth-of-type(3) div ol b {
	background: #00478a;
}

.banner_nav li:nth-of-type(4) div ol b {
	background: #ef9951;
}

.banner_nav li:nth-of-type(5) div ol b {
	background: #7a268a;
}

.tt {
	width: 638px;
	height: 290px;
	box-shadow: 0 0 20px rgba(0, 86, 255, 0.2);
	position: absolute;
	top: 338px;
	left: 496px;
}

.close {
	width: 30px;
	height: 30px;
	background: url(../image/cloce.png) no-repeat 0 0;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	right: 10px;
}

.tt1 {
	background: url(../image/banner_nav_3_1.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tt2 {
	background: url(../image/banner_nav_3_2.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tt3 {
	background: url(../image/banner_nav_3_3.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tt4 {
	background: url(../image/banner_nav_3_4.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tt5 {
	background: url(../image/banner_nav_3_5.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tt dl {
	position: relative;
	line-height: 2;
}

.tt dl dt {
	position: absolute;
	top: 0;
	left: 0;
}

.tt dl dd {
	position: absolute;
	left: 300px;
	top: 40px;
	flex-direction: column;
}

.tt dl dd p {
	margin: 5px 0;
	font-size: 16px;
	color: #111;
	border-bottom: 1px solid #bebebe;
}

.tt dl dd p:nth-of-type(1) {
	font-size: 20px;
	color: #111;
	border: none;
}

.tt dl dd p em {
	font-size: 14px;
	color: #666;
	width: 300px;
	display: inline-block;
}

.con1 {
	position: relative;
	height: 842px;
}

.con1_bg {
	background: url(../image/2-p.png) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center;
	background-size: cover;
}

.con1_bg img {
	margin: 80px 0 0 0;
}

.con_title {
	position: relative;
	font-size: 28px;
	color: #133256;
	padding-left: 10px;
	margin: 20px 0;
}

.con_title::after {
	position: absolute;
	content: '';
	width: 5px;
	height: 18px;
	background-color: #133256;
	left: 0;
	top: 15px;
}

.con2_con {
	justify-content: space-between;
}

.con2_1 {
	justify-content: space-around;
	width: 870px;
}

.con2_1 li a {
	margin: 20px 0;
	width: 250px;
	height: 116px;
	flex-direction: column;
	align-items: center;
	background: #f6f6f6;
	line-height: 2;
	justify-content: flex-start;
}

.con2_1 a:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.25);
}

.con2_1 a span {
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #022754;
	margin-top: 10px;
}

.con2_1 a span e {
	font-size: 18px;
	color: #fff;
	background: #022754;
	padding: 5px 10px;
	margin-left: 10px;
}

.con2_1 a div {
	font-size: 14px;
	color: #999;
	text-align: center;
}

.con2_2 {
	justify-content: start;
	width: 286px;
	flex-direction: column;
}

.con2_2 li {
	line-height: 2;
	margin: 5px 0;
}

.con2_2 li a {
	font-size: 16px;
	color: #111;
	display: inline-block;
	position: relative;
}

.con2_2 li:hover a {
	color: #ff6d0c;
}

.con2_2 a:hover::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ff6d0c;
	-webkit-animation-name: leftIn2;
	animation-name: leftIn2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.con2_2 li a em {
	border-bottom: 2px solid #ff6d0c;
	display: inline-block;
}

.con2_2 .seach {
	justify-content: start;
	margin-top: 20px;
}

.con2_2 .seach input:nth-of-type(1) {
	width: 230px;
	height: 48px;
	border: 1px solid #ff6d0c;
	line-height: 50px;
	padding-left: 8px;
}

.con2_2 .seach input:nth-of-type(2) {
	width: 54px;
	height: 48px;
	background: url(../image/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

.con3 {
	background: #f2f2f2;
	height: 646px;
	position: relative;
}

.con3 .con3_left {
	position: relative;
	width: 776px;
	height: 470px;
}

.con3 .con3_left img {
	position: absolute;
}

.con3 .con3_left img:nth-of-type(1) {
	top: 80px;
	left: 33px;
}

.con3 .con3_left img:nth-of-type(2) {
	top: 116px;
	left: 294px;
}

.con3 .con3_left img:nth-of-type(3) {
	top: 113px;
	left: 600px;
}

.con3 .con3_left img:nth-of-type(4) {
	top: 216px;
	left: 70px;
}

.con3 .con3_left img:nth-of-type(5) {
	top: 164px;
	left: 476px;
}

.con3 .con3_left img:nth-of-type(6) {
	top: 260px;
	left: 276px;
}

.con3 .con3_left img:nth-of-type(7) {
	top: 320px;
	left: 128px;
}

.con3 .con3_left img:nth-of-type(8) {
	top: 420px;
	left: 226px;
}

.con3 .con3_left img:nth-of-type(9) {
	top: 356px;
	left: 485px;
}

.con3 .con3_left img:nth-of-type(10) {
	top: 260px;
	left: 566px;
}

.con3 .con3_left img:nth-of-type(11) {
	top: 405px;
	left: 638px;
}

.con3 .con3_right {
	width: 330px;
	justify-content: flex-start;
	flex-direction: column;
	line-height: 2;
}

.con3 .con3_right p {
	font-size: 14px;
	color: #666;
}

.con3 .con3_right span {
	font-size: 16px;
	padding: 10px 0;
}

.con3_right_bg {
	background: #00478a;
}

.con4 {
	height: 644px;
	background: url(../image/con4_bg.jpg) no-repeat center center;
	background-size: cover;
}

.con4_con {
	background: rgba(241, 241, 241, 0.9);
	width: 934px;
	height: 524px;
	margin-top: 120px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	color: #001;
	line-height: 2;
	position: relative;
}

.con4_con span {
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 90px;
}

.con4_con em {
	font-size: 16px;
	position: absolute;
	top: 90px;
	left: 90px;
	padding-right: 54px;
}

.con4_con p {
	position: absolute;
	top: 298px;
	left: 90px;
	width: 494px;
	justify-content: space-between;
}

.con4_con b {
	width: 160px;
	height: 42px;
	background: #ff6d0c;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	top: 456px;
	right: 54px;
}

.jdys a {
	padding: 10px;
}

.jdys img:hover {
	box-shadow: 0 0 8px #000000;
}

.con5 {
	justify-content: space-around;
}

.con5 ul {
	width: 530px;
	justify-content: space-around;
	flex-direction: column;
}

.con5 li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.con5 li p {
	font-size: 20px;
	line-height: 1.5;
	margin-left: 10px;
}

.con5 li:nth-of-type(1) p {
	font-size: 16px;
}

.con5 li em {
	font-size: 36px;
	color: #144199;
}

/* foot  2022年3月2日14:44:16*/
#foot {
	background: url(./foot_bg.jpg) repeat-x top left;
	height: 796px;
	overflow: hidden;
}

.foot_con {
	justify-content: space-around;
	align-items: center;
	margin-top: 70px;
}

.foot_left {
	width: 726px;
	height: 608px;
	background: rgba(214, 227, 249, 0.75);
	box-shadow: 0 0 18px rgba(11, 63, 141, 0.75);
}

.foot_tel {
	width: 300px;
	margin-top: 10px;
}

.map_box {
	width: 406px;
	height: 570px;
	border: 2px solid #fff;
	background: #bfd6fc;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}

.map_box img {
	width: 346px;
	margin-top: 18px;
}

.map_box p {
	width: 346px;
	font-size: 14px;
	color: #10314a;
	line-height: 1.75;
	padding-top: 20px;
}

.foot_con_r {
	flex-direction: column;
	color: #fff;
	line-height: 2;
	width: 382px;
}

.foot_con_r span {
	font-size: 30px;
}

.foot_con_r p {
	font-size: 16px;
}

.foot_con_r input:nth-of-type(1) {
	width: 300px;
	height: 50px;
}

.foot_con_r input:nth-of-type(2) {
	width: 54px;
	height: 50px;
	background: url(../image/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

.foot_con_r .seach {
	justify-content: flex-start;
	margin: 15px 0 60px 0;
}

#foot_swpiper {
	width: 380px;
	height: 210px;
	padding-left: 20px;
	margin-top: 80px;
}

#foot_swpiper .swiper-slide {
	justify-content: flex-start;
}

#foot_swpiper .foot_fenye {
	width: 5px;
	height: 210px;
	display: flex;
	flex-direction: column;
	background: #185bc1;
	left: 0;
}

#foot_swpiper span {
	font-size: 18px;
	color: #ff6d0c;
	width: 100%;
}

#foot_swpiper img {
	margin: 10px 0;
}

#foot_swpiper a {
	font-size: 14px;
	color: #a5c3e3;
}

#foot_swpiper .foot_fenye .swiper-pagination-bullet {
	width: 5px;
	height: 70px;
	margin: 0;
	border-radius: 0 !important;
}

#foot_swpiper .foot_fenye .swiper-pagination-bullet-active {
	background: #ff6d0c;
}

.foot_con_p {
	margin-top: 50px;
}

.foot_con_p a {
	font-size: 14px;
	color: #cfe6ff;
}

.foot_con_p a:hover {
	color: #ff6d0c;
}

.foot_left .jingli {
	flex-direction: column;
}

.foot_left .jingli ul {
	flex-direction: column;
}

.foot_left .jingli li {
	height: 90px;
	padding: 20px 0;
	border-bottom: 1px solid #fff;
}

.foot_left .jingli li p {
	font-size: 14px;
	padding-left: 10px;
}

.jingli_title {
	font-size: 18px;
	color: #185bc1;
	font-weight: bold;
	line-height: 2;
	position: relative;
}

.jingli_title::before {
	content: '';
	width: 130px;
	height: 1px;
	background: #185bc1;
	position: absolute;
	bottom: 0;
	left: 0;
}

.foot_dizhi li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.foot_dizhi p {
	padding-left: 5px;
	font-size: 14px;
}

.beian {
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	background: #0c121c;
}

.beian a {
	color: #fff;
}

/* endfoot */

.w1090 {
	width: auto;
	margin: 0 auto;
}

.cp_banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cp_p {
	margin: 20px auto 40px auto;
}

.cp_p a {
	font-size: 14px;
	color: #111;
	line-height: 2;
}

.list_search {
	height: 105px;
	background: #f2f2f2;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 10px;
}

.list_search a {
	font-size: 20px;
	width: 245px;
	height: 60px;
	line-height: 60px;
	background: #fe7a23;
	color: #fff;
	text-align: center;
}

.list_search div {
	align-items: center;
}

.list_search input {
	height: 58px;
}

.list_search input:nth-of-type(1) {
	width: 528px;
	border: 1px solid #afbdcf;
	border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.list_search input:nth-of-type(2) {
	width: 104px;
	background: #4278cb;
	color: #fff;
	font-size: 40px;
}

.cp_list {
	justify-content: start;
}

.cp_list a {
	margin: 10px 0;
	width: 250px;
	height: 116px;
	flex-direction: column;
	align-items: center;
	background: #f6f6f6;
	line-height: 2;
	justify-content: center;
	 flex-direction: row;
	 margin-right: 59px;
}
.cp_list a:nth-child(4n){
    margin-right: 0;
}

.cp_list a:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.25);
}

.cp_list a span {
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #022754;
	margin-top: 10px;
}

.cp_list a span e {
	font-size: 18px;
	color: #fff;
	background: #022754;
	padding: 5px 10px;
	margin-left: 10px;
}

.cp_list a div {
	font-size: 14px;
	color: #999;
	text-align: center;
	    height: 60px;
    overflow: hidden;
}

.cp_con1 {
	background: #f2f2f2;
	height: 240px;
	align-items: center;
}

.cp_con2 {
	justify-content: space-around;
}

.cp_con2_lf {
	flex-direction: column;
}

.cp_con2_lf p {
	margin: 5px 0;
	position: relative;
}

.cp_con2_lf p::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 1px;
	width: 20px;
	background: #ff6d0c;
}

.cp_con2_lf .active::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: #ff6d0c;
	-webkit-animation-name: leftIn2;
	animation-name: leftIn2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.cp_con2_ri {
	width: 892px;
	flex-direction: column;
	line-height: 2;
	font-size: 14px;
}

.cp_con2_ri span {
	font-size: 20px;
	margin: 40px 0 20px 0;
}

.cp_con2_ri div {
	justify-content: flex-start;
}

.cp_con2_ri div a {
	padding: 0 10px;
	height: 40px;
	border: 1px solid #a2a2a2;
	margin: 8px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #111;
}

.cp_con3 {
	height: 595px;
	background: url(./cp_con3_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}

.cp_con3 .con_title {
	color: #fff;
}

.cp_con3 .con_title::after {
	background: #fff;
}

.cp_con4 {
	justify-content: space-between;
}

.cp_list2 {
	justify-content: space-between;
}

.cp_list2_lf {
	width: 930px;
	align-content: flex-start;
	justify-content: start;
}

.cp_list2_lf a {
	width: 210px;
	height: 50px;
	border: 1px solid #a2a2a2;
	margin: 8px;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	color: #111;
}

.cp_list2_lf a:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.25);
}

.cp_list2_ri {
	flex-direction: column;
	justify-content: start;
}

.cp_list2_ri a {
	margin: 15px 0;
}

.cp_arc_banner {
	position: relative;
	height: 889px;
	background: url(../image/cp_arc_banner.png) no-repeat top center;
	background-size: 100% 100%;
	overflow: hidden;
}

.cp_arc_banner .cp_p {
	color: #fff;
}

.cp_arc_banner .cp_p a {
	color: #fff;
}

.cp_arc_banner .swiper-container {
	position: absolute;
	top: 0;
	height: 889px;
	width: 100%;
	z-index: -1;
}

.cp_arc_banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: transform 30s;
	transition: transform 30s;
}

.cp_arc_banner .swiper-slide-active img {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block;
	height: 100%;
}

.cp_arc {
	width: 690px;
}

.cp_arc_title {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 25px;
}

.cp_arc_title p:nth-of-type(2) {
	font-size: 14px;
	position: relative;
	padding-left: 90px;
}

.cp_arc_title p:nth-of-type(2)::after {
	position: absolute;
	content: '';
	width: 80px;
	height: 2px;
	background: #fff;
	top: 10px;
	left: 0;
}

.cp_arc ul {
	border: 1px solid #71828d;
	position: relative;
}

.cp_arc li:nth-of-type(1) {
	font-size: 14px;
	color: #cdecff;
	padding: 10px;
	line-height: 2;
	height: 84px;
}

.cp_arc li:nth-of-type(2) {
	font-size: 16px;
	color: #fff;
	line-height: 2;
	position: absolute;
	top: 146px;
	left: 90px;
	width: 600px;
	justify-content: space-around;
}

.cp_arc li:nth-of-type(3) {
	font-size: 16px;
	color: #fff;
	line-height: 2;
	position: absolute;
	top: 276px;
	left: 110px;
}

.cp_arc_con1 {
	justify-content: space-around;
	line-height: 2;
	align-items: center;
}

.cp_arc_con1 p {
	width: 830px;
}

.cp_arc_con2 {
	justify-content: space-between;
	line-height: 2;
	align-items: center;
}

.cp_arc_con2 div {
	flex-direction: column;
}

.cp_arc_con2 b img {
	box-shadow: 0 0 15px rgba(73, 116, 200, 0.3);
	margin: 0 10px;
}

.cp_arc_con2 em {
	width: 18px;
	height: 18px;
	border-radius: 10px;
	border: 1px solid #cdecff;
	margin: 20px 5px 0 5px;
}

.cp_arc_con2 .active {
	background-image: radial-gradient(circle, #185bc1 50%, #fff 50%, #cdecff 100%);
}

.cp_arc_con2 p {
	width: 500px;
}

.cp_arc_con3 {
	justify-content: space-around;
}

.cp_arc_con4 {
	flex-direction: column;
}

.cp_arc_con4 p {
	font-size: 14px;
	line-height: 2;
	padding: 10px 0;
}

.cp_arc_con5 {
	justify-content: space-between;
}

.cp_arc_con5 div {
	width: 910px;
	font-size: 14px;
	line-height: 2;
	color: #666;
}

.cp_arc_con5 div em {
	font-size: 12px;
	color: #ff6d0c;
}

.cp_arc_con5 ul {
	flex-direction: column;
}

.cp_arc_con5 li {
	position: relative;
	margin: 5px 0;
}

.cp_arc_con5 li em {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
}

.cp_arc_con5 .active em {
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-name: bak;
	animation-name: bak;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.list_banner {
	height: 500px;
}

.list_banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list_con {
	justify-content: space-between;
}

.list_con_lf {
	flex-direction: column;
	align-items: flex-end;
}

.list_con_lf a {
	color: #133256;
	width: 840px;
	justify-content: space-around;
	border-top: 1px solid #bcbcbc;
}

.list_con_lf img {
	width: 190px;
	height: 140px;
}

.list_con_lf p {
	width: 620px;
	flex-direction: column;
	font-size: 14px;
	line-height: 2;
}

.list_con_lf p span {
	font-size: 20px;
	line-height: 60px;
}

.list_con_lf a:nth-of-type(1),
.list_con_lf a:nth-of-type(2),
.list_con_lf a:nth-of-type(3) {
	border: none;
	margin-bottom: 40px;
}

.pagination {
	display: flex;
}

.pagination li {
	margin: 0 5px;
	font-size: 14px;
}

.pagination li a {
	padding: 10px;
	font-size: 14px;
}

.mt30 {
	margin-top: 20px;
	overflow: hidden;
}

.list_con_ri {
	width: 290px;
	line-height: 2;
}

.list_con_ri div {
	flex-direction: column;
}

.list_con_ri div a {
	color: #ff6d0c;
	font-size: 14px;
}

.list_con_ri span {
	font-size: 18px;
	position: relative;
	padding-left: 20px;
	margin: 5px 0 8px 0;
}

.list_con_ri span::before {
	position: absolute;
	left: 0;
	top: 12px;
	content: '';
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent transparent #133256;
}

.list_con_ri .seach input:nth-of-type(1) {
	width: 236px;
	height: 48px;
	border: 1px solid #ff6d0c;
	line-height: 50px;
	padding-left: 8px;
}

.list_con_ri .seach input:nth-of-type(2) {
	width: 54px;
	height: 48px;
	background: url(../image/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

.arc_con {
	justify-content: space-around;
}

.arc_con div {
	flex-direction: column;
}

.arc_con div:nth-of-type(1) {
	width: 574px;
}

.arc_con div a {
	color: #ff6d0c;
	font-size: 14px;
	line-height: 2;
}

.arc_con span {
	font-size: 18px;
	position: relative;
	padding-left: 20px;
	margin: 5px 0 8px 0;
}

.arc_con span::before {
	position: absolute;
	left: 0;
	top: 7px;
	content: '';
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent transparent #133256;
}

.arc_con .seach label {
	width: 180px;
	height: 46px;
	border: 1px solid #ff6d0c;
	line-height: 46px;
	text-align: center;
	border-right: none;
	font-size: 18px;
	color: #ff6d0c;
	position: relative;
}

.arc_con .seach label::after {
	width: 1px;
	height: 30px;
	content: '';
	background: #ff6d0c;
	position: absolute;
	top: 8px;
	right: 0;
}

.arc_con .seach input:nth-of-type(1) {
	width: 338px;
	height: 48px;
	border: 1px solid #ff6d0c;
	line-height: 50px;
	padding-left: 8px;
	border-left: none;
}

.arc_con .seach input:nth-of-type(2) {
	width: 54px;
	height: 48px;
	background: url(../image/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

.wz_con {
	background: url(../image/wz_con_bg1.png) no-repeat bottom right;
	flex-direction: column;
}

.wz_con .wz_tiele {
	font-size: 28px;
	font-weight: 700;
	color: #133256;
	margin: 40px 0;
}

.wz_con .wz_xq {
	width: 98%;
	font-size: 16px;
	line-height: 2;
	text-indent: 2em;
	margin: 0 auto;
}

.wz_con .wz_xq img {
	width: 60% !important;
}

.next {
	justify-content: space-around;
	font-size: 16px;
	padding: 50px 0;
	align-items: center;
}

.next a {
	color: #111;
}

.next em:nth-of-type(3) {
	width: 92px;
	height: 42px;
	background: #e5e5e5;
	text-align: center;
	line-height: 42px;
}

.about {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% 100%;
	flex-direction: column;
}

.about .about_top {
	width: 100%;
	height: 20px;
	background: url(../image/about_bg2.png) no-repeat top center, rgba(0, 17, 53, 0.8);
	position: absolute;
	top: 0;
	z-index: 3;
}

.about_con1 {
	justify-content: flex-end;
	align-items: center;
}

.about_con1_lf {
	width: calc(535rem / 100);
	height: auto;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	font-size: calc(14rem / 100);
	line-height: 2;
	padding: 0 calc(30rem / 100) calc(20rem / 100);
	justify-content: flex-start;
}

.about_con1_lf span {
	font-size: calc(30rem / 100);
	padding-top: calc(20rem / 100);
}

.about_con1_lf img {
	width: (519rem/100);
	height: calc(160rem / 100);
}

.about_con1_ri {
	width: calc(36rem / 100);
	height: calc(500rem / 100);
	position: relative;
	margin-left: calc(30rem / 100);
}

.about_con1_ri b {
	width: 2px;
	background: #9d9d9d;
	position: absolute;
	height: 100%;
	z-index: -1;
}

.about_con1_ri ul {
	height: calc(500rem / 100);
	flex-direction: column-reverse;
	justify-content: space-between;
}

.about_con1_ri li {
	width: calc(36rem / 100);
	height: calc(36rem / 100);
	background: url(../image/about_yun.png) no-repeat top left;
	background-size: cover;
}

.about_con2 {
	color: #fff;
	font-size: 14px;
	line-height: 2;
	align-items: flex-end;
	position: absolute;
	z-index: 1;
}

.about_con2 > div {
	width: 50%;
	height: 50%;
}

.about_con2 .sp_box {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: flex-end;
	align-items: flex-end;
}

.about_con2 div:nth-of-type(2) .sp_box {
	justify-content: flex-start;
	align-items: flex-end;
}

.about_con2 div:nth-of-type(3) .sp_box {
	justify-content: flex-end;
	align-items: flex-start;
}

.about_con2 div:nth-of-type(4) .sp_box {
	justify-content: flex-start;
	align-items: flex-start;
}

.about_con_nav {
	height: calc(120rem / 100);
	min-height: 76px;
	background: url(../image/about_nav.jpg) no-repeat top center;
	justify-content: space-around;
	align-items: center;
	margin-left: -650px;
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: calc(40rem / 100);
}

.about_con_nav a {
	font-size: 20px;
	line-height: 120px;
	position: relative;
	font-weight: 700;
	color: #111;
}

.about_con_nav a:nth-of-type(1) {
	background: url(../image/about_nav.png) no-repeat 0 0;
	width: 149px;
	height: 46px;
}

.about_con_nav a:nth-of-type(2) {
	background: url(../image/about_nav.png) no-repeat -155px 0;
	width: 149px;
	height: 49px;
}

.about_con_nav a:nth-of-type(3) {
	background: url(../image/about_nav.png) no-repeat -308px 0;
	width: 147px;
	height: 47px;
}

.about_con_nav a:nth-of-type(4) {
	background: url(../image/about_nav.png) no-repeat -457px -1px;
	width: 63px;
	height: 76px;
}

.about_con_nav .active:nth-of-type(1) {
	background-position: 0 -78px;
}

.about_con_nav .active:nth-of-type(2) {
	background-position: -155px -78px;
}

.about_con_nav .active:nth-of-type(3) {
	background-position: -308px -78px;
}

.search_banner {
	position: relative;
	height: 262px;
	background: url(../image/search.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden;
}

.search_banner form {
	height: 105px;
	background: rgba(0, 0, 0, 0.3);
	align-items: center;
}

.search_banner input {
	height: 58px;
}

.search_banner input:nth-of-type(1) {
	width: 528px;
	border: 1px solid #afbdcf;
	border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search_banner input:nth-of-type(2) {
	width: 104px;
	background: #4278cb;
	color: #fff;
	font-size: 40px;
}

.search_banner form a {
	margin-left: 20px;
	font-size: 20px;
	width: 245px;
	height: 60px;
	line-height: 60px;
	background: #fe7a23;
	color: #fff;
	text-align: center;
}

.resultlist li h3 a {
	font-size: 18px;
	color: #111;
	line-height: 2;
}

.resultlist li p a {
	font-size: 14px;
	color: #666;
	line-height: 2;
}

.resultlist li {
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.dede_pages a {
	font-size: 14px;
	color: #133256;
}

.dede_pages td {
	padding: 0 5px;
	color: red;
	font-size: 14px;
}

.search_0 {
	flex-direction: column;
	align-items: center;
}

.search_0 p {
	font-size: 24px;
	line-height: 3;
}

.wtel {
	width: calc(680rem / 100);
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 calc(10rem / 100) #001135;
	height: calc(100vh - 120px);
	flex-direction: column;
	align-items: center;
	line-height: 2;
	position: absolute;
	top: 120px;
	right: 10%;
	z-index: 1;
}

.wtel .logo {
	width: calc(168rem / 100);
	height: calc(153rem / 100);
}

.wtel div {
	margin-top: calc(30rem / 100);
}

.wtel div img {
	width: calc(157rem / 100);
	height: calc(197rem / 100);
}

.wtel div img:nth-of-type(2) {
	margin: 0 calc(20rem / 100);
}

.wtel b {
	width: calc(380rem / 100);
	height: 1px;
	background-color: silver;
	margin-top: calc(40rem / 100);
}

.wtel p {
	font-size: calc(16rem / 100);
	color: #0e3e8e;
	margin-top: calc(30rem / 100);
}

.wtel em {
	font-size: calc(14rem / 100);
	color: #939393;
}

/* SMC专题 */
.flex_between {
	justify-content: space-between;
}

.w1100 {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.smc_banner {
	height: 600px;
	overflow: hidden;
	background: url(../image/smc_banner.jpg) no-repeat center top;
	background-size: cover;
}

.w1100 .title {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #133256;
	padding-left: 25px;
	margin: 20px 0;
}

.w1100 .title::after {
	position: absolute;
	content: '';
	width: 21px;
	height: 19px;
	background: url(../image/smc_title.png) no-repeat;
	left: 0;
	top: 3px;
}

.smc_con1 {
	width: 726px;
	align-content: flex-start;
	justify-content: space-between;
}

.smc_con1 a {
	height: 40px;
	border: 1px solid #0043b2;
	margin: 10px 4px;
	padding: 0 18px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #666666;
}

.smc_con1 a:nth-last-of-type(2) {
	border: none;
	background-color: #ff710c;
	color: #fff;
}

.smc_con1 a:nth-last-of-type(1) {
	border: none;
	background-color: #aa0000;
	font-weight: bold;
	color: #fff;
	box-shadow: 10px 10px #ffd1b1;
}

.smc_con1_r {
	padding: 20px 0 0 20px;
	margin: 10px 0 0 10px;
	width: 300px;
	flex-direction: column;
	line-height: 2;
	font-size: 14px;
	box-shadow: -1px -1px 10px #000;
}

.smc_con1_r span {
	font-size: 18px;
	font-weight: bold;
}

.smc_con2 {
	height: 798px;
	background: url(../image/smc_con2_bg.jpg) no-repeat;
	background-size: cover;
}

.smc_con3 p {
	width: 610px;
	font-size: 16px;
	line-height: 2;
}

.smc_con3 p em {
	font-size: 14px;
}

.smc_con4 {
	background: #f6f6f6;
}

.smc_con4 dt {
	font-size: 16px;
	line-height: 70px;
	color: #111111;
	border-bottom: 1px solid #e7e7e7;
	cursor: pointer;
}

.smc_con4 .select_dl dt {
	border-bottom: none !important;
	color: #ce0000 !important;
}

.smc_con4 dd {
	border: 1px solid #00478a;
	display: none;
}

.smc_con4 .select_dl dd {
	display: flex;
}

.smc_con4 dd a {
	width: 218px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	border-right: 1px solid #00478a;
	border-bottom: 1px solid #00478a;
	text-align: center;
	font-size: 14px;
	color: #111;
}

.smc_con4 dd a:nth-of-type(5n + 0) {
	border-right: none;
	width: 222px;
}

.smc_con4 dd a:nth-last-of-type(1) {
	border: none;
	background-color: #aa0000;
	font-size: 18px;
	color: #fff;
	box-shadow: -10px 0 #f9c8a4;
	padding: 0 20px;
}

.smc_con4 dd a:nth-last-of-type(2) {
	flex-grow: 3;
	border: none;
	border-top: 1px solid #00478a;
}

.smc_con5 img {
	margin: 20px 0;
}

/* end smc */
/* 铝合金专题 2022年2月11日16:15:04 */
.flex_around {
	justify-content: space-around;
}

.column {
	flex-direction: column;
	align-items: center;
}

.mt62 {
	margin-top: 62px;
}

.pt30 {
	padding-top: 30px;
}

.lhj_banner {
	height: 920px;
	overflow: hidden;
	background: url(../image/lhj_banner.jpg) no-repeat center top;
	background-size: cover;
}

.lhj_con1 img:hover {
	box-shadow: 0 0 20px rgba(51, 133, 255, 0.6);
	z-index: 1;
}

.lhj_con2 {
	background: #185cc1;
}

.lhj_con3 {
	height: 778px;
	background: url(../image/lhj_con3_bg.jpg) repeat-x left top;
	color: #111111;
}

.lhj_con3 .w1100 {
	position: relative;
}

.lhj_con3 span {
	position: absolute;
	top: 141px;
	left: 30px;
	font-size: 24px;
	font-weight: bold;
}

.lhj_con3 p {
	position: absolute;
	top: 190px;
	left: 30px;
	font-size: 16px;
	color: #111111;
	width: 442px;
}

.lhj_con3 p:nth-of-type(2) {
	top: 358px;
	color: #858585;
}

.lhj_con4 {
	background: url(../image/lhj_con4_bg.jpg) #edf0f4 no-repeat center top;
	height: 925px;
	background-size: cover;
}

.lhj_con4_2 {
	background: url(../image/lhj_con4_bg2.jpg) #edf0f4 no-repeat center top;
	height: 692px;
	background-size: cover;
}

.lhj_con4_3 {
	background: url(../image/lhj_con4_bg3.jpg) #edf0f4 no-repeat center top;
	height: 442px;
	background-size: cover;
}

.lhj_con4_lf {
	width: 384px;
	color: #ffffff;
	line-height: 1.75;
}

.lhj_con4_lf b {
	font-size: 20px;
	position: relative;
	align-items: flex-start;
	padding-left: 10px;
}

.lhj_con4_lf b::before {
	position: absolute;
	content: '';
	width: 3px;
	height: 45px;
	background-color: #fff;
	left: 0;
	top: 10px;
}

.lhj_con4_lf b em {
	font-size: 16px;
}

.lhj_con4_lf p {
	width: 95%;
	font-size: 14px;
	line-height: 2;
}

.lhj_con4_rg {
	width: 716px;
}

.lhj_con4_rg li {
	width: 33%;
}

.lhj_con4_rg a:nth-of-type(1) {
	position: relative;
}

.lhj_con4_rg a:nth-of-type(1) em {
	display: none;
}

.lhj_con4_rg a:hover em {
	width: 138px;
	height: 110px;
	color: #fff;
	background: rgba(37, 97, 197, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 0 13px rgba(37, 97, 197, 0.8);
}

.lhj_con4_rg img {
	border-radius: 10px;
	box-shadow: 0 0 13px rgba(37, 97, 197, 0.35);
}

.lhj_con4_rg p {
	font-size: 16px;
	color: #111111;
}

.lhj_con4_rg p:nth-of-type(2) {
	font-size: 14px;
	color: #666;
	line-height: 2;
}

.lhj_con4_rg a:nth-of-type(2) {
	width: 80px;
	height: 38px;
	border-radius: 10px;
	color: #ff6b0c;
	border: 1px #ff6b0c solid;
	line-height: 38px;
	text-align: center;
}

/* end lhj css */
/* /* 哈氏专题 2022年4月30日23:21:41  */
.hshj_banner {
	height: 970px;
	overflow: hidden;
	background: url(../image/hshj_banner.jpg) no-repeat center top;
	background-size: cover;
}

.hshj_con1 {
	background: url(../image/hshj_con1_bg.jpg) repeat-x left top;
	height: 425px;
}

.hshj_con1_right {
	width: 692px;
	height: 337px;
}

.hshj_con1_right_bg {
	width: 692px;
	height: 337px;
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	top: 46px;
	left: 384px;
	border-radius: 10px;
}

.hshj_con1_right_active {
	display: none;
}

.hshj_con1_right img {
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	border-radius: 9px;
	cursor: pointer;
}

.hshj_con1_right_bg img {
	width: 616px;
	height: 230px;
}

.hshj_con1_right_bg em {
	position: absolute;
	right: 9px;
	color: #fff;
	top: 0;
	font-size: 24px;
	cursor: pointer;
}

.hshj_con2_nav {
	position: relative;
	margin-bottom: 60px;
}

.hshj_con2_line {
	border-bottom: 2px solid #cc092f;
	position: absolute;
	top: 60px;
	z-index: -1;
}

.hshj_con2_nav span {
	width: 84px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.hshj_con2_nav span:hover {
	color: #cc092f;
}

.noavtive {
	opacity: 0;
}

.hshj_con2_box {
	height: 414px;
}

.hshj_con2_c {
	width: 560px;
	align-items: flex-start;
	justify-content: flex-start;
}

.hshj_con2_title {
	font-size: 24px;
	font-weight: bold;
}

.hshj_con2_title em {
	font-size: 16px;
	font-weight: 100;
}

.hshj_con2_con {
	font-size: 14px;
	text-indent: 2em;
}

.hshj_con2_con1 {
	font-size: 12px;
	text-indent: 2em;
}

.hshj_con2_img {
	margin-top: 80px;
}

.hshj_con3 {
	background: #dfdfdf;
}

.hshj_con5 {
	background: url(../image/hshj_con1_bg.jpg) repeat-x left top;
	height: 640px;
	align-items: center;
}

.hshj_con6 img {
	cursor: pointer;
	cursor: pointer;
	border-radius: 14px;
}

.hshj_con6 img:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

.hshj_form {
	border: 1px solid #e31717;
	height: 156px;
	border-radius: 10px;
	align-items: unset;
}

.hshj_form p {
	color: #e31717;
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
}

.hshj_input {
	font-size: 16px;
	color: #111111;
}

.hshj_input input {
	width: 250px;
	height: 34px;
	background: #ebebeb;
	border-radius: 10px;
	padding-left: 20px;
}

#hshj__tijiao {
	width: 202px;
	height: 40px;
	background: url(../image/hshj_tijiao.png);
}

/* /* end哈氏专题 2022年4月30日23:21:41  */
/* chanpin list  2022年6月20日10:13:17*/
#app_cplist .list_search input:nth-of-type(1) {
	width: 898px;
}

#app_cplist .list_search input:nth-of-type(2) {
	width: 260px;
}

.cp_list_con1_left {
	width: 438px;
	align-items: flex-start;
}

.cp_list_con1_left span {
	font-size: 60px;
	color: #fe7a23;
}

.cp_list_con1_left p {
	font-size: 14px;
	color: #666666;
	line-height: 2;
}

.cp_list_con1_right {
	width: 710px;
	margin-top: 70px;
}

.lingxing {
	width: 120px;
	height: 95px !important;
	margin: 10px 5px;
	overflow: hidden;
}

.lingxing img {
	width: 174px;
	transform: skew(30deg);
}

.lingxing:hover {
	box-shadow: 0 0 10px red;
}

.cp_list_con2 {
	height: auto;
	position: relative;
}

.cp_list_con2_box {
	width: 238px;
	height: 378px;
	border: 1px solid #d5e2f8;
	padding: 0 10px;
	align-items: flex-start;
}

.cp_list_con2_box:hover {
	border: 1px solid #ff6000;
	box-shadow: 0 0 16px rgba(255, 96, 0, 0.3);
}

.cp_list_con2_box:nth-last-of-type(1) {
	margin-bottom: 80px;
}

.cp_title {
	font-size: 22px;
	color: #091724;
}

.cp_tag {
	justify-content: flex-start;
	font-size: 14px;
	color: #fff;
}

.cp_tag em {
	padding: 5px 10px;
	margin-right: 10px;
}

.cp_tag_bg1 {
	background: #2561c5;
}

.cp_tag_bg2 {
	background: #c54e25;
}

.cp_tag_bg3 {
	background: #00112d;
}

.cp_suoluetu {
	background-color: #f2f2f2;
	width: 232px;
	height: 77px;
}

.cp_suoluetu img {
	width: 86px;
	height: 47px;
}

.midu {
	font-size: 16px;
	text-align: center;
}

.midu em:nth-of-type(2) {
	width: 1px;
	height: 50px;
	background-color: #dcdcdc;
	margin: 0 10px;
}

.biaozhun {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	align-items: flex-start;
}

.biaozhun p {
	font-weight: 100;
}

.cp_url {
	font-size: 16px;
	width: 100%;
	justify-content: flex-end;
}

.cp_url a {
	color: #111111;
}

.cp_list_con2_box:hover a {
	color: #ff6000;
}

.mt10 {
	margin-top: 10px;
}

.biaozhunhao {
	display: none;
}

.biaozhunhao em {
	width: 50%;
	text-align: center;
	font-size: 14px;
	color: #666666;
}

.cp_list_con2_box:hover .midu,
.cp_list_con2_box:hover .biaozhun,
.cp_list_con2_box:hover .biaozhun {
	display: none;
}

.cp_list_con2_box:hover .cp_suoluetu_bg {
	width: 232px;
	height: 220px;
	background-color: #f2f2f2;
}

.cp_list_con2_box:hover .biaozhunhao {
	display: flex;
}

.cp_list_con2_box:hover img {
	width: 232px;
	height: 220px;
}

/*.cp_list_con2_box:hover .cp_suoluetu{*/
/*    display: block !important;*/
/*}*/

.cp_more {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: linear-gradient(rgba(242, 242, 242, 0.7) 10%, rgba(242, 242, 242, 0.9) 20%, rgba(242, 242, 242, 1)) 70%;
	height: 122px;
	font-size: 16px;
	color: #fe7a23;
	text-align: center;
}

#swipercon3 {
	height: 789px;
}

#swipercon3 .swiper-slide {
	position: relative;
	color: #fff;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.swiper-bg {
	height: 50px;
	background: url(../img/cp_list_con3bg.png) no-repeat top center;
	background-size: cover;
	width: 100%;
	position: relative;
	z-index: 2;
}

.cp_list_con3 .swiper-pagination {
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 52px;
	z-index: 1;
}

.cp_list_con3 .swiper-pagination span {
	border-left: 1px solid #e7e7e7;
	line-height: 100px;
	font-size: 16px;
	color: #000c36;
}

.cp_list_con3 .swiper-pagination .swiper-pagination-bullet {
	width: 98px;
	height: 100px;
	display: inline-block;
	border-radius: 0;
	background: none;
	opacity: 1;
}

.cp_list_con3 .swiper-pagination .swiper-pagination-bullet-active {
	background: linear-gradient(rgba(55, 112, 198, 0.7), rgba(255, 255, 255, 1));
}

.cp_list_con3_rount {
	width: 666px;
	height: 666px;
	border-radius: 50%;
	position: absolute;
	top: 99px;
	box-shadow: 0 620px 80px #000;
}

.round {
	width: 300px;
	height: 300px;
	border-radius: 150px;
	background: #253783;
	position: absolute;
	top: 30px;
	box-shadow: 0 50px 30px #000;
}

.zhezhao {
	background: rgba(9, 31, 64, 0.9);
	width: 500px;
	height: 500px;
	border-radius: 250px;
	opacity: 0;
	position: absolute;
	top: 20px;
	left: 30%;
	transition: all 2s;
}

.xianshi {
	opacity: 0;
	position: relative;
	z-index: -1;
	transition: all 1s 0.5s;
}

.cp_xianshi_left {
	width: 520px;
	align-items: flex-start;
}

.cp_xianshi_right {
	line-height: 2;
	color: #fff;
	width: 530px;
	align-items: flex-start;
}

.cp_xianshi_right span {
	font-size: 18px;
	margin: 10px 0;
}

.cp_xianshi_right em {
	font-size: 14px;
}

.jiaodianhuati {
	height: 405px;
	background: url(../img/jiaodian_bg.png) no-repeat top center;
	background-size: contain;
	background-color: #e7eef8;
	overflow: hidden;
}

.jiaodian_con a {
	font-size: 14px;
	color: #133256;
	font-weight: bold;
	padding: 10px 20px;
	margin: 10px;
}

.jiaodian_con a:hover {
	border: 1px solid #ff6000;
	box-shadow: 0 0 16px rgba(255, 96, 0, 0.3);
	color: #ff6000;
	border-radius: 10px;
}

.yw_map {
	background: url(../img/ywmap_bg.jpg) no-repeat top center;
	width: 813px;
	height: 662px;
}

.yw_filter {
	filter: blur(5px);
}

.yewufanwei_nav {
	width: 346px;
	justify-content: flex-start;
	align-items: baseline;
}

.yewufanwei_nav li p {
	position: relative;
	margin: 15px 0;
	font-size: 18px;
	line-height: 1.5;
	color: #133256;
	justify-content: flex-start;
	padding-left: 20px;
}

.yewufanwei_nav li p:after {
	position: absolute;
	content: '';
	top: 7px;
	left: 0;
	width: 13px;
	height: 13px;
	background: #0f2b56;
}

.yewufanwei_nav li:nth-of-type(5) p:after {
	background: #3975cf;
}

.yewufanwei_nav li:nth-of-type(6) p:after,
.yewufanwei_nav li:nth-of-type(7) p:after,
.yewufanwei_nav li:nth-of-type(8) p:after,
.yewufanwei_nav li:nth-of-type(9) p:after {
	background: #a4c8ff;
}

.yewufanwei_nav div {
	display: none;
	font-size: 14px;
	color: #666;
	line-height: 1.75;
}

.yewufanwei_nav li {
	cursor: pointer;
}

.yewufanwei_nav li:hover div {
	display: block;
}

.yw_right {
	width: 813px;
	height: 662px;
	position: relative;
}

/* end 2022年6月20日10:13:28 */

@media screen and (max-height: 600px) {
	.wtel div {
		margin-top: calc(10rem / 100);
	}

	.wtel p {
		margin-top: 0;
	}

	.wtel b {
		margin-top: calc(20rem / 100);
	}
}

@-webkit-keyframes leftIn {
	from {
		width: 0;
	}

	to {
		width: 400px;
	}
}

@keyframes leftIn {
	from {
		width: 0;
	}

	to {
		width: 400px;
	}
}

@-webkit-keyframes leftIn2 {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes leftIn2 {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes bak {
	from {
		background-color: rgba(0, 0, 0, 0.5);
	}

	to {
		background-color: rgba(0, 0, 0, 0);
	}
}

@keyframes bak {
	from {
		background-color: rgba(0, 0, 0, 0.5);
	}

	to {
		background-color: rgba(0, 0, 0, 0);
	}
}