@charset "utf-8";

@import url(../css/djdsz_logo.css);

li,object,embed,img{ vertical-align:top; }

.hide{ display:none; }

html,body{ font:normal 14px/1.5 "Microsoft YaHei","微软雅黑",simsun; color:#555555; min-width:1200px; }

.wrap{ position:relative; width:1200px; margin:0 auto; }



.btn_video b,.btn_video span,.btn_video ins,.down,.down a span,.banner dl dt span,.news dt a ins,.role ul li span,.role ul li div p ins,.infor h3,.strategy dl dt a:hover,.strategy dl dt a.current,.strategy dl dd ul li h4 ins,.btn_more,.official a,.official span,.official a ins,.official b,.header a.btn_apply,.faq_btn_ios span,.faq_btn_and span,.faq_btn_pc span { background-image:url(../images/main_sprite.png);background-repeat:no-repeat;}



.djdsz_logo_bg, .djdsz_logo_lk a{ left:10px; top:10px; -webkit-animation:fadeInFromTop 0.6s ease-in-out 0s both; animation:fadeInFromTop 0.6s ease-in-out 0s both;}



.nav{
	position: absolute;
	left: 270px;
	top: 28px;
	-webkit-animation: fadeInFromTop200 0.6s ease-out 0.2s both;
	animation: fadeInFromTop200 0.6s ease-out 0.2s both;
	width: 895px;
}

.nav a{ float:left; width:118px; height:18px; margin:0 12px; background:url(../images/nav_main.png) no-repeat; }

.nav a.nav_01{ background-position:10px 0px; }

.nav a.nav_02{ background-position:-115px 0px; }

.nav a.nav_03{ background-position:-240px 0px; }

.nav a.nav_04{ background-position:-363px 0px; }

.nav a.nav_05{ background-position:-489px 0px; }

.nav a.nav_06{ background-position:-612px 0px; }

.nav a.nav_07{ background-position:-738px 0px; }



.nav a.nav_01:hover{ background-position:10px -40px; }

.nav a.nav_02:hover{ background-position:-115px -40px; }

.nav a.nav_03:hover{ background-position:-240px -40px; }

.nav a.nav_04:hover{ background-position:-363px -40px; }

.nav a.nav_05:hover{ background-position:-489px -40px; }

.nav a.nav_06:hover{ background-position:-612px -40px; }

.nav a.nav_07:hover{ background-position:-738px -40px; }



/*video*/

.video_player{display:none;position:relative;width:800px; background:#000000; /*-webkit-animation:fadeInFromTop 0.8s ease-out 0s both;animation:fadeInFromTop 0.8s ease-out 0s both;*/}

.video_player a{position:absolute;top:0px;right:-36px;width:32px;height:32px;cursor:pointer; background:url(../images/close.png) no-repeat; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}

.video_player a:hover{-webkit-transform:rotate(180deg); transform:rotate(180deg); }

.video_player div{ height:450px;background:url(../images/loading.gif) no-repeat center center;}



@-webkit-keyframes btn_video{0%{-webkit-transform:scale(0)}

60%,63%{-webkit-transform:scale(1.2)}

75%,78%{-webkit-transform:scale(.8)}

85%,87%{-webkit-transform:scale(1.1)}

95%,97%{-webkit-transform:scale(.9)}

100%{-webkit-transform:scale(1)}

}

@keyframes video_show{0%{transform:scale(0)}

60%,63%{transform:scale(1.2)}

75%,78%{transform:scale(.8)}

85%,87%{transform:scale(1.1)}

95%,97%{transform:scale(.9)}

100%{transform:scale(1)}

}

@-webkit-keyframes btn_video{50%{opacity:.6}

100%{-webkit-transform:scale(1.3);opacity:0}

}

@keyframes btn_video{50%{opacity:.6}

100%{transform:scale(1.3);opacity:0}

}



@-webkit-keyframes rotate360{

	to{ -webkit-transform:rotate(360deg);}

}

@keyframes rotate360{

	to{ transform:rotate(360deg);}

}



@-webkit-keyframes fadeInFromBottom{

	from{ -webkit-transform:translateY(30%); opacity:0;}

}

@keyframes fadeInFromBottom{

	from{ transform:translateY(30%); opacity:0;}

}

@-webkit-keyframes fadeInFromRight{

	from{ -webkit-transform:translateX(30%); opacity:0;}

}

@keyframes fadeInFromRight{

	from{ transform:translateX(30%); opacity:0;}

}

@-webkit-keyframes zoomIn{

	from{ -webkit-transform:scale(0.4); opacity:0.4;}

}

@keyframes zoomIn{

	from{ transform:scale(0.4); opacity:0.4;}

}



@-webkit-keyframes fadeInFromTop{

	from{ -webkit-transform:translateY(-60%); opacity:0;}

}

@keyframes fadeInFromTop{

	from{ transform:translateY(-60%); opacity:0;}

}



@-webkit-keyframes fadeInFromTop200{

	from{ -webkit-transform:translateY(-300%); opacity:0;}

}

@keyframes fadeInFromTop200{

	from{ transform:translateY(-300%); opacity:0;}

}



@-webkit-keyframes fadeInFromLeft{

	from{ -webkit-transform:translateX(-100%); opacity:0;}

}

@keyframes fadeInFromLeft{

	from{ transform:translateX(-100%); opacity:0;}

}



@-webkit-keyframes fadeInFromRight{

	from{ -webkit-transform:translateX(100%); opacity:0;}

}

@keyframes fadeInFromRight{

	from{ transform:translateX(100%); opacity:0;}

}

@-webkit-keyframes zoomInY{

	from{ -webkit-transform:scale(0.4) translate(5%,-20%); opacity:0.4;}

}

@keyframes zoomInY{

	from{ transform:scale(0.4) translate(5%,-20%); opacity:0.4;}

}





.sidebar { position:absolute; z-index:5; width:184px; color:#ccddff; font-size:12px;background:#4565a6; padding:5px; text-align:center; }

.sidebar_border { position:relative; border:1px solid #6d91d9; padding:15px 0px;  }

.sidebar ins { position:absolute; width:12px; height:11px; background-color:#4565a6; }

.sidebar ins.corner_01 { left:-1px; top:-1px; background-position:-210px 0; }

.sidebar ins.corner_02 { right:-1px; top:-1px; background-position:-230px 0; }

.sidebar ins.corner_03 { left:-1px; bottom:-1px; background-position:-250px 0; }

.sidebar ins.corner_04 { right:-1px; bottom:-1px; background-position:-270px 0; }

.sidebar .btn_index { display:block; margin:0 auto; width:134px; height:49px; background-position: -300px 0px; font:normal 20px/46px KaiTi,KaiTi_GB2312,FangSong_GB2312; color:#ffffff; }

.sidebar img { width:132px; margin-top:14px; }

.sidebar p { padding:6px 0px 10px 0px; border-bottom:1px solid #5d7dbf; }

.sidebar span { display:block; padding-top:13px; }

.sidebar span a { display:inline-block; vertical-align:top; width:50px; height:50px; border-radius:50%; margin:0px 7px;-webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; }

.sidebar span a:hover { transform:rotateY(180deg);  }

.sidebar span a.btn_sina { background-color:#eb7666; background-position:-201px -25px; }

.sidebar span a.btn_baidu { background-color:#66aeeb;  background-position:-242px -25px; }



.header a.btn_apply{ position:absolute; left:102px; bottom:12px; width:336px;height:68px; background-position:-140px -410px;-webkit-animation:fadeInFromBottom 0.6s ease-in-out 0s both; animation:fadeInFromBottom 0.6s ease-in-out 0s both; }

.header a.btn_apply:hover{ background-position:-140px -490px; }



.down{ position:absolute; left:50px; bottom:90px; width:430px; height:129px; padding:12px 0px 0px 21px; background-position:0 0; -webkit-animation:fadeInFromBottom 0.6s ease-in-out 0s both; animation:fadeInFromBottom 0.6s ease-in-out 0s both; }

.down img{ float:left; width:120px; height:120px; margin-right:8px; }

.down a{ float:left; width:155px; height:57px; margin-bottom:6px; color:#e9e9ed; font:normal 21px/57px "Microsoft YaHei","微软雅黑";  }

.down a.btn_ios{ background:#1e1f22; clear:right; }

.down a.btn_android{ background:#1e1f22; }

.down a.btn_pc{ position:absolute; right:19px; top:12px; width:120px; height:120px; background:#bb2e3b; text-align:center; line-height:1.5; }

.down a span{ display:inline-block; vertical-align:middle; width:24px; height:28px; margin:-4px 12px 0px 14px; background-position:-90px -161px; -webkit-transition:all 0.6s ease-in-out 0s; transition:all 0.6s ease-in-out 0s; }

.down a.btn_ios span{ background-position:-90px -161px; }

.down a.btn_android span{ background-position:-90px -199px; }

.down a.btn_pc span{ display:block; margin:20px auto 12px auto; background-position:-303px -253px; }

.down a:hover span{ margin-left:0px; opacity:0; filter:alpha(opacity=0); }

.down a.btn_pc:hover span{ margin-top:0px;margin-left:auto;  opacity:0; filter:alpha(opacity=0); }





.gotop{ position:absolute; top:-56px; left:0; width:100%; height:56px; background:url(../images/gotop_main_white.png) no-repeat center top; line-height:94px; text-align:center; color:#898989;  }

.official{ padding:40px 0px; text-align:center; font-size:0; }

.official a{ position:relative; display:inline-block; vertical-align:middle; width:78px; height:78px; background-position:0 -320px;  }

.official a ins{ display:block; margin:20px auto; width:46px; height:37px; -webkit-transition:all 0.8s ease-in-out 0s; transition:all 0.8s ease-in-out 0s;  }

.official a:hover ins{ -webkit-transform:rotateY(180deg); transform:rotateY(360deg); }

.official a.official_01 ins{  background-position:-97px -334px; }

.official a.official_02 ins{  background-position:-167px -334px; }

.official a.official_03 ins{  background-position:-241px -334px; }

.official a.official_04 ins{  background-position:-307px -334px; }

.official a strong{ position:absolute; width:100%; left:0px; top:88px; font-size:16px; color:#b59f74; font-weight:normal; -webkit-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;  }

.official a:hover strong{ -webkit-transform:translateY(-5px); transform:translateY(-5px); color:#555555;  }

.official span{ display:inline-block; vertical-align:middle; margin:0 28px; width:22px; height:22px; background-position:-120px -284px;  }

.official b{ display:inline-block; vertical-align:middle; width:131px;  background-position:0 -411px;  }

.official b img{ width:119px; height:119px; padding:6px;  }

.official b strong{ display:block; padding-top:9px; font-size:16px; font-weight:normal; color:#9a8458; }

.official a ins{ display:block; margin:20px auto; width:46px; height:37px; -webkit-transition:all 0.8s ease-in-out 0s; transition:all 0.8s ease-in-out 0s;  }

.official a em{ position:absolute; left:-10px; top:112px; width:100px; font-size:12px; color:#b59f74;  }



/*预约弹窗*/

.pop_appoint dt a,.btn_pop,.step_01 ul li span a{ background-image:url(../images/appo_sprite.png); background-repeat:no-repeat;  }

.pop_appoint{display:none;position:relative; width:690px; height:455px; background:url(../images/bg_appoint.png) no-repeat; font-size:18px; color:#1e1e1e; }

.pop_appoint dt a{position:absolute;top:-44px;right:-44px;width:32px;height:32px;cursor:pointer; background-position:-170px 0px;  -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}

.pop_appoint dt a:hover{-webkit-transform:rotate(180deg); transform:rotate(180deg); }

.step_01 { padding:88px 0px 0px 182px; }

.step_01 ul li {padding-bottom:20px;}

.step_01 ul li span {display: inline-block;vertical-align: middle;margin-right: 26px;cursor: pointer;}

.step_01 ul li span ins {display: inline-block;vertical-align: top; margin-top:2px;width:24px; height: 27px; background: url(../images/appo_sprite.png) no-repeat;}

.step_01 ul li span ins.android {background-position: 0 0;}

.step_01 ul li span ins.ios {background-position: -38px 0;}

.step_01 ul li span strong {display: inline-block;vertical-align: top;margin:4px 10px;font-size: 17px; }

.step_01 ul li span a {display: inline-block;vertical-align: top;width: 24px;height:26px;background-position:-68px 0; }

.step_01 ul li span.current a {background-position:-104px 0;}

.step_01 ul li input {display: inline-block;vertical-align: middle;width:290px; padding: 10px 12px;height:40px; border: 1px solid #b59865;line-height:40px;font-size: 18px; color:#1e1e1e;}

.step_01 ul li input.phone_code {width:136px;}

.step_01 ul li .btn_code {display: inline-block;vertical-align: middle; width:140px; height:60px; margin-left:10px; line-height:60px; text-align:center; background:#b59865; color:#ffffff; cursor:pointer; }

.step_01 ul li .disabled { background:#aaaaaa; cursor:default; color:#eeeeee; } 

.btn_pop{ display:block; width:321px;height:78px; background-position:0 -40px; text-align:center; color:#ffffff; font:normal 30px/78px "微软雅黑"; }

.btn_sure{ margin:40px auto 0 auto;}

.step_02{ display:none; padding-top:26px; text-align:center; }

.step_02 h3{ font:bold 40px/1.5 "微软雅黑"; color:#bf0000;}

.step_02 p.txt{padding-top:16px; font-size:30px; color:#1e1e1e; }

.get_done{ display:none; }

.yy_result{ padding-top:30px; }

.yy_result input{ display: inline-block;vertical-align:middle;width:300px; padding:10px 12px;height:20px; border:1px solid #b59865;line-height:20px;font-size: 18px; color:#1e1e1e; }

.yy_result .tips{ width:444px; text-align:left; margin:25px auto 0px auto; font-size:14px; text-indent:-0.5em; }