body, html, button, dd, div, dl, dt, ul, li, form, iframe, input, ol, p, select, table, td, th, tr, textarea, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

body, html {
    width: 100%;
    height: 100%;
}

body {
    zoom: 1;
    background: #fff;
    font-family: Arial, "微软雅黑";
    color: #333;

}

img {
    border: 0 none;
    vertical-align: middle
}

li, ol, ul {
    list-style: none
}

body, button, input, select, textarea {
    font-size: 12px;
    overflow-x: hidden
}

table, td, th, tr {
    border: 0 none;
    vertical-align: middle;
    border-collapse: collapse
}

button {
    cursor: pointer
}

address, cite, em, i {
    font-style: normal
}

a {
    text-decoration: none;
    outline: 0;
    color: #333;
    blr: expression(this.onFocus=this.blur());outline-style:none;
}
input {
	blr: expression(this.onFocus=this.blur());outline-style:none;
}

.fl {
    float: left
}

.fr {
    float: right;
}

a:link {
    text-decoration: none;
    cursor: pointer
}

a:active, a:hover {
    text-decoration: none;
    color: #193681;
}

.header { 
	width:100%;
	height: 80px;
}
.header .container {
}
.header .logo { 
	display: block;
	background:url(../image/logo.png) no-repeat; 
	width: 300px; 
	height: 80px; 
	text-indent: -9999px;
	float: left;
}
.header .tel { 
	display: block;
	background: url(../image/icon_tel.png) no-repeat left;
	padding-left: 50px; 
	color: #999; 
	font-size: 24px;
	float: right;
	margin-top: 25px;
}
.banner { 
	width:100%; 
	height: auto;
	margin: 0 auto;
}
.pingtai { 
	width:100%;  
	padding: 150px 0;
	text-align: center;
}
.pingtai .title,.step .title,.jiameng .title,.hezuo .title { 
	font-size: 32px; 
	color: #333; 
	font-weight: normal; 
	margin-bottom: 75px;
}
.pingtai .cont {
	width:100%;
	text-align: center;
}
.pingtai .cont .every {
	width:19%;
	display: inline-block;
	text-align: center;
	transition:all 0.5s;
	vertical-align: top;
	margin-bottom: 15px;
}
.pingtai .cont .every .icon {
	display: inline-block;
	width: 96px;
	height: 96px;
	border-radius: 100%;
	background: #1b9dff;
	transition:all 0.5s;
}
.pingtai .cont .every .icon img{ 
	width: 48px; 
	height: 48px; 
	margin-top: 24px;
	transition:all 0.5s;
}
.pingtai .cont .every .name { 
	line-height: 50px; 
	font-size: 18px; 
	color: #333; 
	font-weight: normal;
	transition: all 0.5s;
}
.pingtai .cont .every .disp { 
	font-size:15px; 
	color: #666;
}
.pingtai .cont .every:hover {
	transform: translate(0,-10px);
}
.pingtai .cont .every:hover .icon img {
	transform: rotate(360deg);
}
.pingtai .cont .every:hover .name {
	color: #1b9dff;
}
.step { 
	width: 100%;
	padding:150px 0;
	background: #f5f5f5;
	text-align: center;
}
.step .cont { 
	width: 100%;
}
.step .cont .every { 
	width: 13%; 
	text-align: center; 
	transition: all 0.5s;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}
