@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,a,span,i,em,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,a{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-family:"Microsoft YaHei";font-size:14px;color:#333;outline:0;}
body{min-width: 1002px; font-size:14px;line-height:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color: #333;background:#fff;}
a{
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover{text-decoration: none;}

.wrap{position: relative; width: 1000px;margin:0 auto;height: 100%;}

.clearfix:after,
.clearfix:before{content:" ";display:table;}
.clearfix:after{clear:both;}


.header{height:80px;background:#fff;}
.header .logo{
	float: left;
	width:152px;
	height:50px;
	padding-top: 8px;
}
.header .logo a{
	display: inline-block;
	width:152px;
	height:50px;
	background:url(../images/logo.jpg) center no-repeat;
	text-indent: -9999px;
}
.header .main{
	padding: 0;
	width: 1000px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 8px;
}
.header .main .logo{
	display: inline-block;
	float: left;
}
.header .nav{
	float:right;
	padding-top: 15px;
	color:#a2a5a4;
}
.header .nav li{
	display: inline-block;
}
.header .nav a{
	padding: 0px 15px;
	font: bold 16px/35px "微软雅黑";
	color: #3e3e3e;
}
.header .nav a:hover{
	color: #ff6307;
	-webkit-transition: none;
	transition: none;
}
/*banner*/
.banner .bg1{height: 561px;background: url(../images/img_1.png) no-repeat center;}
.banner .bg2{height: 350px; text-align: center;}
.banner .bg2 img{ display: inline-block; margin-top: -235px;}
.banner .title{padding:65px 0 0 13px;font-size:56px;color: #fff;}
.banner .title p{font-size:45px;padding: 16px 0 18px;}
.banner .intro{width:526px;padding:12px 0 13px 13px;font-size: 20px;line-height: 36px;color: #fff;}
.banner .code{ width: 272px; height: 100px; border: 1px solid rgba(255,255,255,.5);padding:12px 20px;font-size: 20px;line-height: 34px;color: #fff;}
.banner .code img{ display: inline;}
.banner .code span{ display: inline-block; width: 164px; height: 100px; text-align: center; padding-top: 15px; vertical-align: top;}
/*内容*/
.con{position: relative;}
.con .pic{position: absolute;}
.con .text{position: relative;z-index: 10;}
.con .text p span{display: inline-block;margin-right:16px;width: 10px;height: 10px;background: #666;border-radius: 50%;}
.con .text h3{font-size: 40px;color: #325dad;padding-bottom: 35px;font-weight: 400;}
.con .text p{font-size: 20px;line-height: 36px;color: #666666;}
.con1{height: 672px;background: #fff;}
.con1 .text{padding: 200px 0 0 495px;}
.con1 .pic{left: -59px;top:0;}
.con2{height: 614px;background: #eee;}
.con2 .text{padding: 213px 0 0 0;}
.con2 .pic{right: -25px;top:55px;}
.con3{height: 614px;background: #fff;}
.con3 .text{padding: 204px 0 0 551px;}
.con3 .pic{left: -5px;top:80px;}
.con4{height: 614px;background: #eee;}
.con4 .text{padding: 213px 0 0 0;}
.con4 .text p{padding-bottom: 20px;}
.con4 .pic{right: -34px;top:155px;}
.con5{height: 642px;background: #fff;}
.con5 .text{padding: 214px 0 0 570px;}
.con5 .pic{left: 9px;top:60px;}
.footer{
	padding-top: 50px;
	height: 100px;
	text-align: center;
}
.footer p,
.footer a{
	color: #ababab;
	line-height: 22px;
}
.footer a:hover{color: #f67b29;}

.con1 .text a{
	text-decoration: underline;
}


.con2,
.con4,
.footer{
	background: #eee;
}
.con0 .wrap{
	padding-top: 110px;
	padding-bottom: 30px;
}
.con0 .table2{
	width: 100%;
	border-spacing: 20px;
	border-collapse: separate;
}
.con0 .table2 th{
	font-size: 24px;
	color: #fff;
	width: 200px;
	height: 60px;
	line-height: 60px;
	padding-right: 12px;
	text-indent: 32px;
}
.con0 .table2 tr.tr1 th{
	background: url(../images/imgBg03.png) no-repeat left center;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.con0 .table2 tr.tr2 th{
	background: url(../images/imgBg02.png) no-repeat left center;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.con0 .table2 tr.tr3 th{
	background: url(../images/imgBg01.png) no-repeat left center;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.con0 .table2 td{
	font-size: 20px;
	color: #3b3b3b;
	line-height: 30px;
	padding: 18px;
	border: 2px dotted #559bdc;
	border-radius: 5px;
}
.con0 .table2 td div{
	line-height: 40px;
}
.con0 span.fxzs_ml{
	margin-left: 30px;
}
.con0 span.smallSize{
	font-size: 14px;
}
.con0 span.orangeColor{
	color: #ff6307;
	font-size: 30px;
	font-weight: bold;
}


/* 悬浮窗css */
.suspension-pop{
	position: fixed;
	bottom: 50px;
	right: 20px;
	padding-bottom: 20px; 
	border-radius: 10px;
	width: 155px;
	overflow: hidden;
	text-align: center;
	-webkit-animation: susPop 1.2s ease-in-out;
  	animation: susPop 1.2s ease-in-out;
  	z-index: 100;
}
.suspension-pop .bottomTxt{
	padding-bottom: 20px; 
	background: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
}
.suspension-pop .topImg{
	border-radius: 10px 10px 0 0;
	width: 100%;
	margin-bottom: -8px;
}
.suspension-pop p{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	padding: 30px 12px 15px;
}
.suspension-pop .yyBtn{
	text-align: center;
}
.suspension-pop .yyBtn a{
	display: inline-block;
	width: 110px;
	height: 38px;
	background: #ff6307;
	border-radius: 4px;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

@-webkit-keyframes susPop {
  0% { 
  		-webkit-transform: scale(0.5); 
  		bottom: 500px;
  	}
  100% { 
  	-webkit-transform: scale(1.0); 
  	bottom: 50px;
  }
}
 
@keyframes susPop {
  0%{ 
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    bottom: 500px;
  }100%{
  	transform: scale(1.0);
    -webkit-transform: scale(1.0);
    bottom: 50px;
  }
}