html ,body{ height: 100%; width:100%;}
*{ margin: 0px; padding: 0px; }
li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
iframe, frame, fieldset, img { border: 0px none; }
img { vertical-align: top; }
input, textarea, button { border-radius: 0px; }
textarea { overflow: auto; resize: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
em, cite, address, i { font-style: normal; }
body, input, select, button, textarea { color: rgb(0, 0, 0); font-size: 12px; font-family: arial,"Microsoft Yahei","宋体"; }
:focus { outline: medium none; }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 0.5; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 0.5; }
a{
	text-decoration: none;
	color:#000;
}

.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.header { width: 100%; height: 60px; background: #3e4d5a; }
.w { /*padding-top: 7px;*/ max-width: 1160px; margin: 0px auto; position: relative; z-index: 3; }
.header .w .logo { float: left; margin-top: 3px; position:relative;}
.header .w .nav { float: right; position: relative;}
.gxwk{
	display:none;
}
.ico{
	display:none;
}
.header .w .nav li { float: left; line-height: 50px; width:96px; position:relative; text-align: center;}
.header .w .nav li span{
	display:block;
	height:13px;
	width:1px;
	background:url(../images/bg.jpg) no-repeat;
	position:absolute;
	right:0;
	top:19px;
}
.nfl{
	display:none;
}
.header .w .nav li a { display: block; margin: 0px 20px; padding: 0px 10px; font-size: 16px; color: rgb(255, 255, 255); }
.header .w .nav li:hover a, .header .w .nav li.active a { border-bottom: 3px solid rgb(0, 159, 222);}
.max1{
	width:100%;
	height:100%;
	background:url(../images/banner.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	
}
.max1 .down{
	position:absolute;
	left:48%;
	bottom:73px;
}
.max{
	width:100%;
	height:100%;
	background:#f9f9f9;	
}
.max .title{
	display:none;
}
.max2 .det_1{
	width:100%;
	border-bottom:3px solid #f1f1f1;
	background:#f9f9f9;
	z-index:10000;
}

.max2 .det_1 .list{
	width:80%;
	height:80px;
}
.max2 .det_1 .list li:hover{
	background:#4d4dff;
	
}

.max2 .det_1 .list li:hover a{
	width:100%;
	color:#fff;
}

.max2 .det_1 .list li{
	width:25%;
	height: 82px;
	float:left;
	text-align: center;
	line-height:82px;
	
}
.max2 .det_1 .list li a{
	width:100%;
	height:100%;
	font-size:25px;
	color:#333;
}
.det_1 .list li.cur{background: rgb(77, 77, 255) none repeat scroll 0% 0%;}
.det_1 .list .cur a{
	color:#fff;
}
.max2 #list1{
	width:100%;
	height:80px;
	display:none;
	position:relative;
	z-index: 10;
}
.content{
	height:100%;
	background:#fff;
	padding-top:94px;
}
.max2 .content div{
	width:48%;
}

.max2 .content img{
	width:100%;
}
.max2 .content .left{
	margin-right: 23px;
}
.max2 .content div p{
	font-size:16px;
	color:#8c8c8c;
	line-height:30px;
	margin-bottom:30px;
}
.max2 .content .right h2{
	font-size:17px;
	color:#4d4dff;
	position:relative;
	padding-left:8px;
}
.max2 .content .right h3{
	color:#4d4dff;
	font-size:15px;
}
.max2 .content .right i{
	position:absolute;
	left:0;
	top:4px;
	width:4px;
	height:15px;
	background:#4d4dff;
}
.max3 .content2{
	position:relative;
	height:100%;
	background: #fff;
}
.max3 .content2 .left{
	padding:64px 0 36px;
	position:absolute;
	left:0;
	top:199px;
	width:60%;
	background:rgba(235,238,247,0.5);
	z-index:7;
}
.max3 .content2 .right{
	position:absolute;
	right:0;
	top:138px;
}
.max3 .content2 div p{
	padding-left:10px;
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-bottom: 30px;
	position:relative;
}
.max3 .content2 div p i{
	position:absolute;
	left:0;
	top:7px;
	width:4px;
	height:15px;
	background:#4d4dff;
}
.max3 .content2 div p span{
	color:#6a6afe;
}

.max4 .content3{
	background:#fff;
	height:100%;
}
.max4 .content3 .top{
	position:absolute;
	left:26%;
	top:115px;
	z-index:6;
}
.max4 .content3 .bottom{
	width:75%;
	height:357px;
	position:absolute;
	left:12%;
	top:305px;
	background:rgba(241,243,249,0.5);
	padding-top:163px;
}
.max4 .content3 .bottom p{
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-bottom: 30px;
}
.max4 .content3 .bottom p span{
	color:#4d4dff;
}
.max5 .content4{
	background:#fff;
	height:80%;
	padding-top:10%;
}
.max5 .content4 .left{
	margin-left:5px;
}
.max5 .content4 p{
	font-size:16px;
	color:#8c8c8c;
	line-height:30px;
	margin-bottom:30px;
}
.max5 .content4 h2{
	font-size:17px;
	color:#4d4dff;
	position:relative;
	padding-left:8px;
}
.max5 .content4 h3{
	color:#4d4dff;
	font-size:15px;
}
.max5 .content4 img{
	width:100%;
}
.max5 .content4 div{
	width:48%;
}
.nfl { position: absolute; top: 0px; right: 0px; margin: 0px; width: 47px; }
.mobile-header {  width: 100%; height: 47px; position: absolute; top: 0px; left: 0px; z-index:100;}
.mobile-header-icon { color: rgb(255, 255, 255); height: 47px; font-size: 25px; text-align: center; float: right; width: 47px; position: relative; transition: background 0.5s ease 0s; }
.mobile-header-icon:hover { background-color: rgba(0, 0, 0, 0.2); cursor: pointer; }
.mobile-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgb(255, 255, 255); }
.mobile-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); }
.mobile-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); }
.mobile-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.mobile-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
.mobile-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.mobile-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
.mobile-nav { background-color: rgba(0,0, 0, 0.5); width: 100%; position: absolute; top: 47px; left: 0px; z-index: 2147483647; padding-top: 10px; padding-bottom: 40px; display: none; }
.mobile-nav a { display: inline-block; line-height: 40px; text-decoration: none; width: 80%; margin-left: 10%; color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.5s ease 0s; font-weight: 300; font-size:20px; animation-duration: 0.5s; animation-fill-mode: both; animation-name: returnToNormal; }
.mobile-nav a:hover { color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.dataStatistics .digit > div.digit_top::before, .dataStatistics .digit > div.shadow_top::before { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
.dataStatistics .digit > div.digit_bottom::before, .dataStatistics .digit > div.shadow_bottom::before { content: ""; border-radius: 0px 0px 10px 10px; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
@media only screen and (max-width: 767px) {
	.max{
		background:url(../images/phone-bg.png);
		background-size:100% 100%;

	}
	.max2 .det_1 .list{
		height:80px;
	}
	.max2 .det_1 .list li a{
		font-size:20px;
	}
	.content{
		background:rgba(0,0,0,0);
	}
	.max3 .content2{
		background:rgba(0,0,0,0);
	}
	.max4 .content3{
		background:rgba(0,0,0,0);
	}
	.max5 .content4{
		background:rgba(0,0,0,0);
	}
	.nav{
		display:none;
	}
	.logo{
		width:100%;
		position:relative;
	}
	.gxwk{
		display:block;
		font-size:30px;
		color:#fff;
		position: absolute;
	    left: 84px;
	    top: 0;
	}
	.header{
		background:rgba(0,0,0,0);
	}
	.phone-ico{
		width:33px;
		height:33px;
		position:relative;
		z-index:10000;
	}
	.ico{
		display:block;
		
		width:100%;
	}
	/*.w{
		max-width: 689px;
	}*/
	.content{
		padding: 94px 18px 0;
	}
	.content .left{
		display:none;
	}
	.max2 .content div{
		width:100%;
	}
	.content2 .right{
		display:none;
	}
	.max3 .content2 .left{
		width:100%;
		padding-top: 0;
		background: rgba(0,0,0,0);
	}
	.content3 .top{
		display:none;
	}
	.max4 .content3 .bottom{
		width:100%;
		background:rgba(0,0,0,0);
		position: absolute;
	    left: 0; 
	    top: 211px;
	    padding-top: 0;
	}
	.content4 .right{
		display:none;
	}
	.max5 .content4 div {
     width: 100%; 
	}
	.max5 .content4{
		padding-top:17%;
	}
	.nfl{
		display:block;
	}

}

@media only screen and (max-width: 414px) {

	.content {
	    padding: 42px 18px 0;
	}
	.max2 .content div p{
		margin-bottom:0;
	}
	.max3 .content2 .left {
	    position: absolute;
	    left: 0;
	    top:18%;
    }
    .max4 .content3 .bottom{
    	position: absolute;
	    left: 0;
	    top:15%;
    }
	.w {
    	max-width: 400px;
	}
	.max2 .det_1 .list li a{
		font-size:20px;
	}
	.max3 .content2 div p{
		margin-bottom:0px;
	}
	.max4 .content3 .bottom p{
		margin-bottom:0px;
	}
	.max5 .content4 p{
		margin-bottom:0px;
	}
}
@media only screen and (max-width: 350px) {
	.max2 .det_1 .list li a{
		font-size:16px;
	}
	.max2 .content div p{
		font-size:14px;
		line-height:24px;
	}
	.max2 .content .right h2{
		font-size:16px;
	}
	.w {
	    max-width: 300px;
	}
	.max3 .content2 div p{
		margin-bottom:0px;
		font-size:14px;
		line-height:24px;
	}
	.max4 .content3 .bottom p{
		margin-bottom:0px;
		font-size:14px;
		line-height:24px;
	}
	.max5 .content4 p{
		margin-bottom:0px;
		font-size:14px;
		line-height:24px;
	}
	.max5 .content4 h2{
		font-size:16px;
	}
}
@media only screen and (max-width: 375px) {
	.max2 .det_1 .list li a{
		font-size:16px;
	}
	.w {
	   max-width: 360px;
	}
	.max3 .content2 div p{
		margin-bottom:0px;
		font-size:14px;
	}
	.max4 .content3 .bottom p{
		margin-bottom:0px;
		font-size:14px;
	}
	.max5 .content4 p{
		margin-bottom:0px;
		font-size:14px;
	}
}