.step .cont .every .icon {
	display:inline-block;
	width: 96px;
	height: 96px;
	position: relative;
}
.step .cont .every .icon img { 
	width: 96px; 
	height: 96px;
}
.step .cont .every .icon .num {
	position:absolute;
	top: -10px;
	left: 0;
	z-index: 2;
	width:36px;
	height: 36px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
	line-height: 36px;	
	font-size: 18px;
	font-weight: bold;
	transition: all 0.5s;
}
.step .cont .every .icon .num.one {
	color:#f83068;
}
.step .cont .every .icon .num.two {
	color:#e57b01;
}
.step .cont .every .icon .num.three {
	color:#1b6eff;
}
.step .cont .every .icon .num.four {
	color:#07bdf4;
}
.step .cont .every .name { 
	color: #333; 
	font-size: 18px; 
	line-height: 50px;
	font-weight: normal;
	transition: all 0.5s;
}
.step .cont .every .disp { 
	color: #666; 
	font-size: 15px; 
}
.step .cont .every:hover {
	transform:translate(0,-10px);
}
.step .cont .every.jt:hover {
	transform:translate(0);
}
.step .cont .every:hover .name.one {
	color:#f83068;	
}
.step .cont .every:hover .name.two {
	color:#e57b01;	
}
.step .cont .every:hover .name.three {
	color:#1b6eff;
}
.step .cont .every:hover .name.four {
	color:#07bdf4;	
}
.step .cont .every:hover .num {
	transform:rotate(360deg);
}
.jt_1 { width:134px; height: 32px; margin-top: 70px;}
.jt_2 { width:134px; height: 32px; margin-top: 20px;}
.jiameng { 
	width:100%;
	padding: 150px 0;
	text-align: center;
}
.jiameng .cont {
	width:100%;
	text-align: center;
	margin-bottom: 50px;
}
.jiameng .cont .every {
	display:inline-block;
	width: 19%;
	vertical-align: top;
	margin-bottom: 15px;
	transition:all 0.5s;
}
.jiameng .cont .every .icon {
	display:inline-block;
	width: 90px;
	height: 90px;
}
.jiameng .cont .every .name{ 
	font-size: 18px; 
	color: #333;
	line-height: 50px;
	font-weight: normal;
	transition:all 0.5s;	
}
.jiameng .cont .every .disp {
	font-size:15px; 
	color: #666;	
}
.jiameng .cont .every:hover {	
	transform:translate(0,-10px);
}
.jiameng .cont .every:hover .name {
	color:#1b9dff;
}
.jiameng_btn {
	padding:20px 80px;
	color: #fff;
	font-size: 18px;
	background: #1b9dff;
	border-radius:50px;
	transition:all 0.5s;
	box-shadow:  0 0 10px 2px rgba(27,157,255,.2);
}
.jiameng_btn:hover {
	color: #fff;
	font-size: 19px;
}
.hezuo {
	width: 100%;
	padding-top: 150px;
	border-top: 1px solid #f5f5f5;
	text-align: center;
}
.hezuo .cont {
	width:100%;
}
.hezuo .cont .kefu {
	width:310px;
	height: 345px;
	float: left;
}
.hezuo .cont .hezuo_step {
	float:right;
}
.hezuo .cont .hezuo_step ul {
	background:url(../image/line.jpg) repeat-x bottom;
	margin-top: 50px;
}
.hezuo .cont .hezuo_step .every {
	width:130px;
	display:inline-block;
	margin: 0 60px;
	transition: all 0.5s;
}
.hezuo .cont .hezuo_step .every .name {
	display:inline-block;
	width: 130px;
	height: 130px;
	background: #1b9dff;
	border-radius:100%;
	line-height: 30px;
	padding-top: 30px;
	color: #fff;
	font-size: 24px;
}
.hezuo .cont .hezuo_step .every .dot {
	display:inline-block;
	width: 8px;
	height: 8px;
	border-radius: 500%;
	background: #1b9dff;
	margin: 12px 0;
}
.hezuo .cont .hezuo_step .every .font .num {
	float: left;
	font-size: 50px;
	color: #1b9dff;
	line-height: 1;
}
.hezuo .cont .hezuo_step .every .font .disp {
	color: #333;
	font-size: 18px;
}
.jiameng_wx { width: 140px; height: 140px; margin-top: 90px;}
.jiameng_tel { font-size: 18px; color: #666; margin-top: 15px; line-height: 30px;}
.about_us { 
	width: 100%;
	background: url(../image/about_bg.jpg) no-repeat center top;
	background-size:100% 100%;
	text-align: center;
	padding:100px 0;
}
.about_us .title { 
	font-size: 32px; 
	color: #fff; 
	font-weight: normal;
}
.about_us .disp { 
	font-size: 18px; 
	color: #fff; 
	line-height: 30px;
	margin-top: 50px;
	padding:0 100px;
}
.foot { 
	background: #001b2f; 
	width: 100%;
	padding:30px 0;
}
.foot .cont { 
	display: flex; 
	justify-content: space-between;
}
.foot .cont .info {
	color: #fff; 
	font-size: 14px; 
	line-height: 25px; 
	text-align: left;
}
.foot .cont .info .link {
	margin-bottom:30px;
}
.foot .cont .info .link a { 
	color: #fff; 
	font-size: 16px; 
	margin-right: 35px;
}
.foot .cont .info .link a:last-child {
	margin-right:0;
}
.foot .cont .info .link a:hover {
	color:#1b9dff;
}
.foot .cont .info .disp {
	font-size:14px;
}
.foot .cont .erweima {
	
}
.foot .cont .erweima ul { 
	display:flex;
}
.foot .cont .erweima .every { 
	display: inline-block;
	width: 120px; 
	margin-left: 45px; 
	text-align: center;
}
.foot .cont .erweima .every img { 
	width:120px; 
	height: 120px;
}
.foot .cont .erweima .every span { 
	color:#fff; 
	line-height: 30px; 
	font-size: 14px;
}
.copyright { 
	width:100%; 
	height: 40px; 
	background: #000; 
	text-align: left;
}
.copyright .disp {
	line-height: 40px; 
	font-size: 12px; 
	color: #b9b9b9; 	
}

.jianbian_bg {
	background: #1b9dff;
}
.yixiangshu {
	background:url(../image/form_bannerpic.png) no-repeat top;
	background-size:90% 100px;
	padding-top: 100px;
}
.yixiangshu ._cont {
	background: #fff;
	padding: 50px 80px;
	text-align: center;
	margin-bottom: 30px;
}
.yixiangshu ._cont h2 {
	color: #1b9dff;
	font-weight: bold;
	font-size: 24px;
}
.yixiangshu ._cont .shuoming {
	font-size: 16px;
	color: #666;
	text-align: left;
	padding: 40px 0;
	border-bottom: 1px dashed #cccccc;
}
.yixiangshu ._cont ._form .every {
	margin: 40px 15px 0 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
	text-align: left;
}
.yixiangshu ._form .form_title {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
}
.yixiangshu .form input {	
	border: 1px solid #cdcdcd;
	font-size: 14px;
	color: #333;
	padding-left: 5px;
	line-height: 30px;
}
.yixiangshu ._form input[type="text"] {
	width: 60%;
	height: 30px;
	margin-left: 20px;
}
.yixiangshu ._form .ipt_radio {
	margin-left: 20px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.yixiangshu ._form input[type="radio"] {
	width: 20px;
	height: 20px;
}
.yixiangshu ._form  label{
	font-size: 15px;
	color: #333333;
	margin-left: 5px;
}
.yixiangshu ._form .ipt_number {
	margin-left: 20px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.yixiangshu ._form input[type="number"]{
	width: 10%;
	height: 20px;
	margin: 0 5px;
} 
.yixiangshu ._form .submit {
	background:#1b9dff;
	height: 35px;
	padding: 0 25px;
	border-radius:5px;
	color: #fff;
	border: none;
	margin-top:50px;
	font-size: 15px;
}
.yixiangshu ._form button:hover {
	font-weight: bold;
}

.second { 
	width:100%;
	padding: 50px 0;
}
.second .tabs {
	text-align: left;
}
.second .tabs a { 
	color: #666; 
	font-size: 16px; 
	padding-bottom: 20px; 
	margin-right: 70px;
}
.second .tabs a:last-child {
	margin-right:0;
}
.second .tabs a.active { 
	border-bottom:2px solid #0080ff;
	color: #1b9dff;
}
.second .infos { 
	text-align: center;
}
.second .infos .title { 
	font-weight:normal; 
	margin: 60px auto;
}
.second .infos .disp p { 
	text-align:left; 
	margin-top:20px; 
	text-indent:2em; 
	line-height:30px;
	font-size: 16px;
}

@media (min-width: 1200px) {
	.container {
		width:1200px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1210px) {
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
}
@media screen and (max-width: 768px){
	.header {
		height:40px;
	}
	.header .logo {
		width: 150px;
		height: 40px;
		background-size:100% 100%;
	}	
	.header .tel {
		font-size:14px;
		background: none;
		padding-left: 0;
		margin-top: 10px;
	}
	.pingtai,.step,.jiameng,.hezuo {
		padding:30px 0;
	}
	.pingtai .title,.step .title,.jiameng .title,.hezuo .title {
		font-size:18px;
		margin-bottom: 30px;
	}
	.pingtai .cont .every,.jiameng .cont .every {
		width:32%;
	}
	.pingtai .cont .every .icon,.jiameng .cont .every .icon {
		width: 60px;
		height: 60px;
	}	
	.pingtai .cont .every .icon img {
		width: 30px;
		height: 30px;
		margin-top: 15px;
	}
	.pingtai .cont .every .name,.step .cont .every .name,.jiameng .cont .every .name {
		line-height: 30px;
		font-size: 15px;
	}
	.pingtai .cont .every .disp,.step .cont .every .disp,.jiameng .cont .every .disp {
		font-size:12px;
	}
	.step .cont .every {
		width:49%;
	}
	.step .cont .every .icon {
		width:60px;
		height: 60px;
	}
	.step .cont .every .icon img {
		width:60px;
		height: 60px;
	}
	.step .cont .every .icon .num {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		top: -5px;
	}	
	.step .cont .every.jt { 
		display: none;
	}
	.jiameng .cont {
		margin-bottom:15px;
	}
	.jiameng_btn {
		padding:10px 30px;
	}
	.hezuo .cont .kefu {
		display: none;
	}
	.hezuo .cont .hezuo_step {
		float:none;
	}
	.hezuo .cont .hezuo_step ul {
		background: none;
		margin-top: 20px;
	}
	.hezuo .cont .hezuo_step .every {
		display:flex;
		width: 100%;
		margin-bottom: 15px;
	}
	.hezuo .cont .hezuo_step .every .name {
		width: 80px;
		height: 80px;
		padding-top: 20px;
		line-height: 20px;
		font-size: 16px;
		text-align: center;
	}
	.hezuo .cont .hezuo_step .every .dot {
		display: none;
	}
	.hezuo .cont .hezuo_step .every .font {
		margin-left: 15px;
		flex: 1;
		text-align: left;
		display: flex;
		align-items: center;
	}
	.hezuo .cont .hezuo_step .every .font .num {
		font-size: 35px;
		display: block;
		float: none;
		margin-right: 15px;
	}
	.hezuo .cont .hezuo_step .every .font .disp {
		font-size: 14px;
	}
	.about_us {
		padding:30px 0;
	}
	.about_us .title {
		font-size: 18px;
	}
	.about_us .disp {
		margin-top: 30px;
		font-size: 14px;
		padding:0 20px;
	}
	.foot {
		padding:15px 0;
	}
	.foot .cont {
		display:block;
	}
	.foot .cont .info .link {
		margin-bottom:15px;
	}
	.foot .cont .info .link a {
		font-size:16px;
		margin-right:15px;
	}
	.foot .cont .erweima {
		margin-top:15px;
	}
	.copyright {
		height:auto;
		padding:5px 0;
	}
	.copyright .disp {
		line-height: 20px;		
	}
	.yixiangshu ._cont {
		padding:15px;
	}
	.yixiangshu ._cont h2 {
		font-size: 18px;
	}
	.yixiangshu ._cont .shuoming {
		padding:15px 0;
		font-size: 14px;
	}
	.yixiangshu ._cont ._form .every {
		margin:20px 10px 0 10px;
	}
	.yixiangshu ._form input[type="text"] {
		width: 80%;
	}
	.yixiangshu ._form input[type="number"] {
		width: 20%;
	}
	.second {
		padding:30px 0;
	}
	.second .tabs a {
		font-size: 16px;
		margin-right: 15px;
		padding-bottom: 10px;
	}
	.second .infos .title {
		margin:30px auto;
	}
	.second .infos .disp p {
		font-size: 14px;
	}
}