main{
	animation:main_menu_item 0.4s ease-out;
}
@keyframes main_menu_item {
    0%{  -webkit-transform:translate(0,30px);opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}
/* header */
header {
	position: fixed;
	left: 0;
	top: 0;
	height: 110px;
	z-index: 2000;
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	background-color: transparent;
}

.bbtre{display: none;}


header .line {
	height: 2px;
	border: none;
	background: #0873DD 45%;
	background:-webkit-linear-gradient(-45deg,#0085db,#0066b4)
}

.headerScroll {
	background-color: #FFFFFF;
	color: rgba(47, 49, 49, 1);
	box-shadow: 0px 10px 50px 0px rgba(39, 39, 39, 0.11);
}

.headerScroll .headNavLi a {
	color: rgba(47, 49, 49, 1);
} 

.headerScroll .inner span {
	color: #0873DD;
}

.headerScroll .headNavLi.active a {
	color: #007AFF !important;
}

header .logo {
	margin-top: 38px;
}

header .logo .logoA {
	width: 260px;
	height: 59px;
	background-repeat: no-repeat;
	background-size: cover;
}

header .logo a.act1 {
	display: block;
	background-image: url(../images/logoplus.png);
}

.headerScroll a.act1 {
	display: none !important;
}

header .logo a.act2 {
	display: none;
	background-image: url(../images/logo.png);
}

.headerScroll a.act2 {
	display: block !important;
}

header .nav {
	margin-top: 28px;
}

header .nav .inner {
	margin-right: 32px;
}

header .nav span {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

header .innerIcon {
	width: 14px;
	height: 16px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-size: cover;
}

header .innerIcon.act1 {
	display: block;
	background-image: url(../images/menu_phone.png);
}

.headerScroll .innerIcon.act1 {
	display: none !important;
}

header .innerIcon.act2 {
	display: none;
	background-image: url(../images/menu_hoverphone.png);
}

.headerScroll .innerIcon.act2 {
	display: block !important;
}

header ul.headNav {
	flex-wrap: nowrap;
}

header ul.headNav li.headNavLi {
	margin-right: 50px;
	overflow: hidden;
	height: 33px;
}

header ul.headNav li:last-child {
	margin-right: 0;
}

header ul.headNav li a {
	font-size: 15px;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

header .headNavLi .spanNav {
	position: relative;
	display: inline-block;
	transition: all ease-out 0.3s
}

header .headNavLi .spanNav:after {
	position: absolute;
	left: 0;
	width: 100%;
	color: #0873DD;
	content: attr(data-title);
	transform: translateY(150%)
}

header .headNavLi .ipos {
	position: relative;
}

header .headNavLi .ipos i {
	display: none;
	position: absolute;
	margin-top: 8px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 3px;
	background: #FFFFFF;
	border-radius: 2px;
}

header .headNavLi:hover .ipos i {
	background: #0873DD;
}

header li.active.headNavLi .ipos i {
	display: block;
}

header .selected .ipos i {
	display: block;
}

.headerScroll .selected .spanNav{
	color:#0873DD;
}
.headerScroll .selected .ipos i {
	background: #0873DD;
}

header .headNavLi:hover .spanNav {
	transform: translateY(-150%)

}

header .headNavMenu {
	display: none;
	position: absolute;
	left: 0;
	background: #FFFFFF;
	color: #2F3131;
	padding: 20px 0;
	margin-top: 11px;
	box-shadow: inset 0px 10px 50px -15px rgba(39, 39, 39, 0.11);
}

header .headNavMenu .navSonLi {
	display: none;
}

header .atLeft,
.atRight {
	width: 100%;
}

header .atRight ul {
	border-left: 1px solid rgba(109, 117, 122, 0.2);
}


header .navSonLi .atRight .title {
	margin-left: 30px;
}

header .navSonLi .innerLi {
	position: relative;
	width: 285px;
	min-height: 72px;
	padding: 15px;
	align-items: flex-start;
	overflow: hidden;
	flex-wrap: nowrap;
}

header .navSonLi .innerLi img {
	width: 50px; height: 50px;
	margin-right: 10px; border-radius: 50px; 
	flex-shrink: 0;
}

header .navSonLi .innerLi h1 {
	font-size: 16px;
	font-weight: 400;
	color: #0873DD; padding-top: 10px;
	white-space: nowrap;
}

header .navSonLi .innerLi h2 {
	margin-top: 5px;
	font-size: 15px;
	font-weight: 400;
	color: rgba(109, 117, 122, 1);
	white-space: nowrap;
}

header .navSonLi .innerLi .iconGo {
	/* display: none; */
	opacity: 0;
	flex-shrink: 0;
	margin-left: 8px;
	width: 16px;
	height: 13px;
	background-image: url(../images/menu_hoverright.png);
	background-size: cover; 
	background-repeat: no-repeat;
	z-index: 100;
	transition: all ease-out 0.2s;
}

header .navSonLi .menuLi.active {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 10px 50px 0px rgba(39, 39, 39, 0.11);
	border-radius: 4px;
	transition: all 0.2s;
	transform: translateY(-5px);
}

header .navSonLi .menuLi.active .iconGo {
	transform: translateX(-4px);
	/* display: block; */
	opacity: 1;
}

header .navSonLi .atRight .innerLi {
	display: block;
}

header .navSonLi .atRight ul {
	padding-left: 30px;
}

header .navSonLi ul {
	flex-wrap: wrap;
}

header .navSonLi li {
	margin-left: 9px;
	margin-top: 20px;
}


header .navSonLi em {
	display: block;
	width: 2px;
	height: 11px;
	background-color: #1C6BFF;
	margin-right: 5px;
}
.head-show{ 
	animation:a_menu_item_show 0.4s ease-out both;
	animation-delay:.2s;
}
@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}
.head-bg-show{ 
	animation:a_menu_item_bg_show .3s ease-out both;
	/* animation-delay:.2s; */
}
@keyframes a_menu_item_bg_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

/* header */

/* main */

/* banner è½®æ’­ */
main {
	position: relative;
}

#closeBanner {
	width: 32px;
	height: 32px;
	display: block;
	background-image: url(../images/banner_close.png);
	position: absolute;
	right: 14px;
	top: 16px;
	/* z-index: 2000; */
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.maskVideoBox {
	width: 61.6%;
	height: 16.3%;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.z2000 {
	z-index: 2000;
}

#play {
	width: 48px !important;
	height: 48px !important;
	/* margin-left: -32px !important; */
	padding: 0 !important;
	top: 55%;
	z-index: 100;
	cursor: pointer;
	position: static;
	margin-left: 0;
}

.maskVideoBox video {
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
	max-height: 100% !important;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}

.bannerTop {
	height: 648px;
	position: relative;
	overflow: hidden;
}

.swiperbannerTop {
	height: 400px;
	position: relative;
	overflow: hidden;
}

.bannerTop img {
	/* object-fit: cover;
	position: absolute;
	left: 50%;
	top: 0; */
	margin: 0 auto;
	width: 1920px;
	height: 648px;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

.swiperbannerTop img {
	width: 1920px;
	height: 400px;

	/* margin-left: -960px; */
}
.b-play-container{
	object-fit: cover;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 60%;
	width: 100%;
	text-align: center;
}
.bannerTop video {
	width: 1920px; background: rgba(0, 0, 0, 0.4);
	height: 648px;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

.bannerTop .mask {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#myswiper1 {
	position: relative;
	height: 648px;
}

.swiperbannerTop #myswiper1 {
	height: 400px !important;
}

#myswiper1 .swiper-wrapper {
	position: relative;
}

#myswiper1 .swiper-wrapper .swiper-slide { background: rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}

.swiper-pagination-bullet {
	width: 20px;
	height: 4px;
	background: rgba(216, 216, 216, 1);
	border-radius: 0;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #1C6BFF;
}
/* 
.bannerTop p {
	text-align: center;
	position: absolute;
	z-index: 1000;
}

.swiperbannerTop p {
	text-align: center;
	position: absolute;
	z-index: 1000;
} */
.b-container-text{
	width: 100%;
    position: absolute;
    top: 37%;
    /* left: 0%; */
    height: auto;
    text-align: center;
	z-index: 9999;
	padding: 0 15px;
}
.b-container-text p.text1{
	margin-bottom: 12px;
}

.tibs {
	opacity: 0;
	transition: all 0.4s;
}

.danru {
	/* æ·¡å…¥æ•ˆæžœ */
	opacity: 1;
	transform: translateY(-10px)

}

.text1 {
	top: 268px;
	font-size: 52px;
	font-weight: 600;
	color: rgba(255, 137, 0, 1);
}

.text2 {
	top: 342px;
	font-size: 28px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}
.content-img{
	width: 100%;
}
.swiperTxt1 {
	font-weight: 600;
	font-size: 52px;
	top: 200px;
	color: #FFFFFF;
}

.pTxt1 {
	font-weight: 600;
	font-size: 52px;
	color: #FFFFFF;
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);

	z-index: 100;
}

.pTxt2 {
	font-size: 28px;
	font-weight: 400;
	top: 260px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

.swiperTxt2 {
	font-size: 28px;
	font-weight: 400;
	top: 290px;
	color: #FFFFFF;
}

.btnCall {
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -60px;
	top: 492px;
	width: 120px;
	height: 46px;
	background: rgba(255, 137, 0, 1);
	border-radius: 4px;
}

.btnCall a {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.swiperImg {
	width: 1920px;
	height: 648px;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

/* banner è½®æ’­ */

/* å›ºå®šçš„æ‚¬æµ® è”ç³»æ–¹å¼ banner  */
.bannerCall {
	position: fixed;
	top: 35%;
	right: 10px;
	z-index: 100;
}

.innerBox {
	width: 108px;
	height: 351px;
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.innerBox p {
	text-align: right;
}

.innerBox p span {
	cursor: pointer;
	color: #1C6BFF;
}

.innerBox .item1 {
	margin-top: -6px;
}

.innerBox .item2 i {
	display: block;
	width: 19px;
	height: 16px;
	background-image: url(../images/i08.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 4px;
}

.innerBox .item2 span {
	font-size: 11px;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	margin-top: 4px;
}

.innerBox .phoneNumber {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-top: 7px;
}

.innerBox .phoneNumber::selection {
	color: 1C6BFF;
	background-color: #FFFFFF;
}

.innerBox .item3 {
	margin-top: 17px;
}

.innerBox .item3 a {
	margin: 0 auto;
	display: block;
	width: 84px;
	height: 26px;
	line-height: 26px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 12px 0px rgba(28, 107, 255, 0.5);
	padding: 0 12px;
	font-size: 12px;
	font-weight: 400;
	color: #0873DD;
}

.innerBox .mar {
	margin-top: 11px !important;
}

.innerBox .item4 {
	margin: 0 auto;
	margin-top: 12px;
	width: 88px;
	height: 88px;
}

.innerBox .item4 img {
	width: 95%;
}


.callWe {
	position: fixed;
	right: 5px;
	top: 35%;
	z-index: 100;
}

.lianxiwomen {
	position: fixed;
	right: 5px;
	bottom:8%;
	z-index: 9999;
}

.lianxibg {
	width: 140px;
	height: 314px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 12px 60px 0px rgba(39, 39, 39, 0.1);
	border-radius: 10px;
	padding: 20px 10px 0 10px;
	position: relative;
	/* animation:myfirst 5s forwards; */
}
/* @keyframes myfirst
{
	from {background: red;}
	to {background: yellow;}
} */
.l-containe-info{
	position: fixed;
    right: 5px;
    bottom: 0;
    z-index: 9999;
}
#showLinePage{
	display: none;
	/* margin-top:482px; */
	width: 140px;
}
.lianxitx {
	display: block;
	width: 106px;
	height: 106px;
	background-image: url(../images/im_head.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}

.lianxiNub {
	height: 41px;
	background: rgba(245, 247, 250, 1);
	border-radius: 5px;
}

.dianhua {
	display: block;
	width: 16px;
	height: 12px;
	background-image: url(../images/im_phone.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 8px;
}

.lianxiA {
	height: 36px;
	border-radius:20px 0;
	display: block;
	margin-top: 8px;
	cursor: pointer;
}

.lianxiA1 {
	background-color: #0873DD;
}

.lianxiA2 {
	background-color: #3ACA71;
}

.imcode {
	display: none;
	position: absolute;
	top: 56%;
	left: -130px;
	transform: translateY(-50%);
	width: 122px;
	height: 158px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 10px 50px 0px rgba(39, 39, 39, 0.1);
	border-radius: 8px;
}

.lianxiA2:hover .imcode {
	display: block;
}

.lianxiA3 {
	background-color: #EE685D;
}

.im01 {
	display: block;
	width: 13px;
	height: 12px;
	background-image: url(../images/im_01.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 10px;
}

.im02 {
	display: block;
	width: 15px;
	height: 12px;
	background-image: url(../images/im_watch.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 10px;
}

.im03 {
	display: block;
	width: 13px;
	height: 14px;
	background-image: url(../images/im_money.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 10px;
}

/* å›ºå®šçš„è”ç³» banner  */

/* main */

/* footer */
footer {
	padding-bottom: 12px;
}

footer div.Box {
	padding-top: 48px;
}

footer ul.flexR li {
	margin-right: 50px;
}

footer ul.flexR li:last-child {
	margin-right: 0;
}

footer ul.flexR li dl dt {
	font-size: 16px;
	font-weight: 500;
	color: rgba(47, 49, 49, 1);
	line-height: 22px;
}


footer ul.flexR li dl dd {
	font-size: 15px;
	font-weight: 400;
	color: rgba(144, 146, 152, 1);
	line-height: 20px;
	margin-top: 8px;
}
footer ul.flexR li dl dd a:hover{

	color: #0873DD;
}
footer ul.flexR li dl dd a{
	font-size: 15px;
	font-weight: 400;
	color: rgba(144, 146, 152, 1);
	line-height: 20px;
	/* margin-top: 16px; */
}

footer ul.flexR li dl dd:nth-child(2) {
	margin-top: 24px;
}

footer hr {
	margin-top: 40px;
	border: none;
	height: 1px;
	background-color: #EDEFF1;
}

footer .footerEnd {
	margin-top: 14px;
	font-size: 12px;
	font-weight: 400;
	color: rgba(144, 146, 152, 1);
	line-height: 17px;
}

footer dd.phoneNumber2 {
	color: #0873DD !important;
}

footer .footerBanner {
	position: relative;
	height: 298px;
	overflow: hidden;
}


footer .footerBanner img {
	height: 298px;
	width: 100%;
	object-fit: cover;
}

footer .footerBanner div.w100 {
	position: absolute;
	z-index: 100;
	top: 72px;
	text-align: center;
}

footer .footerBanner p {
	font-size: 32px;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
}

footer .footerBanner button {
	cursor: pointer;
	margin-top: 40px;
	width: 120px;
	height: 46px;
	background: rgba(255, 137, 0, 1);
	border-radius: 4px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

footer .footerBanner button:hover{
	background: #666;
}

.footerBanner1 {
	cursor: pointer;
	margin-top: 40px;
	width: 120px;
	height: 36px;
	background: #0066b4;
    background: -webkit-linear-gradient(-45deg,#0085db,#0066b4);
	border-radius: 50px 4px 30px 4px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	line-height:36px;
	
}
.footerBanner1:hover{

    background: -webkit-linear-gradient(-45deg,#0066b4,#0085db);

	
}

/* footer */
.pc {
	display: block;
}

.Box {
	width: 1200px;
}
.img-box{
	width:1400px;
	margin: 0 auto;
}
.isurl {
	background-color: #FAFAFA;
	font-size: 15px;
	font-weight: 400;
	color: rgba(47, 49, 49, 1);
	padding: 16px 0;
}

.innerH1 {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #0873DD;
	line-height: 45px;
}

.innerP {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: rgba(109, 117, 122, 1);
	line-height: 33px;
	margin-top: 8px;
}


@media screen and (max-width: 1250px) {
	.Box {
		width: 96% !important;
	}
}

@media screen and (max-width: 1050px) {
	.Box {
		width: 1050px !important;
	}
}

@media screen and (max-width: 1050px) {
	html {
		width: 1050px !important;
	}
}

@media screen and (max-width: 1050px) {
	body {
		width: 1050px !important;
	}
}

@media screen and (max-width: 1050px) {
	header {
		width: 1050px !important;
		position: absolute;
	}
}

@media screen and (max-width: 1050px) {
	main {
		width: 1050px !important;
	}
}

@media screen and (max-width: 1050px) {
	footer {
		width: 1050px !important;
	}
}

body {
	background-color: #FFFFFF;
	position: relative;
}

/* è¯¦æƒ…æ–°é—»æ ‡é¢˜ */
.urlTitle {
    padding: 16px 0;
    font-size: 15px;
    font-weight: 400;
    color: rgba(47, 49, 49, 1);
    line-height: 20px;
    background-color: #FAFAFA;
}
/* .Box a {
    color: #2f3131;
} */
.urlTitle span {
    color: #0873DD;
}
.t-text-a{
	color: #2f3131;
}


.back_to_top {
    display: none;
}
.mobile-dom{
	display:none;
}
.mobile-img{
	display:none;
}
.web-img{
	display:block;
}
.web-dom{
	display:block;
}
.mobile-b-a{
	display: none;
}
.tabContainer{
	display: none;
}


/*关于我们*/
.indexabout{width: 100%;overflow:hidden;margin:auto;position:relative; display: block; margin-top: 50px;  margin-bottom:0px;  }
.indexabout .ableft{width: 960px; height: 450px; float: left;}
.indexabout .ableft img{max-width: 100%;}
.indexabout .abright{width: 50%;float: left; height: 450px; background: #fff; display: block; position: absolute; right: 0; top: 0;}
.indexabout .abright .opung{width: 510px; margin-top: 60px; margin-left: 60px;}
.indexabout .abright .rtyun{font-size: 36px; height: 40px; line-height: 40px; color: #000; margin-bottom: 30px;}
.indexabout .abright .ppgstxt{font-size:15px; line-height: 30px; color: #666; margin-bottom: 50px;  text-indent: 30px;}
.indexabout .abright .ljgd2{width: 250px; float: left; height: 60px; line-height: 60px; border: solid #f1f1f1 1px; text-align: center;border-radius: 50px 4px 30px 4px; font-size: 20px; color: #333;}
.indexabout .abright .ljgd2:hover{ border: solid #C71103 0px; color: #fff;     background: #0066b4;
    background: -webkit-linear-gradient(-45deg,#0085db,#0066b4);box-shadow: 0 3px 18px rgba(153,153,153,.5); }
	

@media (max-width:780px) {
	.indexabout{width: 92%; margin-top: 20px;}
.indexabout .ableft{width:100% ; height: auto; margin-bottom: 20px;}
.indexabout .abright{width: 100%; position: relative; height: auto;}
.indexabout .abright .opung{width: 100%;margin-top: 0px; margin-left: 0px;}
.indexabout .abright .ppgstxt{margin-bottom: 20px;}
.indexabout .abright .ljgd2{ margin: auto; float: none;width: 200px; font-size: 17px;	}
}
	
/*合作伙伴*/

.indexhzhb{width: 100%;overflow:hidden;margin:auto;position:relative; padding-top: 40px; margin-bottom: 40px;}
.indexhzhb ul{zoom: 1;overflow:hidden; margin-bottom: 20px;}
.indexhzhb ul li { margin-bottom: 24px; float: left; margin-right:25px ; width: 220px; height: 95px; display: block;cursor: pointer; position: relative; }
.indexhzhb ul li:nth-child(5n){margin-right: 0;}
.indexhzhb ul li .timgsti {width: 220px; height: 95px; overflow: hidden; display: block; border: solid #f1f1f1 1px;}
.indexhzhb ul li .timgsti img { max-width: 100%;  transition: all 0.8s ease 0s;}
.indexhzhb ul li .timgsti:hover img{transform: scale(1.1,1.1)}
.indexhzhb ul li .tnanst {position: absolute; left: 0; top: 0; font-size: 18px; color: #fff; width: 220px; height: 95px; line-height: 95px; text-align: center; background: rgba(0,0,0,.5); display: none; }
.indexhzhb ul li:hover .tnanst{display: block;}
.iongt{width: 250px; margin: auto; height: 60px; line-height: 60px; border: solid #d8d8d8 1px ; text-align: center; border-radius: 50px 4px 30px 4px; font-size: 20px; color: #333; }	
.iongt:hover{  color: #fff ; background: #0066b4;
    background: -webkit-linear-gradient(-45deg,#0085db,#0066b4);box-shadow: 0 3px 18px rgba(153,153,153,.5);}


@media (max-width:1024px) {
.indexhzhb ul li { margin-right:2% ; width: 23.5%; height: 95px; margin-bottom: 15px; }
.indexhzhb ul li .timgsti {width: 98%; margin: auto; }
.indexhzhb ul li:nth-child(5n){margin-right: 2%;}
.indexhzhb ul li:nth-child(4n){margin-right: 0;}

}

@media (max-width:780px) {
.indexhzhb{width: 92%; padding-top: 10px;}
.indexhzhb ul{height: 201px; overflow: hidden;}
.indexhzhb ul li { margin-right:2% ; width: 32%; height: 52px; }
.indexhzhb ul li .timgsti {width: 98%; margin: auto; height: 50px; }
.indexhzhb ul li:nth-child(5n){margin-right: 2%;}
.indexhzhb ul li:nth-child(4n){margin-right: 2%;}
.indexhzhb ul li:nth-child(3n){margin-right: 0;}


}

/*合作伙伴*/


.section3 {
	padding: 32px 0 45px 0;
}




/*---标题---*/

.nav-title{text-align:center; position: relative; padding:0px 0 10px; }
.nav-title ul{text-align:center;}
.nav-title ul li{display:inline-block;padding:0 8px; position:relative;}
.nav-title ul li:first-child{background:none;}
.nav-title ul li a{display:block;padding:0 40px; height:68px; line-height:68px;color:#03519c;border:1px solid #eeeeee; overflow:hidden; background:#eeeeee;font-size:16px;margin-top:30px; border-radius: 5px; }
.nav-title ul li a.cur,.nav-title ul li a:hover{color:#fff; border-color: #03519c; background: #03519c }
.nav-title ul li i {margin-right: 10px;width: 24px;height: 24px; margin-top: 22px;display: block;background-size: 100%;float: left;}
.nav-title ul li i img{max-width: 100%;}
.nav-title ul li .cur .mpic{display: block;}
.nav-title ul li .cur .pimg{display: none;}
.nav-title ul li span{float: left;}
.nav-title ul li .cur span{color: #fff;}

@media (max-width:780px) {
.nav-title ul li a{display:block;padding:0 20px;height:50px; line-height:50px;}
.nav-title ul li i { margin-top: 13px;}
}
/*---标题---*/
.dangup{width: calc(100% - 290px); float: left;position: relative;  overflow: hidden; display: block; }

.neruOne{width: 240px;margin-right: 50px; float: left;position: relative; display: block; }
.neruOne li {cursor: pointer;position: relative;width: 240px;height: 88px; line-height:88px; background-color: #FAFAFA;color: rgba(144, 146, 152, 1);font-size: 18px;box-sizing: border-box; border-bottom: 1px #EDEFF1 solid;align-items: center; justify-content: center;}
.neruOne li i{margin-right: 16px; margin-left: 15px; width: 24px;height: 24px;display: block; float: left; margin-top: 32px;}
.neruOne li i img{max-width: 100%;height: 24px;}
.neruOne li span{float: left;}
.pimg{display: block;}
.mpic{display: none;}
.neruOne li.cur .mpic{display: block;}
.neruOne li.cur .pimg{display: none;}
.neruOne li.cur{background-color: #0873DD; color: #fff;}
.neruOne li.cur span{color: #fff;}
.neruOne li.cur dd {display: block;margin-top: -12px;margin-right: -24px;right: 0;top: 50%;position: absolute;
	width: 0;height: 0;border: 12px solid;border-color: transparent transparent transparent #0873DD;}
	
.neruOne li:hover .mpic{display: block;}
.neruOne li:hover .pimg{display: none;}
.neruOne li:hover{background-color: #0873DD; color: #fff;}
.neruOne li:hover span{color: #fff;}
.neruOne li:hover dd {display: block;margin-top: -12px;margin-right: -24px;right: 0;top: 50%;position: absolute;
	width: 0;height: 0;border: 12px solid;border-color: transparent transparent transparent #0873DD;}
	
.neruOne1{width: 240px;margin-right: 50px; float: left;position: relative; display: block; }
.neruOne1 li {cursor: pointer;position: relative;width: 240px;height: 88px;  background-color: #FAFAFA;color: rgba(144, 146, 152, 1);font-size: 18px;box-sizing: border-box; border-bottom: 1px #EDEFF1 solid;align-items: center; justify-content: center;}
.neruOne1 li i{margin-right: 16px; margin-left: 15px; width: 24px;height: 24px;display: block; float: left; margin-top: 32px;}
.neruOne1 li i img{max-width: 100%;height: 24px;}
.neruOne1 li span{float: left; padding-top: 10px; width: calc(100% - 55px); vertical-align: middle; font-size: 16px;}
.neruOne1 li.cur .mpic{display: block;}
.neruOne1 li.cur .pimg{display: none;}
.neruOne1 li.cur{background-color: #0873DD; color: #fff;}
.neruOne1 li.cur span{color: #fff;}
.neruOne1 li.cur dd {display: block;margin-top: -12px;margin-right: -24px;right: 0;top: 50%;position: absolute;
	width: 0;height: 0;border: 12px solid;border-color: transparent transparent transparent #0873DD;}
	
.neruOne1 li:hover .mpic{display: block;}
.neruOne1 li:hover .pimg{display: none;}
.neruOne1 li:hover{background-color: #0873DD; color: #fff;}
.neruOne1 li:hover span{color: #fff;}
.neruOne1 li:hover dd {display: block;margin-top: -12px;margin-right: -24px;right: 0;top: 50%;position: absolute;
	width: 0;height: 0;border: 12px solid;border-color: transparent transparent transparent #0873DD;}
	
	
	
	
	
/*内页分类*/
.prot{width: 92%; margin: auto; overflow:hidden; display: none; margin-top: 15px;}
.prot a{ width:32%; height:40px;  float:left; margin-right: 2%; background:#eeeeee; text-align:center; line-height:40px; color:#666; font-size:15px; margin-bottom: 10px; overflow: hidden;}
.prot a:nth-child(3n){margin-right: 0;}
.prot a.cur{ background:#0873DD; color:#fff;}
/*内页分类*/


/*内页分类*/
.prot1{width: 92%; margin: auto; overflow:hidden; display: none; margin-top: 30px;}
.prot1 a{ width:48%; height:40px;  float:left; margin-right: 4%; background:#eeeeee; text-align:center; line-height:40px; color:#666; font-size:15px; margin-bottom: 10px; overflow: hidden;}
.prot1 a:nth-child(2n){margin-right: 0;}
.prot1 a.cur{ background:#0873DD; color:#fff;}
/*内页分类*/



	
@media (max-width:1024px) {	
	.dangup{width: 92%; margin: auto; float: none;position: relative;  overflow: hidden; display: block; }
	.urlMar{display: none;	}
.neruOne{display: none}	
.neruOne1{display: none}
.nav-title{display: none}
.prot{display: block;}	
.prot1{display: block;}		
	
}
	
	
	
	
	
	
	


/*LAYOUT*/
.pc-block { display: block;}
.mb-block { display: none;}

.w1400{
	max-width: 1500px;
	padding: 0 50px;
	margin: 0 auto;
}

@media (max-width:1500px) {
	.w1400{
		max-width: 1300px;
	}
}

@media (max-width:999px) {
	.pc-block,.pc-header,.pc-footer{ display: none;}
	.mb-block { display: block;}

	.w1400{
		padding: 0 15px;
	}
}

.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.b-shadow{
	-o-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-ms-box-shadow:0 0 30px rgba(0,0,.08); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.08);  
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); 
	box-shadow:0 0 30px rgba(0,0,0,.08); 
}
.b-shadow2{
	-o-box-shadow:0 5px 40px rgba(0,0,0,.05); 
	-ms-box-shadow:0 5px 40px rgba(0,0,.05); 
	-moz-box-shadow:0 5px 40px rgba(0,0,0,.05);  
	-webkit-box-shadow:0 5px 40px rgba(0,0,0,.05); 
	box-shadow:0 5px 40px rgba(0,0,0,.05); 
}
.banner img { 
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto !important;;
}
.wapban{display: none;}
.banner{ position: relative;}
.banner .banner-button{ position: absolute; bottom: 20px; left:0; width: 100%;}
/*.banner .swiper-pagination{ bottom: 0; font-size: 0; text-align: left; border-left: 1px solid rgba(255,255,255,.6); border-right: 1px solid rgba(255,255,255,.6);}
.banner .swiper-pagination .swiper-pagination-bullet{ position: relative; vertical-align: top; display: inline-block; border-radius:0; margin: 0; width: 160px; height: 8px; background: none; }
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; position: absolute; top:4px; left:0; width: 100%; height:1px; background: rgba(255,255,255,.6);}
.banner .swiper-pagination .swiper-pagination-bullet b{ display: none; position: absolute; bottom:15px; left:0; font-size: 14px; font-weight: normal; color: #ffffff;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{ top:2px; height: 3px; background: #d12d30;}*/
/*.banner .swiper-pagination .swiper-pagination-bullet-active b{ display: block;}*/
.banner .swiper-pagination{ width:100% !important;bottom: 0; font-size: 0; text-align: center;left: 0;right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{ position: relative; vertical-align: top; display: inline-block; border-radius:50%; margin: 0 5px; width: 12px; height: 12px; background: #cccccc; }
.banner .swiper-pagination .swiper-pagination-bullet-active{  background: #d12d30;}



@media (max-width:520px) {
	.pcban{display: none;}
	.wapban{display: block;margin-top: 52px;}
.iongt{width: 200px; font-size: 17px;}	
	
	
	}




.urlMar {font-size: 14px;font-weight: 400;color: rgba(47, 49, 49, 1);padding: 16px 0;background-color: #FAFAFA; text-align: right;}








.head-lang{float:right; margin-left: 20px;}
.head-lang a{display:inline-block; line-height:19px; margin:0 5px; background-position:left  center; background-repeat:no-repeat; color: #fff;}
/*.head-lang a.cn{background-image:url(../webimages/cn.jpg);}
.head-lang a.en{background-image:url(../webimages/en.jpg);}*/



.headerScroll .head-lang a{color: #666;}

.headsjben{float:right; margin-left: 20px; color: #666;}
.headsjben a{display:inline-block; line-height:19px;  margin:0 5px; background-position:left  center; background-repeat:no-repeat; color: #666;}
.headsjben a.cn{background-image:url(../images/cn.jpg);}
.headsjben a.en{background-image:url(../images/en.jpg);}



.headScrollHover .headsjben a{color: #666;}
.headScrollHover .headsjben{color: #666;}




/*产品二级分类*/
.wrapnav {position:relative;  display: none;}
.wrapnav .backBtn{position:absolute;width:30px; height:27px; 
display:block;top:13px; left:20px; background:url(../images/backbtn.png) no-repeat center;z-index:3;font-size: 30px;}
.wrapnav .wraptit{background:#efefef; border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:left; color:#000;padding:15px 30px;position:relative;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.wrapnav .wraptit_tab:after{display:block;content:""; width:15px; height:15px;border-top:1px solid #222; border-right:1px solid #222;transform:rotate(135deg);-webkit-transform:rotate(135deg); position:absolute; top:10px; right:30px;}
.wrapnav .active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:20px;}
.wrap_content{display:none;}
.none{display:none;}
.show{display:block;}
.productsub{padding:0px 0px;background:#efefef;}
.productsub a{color:#666;}
.productsub_box{border-bottom:1px solid #888;}
.productsub_box h4{font-size:15px;position:relative;color:#fff;padding:10px 35px ;background:#696969;}
.productsub_box h4:hover,.productsub_box.show h4{background:#012d74;color:#fff;}
.productsub_box h4 i{display:block;width:10px; height:15px; background:url(/template/pc/zh/images/icon_h4.png) no-repeat center; position:absolute; left:20px; top:50%;margin-top:-9px;}
.productsub_box h4:hover i,.productsub_box.show h4 i{}
.productsub_list{display:none;}
.show .productsub_list{display:block;}
.productsub_list dl dt{padding:5px 5px 5px 45px ;font-size:15px;background:#dcdcdc; border-bottom:1px solid #ccc;}
.productsub_list dl dt:hover,.productsub_list dl.show  dt{color:#012d74;}
.productsub_list dl dd{background:#fff;overflow:hidden;display:none;}
.productsub_list dl.show dd{display:block;}
.productsub_list dl dd p{ padding:0px 0px 5px 75px;font-size:1.3rem;margin: 5px auto 10px;border-bottom: 1px solid #eaeaea;
transition: background 0.3s,color 0.3s;}
.productsub_list dl dd p a{display:block;}
.productsub_list dl dd p a.cur{color:#012d74;}

/*产品二级分类*/




.pagination{display:table;width: 94%; margin: auto;    text-align: center;position: relative;height:40px;padding:15px 0px;}
.pagination ul{text-align: center;}
.pagination ul li{ display: inline-block;position: relative; margin-bottom: 15px;}
.pagination a{ display: block;margin-right:3px;padding:5px 12px; height:36px; border:1px #666 solid; background:#fff;text-decoration:none;color:#808080;font-size:13px;line-height:24px;font-family:Verdana,Arial;border-radius: 5px;}
.pagination a:hover{ color:#fff; background: white; border:1px #C71103 solid;background-color: #C71103;  }
.pagination li.thisclass a{ border:none; background:#C71103; color:#fff; border:1px #C71103 solid;}
.pagination p{ float:left; cursor:pointer; font-family:Verdana,Arial; padding:7px 17px;font-size:14px; height:36px;line-height:24px; color:#666; border:1px #666 solid; background:#fcfcfc; margin-right:8px;border-radius: 5px;}
.pagination p.pageRemark{ border-style:none; background:none;margin-right:0px; padding:4px 0px;color:#666; }
.pagination p.pageRemark b{ color:red; }
.pagination p.pageEllipsis{ border-style:none;background:none; padding:4px 0px; color:#808080;}







@media (max-width:1024px) {
.bongts{display: none;}
.wrapnav{display: block;}

}





