.stretchwrap{
	align-items: stretch;
	flex-wrap: wrap;
}
.tops {
	background-color: #f5f6fa;
	padding: 8px 0;
}

.tops span {
	color: #767676;
	font-size: 12px;
}

.tops span b {
	color: #565656;
	font-weight: 900;
}

.tops .mores a {
	color: #fff;
	font-size: 12px;
	background-color: #1f5d96;
	padding: 0 25px;
	line-height: 30px;
	border-radius: 5px;
	margin-right: 10px;
}
.mores {
	text-align: center;
	justify-content: center;
}

.mores a {
	padding: 0 40px;
	line-height: 44px;
	border-radius: 50px;
	color: #fff;
	background-color: #0090da;
	transition: all 0.3s;
	display: inline-block;
}

.mores a:hover {
	color: #fff !important;
	background-color: #005079 !important;
}
.titles {
	text-align: center;
	padding: 50px 0;
}

.titles h2 {
	color: #333;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.5em;
	padding: 0;
	/* margin-bottom: 15px; */
}
.titles h3{
	font-size: 30px;
	line-height: 1.5em;
	margin-top: 10px;
}

.titles p {
	color: #757575;
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 8px;
	text-transform: uppercase;
}
.titles.white h2,
.titles.white p{
	color: #fff;
}

.headers {
	padding: 10px 0;
	transition: all 0.3s;
}

.headers.fx {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #eee;
	z-index: 99;
}

.headers .logo {
	max-width: 40%;
}
.headers .logo img{
	max-width: 200px;
}

.headers .mores {
	margin-left: 20px;
}
.headers .mores a{
	padding: 0 20px;
	line-height: 40px;
	border-radius: 5px;
}

.headers .navs {
	flex: 1;
	margin: 0 4% 0 8%;
	transition: all 0.3s;
}

.headers .navs .it {
	position: relative;
}

.headers .navs .it .twos {
	width: 200px;
	z-index: 999;
	position: absolute;
	top: 98%;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0 2px 10px #ddd;
	text-align: center;
	padding: 4px 0;
	font-size: 14px;
	overflow: hidden;
	display: none;
}

.headers .navs .it .twos a:hover {
	background-color: #f5f6fa;
}

.headers .navs a {
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 2px solid transparent;
	transition: all 0.3s;
}

.headers .navs a:hover {
	color: #1f5d96;
}

.headers .navs a.current {
	color: #1f5d96;
	border-color: #1f5d96;
}

.headers .menu {
	width: 30px;
	cursor: pointer;
}
.headers .phone{
	color: #1f5d96;
	font-size: 16px;
	font-weight: 900;
}

.banner img {
	min-width: 540px;
	height: auto !important;
}

.banner .dis_fx {
	justify-content: center;
	overflow: hidden;
}

.banner .banner-pagination {
	position: absolute;
	z-index: 10;
	text-align: center;
}

.banner .banner-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
}

.banner .banner-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

.subnav{
	background-color: #fff;
	padding: 10px 0;
}
.subnav .dis_fx{
    justify-content: space-around;
}
.subnav a{
	/*flex: 1;*/
	display: block;
	color: #333;
	font-size: 18px;
	line-height: 40px;
	position: relative;
	text-align: center;
}
.subnav i{
	display: block;
	width: 1px;
	height: 40px;
	background-color: #eee;
}
.subnav i:nth-last-child(1){
	display: none;
}
.subnav a.current{
	color: #168fd3;
	font-weight: 900;
}

.footers {
	background-color: #050e19;
	padding: 50px 0;
}

.footers .footernav {
	flex: 1;
	/* justify-content: space-evenly; */
	align-items: flex-start;
	margin-left: 8%;
}

.footers .footernav h2 {
	color: #ffffff;
	font-size: 16px;
	/* padding-bottom: 20px; */
	margin-bottom: 10px;
	position: relative;
}
/* .footers .footernav h2:after{
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #1859fd;
	position: absolute;
	left: 0;
	bottom: 0;
} */

