@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
input,select,img{ vertical-align:middle;}
input,button,select,textarea{outline: 0 none;font-size:14px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; vertical-align: middle;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
h2,h3{ font-size:12px; font-weight:normal;}
h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:" ";}
abbr,acronym{border:0;}
body{height: 100%; font-size:14px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; color:#333; background:#fff;} 
html{height: 100%;}
table{ width:100%; border-collapse:collapse;}
a{ cursor:pointer; text-decoration:none;color:#333;}
a:hover{ color:#666;}
.clearfix{ clear:both;}
.clearfix:after{clear:both;display:block;visibility:hidden;font-size:0;content:" ";height:0;}
.clearfix {zoom:1;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.fl {float: left;}
.fr {float: right;}

.p-b80 {padding-bottom: 80px;}
/**/


.banner_box{ position:relative; height:520px;}
.banner{ position:relative; height:520px; overflow:hidden;}
.banner ul{ height:100%;}
.banner li{ position:relative; display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.banner li:first-child{display:block;}

.b_num{ display:none; position:absolute; bottom:25px; left:0; width:100%; text-align:center;}
.b_num li{ display:inline-block; vertical-align:middle; margin:0 3px;}
.b_num li a{ display:block; width:40px; height:6px; background:rgba(255,255,255,0.2);}
.b_num li a:hover,.b_num li a.on{ background:rgba(255,255,255,0.4);}

.ma{ position:absolute; right:50%; bottom:0; margin-right:-100%; width:407px; height:490px; -webkit-transition:all 400ms ease; transition:all 400ms ease; background:url(../img/ma.png) no-repeat;}
.ma.move{ margin-right:-600px;}
.b_txt{ position:absolute; left:50%; top:-100%; margin-left:-600px; width:681px; height:181px; -webkit-transition:all 400ms ease; transition:all 400ms ease; background:url(../img/b_txt.png?v=1.1.0) no-repeat;}
.b_txt.move{ top:150px;}

.m_tit{ padding:90px 0; text-align:center; font-size:34px;}


.bottom_box {background:#080d13; height: 400px;position: relative; z-index: 10000;}
	.bottom_box .qr_code {position: absolute;z-index: 999;right: 15px;top: 0}

	.container {
		width: 1280px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.bottom_box .qr_code:hover .large {
		display: block
	}

	.bottom_box .qr_code.fixed {
		position: fixed;
		bottom: 150px;
		top: auto
	}

	.bottom_box .qr_code .little {
		width: 48px;
		height: 48px
	}

	.bottom_box .qr_code .large {
		display: none;
		position: absolute;
		right: 48px;
		top: 0;
		width: 104px;
		height: 104px
	}

	.bottom_box .container {
		padding: 86px 100px 0 100px
	}

	.bottom_box .container:after {
		clear: both;
		content: "";
		display: block;
		height: 0
	}

	.bottom_box .container>ul {
		float: left;
		width: 650px
	}

	.bottom_box .container>ul li {
		float: left;
		position: relative;
		width: 100px
	}

	.bottom_box .container>ul li>a {
		font-size: 14px;
		line-height: 30px;
		color: #6e6e6e
	}

	.bottom_box .container>ul li:first-child {
		width: auto
	}

	.bottom_box .container>ul li:first-child a {
		display: block;
		height: 80px;
		line-height: 80px;
		font-size: 16px
	}

	.bottom_box .container>ul li:first-child .sub_nav {
		position: absolute;
		left: 0;
		top: 80px;
		display: none
	}

	.bottom_box .container>ul li:first-child .sub_nav a {
		font-size: 14px;
		color: #6e6e6e;
		line-height: 30px;
		height: 30px;
		margin-bottom: 20px;
		cursor: default
	}

	.bottom_box .container>ul li:first-child .sub_nav .sub_sub_nav dd {
		text-align: left
	}

	.bottom_box .container>ul li:first-child .sub_nav .sub_sub_nav a {
		cursor: pointer;
		color: #999;
		margin-bottom: 0
	}

	.bottom_box .container>ul li:first-child .sub_nav .sub_sub_nav a:hover {
		color: #fff
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl {
		padding-top: 20px
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl:after {
		clear: both;
		content: "";
		display: block;
		height: 0
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl>dd {
		float: left;
		padding: 0 40px;
		height: 175px;
		text-align: center;
		border-right: solid 1px #454545
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl>dd:first-child {
		padding-left: 0
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl>dd:last-child {
		padding-right: 0;
		border-right: none
	}

	.bottom_box .container>ul li:first-child .sub_nav {
		display: block;
		position: static;
		width: 550px
	}

	.bottom_box .container>ul li:first-child .sub_nav:before {
		display: none
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl {
		padding-top: 0
	}

	.bottom_box .container>ul li:first-child .sub_nav>dl>dd {
		border-right: solid 1px #454545!important;
		padding-right: 40px!important
	}

	.bottom_box .container .other {
		float: right
	}

	.bottom_box .container .other .s_logo img {
		width: 84px;
		margin-bottom: 30px
	}

	.bottom_box .container .other .contact {
		color: #999;
		line-height: 20px;
		font-size:12px;
	}

	.bottom_box .container .other .contact a {
		color: #999
	}

	.bottom_box .container .other .contact a:hover {
		text-decoration: underline
	}

	.bottom_box .container .other ul {
		font-size: 14px
	}

	.bottom_box .container .other ul li {
		float: left;
		margin-top: 20px
	}

	.bottom_box .container .other ul li a {
		color: #999;
		line-height: 1
	}

	.bottom_box .container .other ul li:first-child {
		padding-right: 15px;
		margin-right: 15px;
		border-right: solid 1px #454545
	}

	.copyright {
		background: #010101;
		height: 60px;
		line-height: 60px;
		color: #999;
		text-align: center; font-size:12px;
	}

	.copyright a {
		color: #999;
		text-decoration: underline
	}

/** 头部导航 **/
.global-nav {
	width:100%;
	position:fixed;
	top:0;
	z-index:99999;
	border-bottom:1px solid #000;
	background:#080d13;
	height:80px;
}
.global-nav .top {
	width:1280px;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:80px;
	padding:0 35px;
}
.global-nav .top a {
	color:#fff;
}
.global-nav .t_action {
	float:right;
	height:100%;
	font-size:14px;
}
.global-nav .t_action a {
	color:rgba(255,255,255,.8);
}
.global-nav .t_action a:hover {
	color:#fff;
}
.global-nav .t_action ul:after {
	clear:both;
	content:"";
	display:block;
	height:0;
}
.global-nav .t_action ul li {
	float:left;
	line-height:80px;
	padding:0 10px;
}
.global-nav .t_action ul li#header_loginuser {
	max-width:86px;
	overflow:hidden;
}
.global-nav .t_action ul li#header_register a {
	display:inline-block;
	height:34px;
	line-height:34px;
	width:60px;
	border:solid 1px;
	text-align:center;
	border-radius:2px;
}
.global-nav .top>a {
	float:left;
	line-height:80px;
}
.global-nav .top>a img {
	width:142px;
	vertical-align:middle;
}
.global-nav .nav {
	float:left;
	margin-left:120px;
}
.global-nav .nav .shelter {
	position:fixed;
	z-index:-1;
	left:0;
	top:80px;
	width:100%;
	height:0;
	opacity:0;
	background:rgba(0,0,0,.8);
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.global-nav .nav .shelter.active {
	opacity:1;
	height:520px;
}
.global-nav .nav li {
	float:left;
	position:relative;
	padding-right:50px;
}
.global-nav .nav li a {
	display:block;
	height:80px;
	line-height:80px;
	font-size:16px;
}
.global-nav .nav li a:hover {
	border-bottom:4px solid #ff0000;
}
.global-nav .nav li .sub_nav {
	position:absolute;
	left:0;
	top:80px;
	display:none;
}
.global-nav .nav li .sub_nav a {
	font-size:14px;
	color:#6e6e6e;
	line-height:30px;
	height:30px;
	margin-bottom:20px;
	cursor:default;
}
.global-nav .nav li .sub_nav .sub_sub_nav dd {
	text-align:left;
}
.global-nav .nav li .sub_nav .sub_sub_nav a {
	cursor:pointer;
	color:#999;
	margin-bottom:0;
}
.global-nav .nav li .sub_nav .sub_sub_nav a:hover {
	color:#fff;
}
.global-nav .nav li .sub_nav>dl {
	padding-top:20px;
}
.global-nav .nav li .sub_nav>dl:after {
	clear:both;
	content:"";
	display:block;
	height:0;
}
.global-nav .nav li .sub_nav>dl>dd {
	float:left;
	padding:0 40px;
	height:175px;
	text-align:center;
	border-right:solid 1px #454545;
}
.global-nav .nav li .sub_nav>dl>dd:first-child {
	padding-left:0;
}
.global-nav .nav li .sub_nav>dl>dd:last-child {
	padding-right:0;
	border-right:none;
}
.global-nav .nav li .sub_nav {
	padding:0 150px 100px 150px;
	left:-150px;
	margin-top:-400px;
	z-index:-1;
	display:none;
	opacity:0;
}
.global-nav .nav li.hover>a {
	border-bottom:solid 3px red;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.global-nav .nav li.hover .sub_nav {
	-webkit-transition:opacity .5s .2s;
	-moz-transition:opacity .5s .2s;
	-ms-transition:opacity .5s .2s;
	-o-transition:opacity .5s .2s;
	transition:opacity .5s .2s;
	opacity:1;
	margin-top:0;
}
.global-nav .nav li.service .sub_nav {
	width:500px;
}
.global-nav .nav li.case .sub_nav {
	width:100px;
}
.global-nav[data-type=function] .nav .shelter.active {
	height:440px;
}
/** *end 头部导航* **/

.box-mod-01 {
	position: relative;
}
.w-auto-01 {
	position: relative;
	width: 1040px;
	margin: 0 auto;
}
.w-auto-02{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.tit-mod-01 {
	padding: 46px 0;
	position: relative;
}
.tit-mod-01 .tit-01 {
	font-size: 28px;
	text-align: center;
	padding: 15px;
	background-color: #fff;
	position: relative;
	z-index: 100;
}
.tit-mod-01 .dot-root {
	position: absolute;
	top: -19px;
	left: 50%;
	display: block;
	border:6px solid #fff;
	width: 36px;
	height: 36px;
	background: #cc1a00;
	border-radius: 100%;
	margin-left: -18px;
}
.tit-mod-01 .dot-line-01 {
	position: absolute;
	top: 0px;
	left: 50%;
	display: block;
	height: 162px;
	width: 1px;
	background-color: #cc1a00;
	margin-left: 0px;
}

.p-b90 {padding-bottom: 90px;}

.mod-clas {
	position: relative;
	z-index:100;
	border-top: 1px dashed #cc1a00;
	height: 420px;
}
.mod-sub {
	position: absolute;
	top: -7px;
	width: 236px;
	height: 380px;
	animation:drop_top 1s;
	-webkit-animation:drop_top 1s;
}
.mod-sub .dot-sub,
.mod-sub .dot-line-02 {
	display: block;
}
.mod-sub .dot-sub {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #cc1a00;
	margin: 0 auto;
}
.mod-sub .dot-line-02 {
	height: 45px;
	width: 1px;
	background-color: #cc1a00;
	margin: 4px auto;
}
.mod-sub .tit-02 {
	font-size: 20px;
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}
.mod-sub .dot-ro {
	position: relative;
	width: 236px;
	height: 236px;
	padding: 14px;
	border:1px dashed #cc1a00;
	border-radius: 100%;
	margin: 0 auto;
}
.dot-ro .dot-ro-con {
	width: 206px;
	height: 206px;
	border:2px solid #cc1900;
	border-radius: 100%;
	margin: 0 auto;
}
.mod-sub .dot-ro-pic {
	position: relative;
	width: 236px;
	height: 236px;
	margin: 0 auto;
}

.ms-01 {
	left: 0px;
}

@keyframes drop_top{
	0% {top:-200px;}
	20% {top:50px;}
	40% {top:-30px;}
	60% {top:20px;}
	80% {top:-20px;}
	100% {top:-7px;}
}

@-webkit-keyframes drop_top{
	0% {top:-200px;}
	20% {top:50px;}
	40% {top:-30px;}
	60% {top:20px;}
	80% {top:-20px;}
	100% {top:-7px;}
}

.ms-02 {
	left: 50%;
	margin-left: -117px;
}
.ms-03 {
	right: 0px;
}


.box-mod-02 .hd {
	padding-top: 60px;
	padding-bottom: 30px;
}
.box-mod-02 .hd .tit {
	font-size: 28px;
	text-align: center;
}
.box-mod-02 .bg {
	position: relative;
}
.h-a01 {height: 760px;}
.h-a011 {height: 560px;}

/*****/

.bannerBox-02 {
	height: 552px;
	background: url(../img/bannerBox-02.jpg) no-repeat center top;
	padding-top: 65px;
	color: #333;
	font-size: 18px;
}
.txt-info-01 {
	width: 880px;
	height: 240px;
	margin: 0 auto;
}
.txt-info-01 h2 {
	font-size: 24px;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 25px;
}
.txt-info-01 .ico-tip-01,
.txt-info-01 .ico-tip-02 {
	display: inline-block;
	vertical-align: middle;
	width: 55px;
	height: 51px;
}
.txt-info-01 .ico-tip-01 {
	background: url(../img/ico-tip-01.png) no-repeat;
	margin-right: 20px;
	margin-left: -75px;
}
.txt-info-01 .ico-tip-02 {
	background: none;
	margin-left: 10px;
}
.txt-info-01 .name {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5em;
}
.recommends{ position:relative; margin:0 auto; width:880px; height:240px;}
.recommend{ display:none; position:absolute; bottom:0; left:0; width:100%;}
.recommend.active{ display:block;}

.people{ height:120px; text-align:center;}
.people img{ display:inline-block; vertical-align:top; margin:15px; width:110px; height:100px;border-radius:50%; opacity:0.6; transition:all 0.5s; -webkit-transition:all 0.5s;}
.people img.active{ margin:0; width:130px; height:120px; border:0px solid #fff; opacity:1; box-shadow: 1px 4px 8px 0 rgba(46, 37, 37, 0.3);} 
/** end */
.m_t_20 {margin-top: 20px;}

.link-list{ font-size:0; text-align:center;}
.link-list li { display:inline-block; vertical-align:top; width:25%; }
.link-list li a {
	display: block;
	border:1px solid #e8e8e8;
	height:78px;
	margin:0 0 10px 35px;
}
.link-list li:first-child{ margin:0 0 10px 0;}
.link-list li a img{ width:100%; height:100%;}

.box-mod-03 {
	height: 160px;
	background: #cc1900 url(../img/box-mod-03.jpg) no-repeat center top;
}
.tit-tip {
	padding:0 40px;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}
.box-mod-03 .tit-tip {
	padding-top: 55px;
}

.btn-linkdiv {
	position: absolute;
	bottom: 3px;
	right: 40px;
}

.btn-link {
	display: block;
	border:1px solid #fff;
	padding: 6px 40px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.btn-link:hover {
	background-color: #fff;
	color: #bb2814;
}
.box-mod-03 .w-auto-01 {
	height: 160px;
}

.bg-pic01 {
	background: #f9f9f9 url(../img/chn_map.jpg) no-repeat center top;
}
.radarBox {
	position: relative;
	height: 760px;
}
.radarBox .radar-bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 945px;
	height: 488px;
	margin-left: -472.5px;
	background: url(../img/radar-bg.png) no-repeat;
	z-index: 0;
	overflow:hidden;
}
.scale{ position:absolute; top:0; left:0; width:945px; height:945px; z-index:100;  background:url(../img/scale.png) no-repeat;}
.yuanqu{ position:absolute; width:62px; height:31px; line-height:31px; text-align:center; font-size:20px; color:#cf2e17; opacity:0.5;  transition:all 0.5s; -webkit-transition:all 0.5s; background:url(../img/yuanqu.png) no-repeat;}
.yuanqu.on{ opacity:1; font-weight:bold;}

.yuan01{ top:250px; left:440px;}
.yuan02{ top:295px; left:636px;}
.yuan03{ top:410px; left:720px;}
.yuan04{ top:410px; left:165px;}
.yuan05{ top:295px; left:240px;}

.radar-framework {
	position: relative;
	width: 1032px;
	height: 396px;
	background: url(../img/radar-framework-no.png) center 0 no-repeat;
	margin:0 auto;
	z-index: 100;
}
.radar-framework i {
	position: absolute;
	display: block;
	width: 18px;
	height: 12px;
}
.ico-dit-01 {
	background: url(../img/ico-dit-01.png) no-repeat;
	animation:move_left 2s infinite;
	-webkit-animation:move_left 2s linear infinite;
}
.ico-dit-02 {
	background: url(../img/ico-dit-02.png) no-repeat;
	animation:move_right 2s infinite;
	-webkit-animation:move_right 2s linear infinite;
}
.ico-dit-03 {
	background: url(../img/ico-dit-03.png) no-repeat;
	animation:move_up 2s infinite;
	-webkit-animation:move_up 2s linear infinite;
}
.radar-framework .ico-dit-01 {
	top: 152px;
	left: 116px;
}
.radar-framework .ico-dit-02 {
	top: 152px;
	right: 136px;
}
.radar-framework .ico-dit-03 {
	top: 109px;
	left: 502px;
	width: 12px;
	height: 18px;
}

@keyframes move_left{
	0% {left: 116px;}
	95% {left: 340px; opacity:1;}
	100% {left: 340px; opacity:0;}
}

@-webkit-keyframes move_left{
	0% {left: 116px;}
	95% {left: 340px; opacity:1;}
	100% {left: 340px; opacity:0;}
}

@keyframes move_right{
	0% {right: 136px;}
	95% {right: 365px; opacity:1;}
	100% {right: 365px; opacity:0;}
}

@-webkit-keyframes move_right{
	0% {right: 136px;}
	95% {right: 370px; opacity:1;}
	100% {right: 370px; opacity:0;}
}

@keyframes move_up{
	0% {top: 120px;}
	95% {top: 45px; opacity:1;}
	100% {top: 45px; opacity:0;}
}

@-webkit-keyframes move_up{
	0% {top: 120px;}
	95% {top: 45px; opacity:1;}
	100% {top: 45px; opacity:0;}
}

/**/
.point-area {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out
}

.point-area .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent
}

.point-area .point-shadow:after {
	box-shadow: inset 0 0 5em rgba(207,62,43,.16)
}

.point-area .point-white {
	background-color: #fff;
	border: 1px solid #00c1de
}

.point-area .point-dot {
	z-index: 1;
	background-color: #cf3e2b;
	border: 1px solid rgba(207,62,43,.37)
}

.point-area .point-10 {
	width: 100%;
	height: 100%
}

.point-area .point-10:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #cf3e2b;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 225ms infinite;
	animation: ripple 4.5s ease-out 225ms infinite
}

.point-area .point-40 {
	width: 100%;
	height: 100%
}

.point-area .point-40:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #cf3e2b;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out .9s infinite;
	animation: ripple 4.5s ease-out .9s infinite
}


.point-area .point-70 {
	width: 100%;
	height: 100%
}

.point-area .point-70:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #cf3e2b;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1575ms infinite;
	animation: ripple 4.5s ease-out 1575ms infinite
}

.point-area .point-80 {
	width: 100%;
	height: 100%
}

.point-area .point-80:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #cf3e2b;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1.8s infinite;
	animation: ripple 4.5s ease-out 1.8s infinite;
}


@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1)
	}

	5% {
		opacity: 1
	}

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

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

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