@charset "utf-8";
/* CSS Document */
.banner_box{ width:100%; margin-top:139px; position:relative; overflow:hidden;}
.banner,.banner li{ display:block;}
.banner li img{ display:block; width:100%; height:auto;}
.banner_box .hd{ width:100%; position:absolute; bottom:20px;}
.banner_box .hd ul{ display:block; text-align:center;}
.banner_box .hd ul li{ display:inline-block; width:8px; height:8px; border-radius:4px; background:rgba(255,255,255,0.5); margin:0 3px; transition:all .5s;}
.banner_box .hd .on{background:rgba(255,255,255,1); width:50px;}
.indexBnrSwiper-prev,.indexBnrSwiper-next{ display:block; width:114px; height:100%; position:absolute; top:0; opacity:0; transition:all 0.5s ease-out; z-index:99;}
.indexBnrSwiper-prev{ left:0; background:url(../images/swiper1-l.png) no-repeat center;}
.indexBnrSwiper-next{ right:0px; background:url(../images/swiper1-r.png) no-repeat center;}
.banner_box:hover .indexBnrSwiper-prev,.banner_box:hover .indexBnrSwiper-next{ opacity:0.5}
.banner_box .indexBnrSwiper-prev:hover,.banner_box .indexBnrSwiper-next:hover{ opacity:1;}
/*服务领域*/
.lingyu_bigbox{ width:1440px; margin:80px auto;}
.lingyu_tibox{ width:100%; overflow:hidden;}
.lingyu_title{ float:left;}
.lingyu_title dl{ display:block;}
.lingyu_title dl dt{ display:block; font-size:36px; font-weight:bold; color:#262477; line-height:36px;}
.lingyu_title dl dd{ display:block; font-size:20px; font-weight:bold; color:#262477; margin-top:10px;}
.lingyu_title p{ display:block; font-size:16px; color:#232323; font-weight:inherit; margin-top:30px;}
.lingyu_tibox span{ float:right; width:155px; height:44px; border:1px solid #262477; border-radius:23px; margin-top:32px;}
.lingyu_tibox span a{ display:block; font-size:14px; color:#262477; text-align:center; line-height:44px;}
.lingyu_tibox span:hover{ background:#262477;}
.lingyu_tibox span:hover a{ color:#fff;}
.lingyu_box{ width:100%; margin-top:52px; background:url(../images/lingyu_bj.png) no-repeat right 32px;}
.lingyu_nav{ display:block;}
.lingyu_nav li{ display:inline-block; margin-right:26px;}
.lingyu_nav li a{ display:inline-block; padding:0 25px; background:#f4f6fc; font-size:18px; font-weight:bold; color:#262626; text-align:center; line-height:44px; border-radius:22px;}
.lingyu_nav li a:hover{ background:#262477; color:#fff;}
.lingyu_jieshao{ font-size:16px; color:#232323; line-height:24px; margin-top:38px;}
.lingyu_tubox{ width:100%; margin-top:20px; overflow:hidden;}
.lingyu_liebiao{ display:block;}
.lingyu_liebiao li{ float:left; width:440px; margin:15px 60px 15px 0; box-shadow:0 0 10px rgba(102,102,102,0.6); position:relative;}
.lingyu_tu{ width:100%; background-image:url(../images/hybj.png); background-size:100% 100%; background-repeat:no-repeat; overflow:hidden;}
.lingyu_tu img{ display:block; width:100%; height:auto; transition:all .5s;}
.lingyu_con{ position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%);}
.lingyu_con h1{ display:block; width:124px; height:74px; margin:auto; border-bottom-right-radius:18px; background:rgba(38,36,119,0.4); font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:74px;}
.lingyu_con span{ display:block; width:0; height:0; border-radius:50%; background:#fff; margin:0 auto 0; transition:all .5s; overflow:hidden;}
.lingyu_con span img{ display:block; width:100%; height:auto; transition:all .5s;}
.lingyu_liebiao li:hover .lingyu_tu img{ opacity:0.4;}
.lingyu_liebiao li:hover .lingyu_con h1{ background:rgba(38,36,119,0);}
.lingyu_liebiao li:hover .lingyu_con span{ width:83px; height:83px; margin:50px auto 0;}
.lingyu_tubox .hd{ margin-top:48px; text-align:center;}
.lingyu_tubox .pageState{ display:inline-block; font-size:18px; color:#424141; margin:0 32px; position:relative; top:-20px;}
.lingyu_tubox .pageState span{ display:inline-block;font-size:18px; color:#424141;}
.button_l,.button_r{ display:inline-block; width:55px; height:55px; background:#8786bd; border-radius:50%;}
.button_l img,.button_r img{ display:block; width:100%; height:auto;display:block;-webkit-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);}
.button_l:hover,.button_r:hover{ background:#262477;}
.button_l:hover img,.button_r:hover img{-webkit-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);}
/*产品系统*/
.cpxt_box{ width:100%; min-width:1200px; overflow:hidden;}
.cpxt_ti{ width:100%; min-width:1200px; text-align:center;}
.cpxt_ti dl{ display:inline-block;}
.cpxt_ti dl dt{ display:block; font-size:36px; font-weight:bold; color:#262477; text-align:center; line-height:36px;}
.cpxt_ti dl dd{ display:block; font-size:20px; font-weight:bold; text-align:center; margin-top:10px;}
.cpxt_ti p{ display:block; font-size:16px; color:#232323; font-weight:inherit; line-height:30px; text-align:center; margin-top:18px;}
.cpxt_nav{ display:block; margin-top:40px; text-align:center;}
.cpxt_nav li{ display:inline-block; margin:0 48px; text-align:center;}
.cpxt_nav li img{ display:block;-webkit-filter: brightness(0);-moz-filter: brightness(0);filter: brightness(0);}
.cpxt_nav li span{ display:inline-block; font-size:20px; color:#232323; font-weight:inherit; text-align:center; line-height:34px; border-bottom:2px solid #fff;}
.cpxt_nav li:hover img{-webkit-filter: brightness(1);-moz-filter: brightness(1);filter: brightness(1);}
.cpxt_nav li:hover span{ color:#262477; border-bottom:2px solid #262477;}
.cpxtl_iebiao{ display:block; margin-top:30px;}
.cpxtl_iebiao li{ float:left; width:33.3333%; position:relative; transition:all .5s;}
.cpxtl_iebiao li .cpxt_tu{ width:100%; background:#000; overflow:hidden;}
.cpxtl_iebiao li .cpxt_tu img{ display:block; width:100%; height:auto; opacity:0.5; transition:all .5s;}
.cpxtl_iebiao li .cpxt_con{ width:100%; position:absolute; bottom:0; left:0; padding-bottom:35px;}
.cpxtl_iebiao li .cpxt_con img{ display:block; margin:0 auto;}
.cpxtl_iebiao li .cpxt_con span{ display:block; font-size:30px; color:#fff; text-align:center; margin-top:12px; text-align:center;}
.cpxtl_iebiao li:hover{ transform:scale(1.1); box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:10;}
.cpxtl_iebiao li:hover .cpxt_tu img{ opacity:0.8;}
/**/
.dzmh_bj{ width:100%; padding:98px 0 40px; background:#f5f6fb;}
.dzmh_ti{ text-align:center;}
.dzmh_ti dl{ display:block;}
.dzmh_ti dl dt{ display:block; font-size:36px; font-weight:bold; color:#262477; text-align:center; line-height:36px;}
.dzmh_ti dl dd{ display:block; font-size:20px; font-weight:bold; color:#262477; text-align:center; line-height:30px; margin-top:10px;}
.dzmh_ti p{ display:block; font-size:16px; color:#232323; font-weight:inherit; text-align:center; margin-top:18px;}
.dzmh_tu{ width:1440px; margin:112px auto 0; position:relative;}
.dzmh_tu img{ display:block; width:100%; height:auto;}
.dzmh_con{ width:100%; text-align:center; margin-top:20px;}
.dzmh_con span{ display:block; font-size:22px; font-weight:bold; color:#383838; text-align:center;}
.dzmh_con p{ display:block; font-size:16px; color:#383838; line-height:30px; text-align:center; margin-top:20px;}
.dzmh_liebiao{ display:block; margin-top:72px; text-align:center;}
.dzmh_liebiao li{ display:inline-block; width:225px; border:2px solid #e1e2e3; border-radius:10px; margin:0 30px; padding:10px 0;}
.dzmh_liebiao li:nth-child(4){ width:310px;}
.dzmh_liebiao li p{ display:block; font-size:16px; font-weight:inherit; color:#121212; text-align:center; line-height:16px;}
.dzmh_liebiao li span{ display:block; font-size:60px; color:#262477; text-align:center; line-height:42px; margin-top:15px;}
.dzmh_liebiao li span em{ font-style:normal; font-size:18px; color:#000000;}
.dzmh_liebiao li span i{ font-style:normal; font-size:24px; font-weight:bold; color:#262477;}
.dzmh_liebiao li:hover{ background:#262477; border:2px solid #fff; cursor:default;}
.dzmh_liebiao li:hover span,.dzmh_liebiao li:hover em,.dzmh_liebiao li:hover i,.dzmh_liebiao li:hover p{ color:#fff;}


@-webkit-keyframes warn {

	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

}

@-moz-keyframes warn {

	0% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

}

@-o-keyframes warn {

	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

}

@keyframes warn {

	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

}
.mppiont {
	box-sizing: content-box;
	position: absolute;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.mppiont1 {
    left: 250px;
    top: 123px;
}

.mppiont2 {
	left: 317px;
	top: 168px;
}

.mppiont3 {
	left: 243px;
	top: 192px;
}

.mppiont4 {
	left: 274px;
	top: 250px;
}

.mppiont5 {
	left: 364px;
	top: 198px;
}

.mppiont6 {
	left: 530px;
	top: 82px;
}

.mppiont7 {
	left: 785px;
	top: 130px;
}

.mppiont8 {
	left: 778px;
	top: 180px;
}

.mppiont9 {
	left: 910px;
	top: 160px;
}
.mppiont10 {
	left: 892px;
	top: 198px;
}
.mppiont11 {
	right: 463px;
	top: 100px;
}
.mppiont12 {
	right: 353px;
	top: 162px;
}
.mppiont13 {
	right: 392px;
	top: 268px;
}
.mppiont14 {
	left: 704px;
	top: 290px;
}
.mppiont15 {
	left: 784px;
	top: 357px;
}
.mppiont16 {
	left: 780px;
	top: 296px;
}
.mppiont17 {
	left: 620px;
	top: 327px;
}
.mppiont18 {
	left: 372px;
	top: 368px;
}
.mppiont19 {
	left: 486px;
	top: 368px;
}
.area-box .dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100)
}

.mppiont62 .area-box .dot {
	width: 12px;
	height: 12px;
}

.area-box .pulse {
	position: absolute;
	top: -28px;
	left: -28px;
	height: 66px;
	width: 66px;
	border: 2px solid #b7b7b7;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	-webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	-moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	opacity: .12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}

.area-box .delay-01 {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0
}

.area-box .delay-02 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}

.area-box .delay-03 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s
}

.area-box .delay-04 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.area-box .delay-05 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.area-box .delay-06 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}


.area-box.on .dot {
	background: #fff
}

.area-box.on .pulse {
	border-color: #dd127b;
	top: -19px;
	left: -19px;
	height: 40px;
	width: 40px;
	box-shadow: 0 0 12px #dd127b, 0 0 20px #dd127b inset
}

.area-box.waite .area-box .dot {
	background: #dd127b
}

.area-box.waite .area-box .pulse {
	border-color: #dd127b
}
/*欧博资讯*/
.news_bigbox{ width:1490px; margin:42px auto 100px;}
.news_tibox{ width:1440px; margin:80px auto 0; overflow:hidden;}
.news_title{ float:left;}
.news_title h1{ display:block; font-size:36px; font-weight:bold; color:#262477; line-height:36px; padding-right:48px; background:url(../images/news_ti.png) no-repeat right;}
.news_title span{ display:block; font-size:20px; font-weight:bold; color:#262477; margin-top:10px;}
.news_title p{ display:block; font-size:16px; font-weight:inherit; color:#232323; margin-top:30px;}
.news_nav{ float:right; margin-top:38px; overflow:hidden;}
.news_nav li{ float:left; margin-left:20px;}
.news_nav li a{ display:block; background:#f4f6fc; padding:0 25px; border-radius:22px; font-size:18px; font-weight:bold; color:#262626; line-height:44px;}
.news_nav li a:hover,.news_nav .cur a{ background:#262477; color:#fff;}
.news_box{ width:100%; overflow:hidden;}
.news_box .news_list{ display:block;}
.news_box .news_list li{ float:left; width:320px; margin:15px 25px; background:#fff; transition:all .5s;}
.news_list li .news_tu{ width:100%; background:#000; overflow:hidden;}
.news_list li .news_tu img{ display:block; width:100%; height:auto; transition:all .5s;}
.news_con{ padding:20px;}
.news_con span{ display:block; font-size:12px; font-weight:inherit; color:#484848;}
.news_con h1{ display:block; font-size:18px; font-weight:bold; color:#202020; margin-top:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_con em{ display:block; font-style:normal; font-size:12px; color:#5a5a5a; margin-top:10px;}
.news_con p{ display:block; font-size:14px; color:#202020; line-height:24px; margin-top:10px;}
.news_box .news_list li:hover{ box-shadow:0 0 12px rgba(0,0,0,0.2);}
.news_box .news_list li:hover .news_tu img{ opacity:0.6; transform:scale(1.05);}
.news_box .news_list li:hover .news_con h1{ color:#262477;}
.news_bigbox .hd{ width:100%; text-align:center; margin-top:25px;}
.news_bigbox .hd .zxjt_l,.news_bigbox .hd .zxjt_r{ display:inline-block; width:55px; height:55px; border-radius:50%; background:#8786bd;}
.news_bigbox .hd .zxjt_l img,.news_bigbox .hd .zxjt_r img{ display:block; width:100%; height:auto;-webkit-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);}
.news_bigbox .hd .zxcd{ display:inline-block; padding:0 24px; border-radius:28px; background:#f9f9f9; margin:0 12px;}
.news_bigbox .hd .zxjt_l:hover,.news_bigbox .hd .zxjt_r:hover{ background:#262477;}
.news_bigbox .hd .zxjt_l:hover img,.news_bigbox .hd .zxjt_r:hover img{-webkit-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);}

.bscbj{ width:100%; height:245px; background:url(../images/bsbj.jpg) no-repeat center;}
.bscbj h2{ display:block; font-size:24px; font-weight:bold; color:#262477; text-align:center; padding:55px 0 42px;}
.bscbj span{ display:block; width:190px; height:52px; border:1px solid #262477; border-radius:27px; overflow:hidden; margin:auto;}
.bscbj span a{ display:block; font-size:16px; color:#262477; text-align:center; line-height:52px;}
@media ( min-device-width:1360px )and ( max-width:1440px ) {
.lingyu_bigbox,.dzmh_tu,.news_tibox{ width:1300px;}
.news_bigbox{ width:1340px;}
.lingyu_liebiao li{ width:400px; margin:15px 50px 15px 0;}
.news_box .news_list li{ width:295px; margin:15px 20px;}
.mppiont1 {
    left: 230px;
    top: 110px;
}

.mppiont2 {
	left: 286px;
	top: 155px;
}

.mppiont3 {
	left: 218px;
	top: 175px;
}

.mppiont4 {
	left: 250px;
	top: 223px;
}

.mppiont5 {
	left: 326px;
	top: 180px;
}

.mppiont6 {
	left: 480px;
	top: 72px;
}

.mppiont7 {
	left: 706px;
	top: 118px;
}

.mppiont8 {
	left: 704px;
	top: 162px;
}

.mppiont9 {
	left: 820px;
	top: 147px;
}
.mppiont10 {
	left: 806px;
	top: 180px;
}
.mppiont11 {
	right: 418px;
	top: 95px;
}
.mppiont12 {
	right: 320px;
	top: 147px;
}
.mppiont13 {
	right: 355px;
	top: 243px;
}
.mppiont14 {
	left: 632px;
	top: 264px;
}
.mppiont15 {
	left: 708px;
	top: 321px;
}
.mppiont16 {
	left: 702px;
	top: 268px;
}
.mppiont17 {
	left: 558px;
	top: 296px;
}
.mppiont18 {
	left: 335px;
	top: 334px;
}
.mppiont19 {
	left: 438px;
	top: 381px;
}
	}