@charset 'UTF-8';
/**
 * @authors Elong (yangxinglong@126.com)
 * @date    2016-05-04 13:57:10
 */


body{font-family:Microsoft YaHei, Verdana, Geneva, sans-serif;font-size:12px;background-color:#fff;}
ul,li,p,dl,dt,dd,h2,h3,a,input,span,strong,body{margin:0;padding:0;}
a{text-decoration:none;color:#000;}
ul,li{list-style:none;}
img{border:0 none;}
div{margin:0 auto;}
.clearfix:after{font-size:0;display:block;visibility:hidden;clear:both;height:0; content:' ';}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}



.wrap{max-width:1820px;}
.main{position:relative;width:1100px;}
.main div{position:absolute;opacity:0;}


.t1,.t1 .main{height:765px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/bg_1.jpg) 50% 0 no-repeat;}
.t1_pic_1{top:145px;left:39px;width:393px;height:103px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/t1_pic_1.png) 0 0 no-repeat;}
.t1_pic_2{top:272px;left:39px;width:271px;height:35px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/t1_pic_2.png) 0 0 no-repeat;}
.t1_pic_3{top:445px;left:39px;width:191px;height:133px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/t1_pic_3.png) 0 0 no-repeat;}


.t1_btn{top:338px;left:39px;width:342px;height:50px;}
.t1_btn a{display:block;overflow:hidden;width:160px;height:50px;text-indent:-9999px;}
.t1_btn a.ios{float:left;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/btn_1.png) 0 0 no-repeat;}
.t1_btn a.android{float:right;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/btn_2.png) 0 0 no-repeat;}

.t_pic{top:149px;left:568px;width:502px;height:698px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/t_pic.png) 0 0 no-repeat;}

.t2{height:693px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/bg_2.png) 0 0 repeat-x #fff;}
.t3{height:700px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/bg_3.png) 0 0 repeat-x #f6f6f6;}
.t4{height:700px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/bg_2.png) 0 0 repeat-x #fff;}

.pic_1{top:114px;left:0;width:701px;height:642px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/pic_1.png) 0 0 no-repeat;}
.pic_2{top:121px;left:333px;width:851px;height:527px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/pic_2.png) 0 0 no-repeat;}
.pic_3{top:55px;left:0;width:538px;height:665px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/pic_3.png) 0 0 no-repeat;}

.text_1{top:345px;left:609px;width:460px;height:265px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/text_1.png) 0 0 no-repeat;}
.text_2{top:316px;left:19px;width:520px;height:233px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/text_2.png) 0 0 no-repeat;}
.text_3{top:345px;left:609px;width:466px;height:266px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/text_3.png) 0 0 no-repeat;}


.animation .t1_pic_1{-webkit-animation:fadeInDown 1s .2s ease both;animation:fadeInDown 1s .2s ease both}
.animation .t1_pic_2{-webkit-animation:fadeInDown 1s .4s ease both;animation:fadeInDown 1s .4s ease both}
.animation .t1_btn{-webkit-animation:fadeInDown 1s .6s ease both;animation:fadeInDown 1s .6s ease both}
.animation .t1_pic_3{-webkit-animation:fadeInDown 1s .8s ease both;animation:fadeInDown 1s .8s ease both}
.animation .t_pic{-webkit-animation:fadeInUp 1s .8s ease both;animation:fadeInUp 1s .8s ease both}
.animation .pic_1,.animation .pic_2,.animation .pic_3{-webkit-animation:opacity 1s .2s ease both;animation:opacity 1s .2s ease both}
.animation .text_1,.animation .text_2,.animation .text_3{-webkit-animation:fadeInDown 1s .4s ease both;animation:fadeInDown 1s .4s ease both}
@-webkit-keyframes opacity{0%{opacity:0} 100%{opacity:1} }
@keyframes opacity{0%{opacity:0} 100%{opacity:1} }
@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes fadeInUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}







/*页脚*/

.footer_icp{font-size:14px;line-height:30px;text-align:right;padding:30px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/bg_2.png) 0 0 repeat-x #fff;}
.footer_icp a,.footer_icp span{display:inline-block;}
.footer_icp span{margin:0 20px;}
.footer_icp{color:#b0b0b0;}
.footer_icp a{color:#b0b0b0;}
.footer_icp a:hover{color:#707070;}

.footer_wechat{position:relative;top:5px;display:inline-block;width:22px;height:18px;margin-right:20px;cursor:pointer;text-align:center;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/footer_wechat.png) 0 0 no-repeat;}
.footer_wechat:hover{background-image:url(/dev/product/temp_space/20160504_ksdh/web/imgs/footer_wechath.png);}

.footer_wechat_alert{font-size:12px;line-height:18px;position:absolute;top:-222px;left:-80px;display:none;width:174px;height:205px;padding-top:17px;cursor:default;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/footer_wechat_alert.png) 0 0 no-repeat;}
.footer_wechat_alert img{margin-top:8px;}
.footer_wechat:hover .footer_wechat_alert{display:block;}

.footer_sina{display:inline-block;position:relative;top:5px;left:0;overflow:hidden;width:22px;height:18px;text-indent:-9999px;background:url(/dev/product/temp_space/20160504_ksdh/web/imgs/footer_sina.png) 0 0 no-repeat;}
.footer_sina:hover{background-image:url(/dev/product/temp_space/20160504_ksdh/web/imgs/footer_sinah.png);}







/*left_nav*/

body{min-width:320px;margin-left:100px;}
.left_nav{position:fixed;z-index:100;top:0;left:0;width:100px;height:100%;background:url(/dev/product/www_v3/imgs/include/left_list_bg.jpg) no-repeat 0 0 #303030;-webkit-box-shadow:-3px 0 25px #666;-webkit-box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;}
.logo{display:block;width:49px;height:77px;margin:20px 0 48px 25px;text-indent:-999px;background:url(/dev/product/www_v3/imgs/include/logo.png) no-repeat 0 0;}
.nav_list{width:100px;}
.nav_list li span{padding:11px 0;border-bottom:1px transparent solid;}
.nav_list li a{font-size:14px;line-height:60px;display:block;margin:0 auto;text-align:center;color:#d0d0d0;}
.nav_list li a:hover,.nav_list li a.active{color:#fff;}
.nav_list li a:hover span,.nav_list li a.active span{border-bottom:1px #fff solid;}
.login_box{position:absolute;bottom:25px;left:0;}
.login_box{width:100px;}
.login_box a{font-size:14px;line-height:54px;display:block;text-align:center;color:#fff;}
.login_box a:hover{color:#f51e55;}
.login_box a.active{color:#f51e55;}
.login_box a span{padding:18px 0;border-bottom:1px #505050 solid;}
.login_after_box{position:absolute;bottom:0;left:20px;width:60px;height:58px;padding-top:22px;border-top:1px #505050 solid;}
.login_after{position:relative;width:44px;height:44px;margin:0 auto;}
.login_list_ent{display:inline-block;width:40px;height:40px;border:2px solid #b0b0b0;-webkit-border-radius:50%;border-radius:50%;}
.login_list_ent img{display:inline-block;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;}
.login_list_ent:hover,.login_after a.active{border:2px solid #f51e55;}


.login_list_main{position:absolute;bottom:110px;left:0;display:none;width:100%;}
.login_list_main a{font-size:14px;line-height:44px;display:block;width:60px;margin:0 auto;text-align:center;color:#d0d0d0 !important;border-bottom:1px solid transparent;}
.login_list_main a:hover{color:#fff !important;border-bottom:1px solid #fff;}