*{
	margin: 0;
	padding: 0;
	/* box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; */
}

body {
  width: 100%;
  height: 100%;
  font-family: "微软雅黑","宋体";
}
body {
  position: relative;
 }
img {
  border: none;
  /* vertical-align: bottom; */
}
a {
  text-decoration: none;
  color: #383838;
}

a:hover{
	color: #3d94cf;
}
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  outline: none;
}
/*清除浮动*/
.clear {
  clear: both;
}
/*隐藏元素*/
.hide {
  display: none;
}

@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
   }

  @-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}}

.doudun:hover{
  -webkit-animation: tada 1s .2s ease both;
  -moz-animation: tada 1s .2s ease both;
}  



ul li{
  list-style: none;
}


.WCon{
	width: 1170px;
	margin: 0 auto;
}
.header{
  width: 100%;
  height: 100%;
}

.headerT1{
  height: 40px;
  background-color: #f1f2f4;
  border-bottom: 1px solid #e5e5e5;
}


.D1_Banner{
  width: 100%;
  height: 416px;
  position: relative;
  border-top:1px solid #d3d3d3;
}




.index1_spanCon{
  width: 1170px;
  height: 10px;
  position: absolute;
  left: 50%;
  margin-left: -585px;
  bottom: 30px;
  text-align: right;
  background-color: rgba(0,0,0,0.0);
  z-index: 50;
}
.index1_spanCon > span{
  width: 10px;
  height: 10px;
  margin: 0 5px;
  display: inline-block;
  background-color: rgba(255,255,255,0.5);
  border-radius: 50%;
  cursor: pointer;
}
.index1_spanCon > .active{
  background-color: #28a7e1;
}
.D3_Banner{  width: 100%;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.D3_Banner img{  width: 1920px;
  height: 366px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
/*banner  end*/


.index1_mainCon{
  width: 100%;
  height: 416px;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
}
.bannerOuter{
  background: url(../images/banner2.png) no-repeat center center;
  width: 1888px;
  height: 416px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -945px;
  cursor:  default;
}
.banner_inner{
  width: 1170px;
  height: 195px;
  position: absolute;
  left: 50%;
  top: 110px;
  margin-left: -580px;
}
.banner_inner ul{
  width: 1170px;
}
.banner_inner ul li{
  width: 153px;
  height: 152px;
  float: left;
  background: url(../images/djz_bannerbg.png) no-repeat left top;
  margin-right: 62px;
  padding: 19px 15px;
  cursor: pointer;
}
.banner_inner ul li:nth-child(5){
  margin-right: 0;
}
.banner_inner .smtitle{ 
  font-size: 16px;
  color: #fff;
}
.banner_inner .title{
  font-size: 22px;
  color: #00b4ff;
  height: 45px;
  line-height: 17px;
  margin-top: 6px;
}
.banner_inner .title span{
  font-size: 14px;
}
.banner_inner .prices{
  font-size: 12px;
  color: #fff;
  margin-top: 50px;
}
.banner_inner .pricesm{
  margin-top: 50px;
}
.banner_inner .prices span{
  font-size: 18px;
  margin-left: 39px;
}
.banner_inner .prices a{
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.banner_inner .prices a:hover{
  color: #00b4ff;
}








.figure{
  width: 1180px;
  height: 430px;
  margin: 0 auto;
  margin-top: -8px;
}
.figure .text h2{
  font-size: 38px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin: 45px 0 10px;
}
.figure .text p{
  font-size: 18px;
  color: #333;
  text-align: center;
}
.figure .pic{
  height: 285px;
  position: relative;
  margin-top: 40px;
}
.figure .pic .picinfo{
  width: 255px; 
  height: 52px;
  position: absolute;
  left: 12px;
  top: 22px;
  /* background: url(../images/djz_figure_gray.png) no-repeat -18px -48px; */
  text-align: center;
}
.figure .pic .picinfo h3{
  font-size: 18px;
  color: #00b4ff;
  padding-bottom: 3px;
}
.figure .pic .picinfo p{
  font-size: 14px;
  color: #666;
}
.figure .pic .picinfo2{
  left: 315px;
  top: 14px;
  height: 67px;
 /*  background: url(../images/djz_figure_gray.png) no-repeat -322px -40px; */
}
.figure .pic .picinfo3{
  left: 612px;
  top: 22px;
  height: 52px;
  /* background: url(../images/djz_figure_gray.png) no-repeat -619px -49px; */
}
.figure .pic .picinfo4{
  left: 893px;
  top: 22px;
  height: 52px;
  /* background: url(../images/djz_figure_gray.png) no-repeat -903px -49px; */
}
.figure .pic .picinfo5{
  left: 157px;
  top: 175px;
  height: 52px;
  /* background: url(../images/djz_figure_gray.png) no-repeat -163px -201px; */
}
.figure .pic .picinfo6{
  left: 463px;
  top: 175px;
  height: 52px;
  /* background: url(../images/djz_figure_gray.png) no-repeat -472px -201px; */
}
.figure .pic .picinfo7{
  left: 763px;
  top: 175px;
  height: 52px;
 /*  background: url(../images/djz_figure_gray.png) no-repeat -773px -201px; */
}
.picinfogreen{
  color: #3cd5af !important;
}













.mark{
  color: #666;
}
.smred{
  color: red;
  margin-left: 20px;
}
.disp-blo{
  display: block !important;
}



.shouji{
  height: 575px;
}
.title1{
	height: 100px !important;
	margin-top: 18px !important;
}
.shouji .title h2{
    color: #333;
    font-size: 38px;
    font-weight: normal;
    margin: 12px 0;
    text-align: center;
}
.shouji .title p{
    color: #333;
    font-size: 18px;
    text-align: center;
}
.maininfo{
  width: 100%;
  height: 440px;
  margin-top: 40px;
}
.mainleft, .mainright{
  width: 570px;
  height: 415px;
  background-color: #f9f8f8;
}
.mainleft{
  float: left;
  position: relative;
}
.mainright{
  float: right;
}
.phonepic{
  width: 215px;
  height: 400px;
  position: absolute;
  left: 75px;
  top: 18px;
 /*  background: url(../images/djz_phone1.png) no-repeat left top;   */
   background: url(../images/feature-03.png) no-repeat left top;  
   background-size:92%;
}
.phonepic img{
  margin-left: 18px;
  margin-top: 53px;
  width: 164px;
  height:295px;
}
.phonechange{
  width: 225px;
  height: 400px;
  position: absolute;
  right: 12px;
  top: 100px;
}
.phonechange h2{
  font-size: 20px;
  color: #333;
  font-weight: normal;
  margin-bottom: 25px;
}
.phonechange ul li{
  width: 74px;
  height: 74px;
  float: left;
  margin-bottom: 16px;
}
.phonechange ul p{
  font-size: 12px;
  color: #333;
  margin-top: -5px;
}

.mainright h2{
  font-size: 20px;
  color: #333;
  font-weight: normal;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 12px;
}
.mainright h2 span{
  font-size: 14px;
}
.mainright img{
  margin-left: 10px;
  margin-top: 10px;
}












.telephone{
  width: 185px;
  height: 416px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #beebff;
  text-align: center;
}
.telephone img{
  margin-top: 90px;
}
.telephone p{
  font-size: 16px;
  color: #666;
}
.telephone .tel{
  font-size: 20px;
  font-weight: normal !important;
}





.Qkcon{
  width: 100%;
}
.D1_T1{
  /* padding-top: 40px;
  padding-bottom: 60px; */
  width: 1888px;
  background: url(../images/djz_youshi.png) no-repeat center center;
  margin-left: -948px;
  position: absolute;
  left: 50%;
  margin-left: -945px;
}
.head1{
  text-align: center;
  margin-top:50px;
}
.head1 h2{
  font-size: 38px;
  color: #fff;
  font-weight: normal;
}
.head1 p{
  font-size: 18px;
  color: #fff;
  margin-top: 4px;
}
.head1 p img{
  position: relative;
  top: 9px;
  left: 0px;
}
.djz_youshi{
  position: relative;
  height: 680px;
  margin-top: -10px;
}
.D1_T1_Ls{
  width: 1080px;
  padding-top: 20px;
  margin: 0 auto;
}
.D1_T1_Ls >li{
  float: left;
  width: 359px;
  height: 210px;
}
.D1_T1_Ls >li:nth-child(5){
  margin-right: 0;

}
.D1_T1_Ls >li >a{
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.D1_T1_Ls >li >p{
  font-size: 18px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  margin-top: -5px;
  margin-left: 60px;
  width: 236px;
}

.D2_Banner{
  width: 100%;
  height:461px;
  background-image: url(../images/d2_banner01.png);
}


   /*===================弹框 start==================================*/
.fl{
  float:left;
}

.frame{
/*   width:100%; */
  height: 2652px;
/*   background: #000; */
/*   opacity:0.5; */
/*   position:absolute; */
/*   z-index:999; */
}

/*===================弹框 end====================================*/



/*   底部飘窗样式开始 */
 	
 	.bottom_flag_open{
 		display:none;
 		width:110px;
 		height:70px;
 		position:fixed;
 		left:0px;
 		bottom:80px;
        z-index: 999;
 	}
 	.bottom_flagWrap{
 		display:none;
 		width:100%;
 		height:70px;
 		position:fixed;
 		left:0px;
 		bottom:0px;
 		background:black;
 		opacity:0.8;
 	}
 	.bottom_flagInner{
 		width:1024px;
 		height:70px;
 		margin:0 auto;
 		position:relative;
 		font-size:0px
 	}
 	#consultform1{
 		width:360px;
 		height:45px;
 		position:absolute;
 		right:105px;
 		top:15px;
 	}
 	#consultform1 input{
 		border:0px;
 		outline:none;
 		vertical-align:middle;
 	}
 	#consultform1 .input_phone{
 		width:180px;
 		height:45px;
 		font-size:24px;
 		padding-left:20px;
 	}
 	#consultform1 .input_phone::-webkit-input-placeholder { color:#909090;font-size:24px;line-height:45px;}
	#consultform1 .input_phone::-moz-placeholder { color:#909090; font-size:24px;line-height:45px;} /* firefox 19+ */
	#consultform1 .input_phone:-ms-input-placeholder { color:#909090; font-size:24px;line-height:45px;} /* ie */
	#consultform1 .input_phoneinput:-moz-placeholder { color:#909090; font-size:24px;line-height:45px;}
 	#consultform1 .input_btn{
 		width:160px;
 		height:45px;
 		font-size:30px;
 		color:white;
 		background:#00a0e9;
 	}
 	.bottom_flag_close{
 		width:10px;
 		height:10px;
 		position:absolute;
 		right:95px;
 		top:0px;
 		font-size:0px;
 		padding:3px;
 	}
 	.bottom_flag_close img{
 		width:10px;
 		height:10px;
 	}
 	.inp{
 		display:none;
 	}
 /*   底部飘窗样式结束 */
   
   
 /* 申请成功提示样式开始 */ 
 	.success_prompt_wrap{
 	    display:none;
 		width:100%;
 		height:424px;
 		position:fixed;
 		top:100px;
 		left:0px;
 	}
  	.success_prompt{
  		width:650px;
  		height:424px;
  		font-size:0px;
  		margin:0px auto;
  		position:relative;
  	}
  	.success_prompt .prompt_btn{
  		width:310px;
  		height:40px;
  		background:#FF1C49;
  		color:white;
  		font-size:18px;
  		position:absolute;
  		left:170px;
  		bottom:35px;
  		text-align:center;
  		border-radius:5px;
  		padding-top:11px;
  		box-sizing:border-box;
  	}
  	.success_prompt .prompt_close_wrap{
  		width:21px;
  		height:21px;
  		position:absolute;
  		top:10px;
  		right:10px;
  	}
  	
 /* 申请成功提示样式结束 */  
 
 /* 底部飘窗弹出表单开始*/
 .success_form_wrap {
 	position: fixed;
	top:12%;
	left:-6%;
 	width: 539px;
 	height: 282px;
 	border: 2px solid #4fb7ff;
 	margin-left: 500px;
 	font-size: 14px;
 	color: #999;
 	display: none;
 	z-index:1000;
 	background: #fff;
 }
 
 .success_form_wrap .form_header {
 	/*width: 100%;*/
 	width: 539px;
 	height: 36px;
 	position: relative;
 }
 
 .success_form_wrap .form_header .form_header_right {
 	position: absolute;
 	top: -13px;
 	right: 10px;
 }
 