.footers .footernav a,
.footers .footernav p {
	color: #7c8a92;
	line-height: 32px;
	display: block;
	transition: all 0.3s;
}

.footers .footernav a:hover {
	color: #fff;
}

.footers .code {
	text-align: center
}
.footers .code p {
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	margin-top: 10px;
}
.footers .code p a{
    color: #fff;
	font-weight: 900;
}
.footers .code p.p2{
    font-size: 16px;
    margin: 0;
}

.copy {
	border-top: 1px solid rgba(255,255,255,0.2);
	background-color: #050e19;
	text-align: center;
	color: #7c8a92;
	line-height: 1.6em;
	padding: 20px 0;
}
.link{
	margin-bottom: 10px;
}
.link a{
	margin: 0 2px;
}

.copy a {
	transition: all 0.3s;
	color: #7c8a92;
}
.copy a:hover{
	color: #fff;
}




.nypage {
	background-color: #f5f6fa;
	padding: 50px 0;
}

.nybanner {
	text-align: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
.nybanner h2,
.nybanner p{
	color: #fff;
}

.nybanner h2{
	font-weight: 900;
	font-size: 40px;
}
.nybanner p{
	font-size: 16px;
	margin-top: 20px;
}

.nycontent {
	/* background-color: #fff; */
	padding: 20px;
}


.indexbox01{
	background-color: #f2f7ff;
	padding-bottom: 5%;
}
.indexbox01nav{
	width: 250px;
	/* height: 100%; */
	background-color: #1c2a3f;
	border-radius: 10px;
	flex-direction: column;
	padding: 50px 10px;
}
.indexbox01nav .itm{
	color: #fff;
	width: 100%;
	padding: 20px;
	cursor: pointer;
	border-radius: 8px;
}
.indexbox01nav .itm.current{
	background: linear-gradient(to right,#0090da,rgba(0,144,218,0));
}
.indexbox01con{
	flex: 1;
	margin-left: 20px;
	background-image: url('../img/index_bg01.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #09121f;
	border-radius: 10px;
	padding: 4%;
}
.indexbox01con .itm{
	display: none;
}
.indexbox01con .itm h2{
	color: #fff;
	font-weight: 900;
	font-size: 16px;
}
.indexbox01con .itm p{
	color: #86c4e3;
	font-size: 14px;
	margin: 10px 0 20px;
}
.indexbox01con .itm img{
	max-width: 100%;
}
.indexbox01con .itm .mores{
	margin-top: 5%;
	justify-content: flex-start;
}
.indexbox01con .itm .mores a{
	border-radius: 40px;
	margin-right: 20px;
}
.indexbox01con .itm .mores a:nth-child(2){
	background-color: rgba(255,255,255,0.4);
}
.indexbox02{
	/* padding-bottom: 5%; */
}
.indexbox02list .itembox{
	margin-bottom: 5%;
}
.indexbox02list .item{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(47, 21, 143, 0.2);
	border-radius: 10px;
	padding: 16% 6%;
	text-align: center;
	height: 100%;
}
.indexbox02list .item p{
	color: #575c66;
	font-size: 14px;
	line-height: 2em;
	margin-top: 20px;
}

.partner{
	background-color: #fff;
	padding-bottom: 2%;
}
.partnerlist li{
	text-align: center;
	margin-bottom: 5%;
}
.partnerlist li a:hover img{
	transform: scale(1.05,1.05);
}
.partnerlist li img{
	max-width: 100%;
	transition: all 0.3s;
}
.cases{
	background-color: #f8fbff;
}
.caseslist{
	justify-content: center;
}
.caseslist .item{
	color: #333;
	display: block;
	max-width: 100%;
	margin: 0 1% 5%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(47, 21, 143, 0.2);
}
.caseslist .item span{
	width: 100%;
	overflow: hidden;
	justify-content: center;
}
.caseslist .item span img{
	transition: all 0.3s;
	width: 100%;
}
.caseslist .item h2{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 36px;
	padding: 20px;
	transition: all 0.3s;
}
.caseslist .item h2 i{
	display: inline-block;
	padding: 0 10px;
	margin-right: 16px;
	border-radius: 2px;
	font-size: 12px;
	white-space: nowrap;
}
.caseslist .item h2 i.blue{
	color: #3c77d4;
	background-color: #d9e8ff;
}
.caseslist .item h2 i.green{
	color: #2bae75;
	background-color: #e1f7ee;
}
.caseslist .item h2 i.yellow{
	color: #685e06;
	background-color: #f7f5e1;
}
.caseslist .item:hover img{
	transform: scale(1.05,1.05);
}
.caseslist .item:hover h2{
	color: #0090da;
	font-weight: 900;
}

.indexbox03{
	padding: 2% 0;
	background: url('../img/index_bg01.jpg') #dbe8ff no-repeat center bottom;
}
.indexbox03numlist{
	padding: 4% 0 6%;
}
.indexbox03numlist .item{
	flex: 1;
	text-align: center;
}
.indexbox03numlist .item h2{
	color: #0063ff;
	font-size: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.indexbox03numlist .item p{
	font-size: 20px;
}
.indexabout{
	text-align: center;
	line-height: 2em;
}
.indexbox03 .mores{
	margin: 5% auto;
}

.dengbaobox{
	padding: 3% 0;
}
.dengbaobox:nth-child(2n - 1){
	background-color: #f8fbff;
}
.youshibox h2{
	font-weight: 900;
	font-size: 20px;
}
.youshibox h2 span{
	text-transform: uppercase;
	font-size: 16px;
	margin-left: 10px;
}
.youshibox h2:after{
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background-color: #3657c7;
	margin: 4% 0;
}
.youshibox p{
	font-size: 16px;
	line-height: 2em;
}
.youshibox img{
	max-width: 100%;
}

.faguibox{
	position: relative;
}
.faguibox:before{
	height: 100%;
	width: 2px;
	background-color: #eee;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	display: block;
	content: '';
	position: absolute;
}
.faguibox .lefts .item i{
	right: calc(-2.5% - 15px);
}
.faguibox .rights .item i{
	left: calc(-2.5% - 15px);
}
.faguibox .lefts .item:nth-last-child(1):after,
.faguibox .rights .item:nth-last-child(1):after{
	display: none;
}
.faguibox .rights{
	margin-top: 16%;
}
.faguibox .item{
	position: relative;
	padding: 5%;
}
.faguibox .item:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #e9e9e9;
	margin-top: 5%;
}
.faguibox .item i{
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #0063ff;
	position: absolute;
}
.faguibox .item h2{
	font-size: 18px;
	font-weight: 900;
	color: #0063ff;
	line-height: 1.8em;
}
.faguibox .item h3{
	font-size: 18px;
	font-weight: 900;
	color: #000;
	line-height: 1.8em;
	margin-bottom: 2%;
}
.faguibox .item p{
	line-height: 1.8em;
	color: #333;
	font-size: 14px;
}
.faguibox .item span{
	display: block;
	width: 100%;
	text-align: center;
	margin: 4% 0;
}
.faguibox .item span img{
	max-width: 100%;
}

.jiejuefanganbox{
	background-color: #f8fbff;
}
.fangantab{
	flex-wrap: wrap;
}
.fangantab .item{
	width: 140px;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 0;
	text-align: center;
	cursor: pointer;
	margin-bottom: 3%;
	position: relative;
	transition: all 0.3s;
}
.fangantab .item:after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,10px) rotate(45deg);
	transition: all 0.3s;
}
.fangantab .item h2{
	font-size: 18px;
	font-weight: 900;
	margin-top: 10px;
}
.fangantab .item.current{
	color: #fff;
	background-color: #168fd3;
}
.fangantab .item.current:after{
	border-color: #168fd3;
}
.fangantab .item.current span{
	background-color: #fff;
}
.fangantab .item:hover span{
	background-color: #f8f8f8;
}
.fangantab .item.current span img,
.fangantab .item:hover span img{
	margin-top: -100%;
}
.fangantab .item span{
	display: block;
	margin: 0 auto;
	width: 68px;
	height: 68px;
	overflow: hidden;
	background-color: #168fd3;
	border-radius: 50%;
	transition: all 0.3s;
}
.fangantab .item span img{
	width: 100%;
	transition: all 0.3s;
}
.fangancon{
	background: #fff;
	border-radius: 20px;
	padding: 3% 5%;
	margin-bottom: 5%
}
.fangancon .item{
	display: none;
}
.fangancon p{
    align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.5em;
	padding: 10px 0;
	flex-wrap: wrap;
}
.fangancon p i{
	width: 120px;
	font-weight: 900;
}
.fangancon p em{
    flex: 1;
}

.jiejuefanganbox2{
	padding: 10% 0;
	color: #fff;
	line-height: 2em;
	background: url('../img/dengbao/bg01.jpg') #00121c no-repeat center bottom;
}

.jiejuefanganbox3 .item{
	padding: 4% 0;
}
.jiejuefanganbox3 .item h2{
	font-size: 18px;
	font-weight: 900;
	color: #0090da;
	margin-bottom: 5%;
}
.jiejuefanganbox3 .item p{
	margin: 4% 0;
	line-height: 2em;
}
.jiejuefanganbox3 .item p i,
.jiejuefanganbox3 .item p em{
	display: block;
	font-size: 16px;
	font-weight: 900;
	display: flex;
	align-items: center;
}
.jiejuefanganbox3 .item p i:before,
.jiejuefanganbox3 .item p em:before{
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #000;
	content: '';
	margin-right: 10px;
}
.jiejuefanganbox3 .item1{
	background: url('../img/dengbao/bg02.jpg') #e6e9ef no-repeat center right;
}
.jiejuefanganbox3 .item2{
	background: url('../img/dengbao/bg03.jpg') #e6e9ef no-repeat center left;
}

.jiejuefanganbox4{
	padding-bottom: 4%;
}
.jiejuefanganbox4 .item{
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-bottom: 5%;
}
.jiejuefanganbox4 .item p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 38px;
	color: #fff;
	background: rgba(51,128,206,0.6);
	padding: 0 20px;
}
.jiejuefanganbox4 .item img{
	transition: all 0.3s;
	max-width: 100%;
}
.jiejuefanganbox4 .item:hover img{
	transform: scale(1.05,1.05);
}

