﻿input {
	text-indent: 10px;
}

.wmax {
	width: 100%;
	height: 100%;
	min-width: 1300px
}

.more {
	color: #ff6d0c
}

.w1920 {
	width: 1920px;
	margin: 0 auto
}

.w1300 {
	width: 1160px;
	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
}

.nav {
	width: 100%;
	height: 120px;
	position: relative;
	min-width: 1300px
}

.nav_left {
	width: 50%;
	height: 120px;
	background: url(../images/nav_left_bg.jpg) repeat-x top center;
	float: left
}

.nav_right {
	width: 50%;
	height: 120px;
	background: url(../images/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(../images/nav_yuan.png) no-repeat top center
}

.nav_chanpin .nav_bg2 {
	background: rgba(255, 255, 255, .98) url(../images/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, .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, .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, .2);
	border-radius: 15px
}

.nav_hx_con_6 div a:hover img {
	box-shadow: 0 0 10px rgba(0, 86, 255, .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, .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(../images/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: 30px 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 li:nth-of-type(6) p em:nth-of-type(1) {
	color: #000000
}

.banner_nav li:nth-of-type(6) p:after {
	background: #000000
}

.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(6) div ol:hover {
	color: #000000
}

.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
}

.banner_nav li:nth-of-type(6) div ol b {
	background: #000000
}

.tt {
	width: 638px;
	height: 290px;
	box-shadow: 0 0 20px rgba(0, 86, 255, .2);
	position: absolute;
	top: 338px;
	left: 496px
}

.close {
	width: 30px;
	height: 30px;
	background: url(../images/cloce.png) no-repeat 0 0;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	right: 10px
}

.tt1 {
	background: url(../images/banner_nav_3_1.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tt2 {
	background: url(../images/banner_nav_3_2.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tt3 {
	background: url(../images/banner_nav_3_3.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tt4 {
	background: url(../images/banner_nav_3_4.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tt5 {
	background: url(../images/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(../images/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, .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(../images/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(../images/con4_bg.jpg) no-repeat center center;
	background-size: cover
}

.con4_con {
	background: rgba(241, 241, 241, .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
}

.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 {
	background: #185bc1;
	height: 594px
}

.foot_con {
	justify-content: space-around;
	height: 460px;
	align-items: center
}

.foot_con_l li {
	margin: 5px 0
}

.foot_con_l a {
	font-size: 16px;
	color: #fff;
	line-height: 2
}

.foot_con_r {
	flex-direction: column;
	color: #fff;
	line-height: 2;
	width: 660px;
	
}

.foot_con_r span {
	font-size: 30px
}

.foot_con_r p {
	font-size: 16px
}

.foot_con_r input:nth-of-type(1) {
	width: 280px;
	height: 50px
}

.foot_con_r input:nth-of-type(2) {
	width: 54px;
	height: 50px;
	background: url(../images/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%
}

.foot_con_r .seach {
	justify-content: flex-start;
	margin: 15px 0 30px 0
}

.foot_con_r .jingli {
	justify-content: space-between;
	flex-direction: column
}

.foot_con_r .jingli p {
	font-size: 20px
}

.foot_con_r .jingli li {
	font-size: 16px
}

.foot_con_r .jingli ul {
	justify-content: space-between;
	width: 560px
}

.beian {
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	background: #0c121c
}

.beian a {
	color: #fff
}

.w1090 {
	width: 1090px;
	margin: 0 auto
}

.cp_banner {
	height: 444px
}

.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;
	margin: 0 auto;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 20px
}

.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: space-between
}

.cp_list a {
	margin: 10px 0;
	width: 250px;
	height: 116px;
	flex-direction: column;
	align-items: center;
	background: #f6f6f6;
	line-height: 2;
	justify-content: flex-start
}

.cp_list a:hover {
	box-shadow: 0 0 5px rgba(0, 86, 255, .25)
}

.cp_list a span {
	font-size: 20px;
	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
}

.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(../images/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: 130px;
	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, .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(../images/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 li:nth-of-type(4) {
	font-size: 20px;
	color: #ceeefe;
	line-height: 2;
	position: absolute;
	top: 475px;
	left: 120px
}

.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, .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, .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(../images/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(../images/con2_seach.jpg) no-repeat 0 0;
	background-size: 100% 100%
}

.wz_con {
	background: url(../images/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(../images/about_bg2.png) no-repeat top center, rgba(0, 17, 53, .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, .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(../images/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, .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(../images/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(../images/about_nav.png) no-repeat 0 0;
	width: 149px;
	height: 46px
}

.about_con_nav a:nth-of-type(2) {
	background: url(../images/about_nav.png) no-repeat -155px 0;
	width: 149px;
	height: 49px
}

.about_con_nav a:nth-of-type(3) {
	background: url(../images/about_nav.png) no-repeat -308px 0;
	width: 147px;
	height: 47px
}

.about_con_nav a:nth-of-type(4) {
	background: url(../images/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(../images/search.jpg) no-repeat top center;
	background-size: cover;
	overflow: hidden
}

.search_banner form {
	height: 105px;
	background: rgba(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, .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(../images/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(../images/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 auto;
    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(../images/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;}
@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, .5)
	}

	to {
		background-color: rgba(0, 0, 0, 0)
	}
}

@keyframes bak {
	from {
		background-color: rgba(0, 0, 0, .5)
	}

	to {
		background-color: rgba(0, 0, 0, 0)
	}
}