.form_header .line1{
    width: 159px;
    height: 2px;
    margin-top:12px ;
    background: #dadada;
}
.form_header .lineLeft{
    float: left;
}
.form_header .lineRight{
    float: right;
}
.form_header_inner{
    width: 220px;
    height: 28px;
    margin: 16px auto 0;
}
.form_header_inner p{
    height:28px;
    font: 18px/28px '微软雅黑';
    color: #333;
    text-align: center;
}
.form_header_inner .icon1{
    margin-top: 8px;
    width: 10px;
    height: 10px;
    background: #2ba8e1;
    transform: rotate(45deg);
}
.form_header_inner .iconLeft{
    float: left;
}
.form_header_inner .iconRight{
    float: right
}

.success_form_wrap .form_footer {
	width: 539px;
	height: 190px;
	margin-top: 20px;
	margin-left: 12px;
}

.formWrap select option {
	margin-left: 20px;
}

.success_form_wrap .form_footer .appellation {
	margin-top: 20px;
}

.appellation input {
	width: 306px;
	height: 30px;
}

.sex input {
	margin-top: 20px;
}

/*.form_footer .btn button {
	width: 170px;
	height: 36px;
	background: #4fb7ff;
	color: #fff;
	border-radius: 5px;
	border: none;
	margin: 30px 0 0 180px;
	font-size: 16px;
}*/

.form_footer .btn {
	width: 170px;
	height: 36px;
	background: #4fb7ff;
	color: #fff;
	border-radius: 5px;
	border: none;
	margin: 30px 0 0 180px;
	font-size: 16px;
	line-height: 36px;
}

.form_footer .btn a {
	text-align: center;
	color: #fff;
	margin-left: 50px;
}

 /* 底部飘窗弹出表单结束*/
 
 /*弹出二维码开始*/
		.ewm {
			display: none;
			width:500px;
			height: 400px;
			background-color: #fff;
			position: fixed;
			top:70%;
			left:50%;
			margin: -460px 0 0 -250px;
		}
		
		.ewm_img {
			width: 500px;
			height: 259px;
		}

		.ewm_close {
			width: 30px;
			height: 30px;
			position: absolute;
			left: 450px;
			top: 20px;
		}

		.ewm_button {
			width: 145px;
			height: 45px;
			text-align: center;
			line-height: 45px;
			background-color: #FC1D58;
			border: 1px solid #FC1D58;
			border-radius:5px;
			font-size: 20px;
			font-weight: bold;
			color: #fff;
			margin-left: 177px;
			margin-top: 35px;
		}
		/*弹出二维码结束*/