.jiedubox{
	background-color: #f8fbff;
	padding-bottom: 4%;
}

.jiedubox1 .item{
	width: calc(50% - 40px);
	position: relative;
	background-color: #fff;
	border: 1px dashed #ccc;
	border-radius: 10px;
	padding: 3%;
	margin: 40px 0;
	margin-right: 60px;
	min-height: 130px;
}
.jiedubox1 .item p{
	line-height: 1.8em;
}
.jiedubox1 .item h2{
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	background-color: #168fd3;
	border-radius: 40px;
	padding: 0 20px;
	line-height: 44px;
	position: absolute;
	top: -22px;
	left: 3%;
}
.jiedubox .item:before{
	height: 35px;
	width: 1px;
	border: 1px dashed #ccc;
	content: '';
	display: block;
	position: absolute;
	left: 30%;
	bottom: -35px;
}
.jiedubox1 .item:after{
	border-radius: 50%;
	width: 16px;
	height: 16px;
	border: 2px solid #3046d8;
	background-color: #fff;
	content: '';
	display: block;
	left: 30%;
	bottom: -50px;
	position: absolute;
	margin-left: -7px;
	z-index: 10;
}
.jiedubox1 .item2{
	margin-right: 0;
	margin-left: 60px;
	margin-top: 60px;
}
.jiedubox1 .item2:before{
	bottom: auto;
	left: 34%;
	top: -55px;
}
.jiedubox1 .item2:after{
	bottom: auto;
	left: 34%;
	top: -70px;
}
.jieduboxlines{
	width: 100%;
	height: 1px;
	border: 1px dashed #ccc;
	position: relative;
}
.jieduboxlines:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: -6px;
	width: 12px;
	height: 12px;
	border: 6px solid #333;
	border-left-color: transparent;
	border-top-color: transparent;
	transform: rotate(-45deg);
}

