/*selection*/ ::selection{background-color:#CCC;color:#FFF;} ::moz-selection{background-color:#E13300;color:#FFF;} ::webkit-selection{background-color:#E13300;color:#FFF;} /*placeholder*/ ::-webkit-input-placeholder{color:#dddddd;}/* WebKit browsers */ :-moz-placeholder{color:#dddddd;}/* Mozilla Firefox 4 to 18 */ ::-moz-placeholder{color:#dddddd;}/* Mozilla Firefox 19+ */ :-ms-input-placeholder{color:#dddddd;}/* Internet Explorer 10+ */ html{zoom:1;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} body{font:14px/1.6em "微软雅黑","宋体";color:#000;background:#fff;} pre,input,textarea,a,select{font:14px/1.6em "微软雅黑","宋体";color:#000;word-wrap:break-word;outline-width:inherit;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} img{border:none;} a{color:#003399;font-weight:normal;text-decoration:none;outline-style:inherit;} a:link{color:#333333;}/* 初始状态 */ a:visited{color:#333333;}/* 访问过的状态 */ a:hover{color:#090;}/* 悬浮状态 */ a:active{color:#F00;}/* 按下状态 */ input,img{vertical-align:middle;}/*对齐*/ li{list-style:none;} /*html5标签*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;} /*基本布局*/ .fl{float:left;} .fr{float:right;} .breakWord{overflow:hidden;word-wrap:break-word;}/*换行*/ .clearbox{clear:both;}/*清除浮动*/ /*伪类*/ .afterClear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/*清除浮动*/ .red{color:#f00 !important;} .header_wrapper{background:url(../images/logo.jpg) no-repeat top center; height: 140px;} #header{width:1100px;height:99px;margin:0 auto;position:relative; overflow:hidden;} #header h1{position:absolute; top:0px;} #header .h_by{position:absolute;top:30px;left:355px;} #header .h_by_gh{position:absolute;top:0px;left:425px;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill- mode:both; animation-name:h_by_gh;-ms-animation-name:h_by_gh;-webkit-animation-name:h_by_gh;-moz-animation-name:h_by_gh;-webkit-animation-name:h_by_gh;-o-animation-delay:0.5s;animation-delay:0.5s; } #header .h_call{position:absolute;top:20px;right:0px;} @keyframes h_by_gh{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); transform:translateY(-100%); -ms-transform:translateY(-100%); -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); -o-transform:translateX(-100%); } 20%{ opacity:0.5; transform:scale(0.5); -ms-transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); transform:translateY(100%); -ms-transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateX(100%); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); } 40%{ opacity:0.1; transform:scale(0.1); -ms-transform:scale(0.1); -webkit-transform:scale(0.1); -moz-transform:scale(0.1); -o-transform:scale(0.1); transform:translateY(-100%); -ms-transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); } 60%{ opacity:0.5; transform:scale(0.5); -ms-transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); transform:translateY(0%); -ms-transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); } 70%{ transform:scale(2.5); -ms-transform:scale(2.5); -webkit-transform:scale(2.5); -moz-transform:scale(2.5); -o-transform:scale(2.5); } 100%{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } .nav_wrapper{background-color:#ff2f73;} #menu_nav{width:1100px;height:46px;margin:0 auto;} #menu{width:274px;height:46px;float:left;position:relative;} #menu_dwon{display:block;width:210px;height:46px;background:#333333 url(../images/menu_drop.png) no-repeat 234px center;color:#fff;font-size:16px;line-height:46px;padding-left:64px;} #menu_box{position:absolute;top:46px;left:0px;width:1100px;height:0px;overflow:hidden; z-index:9999;} #menu_drop{width:274px; background-color:#fff;} #menu_drop li{width:224px;height:48px;line-height:48px;padding-left:50px;background:url(../images/sprite_bg3.png) 130px -155px no-repeat;border-bottom:1px black solid;font-size:16px;} #menu_drop .cur{background-color:#DC8C00;color:#fff;} #menu_con{position:absolute;top:0px;left:274px;width:826px;} .menu_item{overflow:hidden;background-color:#fff;height:198px;display:none;} .item_left{float:left;width:500px;height:143px;float:left;border-right:1px solid black;padding:26px 30px;} .item_right{width:243px;float:right;margin:10px;} .item_left a{display:block;width:110px;height:40px;border:1px solid #9f9f9f;background-color:#fff;float:left;line-height:40px;margin-bottom:12px;margin-right:12px;text-align:center;line-height:40px;font-size:16px;color:#000000;} .item_left a:hover{background-color:#dc8c00;border:1px #FFFFFF solid;color:#fff;} #nav{width:820px;height:46px;} #nav li{width:118px;height:100%;text-align:center;float:left;cursor:pointer; background:url(../images/nav_fgx.gif) no-repeat center left; overflow:hidden; margin-left:-1px;} #nav .home{background-image:none;} #nav li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;} #nav li a span{display:block;width:100%;height:100%;position:absolute;left:0;line-height:45px;font-size:16px;color:#fff;} #nav li .nt{top:0;} #nav li .nb{top:46px;color:#fff;background:#333;} /*首页开始*/ .banner_wrapper{width:100%;margin:10px auto; height:450px;background:url(../images/banner.jpg) no-repeat top center; position:relative; overflow:hidden;} #banner{width:1100px;height:548px;margin:0 auto; position:relative;} #banner .animation{position:absolute;} #banner .ren{top:25px; left:755px;-webkit-animation-name:ba_ren;animation-name:ba_ren;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-delay:0.2s;animation-delay:0.2s;} #banner .sgyy{top:126px; left:550px;-webkit-animation-name:ba_sgyy;animation-name:ba_sgyy;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-delay:0.8s;animation-delay:0.8s;} #banner .yy_g{top:126px; left:490px;webkit-animation-name:ba_yy_g;animation-name:ba_yy_g;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:1.6s;animation-delay:1.6s;} #banner .t_ch{top:235px;left:555px;webkit-animation-name:ba_t_ch_bs;animation-name:ba_t_ch_bs;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:1.9s;animation-delay:1.9s;} #banner .t_bs{top:235px;left:814px;webkit-animation-name:ba_t_ch_bs;animation-name:ba_t_ch_bs;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:2.4s;animation-delay:2.4s;} #banner .sg01{top:310px; left:588px;webkit-animation-name:ba_sg_num;animation-name:ba_sg_num;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:2.8s;animation-delay:2.8s;} #banner .sg02{top:335px; left:766px;webkit-animation-name:ba_sg_num;animation-name:ba_sg_num;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:3.0s;animation-delay:3.0s;} #banner .sg03{top:325px; left:787px;webkit-animation-name:ba_sg_num;animation-name:ba_sg_num;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:3.2s;animation-delay:3.2s;} #banner .yz{top:310px; left:949px;webkit-animation-name:ba_yz;animation-name:ba_yz;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:3.5s;animation-delay:3.5s;} @keyframes ba_ren{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:translateX(-150%) rotate(-360deg); -ms-transform:translateX(-150%) rotate(-360deg); -webkit-transform:translateX(-150%) rotate(-360deg); -moz-transform:translateX(-150%) rotate(-360deg); -o-transform:translateX(-150%) rotate(-360deg); } 40%{ transform:translateX(-100%) rotate(0deg); -ms-transform:translateX(-100%) rotate(0deg); -webkit-transform:translateX(-100%) rotate(0deg); -moz-transform:translateX(-100%) rotate(0deg); -o-transform:translateX(-100%) rotate(0deg); } 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); } } @keyframes ba_sgyy{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:translateX(150%) rotate(-360deg); -ms-transform:translateX(150%) rotate(-360deg); -webkit-transform:translateX(150%) rotate(-360deg); -moz-transform:translateX(150%) rotate(-360deg); -o-transform:translateX(150%) rotate(-360deg); } 60%{ transform:translateX(80%) rotate(0deg); -ms-transform:translateX(80%) rotate(0deg); -webkit-transform:translateX(80%) rotate(0deg); -moz-transform:translateX(80%) rotate(0deg); -o-transform:translateX(80%) rotate(0deg); } 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); } } @keyframes ba_yy_g{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } 60%{ transform:scale(3); -ms-transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -o-transform:scale(3); } 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } @keyframes ba_t_ch_bs{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } 25%{ transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } 50%{ transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } @keyframes ba_sg_num{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:translateX(-250%); -ms-transform:translateX(-250%); -webkit-transform:translateX(-250%); -moz-transform:translateX(-250%); -o-transform:translateX(-250%); } 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); } } @keyframes ba_yz{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(4); -ms-transform:scale(4); -webkit-transform:scale(4); -moz-transform:scale(4); -o-transform:scale(4); } 75%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } 90%{ transform:scale(0.5); -ms-transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); } 100%{ transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } /*#banner .logo{top:20px; left:30px;-webkit-animation-name:logo-slide-scale;animation-name:logo-slide-scale;-webkit-animation-duration:0.3s;animation-duration:0.3s;} #banner .ren{top:50px; left:440px;-webkit-animation-name:ren-slide-scale;animation-name:ren-slide-scale;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.4s;animation-duration:0.4s;} #banner .n2006{top:95px; left:180px;-webkit-animation-name:n2006-slide-scale;animation-name:n2006-slide-scale;} #banner .n2016{top:95px; left:660px;-webkit-animation-name:n2016-slide-scale;animation-name:n2016-slide-scale;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.8s;animation-duration:0.8s;} #banner .t_ch{top:250px; left:180px;} #banner .t_bs{top:250px; left:600px;} @keyframes logo-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes ren-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);} 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes n2006-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);} 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes n2016-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);} 100%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } */ .item_wrapper{background-color:#afafaf; padding:20px 0;} #item{width:900px; margin:0 auto; background:url(../images/zdxm.png) no-repeat center left; padding-left:200px; overflow:hidden; position:relative;} #item .xmgd{ position:absolute; top:0; right:0;} #item ul{overflow:hidden;} #item li{width:70px; float:left; margin:0 30px;} #item li .xmbox{width:70px; height:70px; position:relative; overflow:hidden;} #item li .xm{display:block; width:70px; height:70px; position:absolute; top:0; left:0; background:url(../images/zdxm_icon.png) no-repeat;} #item li .xh{top:82px;} #item li .xt{color:#2c2c2c; font-size:14px; line-height:20px; text-align:center; display:block;} #item li:nth-child(1) .xm{background-position:-140px 0;} #item li:nth-child(2) .xm{background-position:-70px 0;} #item li:nth-child(3) .xm{background-position:-0px 0;} #item li:nth-child(4) .xm{background-position:-210px 0;} #item li:nth-child(5) .xm{background-position:-420px 0;} #item li:nth-child(6) .xm{background-position:-490px 0;} #item li:nth-child(1) .xh{background-position:-140px -70px;} #item li:nth-child(2) .xh{background-position:-70px -70px;} #item li:nth-child(3) .xh{background-position:-0px -70px;} #item li:nth-child(4) .xh{background-position:-210px -70px;} #item li:nth-child(5) .xh{background-position:-420px -70px;} #item li:nth-child(6) .xh{background-position:-490px -70px;} #content{width:1100px; margin:20px auto; overflow:hidden;} #content .fl{width:722px; float:left;} #content .fr{width:364px; height:492px; float:right; border:1px solid #c6c6c6;} #content .fl .c{margin-bottom:10px; height:60px; background:url(../images/c.jpg) no-repeat top center; padding:1px 1px 1px 200px;} #content .fl .c a{display:block; width:100%; height:58px; line-height:58px; background-color:#FFFFFF; color:#5A5A5A;font-size:28px;font-family:"造字工房悦黑体验版","zzgfyhtyb","微软雅黑"; overflow:hidden; font-weight:200;} #content .hd{width:332px; height:406px; padding:8px; float:left;border:1px solid #c6c6c6; overflow:hidden; position:relative;} #bannys{width:332px; height:406px;position:relative; overflow:hidden;} #bannys .btns{position:absolute; bottom:10px; right:8px; z-index:9;} #bannys .btns a{display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; background-color:#fff; border-radius:50%; font-size:12px; margin-right:3px;} #bannys .btns .current{background-color:#DC8C00; color:#fff;} #content .xw{width:352px; height:412px; float:right;border:1px solid #c6c6c6;padding:5px;} /*#content .zj{width:302px; float:right; border:1px solid #c6c6c6; padding:24px;} #content .ct{height:40px;color:#2c2c2c; font-size:24px;} #content .ct a{float:right;border:1px solid #c6c6c6; padding:2px 5px;} #zzys{width:302px; height:334px; overflow:hidden; position:relative;} #zzys .d_pn{display:block; width:29px; height:35px; background:url(../images/c_pn.png) no-repeat; position:absolute; top:140px; z-index:99;} #zzys .d_prev{left:0px;} #zzys .d_next{right:0px; background-position:right;}*/ #content .xw .xw_nav{border-bottom:1px solid #c6c6c6; text-align:center; height:34px; border-bottom:1px solid #091f68;} #content .xw .xw_nav li{float:left;width:97px;height:34px; padding:0 10px; line-height:34px; cursor:pointer; position:relative; font-size:18px;} #content .xw .xw_nav li i{display:block; width:18px; height:18px; margin:8px 2px; float:left; background:url(../images/c_tab.png) no-repeat;} #content .xw .xw_nav li .m1{background-position:-18px 0;} #content .xw .xw_nav li .m2{background-position:-18px -18px;} #content .xw .xw_nav li .m3{background-position:-18px -36px;} #content .xw .xw_nav li span{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #F00; position:absolute; bottom:-8px; left:42%; display:none;} #content .xw .xw_nav .cur{background-color:#F00; height:35px;color:#fff;} #content .xw .xw_nav .cur span{display:block;} #content .xw .xw_nav .cur .m1{background-position:0 0;} #content .xw .xw_nav .cur .m2{background-position:0 -18px;} #content .xw .xw_nav .cur .m3{background-position:0 -36px;} #content .xw .xw_item{display:none;} #content .xw .hot{height:136px; padding:20px 0;border-bottom:1px solid #c6c6c6;} #content .xw .hot img{width:150px; height:136px; float:left; margin-right:10px;} #content .xw .hot h5{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #content .xw .hot h5 a{color:#5e5e5e; font-size:18px;} #content .xw .hot p{text-indent:2em;color:#333333;} #content .xw .hot p a{color:#f00;} #content .xw .list{padding:10px 0;overflow:hidden;} #content .xw .list li{color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:30px; line-height:30px;} #content .xw .list li:hover{background-color:#ffc696;} #content .xw .list li span{float:right;} #content .xw .list li a{color:#333333;padding-left:5px;} #dawn{} #dawn .title{height:60px; line-height:60px; background-color:#F00; text-align:center; color:#fff; font-size:18px;} #dawn .title span{font-size:30px;font-family:"造字工房悦黑体验版","zzgfyhtyb","微软雅黑";} #dawn .con{padding:6px;} #dawn .con p{font-size:12px; color:#2c2c2c; padding:10px 0;} #dawn .con .dh{overflow:hidden; padding:10px;} #dawn .con .dh a{display:block; width:100px; height:46px; margin:0 0 8px 12px; background-color:#d9d9d9; border:1px solid #c6c6c6; float:left; text-align:center; line-height:46px;font-family:"造字工房悦黑体验版","zzgfyhtyb","微软雅黑";} #dawn .con .dh .first{margin-left:0px;} #dawn .con .dh a:hover{background-color:#091f68; color:#fff;} #had{width:1100px; margin:0px auto;} #pictitle{width:1060px; margin:20px auto; background-color:#b5b5b5; padding:10px 20px; overflow:hidden; color:#2c2c2c; font-size:18px;} #pictitle span{font-size:22px;} #pictitle a{float:right; border:1px solid #7e7e7e; padding:5px 10px;} #picbox{width:1100px; margin:20px auto; overflow:hidden;} #picbox ul{overflow:hidden; float:left;} #picbox .u1{width:225px;} #picbox .u2{width:346px; margin:0 5px;} #picbox .u3{width:290px;} #picbox .u4{width:225px; margin-left:4px;} #picbox ul li{float:left;} #picbox .p2,#picbox .p4,#picbox .p5,#picbox .p7,#picbox .p9,#picbox .p10{margin-top:5px;} #picbox .p4{position:relative; background-color:#005B89;} #picbox .p5{margin-left:2px;} #picbox .p4 .wz{position:absolute; top:0; left:0; z-index:2;} #picbox .p4 .zs{-webkit-animation:zs-slide-scale 2s infinite linear;animation:zs-slide-scale 2s infinite linear; -webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both; } @keyframes zs-slide-scale{ from{} to{/*-webkit-transform:rotateZ(0deg) rotateY(-90deg);*//*transform:rotate3d(0,1,0,-90deg);*/} } /*首页结束*/ .footer_wrapper{background:#01031b;overflow:hidden;} #footer{width:630px; margin:20px auto; overflow:hidden;color:#999aa4;} #footer a{color:#999aa4;} #footer .logo{width:260px; float:left;} #footer .bz{width:480px;float:left;} #footer .pt{width:300px; float:right; position:relative;} #footer .bz ul{width:100px; float:left; margin:0 10px; text-align:center;} #footer .bz ul li{ margin-top:20px;} #footer .bz p{border-bottom:1px dashed #999aa4; padding:5px 0;} #footer .bz a{display:block; height:26px; line-height:26px;} #footer .pt ul{overflow:hidden; margin:20px 0;} #footer .pt li{float:left; margin-right:5px; color:#fff;} #footer .pt h3{font-size:20px; margin-top:4px;} #footer .pt p{margin-top:10px;} #footer .pt span{color:#747474;} #wj{width:60px; height:60px; position:absolute; bottom:0px; right:0px; background-color:#fff; padding:5px;} #link{width:1100px; height:52px; overflow:hidden; margin:0 auto;} #link h3{display:inline; margin-right:10px;} #fx{width:100%;height:52px;background-color:#dc8c00; position:fixed; bottom:0; left:0; right:0px; z-index:9999;} .fxbox{width:1100px; margin:0 auto;} .fxbox .bd{width:368px;float:left;padding:10px 0;} .fxbox .fname{width:296px;height:34px;border:0px;color:#666666; text-indent:5px;} .fxbox .fname::-webkit-input-placeholder{color:#666;} .fxbox .submit{width:64px;height:36px;background-color:#707070;border:0px;font-size:20px;} .fxbox ul{width:325px;overflow:hidden; float:left; padding:0 73px;} .fxbox ul li{width:108px; float:left; text-align:center; padding-top:5px;} .fxbox ul li a:hover{color:#fff;} .fxbox ul li a .icon{height:26px;position:relative; overflow:hidden;} .fxbox ul li a .u{width:100%;position:absolute; top:0;} .fxbox ul li a .b{width:100%;position:absolute;top:26px;} .fxbox .call{float:left;display:block;width:220px;padding:12px 0 12px 40px ;font-size:18px;color:#ffffff ;background:url(../images/fx_call.png)10px 12px no-repeat; line-height:28px;white-space:nowrap;} .fxbox .call i{ padding:0 5px 0 0; display:block; white-space:nowrap; overflow:hidden; animation:type_text 5s steps(50) infinite; -ms-animation:type_text 5s steps(50) infinite; -webkit-animation:type_text 5s steps(50) infinite; -moz-animation:type_text 5s steps(50) infinite; -o-animation:type_text 5s steps(50) infinite; } @-webkit-keyframes type_text{ 0%{width:0%;} 30%{width:100%;} } /*内容页 开始*/ #cbanner{height:415px; background:url(../images/c_banner.jpg) no-repeat top center; margin:10px auto;} .pos{overflow:hidden; margin-bottom:10px;} .pos .call{float:right; background:url(../images/p_call.png) no-repeat center left; padding-left:25px;color:#2c2c2c;} .cleft{width:790px; float:left; border:1px solid #c6c6c6; background-color:#fff;} .cright{width:282px; float:right;} /*.artfx{width:790px;border:1px solid #c6c6c6; background-color:#fff; position:fixed; bottom:57px;} */ .cleft .title{text-align:center; color:#2c2c2c; font-size:24px; margin:20px auto;} .cleft .tips{background:#d7d7d7 url(../images/w_xlb.png) no-repeat 10px center; padding:5px 10px 5px 50px; font-size:12px; color:#2c2c2c;} .cleft .tips marquee{margin-top:5px;} .cleft .tips span{color:#f00;} .cleft .ad{margin:10px auto;} .cleft .article{margin:20px; min-height:500px;} .cleft .wzpn{background-color:#dcdcdc; overflow:hidden;} .cleft .wzpn li{float:left; width:50%; text-align:center; padding:10px 0; color:#2c2c2c; font-size:16px;} .cleft .tz{overflow:hidden; margin:20px;} .cleft .tz ul{width:46%; float:left; margin:0 2%;} .cleft .tz h3{color:#2c2c2c; font-size:18px; font-weight:bold;} /*.cright .hdzx{padding:20px;border:1px solid #c6c6c6;}*/ .cright .hdzx{padding:10px;border:1px solid #c6c6c6;} .cright .title{color:#2c2c2c; font-size:20px; margin-bottom:10px;} .cright .title span{font-size:12px;} .cright .title img{margin:-15px 0 0 5px;} .cright .gysg{padding:20px;border:1px solid #c6c6c6;border-top:0;} .cright .gysg p{font-size:12px; color:#2c2c2c; padding:10px 0;} .cright .gysg .dh{overflow:hidden;} .cright .gysg .dh a{display:block; width:75px; height:25px; margin:0 0 4px 4px; background-color:#d9d9d9; border:1px solid #c6c6c6; float:left; text-align:center; line-height:25px;} .cright .gysg .dh .first{margin-left:0px;} .cright .gysg .dh a:hover{background-color:#dc8c00;border:1px solid #dc8c00;color:#000;} .cright .ysfc{padding:20px;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;} .cright .ys_cycle{width:240px; height:258px; overflow:hidden; position:relative;} .cright .doctor{position:relative; margin-bottom:10px;} .cright .doctor .d_pn{display:block; width:29px; height:35px; background:url(../images/c_pn.png) no-repeat; position:absolute; top:100px; z-index:99;} .cright .doctor .d_prev{left:0px;} .cright .doctor .d_next{right:0px; background-position:right;} .cright .doctor .bg{width:240px; height:40px; position:absolute; bottom:0; left:0; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; z-index:9;} .cright .doctor p{width:100%; height:40px; text-align:center; line-height:40px; position:absolute; bottom:0; z-index:10; color:#fff; font-size:16px;} .cright .yygh{background-color:#dc8c00; padding:20px;} .cright .yygh .title{background:url(../images/r_yy_icon.png) no-repeat; height:34px; padding-left:40px; line-height:36px;} .cright .yygh ul{overflow:hidden; margin-top:1px;} .cright .yygh ul li{float:left;} .cright .yygh .w{background-color:#000; width:82px; height:30px; color:#fff; text-align:center; line-height:30px;} .cright .yygh input[type="text"],.cright .yygh select,.cright .yygh textarea{width:160px; height:30px; background-color:#fff; border:0px; text-indent:2px; font-size:12px; outline-style:inherit;} .cright .yygh select{color:#7a7a7a;} .cright .yygh .m .w{height:50px; line-height:50px;} .cright .yygh .m textarea{height:50px;} .cright .yygh p{font-size:12px; color:#fff;} .cright .yygh input[type="submit"]{display:block;width:130px; height:35px; border:0px; background-color:#ff2400; border-radius:3px; color:#fff; margin:10px auto 0; cursor:pointer;} .cright .lylx{padding:20px;border:1px solid #c6c6c6;margin-top:10px;} .cright .lylx p{padding-top:14px; text-indent:40px; margin:10px auto; color:#2c2c2c; font-size:14px;} .cright .lylx .dz{background:url(../images/r_map_icon1.png) no-repeat;} .cright .lylx .lx{background:url(../images/r_map_icon2.png) no-repeat;} /*内容页 结束*/ /*医生 列表 开始*/ #cdoctors{overflow:hidden;} #cdoctors li{float:left; width:266px; height:328px; overflow:hidden; margin:0 10px 10px 0; position:relative;} #cdoctors .last{margin-right:0px;} #cdoctors .mask{width:100%; height:280px; position:absolute; top:0px; left:0; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} #cdoctors p{height:48px; background-color:#333333; text-align:center; line-height:48px; color:#fff;} #cdoctors p span{font-weight:bold; font-size:16px; padding-right:5px;} #cdoctors .afx{position:absolute; top:170px; left:60px; text-align:center; display:none;} #cdoctors .afx span{display:block; width:50px; height:30px; padding:10px 0; border-radius:50%; text-align:center; line-height:15px; background-color:#dc8c00; color:#fff; margin-top:10px;} #cdoctors .afx.xq{left:170px;} #cdoctors .afx.xq span{background-color:#313333;} #cdoctors .cur .mask{display:none;} #cdoctors .cur p{background-color:#dc8c00; color:#000;} #cdoctors .cur .afx{display:block;} /*医生 列表 结束*/ /*仪器*/ #device{overflow:hidden;} #device li{float:left; width:266px; height:388px; overflow:hidden; margin:0 10px 10px 0; position:relative;} #device .last{margin-right:0px;} #device .mask{width:100%; height:340px; position:absolute; top:0px; left:0; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} #device li img{width:266px; height:340px;} #device p{height:48px; background-color:#333333; text-align:center; line-height:48px; color:#fff;} #device p span{font-weight:bold; font-size:16px; padding-right:5px;} #device .afx{position:absolute; top:220px; left:80px; text-align:center; display:none;} #device .afx span{display:block; width:92px; height:50px; padding:20px 0; border-radius:50%; text-align:center; line-height:25px; background-color:#000; color:#fff; margin-top:10px; font-size:22px;opacity:0.88;filter:alpha(opacity=88);- moz-opacity:0.88;-khtml-opacity:0.88;} #device .cur .mask{display:none;} #device .cur p{background-color:#dc8c00; color:#000;} #device .cur .afx{display:block;} /*来院线路*/ #dizhi{overflow:hidden;} #dizhi .dz{width:338px;height:420px;border:1px solid #bcbcbc; padding:10px; float:left;} #dizhi .dz p{color:#0d0a0a;} #dizhi .map{width:700px;height:420px;border:1px solid #bcbcbc; padding:10px; float:right;} .lx_title{height:48px; line-height:48px; background-color:#d9d9d9; overflow:hidden; margin:10px auto; padding-left:10px;} .lx_title .t{float:left;} .lx_title .t img{float:left; margin:10px 10px 0 0;} .lx_title span{color:#0d0a0a; font-size:30px;} .lx_title i{font-size:18px; color:#838383;} .lx_title a{float:right; display:block;height:48px; line-height:48px; background-color:#dc8c00; color:#fff; padding:0 10px; font-size:20px;} .lx_title a img{margin-right:10px;} .jtgj{overflow:hidden;} .jtgj li{float:left; width:171px; height:80px; padding:20px 0 0 100px;margin-left:5px; background-color:#333333; background-position:20px center; background-repeat:no-repeat;} .jtgj li p{font-size:25px; color:#fff;} .jtgj li a{display:block; width:130px; height:30px; text-align:center; line-height:30px; margin-top:10px; background-color:#fff; border-radius:3px; color:#f00;} .jtgj .jt1{margin-left:0px;background-image:url(../images/ly_xl1.png);} .jtgj .jt2{background-image:url(../images/ly_xl2.png);} .jtgj .jt3{background-image:url(../images/ly_xl3.png);} .jtgj .jt4{background-image:url(../images/ly_xl4.png);} .jtgj .cur{background-color:#dc8c00;} .jtgj .cur p{color:#000000;} .jtgj .jt1.cur{background-image:url(../images/ly_xl1_cur.png);} .jtgj .jt2.cur{background-image:url(../images/ly_xl2_cur.png);} .jtgj .jt3.cur{background-image:url(../images/ly_xl3_cur.png);} .jtgj .jt4.cur{background-image:url(../images/ly_xl4_cur.png);} .ts{font-size:18px; margin:20px auto;} /*频道*/ .channel{overflow:hidden;} .channel .cl{width:305px; padding:20px; float:left;} /*品牌*/ #brand{width:1100px; margin:0 auto 20px; overflow:hidden;} .bleft{width:358px; float:left;} .bright{width:718px; height:668px; float:right;} .bright .tabs_item{width:100%; height:100%; position:relative; overflow:hidden;} .bleft .ab{text-indent:2em; margin:20px auto;} .bleft .dh{border:1px solid #c9c9c9; border-top:0;} .bleft .dh a{display:block; height:48px; background-color:#333333; border-top:1px solid #c9c9c9; padding:10px 0 0 150px; background-position:100px center; background-repeat:no-repeat; font-size:24px; color:#fff; line-height:24px;} .bleft .dh a p{color:#9b9b9b; font-size:12px; line-height:20px;} .bleft .dh a:nth-child(1){background-image:url(../images/brand_icon1.png);} .bleft .dh a:nth-child(2){background-image:url(../images/brand_icon2.png);} .bleft .dh a:nth-child(3){background-image:url(../images/brand_icon3.png);} .bleft .dh a:nth-child(4){background-image:url(../images/brand_icon4.png);} .bleft .dh a:nth-child(5){background-image:url(../images/brand_icon5.png);} .bleft .dh a:nth-child(6){background-image:url(../images/brand_icon6.png);} .bleft .dh a:nth-child(7){background-image:url(../images/brand_icon7.png);} .bleft .dh a:nth-child(8){background-image:url(../images/brand_icon8.png);} .bleft .dh .current{background-color:#dc8c00; color:#000;} .bleft .dh .current p{color:#000;} .bleft .dh a:nth-child(1).current{background-image:url(../images/brand_icon1_cur.png);} /*品牌 - 品牌起源*/ /**,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}*/ .animation{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;} @keyframes ppqy-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; /*-webkit-transform:translateY(-100%); transform:translateY(-100%);*/ /*-webkit-transform:scale(0) rotate(720deg); -moz-transform:scale(0) rotate(720deg); -o-transform:scale(0) rotate(720deg);*/ transform:scale(0) rotate(0deg); -ms-transform:scale(0) rotate(0deg); -webkit-transform:scale(0) rotate(0deg); -moz-transform:scale(0) rotate(0deg); -o-transform:scale(0) rotate(0deg); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; /*-webkit-transform:translateY(0); transform:translateY(0);*/ transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); } } #ppqy{background:url(../images/brand_p1.jpg) no-repeat top center;} #ppqy .pic{margin:40px 0 0 80px;-webkit-animation-name:ppqy-slide-scale;animation-name:ppqy-slide-scale;} #ppqy .text{color:#d1d1d1; font-size:14px; line-height:26px; position:absolute; top:220px; left:60px; right:60px;} #ppqy .text p{ margin:5px 0; white-space:nowrap; overflow:hidden; -webkit-animation:typingMid 3s steps(26, end), blink-caret 1s step-end 3s; animation:typingMid 3s steps(26, end), blink-caret 1s step-end 3s; } #ppqy .text p:nth-child(2){ -webkit-animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; -webkit-animation-delay:3s; animation-delay:3s; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; } #ppqy .text p:nth-child(3){ -webkit-animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; -webkit-animation-delay:6s; animation-delay:6s; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; } #ppqy .text p:nth-child(4){ -webkit-animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; animation:typingMid 3s steps(23, end), blink-caret 1s step-end 3s; -webkit-animation-delay:9s; animation-delay:9s; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; } @-webkit-keyframes typingMid{ /*from { width:0%; } to{ width:100%; }*/ 0%{width:0%;} 100%{width:100%;} } /*品牌 - 企业宗旨*/ #qyzz{background:url(../images/brand_p2.jpg) no-repeat top center;} #qyzz .pic{position:absolute; top:50px; left:50px;-webkit-animation-name:qyzz-slide-scale;animation-name:qyzz-slide-scale;} @keyframes qyzz-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; /*-webkit-transform:translateY(-100%); transform:translateY(-100%);*/ /*-webkit-transform:scale(0) rotate(720deg); -moz-transform:scale(0) rotate(720deg); -o-transform:scale(0) rotate(720deg);*/ transform:scale(0) rotate(0deg); -ms-transform:scale(0) rotate(0deg); -webkit-transform:scale(0) rotate(0deg); -moz-transform:scale(0) rotate(0deg); -o-transform:scale(0) rotate(0deg); } 50%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(6) rotate(0deg); -ms-transform:scale(6) rotate(0deg); -webkit-transform:scale(6) rotate(0deg); -moz-transform:scale(6) rotate(0deg); -o-transform:scale(6) rotate(0deg); } 60%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(5) rotate(0deg); -ms-transform:scale(5) rotate(0deg); -webkit-transform:scale(5) rotate(0deg); -moz-transform:scale(5) rotate(0deg); -o-transform:scale(5) rotate(0deg); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; /*-webkit-transform:translateY(0); transform:translateY(0);*/ transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); } } /*品牌 - 历史人文*/ #lishi{background:url(../images/brand_p3.jpg) no-repeat top center;} #lishi .pic{position:absolute; top:30px; left:430px;-webkit-animation-name:lishi-pic-slide-scale;animation-name:lishi-pic-slide-scale;-webkit-animation-duration:0.3s;animation-duration:0.3s;} #lishi .xian{position:absolute; top:226px; left:0px; overflow:hidden;-webkit-animation-name:lishi-xian-slide-scale;animation-name:lishi-xian-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .text{position:absolute; background:url(../images/bp3_icon.png) no-repeat;} #lishi .t2006{top:225px; left:20px; padding-top:40px; background-position:top right;-webkit-animation-name:lishi-t2006-slide-scale;animation-name:lishi-t2006-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .t2008{top:300px; left:150px; padding-bottom:40px; background-position:left bottom;-webkit-animation-name:lishi-t2008-slide-scale;animation-name:lishi-t2008-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .t2010{top:402px; left:250px; padding-top:40px; background-position:top right;-webkit-animation-name:lishi-t2010-slide-scale;animation-name:lishi-t2010-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .t2015{top:402px; left:430px; padding-bottom:40px; background-position:left bottom;-webkit-animation-name:lishi-t2015-slide-scale;animation-name:lishi-t2015-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .t2016{top:506px; left:520px; padding-top:40px; background-position:top right;-webkit-animation-name:lishi-t2016-slide-scale;animation-name:lishi-t2016-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .bi{position:absolute; top:464px; left:588px;-webkit-animation-name:lishi-bi-slide-scale;animation-name:lishi-bi-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .ch{display:block; width:68px; height:68px; position:absolute;/*border-radius:50%; */z-index:9;} #lishi .c2006{top:168px; left:62px;-webkit-animation-name:lishi-c2006-slide-scale;animation-name:lishi-c2006-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .c2008{top:348px; left:68px;-webkit-animation-name:lishi-c2008-slide-scale;animation-name:lishi-c2008-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .c2010{top:322px; left:296px;-webkit-animation-name:lishi-c2010-slide-scale;animation-name:lishi-c2010-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .c2015{top:475px; left:354px;-webkit-animation-name:lishi-c2015-slide-scale;animation-name:lishi-c2015-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .c2016{top:426px; left:560px;-webkit-animation-name:lishi-c2016-slide-scale;animation-name:lishi-c2016-slide-scale;-webkit-animation-duration:8s;animation-duration:8s;} #lishi .hb{position:absolute; top:-200px; left:152px;border-radius:3px; z-index:10; display:none;} @keyframes lishi-pic-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(10); -ms-transform:scale(10); -webkit-transform:scale(10); -moz-transform:scale(10); -o-transform:scale(10); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } @keyframes lishi-xian-slide-scale{ 0%{ width:0%; } 100% { width:100%; } } @keyframes lishi-t2006-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 2%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 4%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-t2008-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 14%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 16%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-t2010-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 30%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 32%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-t2015-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 42%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 44%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-t2016-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 67%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 68%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-c2006-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 2%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(3);-ms-transform:scale(3);-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 4%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-c2008-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 14%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(3);-ms-transform:scale(3);-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 16%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-c2010-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 30%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(3);-ms-transform:scale(3);-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 32%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-c2015-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 42%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(3);-ms-transform:scale(3);-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 44%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-c2016-slide-scale{ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 67%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:scale(3);-ms-transform:scale(3);-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);} 68%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} } @keyframes lishi-bi-slide-scale{ /*0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 67%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);} 68%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}*/ 0%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} 80%{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);} 84%{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;transform:translateX(0);-ns-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);} } /*品牌 - 卓越品质*/ #zypz{background:url(../images/brand_p4.jpg) no-repeat top center;} #zypz .smzg{position:absolute; top:25px; left:25px;-webkit-animation-name:zypz-smzg-slide-scale;animation-name:zypz-smzg-slide-scale;-webkit-animation-duration:0.3s;animation-duration:0.3s;} #zypz .sjc{position:absolute; top:160px; left:160px;-webkit-animation-name:zypz-sjc-slide-scale;animation-name:zypz-sjc-slide-scale;-webkit-animation-duration:0.5s;animation-duration:0.5s;} #zypz .gpz{position:absolute; top:320px; left:170px;-webkit-animation-name:zypz-gpz-slide-scale;animation-name:zypz-gpz-slide-scale;-webkit-animation-duration:0.5s;animation-duration:0.5s;} @keyframes zypz-smzg-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } @keyframes zypz-sjc-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(5); -ms-transform:scale(5); -webkit-transform:scale(5); -moz-transform:scale(5); -o-transform:scale(5); } 65%{ transform:scale(0.8); -ms-transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); } 75%{ transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } @keyframes zypz-gpz-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0) rotate(720deg); -ms-transform:scale(0) rotate(720deg); -webkit-transform:scale(0) rotate(720deg); -moz-transform:scale(0) rotate(720deg); -o-transform:scale(0) rotate(720deg); } 100% { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); } } /*品牌 - 医护团队*/ #yhtd{background:url(../images/brand_p5.jpg) no-repeat top center;} #yhtd .ys{position:absolute; top:70px; left:0px;-webkit-animation-name:yhtd-ys-slide-scale;animation-name:yhtd-ys-slide-scale;-webkit-animation-duration:0.5s;animation-duration:0.5s;} #yhtd .td{position:absolute; top:420px; left:90px;-webkit-animation-name:yhtd-td-slide-scale;animation-name:yhtd-td-slide-scale;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-delay:0.5s;animation-delay:0.5s;} #yhtd .pp{position:absolute; top:580px; left:225px;-webkit-animation-name:yhtd-ys-slide-scale;animation-name:yhtd-ys-slide-scale;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0.8s;animation-delay:0.8s;} @keyframes yhtd-ys-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:translateY(100%); -ms-transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); } 100%{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); } } @keyframes yhtd-td-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(3); -ms-transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -o-transform:scale(3); } 100%{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } /*品牌 - 星级服务*/ #xjfw{background:url(../images/brand_p7.jpg) no-repeat top center;} #xjfw .text{position:absolute; top:60px; left:320px;-webkit-animation-name:xjfw-text-slide-scale;animation-name:xjfw-text-slide-scale;-webkit-animation-duration:0.5s;animation-duration:0.5s;} @keyframes xjfw-text-slide-scale{ 0%{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } 100%{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } } /*列表*/ #list{margin:25px;} #list li{margin-bottom:20px;} #list li h3{border-bottom:1px solid #c6c6c6; position:relative; line-height:40px;} #list li h3 a{color:#2c2c2c; font-size:18px;} #list li h3 .zx{height:28px;font-size:14px; color:#fff; line-height:28px; padding:0 8px 0 30px; background:#939393 url(../images/cl_icon1.png) no-repeat 8px center; position:absolute; bottom:0px; right:0px;} #list li h3 .zx:hover{background-color:#dc8c00; color:#000;} #list li p{padding:5px 0; border-bottom:1px dashed #c6c6c6;} #page{text-align:center; margin-bottom:20px;} #page li{display:inline; border:1px solid #797979;color:#585858;} #page li a{color:#585858; padding:2px 5px;} /*专题页列表*/ #channel{width:1100px; margin:10px auto; overflow:hidden;} #channel .ch_box{width:358px; height:335px; float:left; border:1px solid #DC8C00; margin:0 10px 10px 0;} #channel .ch_box.last{margin-right:0px;} #channel .ch_title{background-color:#DC8C00; padding:5px 10px; color:#fff;font-size:16px;} #channel .ch_title a{color:#fff; font-size:16px;} #channel .ch_host{overflow:hidden; padding:10px;} #channel .ch_host .fl{width:120px; height:98px; float:left; overflow:hidden;} #channel .ch_host .fr{width:210px; float:right;} #channel .ch_host .fr h3{height:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #channel .ch_host .fr h3 a{font-size:16px;} #channel .ch_host .fr p{font-size:12px; color:#333;} #channel .ch_host .fr p a{color:#f00;} #channel .ch_list{margin:10px;} #channel .ch_list li{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0; border-top:1px dashed #ccc;} /*推荐热点信息*/ #hot{margin:5px;overflow:hidden;} #hot .cl{width:280px;float:left;} #hot .cr{width:495px;float:right;} #hot .cl .ce{height:40px;background-color:#e9e9e9;text-align:center;line-height:40px;color:#333333;} #hot .cl .ce .zh{font-size:24px;} #hot .cl .ce .en{font-size:18px;} #hot .cl img{margin-top:5px;padding:3px;border:1px solid #e9e9e9;} #hot .cr .ht{height:40px;line-height:40px;border:1px solid #e9e9e9;overflow:hidden; margin-bottom:5px;} #hot .cr .ht span{float:left;background-color:#01031b;padding:0 10px;position:relative;color:#fff;margin-right:20px;} #hot .cr .ht span b{width:0;height:0;border-top:10px solid transparent;border-left:16px solid #01031b;border-bottom:10px solid transparent;position:absolute;top:10px;right:-10px;} #hot .cr .ht i{padding:0 5px;color:#333333;} #hot .cr .ht a{color:#333333;} #hot .cr .hp{width:270px; height:180px; padding:5px; float:left;border:1px solid #e9e9e9; position:relative;} #hot .cr .hp p{text-indent:2em;padding:3px;line-height:25px;} #hot .cr .hp p a{color:#f00;} #hot .cr .hp .wzgh{position:absolute; bottom:10px; left:0; right:0; text-align:center;} #hot .cr .hp .wzgh a{display:inline-block; width:110px; height:34px; text-align:center; line-height:34px; background-color:#b27908; color:#fff;} #hot .cr .hp .wzgh a:nth-child(2){background-color:#01031b;} #hot .cr .hl{width:195px; height:180px; padding:5px; float:right;border:1px solid #e9e9e9;} #hot .cr .hl li{height:28px; line-height:28px;} #hot .cr .hl li a{font-size:13px;}