.jiedubox02{
	color: #fff;
	text-align: center;
	line-height: 2em;
	background: url('../img/dengbao/bg04.jpg') no-repeat center top;
}
.jiedubox02 .titles h2{
	color: #fff;
}
.jiedubox02 .mores {
	margin: 5% 0;
}
.jiedubox02 .mores a{
	padding: 0 60px;
	background-color: #fff;
	color: #000;
}
.jiedubox03 .item{
	background-color: #fff;
	margin-bottom: 2%;
}
.jiedubox03 .item h2{
	line-height: 40px;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 900;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
.jiedubox03 .item h2 i{
	font-family: '宋体';
	font-size: 20px;
	font-weight: 900;
	position: absolute;
	transform: translate(-50%,-50%) rotate(90deg);
	top: 50%;
	right: 20px;
	transition: all 0.3s;
}
.jiedubox03 .item .con{
	display: none;
	padding: 20px;
	border-top: 1px solid #eee;
}
.jiedubox03 .item.current h2{
	color: #3046d8;
}
.jiedubox03 .item.current h2 i{
	transform: translate(-50%,-50%) rotate(-90deg);
}
.jiedubox03 .item.current .con{
	display: block;
}

.ceshibox{
	background-color: #f8fbff;
	padding-bottom: 2%;
}
.ceshibox img,
.ceshibox1 img{
	max-width: 100%;
}
.ceshibox1 .itembox{
	margin-bottom: 4%;
}
.ceshibox1 .itembox2{
    margin-bottom: 2%;
}
.ceshibox1 .item{
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 3%;
	box-shadow: 0 0 10px #eee;
}
.ceshibox1 .item .icon {
	width: 20%;
	text-align: center;
}
.ceshibox1 .item .icon span{
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: #168fd3;
	display: inline-block;
}
.ceshibox1 .itembox2 .item .icon span{
    width: 60px;
	height: 60px;
	border-radius: 0;
	background-color: transparent;
}
.ceshibox1 .item .icon h2{
	font-size: 18px;
	font-weight: 900;
	margin-top: 10px;
}
.ceshibox1 .item .cons{
	flex: 1;
	font-size: 14px;
	margin-left: 16px;
	line-height: 2em;
}
.ceshibox2{
	background: url('../img/ceshi/bg01.jpg') no-repeat center;
	background-size: 100% 100%;
	padding-bottom: 2%;
}
.ceshibox2 .item{
	width: 160px;
	height: 180px;
	background: url('../img/ceshi/bg02.png') no-repeat center;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	margin-bottom: 2%;
}

.ceshibox3 .item{
	background-color: #f8fbff;
}

.ceshibox4 .itembox{
	margin-bottom: 5%;
}
.ceshibox4 .itembox2{
    max-width: 20%;
}
.ceshibox4 .item{
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding:  8% 3% 10%;
	text-align: center;
	box-shadow: 0 0 10px #eee;
}
.ceshibox4 .itembox2 .item{
    padding-left: 5%;
    padding-right: 5%;
}
.ceshibox4 .item .cons{
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
}

.ceshibox4 .item .tits{
    color: #333;
    font-size: 16px;
    margin: 5% 0;
}


.anquanbox{
	padding-bottom: 4%;
	background-color: #e7edf4;
}
.anquanbox:nth-child(2n - 1){
	background-color: #f8fbff;
}
.anquanbox li{
	text-align: center;
	padding: 0 0.5rem;
}
.anquanbox li img{
	width: 100%;
	transition: all 0.3s;
}
.anquanbox li span{
	overflow: hidden;
	width: 100%;
	display: block;
}
.anquanbox li h2{
	line-height: 1.6em;
	padding: 4% 0;
	font-size: 16px;
}
.anquanbox li:hover img{
	transform: scale(1.05,1.05);
}

.shujubox .item{
	width: 360px;
	max-width: 100%;
	padding: 3% 2%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(44,105,210,0.2);
	text-align: center;
	margin: 2%;
}
.shujubox .item h2{
	font-size: 20px;
	font-weight: 900;
	margin: 8% 0 4%;
}
.shujubox .item p{
	text-transform: uppercase;
	color: #999;
	font-size: 12px;
}

.aboutinfo{
	background-color: #fff;
	padding: 3%;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(44,105,210,0.2);
	flex-wrap: wrap;
}
.aboutinfo h2{
	color: #000;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 2%;
}
.aboutinfo .conts{
	line-height: 2em;
}
.aboutinfo .conts a{
    color: #333;
}
.aboutidea .item{
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 10% 6%;
	padding-right: 50%;
	background-position: center right;
	background-repeat: no-repeat;
}
.aboutidea .item h2{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 10px;
}
.aboutidea .item p{
	color: #6f6f6f;
	font-size: 14px;
}

.abouttable{
	margin-bottom: 3%;
}
.abouttable table{
	width: 100%;
	border: 2px solid #bfdfff
}
.abouttable table tr{
	background-color: #fff;
	border-bottom: 2px solid #bfdfff
}
.abouttable table tr:nth-child(2n - 1){
	background-color: #fbfdff;
}
.abouttable table tr:nth-last-child(1){
	border-bottom: none;
}
.abouttable table tr td,
.abouttable table tr th{
	padding: 15px 4%;
	line-height: 36px;
}
.abouttable table tr th{
	font-size: 20px;
	font-weight: 900;
	color: #0b79d7;
	background-color: #bfdfff;
	text-align: center;
}
.abouttable table tr td:nth-child(1){
	font-size: 20px;
	font-weight: 900;
	color: #0b79d7;
	background-color: #dfefff;
}
.abouttableblue table{
	border-color: #bfdfff
}
.abouttableblue table tr{
	border-color: #bfdfff;
}
.abouttableblue table tr th{
	color: #0b79d7;
	background-color: #bfdfff;
}
.abouttableblue table tr td:nth-child(1){
	color: #0b79d7;
	background-color: #dfefff;
}
.abouttableblue table tr:nth-child(2n - 1){
	background-color: #fbfdff;
}
.abouttablered table{
	border-color: #ffbfbf
}
.abouttablered table tr{
	border-color: #ffbfbf;
}
.abouttablered table tr th{
	color: #d70b0b;
	background-color: #ffbfbf;
}
.abouttablered table tr td:nth-child(1){
	color: #d70b0b;
	background-color: #ffdddd;
}
.abouttablered table tr:nth-child(2n - 1){
	background-color: #fffbfb;
}

.datalist{
	margin-top: 2%;
	margin-bottom: 4%;
}
.datalist .item{
	color: #333;
	padding: 20px 0;
	border-bottom: 1px dashed #eaeaea;
}
.datalist .item img{
	width: 40px;
}
.datalist .item span{
	margin: 0 2%;
	font-size: 14px;
}
.datalist .item i{
	font-size: 12px;
	margin-left: auto;
}

.page{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 4%;
}
.page a{
	display: block;
	padding: 4px 12px;
	background-color: #fff;
	border-radius: 5px;
	color: #666;
	margin: 0 5px;
}
.page a.active{
	color: #fff;
	background-color: #028bd1;
}
.contacts{
	background-color: #f8fbff;
	padding-bottom: 4%;
}
.contacts .aboutinfo{
	padding: 2% 1.5%;
}
.contacts .aboutinfo h2:after{
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background-color: #2c69d2;
	margin-top: 2%;
	margin-bottom: 4%;
}

.buttonlist{
	flex-wrap: wrap;
	margin-top: 2%;
}
.buttonlist p{
	width: calc((100% - 100px) / 5);
	margin-top: 20px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 60px;
}

.wangluotext{
	font-size: 20px;
	font-weight: 900;
	color: #0090da;
	line-height: 1.8em;
}
.wangluobox img{
	max-width: 100%;
	margin: 3% auto;
	display: block;
}
.wangluobox h4{
	font-size: 20px;
	font-weight: 900;
	color: #0090da;
	line-height: 1.8em;
	max-width: 75%;
	margin: 4% auto 0;
}
.changtaihua02{
	color: #fff;
	text-align: center;
	padding: 6%;
	line-height: 2em;
	background: url('../img/dengbao/bg05.jpg') no-repeat center;
}
.changtaihua01 .item{
	background-color: #fff;
	border-radius: 10px;
	padding: 5% 8%;
	text-align: center;
	height: 100%;
}
.changtaihua01 .item h2{
	font-size: 18px;
	color: #168fd3;
	font-weight: 900;
	line-height: 1.8em;
}
.changtaihua01 .item i{
	display: block;
	width: 30px;
	height: 2px;
	background-color: #b0b0b0;
	margin: 5% auto;
}
.changtaihua01 .item p{
	color: #333;
	line-height: 2em;
}



@media (max-width: 1024px) {
	.mores a{
		padding: 0 30px;
		font-size: 14px;
	}
	.headers .navs {
		margin: 0 2% 0 4%;
	}

	.headers .navs a {
		font-size: 14px;
	}
	
	.headers .mores{
		font-size: 12px;
		line-height: 40px;
	}
	/* .footers .footernav{
		margin-left: 10%;
	} */
	.indexbox01nav{
		width: 200px;
		padding: 20px 10px;
	}
	.jiedubox .item h2{
		font-size: 16px;
	}
	.buttonlist span{
		width: calc((100% - 40px) / 5);
		line-height: 40px;
	}
    .ceshibox4 .itembox2{
        max-width: 33.33%;
    }
    .subnav a{
        font-size: 14px;
    }
}

@media (max-width: 640px) {
	.headers .logo {
		max-width: 40%
	}

	.tops .dis_fx {
		justify-content: center;
	}

	.titles {
		padding: 20px 0;
	}

	.titles h2 {
		font-size: 20px;
		/* margin-bottom: 10px; */
	}
	.titles h3{
		font-size: 18px;
	}

	.titles p {
		font-size: 14px
	}
	
	.mores a{
		padding: 0 30px;
		font-size: 12px;
		line-height: 36px;
	}
	
	.headers .mores {
		margin: 0 10px 0 auto;
	}
	.headers .mores a{
		font-size: 12px;
		padding: 0 15px;
		line-height: 36px;
	}
	.footers {
		padding: 20px 0;
	}

	.footers .am-container {
		padding: 0;
	}

	.footers .phones,
	.footers .code {
		width: 100%;
		text-align: center;
	}

	.footers .footernav {
		display: none;
	}

	.footers .phones h2 {
		justify-content: center;
	}


	.nybanner img {
		width: 800px;
	}
	.nycontent{
		padding: 10px;
	}
	.indexbox01nav{
		width: 100%;
		padding: 10px;
		flex-direction: row;
	}
	.indexbox01nav .itm{
		text-align: center;
		padding: 10px 20px;
	}
	.indexbox01nav .itm img{
		display: none;
	}
	.indexbox01nav .itm.current{
		background: linear-gradient(to bottom,#0090da,rgba(0,144,218,0));
	}
	.indexbox01con{
		margin: 10px 0 0;
	}
	.indexbox02list .item{
		padding: 10% 6%;
	}
	.indexbox02list .itembox{
		padding: 0;
	}
	.caseslist{
		display: block;
		padding: 0 1rem;
	}
	.caseslist .item{
		margin: 0 0 5%;
	}
	.caseslist .item h2{
		padding: 12px;
	}
	.caseslist .item h2 i{
		margin-right: 6px;
	}
	.caseslist .item span img{
		width: 100%;
	}
	.indexbox03numlist .item h2{
		font-size: 30px;
	}
	.indexbox03numlist .item p{
		font-size: 14px;
	}
	.partner{
		padding-bottom: 5%
	}
	.youshibox .am-g{
		display: block;
	}
	.youshibox .am-g > div{
		padding: 0;
	}
	.subnav > div{
		padding: 0;
	}
	.subnav a{
		font-size: 14px;
		line-height: 30px;
	}
	.youshibox h2{
		font-size: 16px;
	}
	.youshibox p{
		font-size: 14px;
	}
	.fangancon p i{
		width: 100%;
		text-align: left !important;
		margin-bottom: 6px;
	}
	.fangantab .item{
		padding: 20px 0;
		width: calc((100% - 20px) / 3);
	}
	.fangantab .item h2{
		font-size: 14px;
	}
	.fangantab .item span{
		width: 48px;
		height: 48px;
	}
	.fangantab .item.current:after{
		display: none;
	}
	.jiejuefanganbox4 .item{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.jiedubox1 .dis_fx{
		display: block;
	}
	.jiedubox1 .item{
		width: 100%;
		margin-right: 0;
		margin-top: 0;
	}
	.jiedubox1 .item h2{
		position: static;
		margin-bottom: 10px;
	}
	.jiedubox1 .item2{
		margin-left: 0;
		margin-top: 40px;
	}
	.jiedubox1 .item2:before{
		top: -35px;
		left: 50%;
	}
	.jiedubox1 .item2:after{
		top: -50px;
		left: 50%;
	}
	.ceshibox1 .item .icon h2{
		font-size: 14px;
	}
	.ceshibox2{
		background-size: auto 100%;
	}
	.ceshibox2 .item{
		width: 80px;
		height: 90px;
		font-size: 14px;
	}
	.aboutinfo{
		padding: 5% 3%;
	}
	.aboutidea .item{
		padding: 6% 50% 6% 6%;
	}
	.aboutidea{
		padding: 0;
	}
	.abouttable table tr th{
		font-size: 14px;
	}
	.abouttable table tr td:nth-child(1){
		font-size: 14px;
	}
	.abouttable table tr th,
	.abouttable table tr td{
		padding: 5px 3%;
		font-size: 14px;
		line-height: 24px;
	}
	.buttonlist p{
		font-size: 12px;
		width: calc((100% - 20px) / 4);
		line-height: 32px;
		margin-top: 10px;
	}
	.wangluotext,.wangluobox h4{
		font-size: 14px;
		max-width: 100%;
	}
	.changtaihua01 >.am-container{
		padding: 0;
	}
	.changtaihua02{
		background-size: auto 100%;
	}
	.faguibox:before,
	.faguibox .item i{
	    display: none;
	}
	.faguibox .item{
	    padding: 4% 0;
	}
	.faguibox .rights{
	    margin-top: 0;
	}
	.ceshibox1 .itembox{
	    padding: 0;
	}
    .ceshibox4 .item{
        display: flex;
        align-items: center;
        padding: 5%;
    }
    .ceshibox4 .item .texs{
        flex: 1;
        text-align: left;
        margin-left: 5%;
    }
    .ceshibox4 .item .tits{
        margin-top: 0;
        margin-bottom: 0;
    }
    
.ceshibox4 .itembox2{
    max-width: 100%;
}
}