@charset 'utf-8'; * {margin:0;padding:0;list-style-type:none;} body {margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; color:#3a3a3a; background:#fff;} a{text-decoration:none; color:#3a3a3a;} a:hover{text-decoration:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;} a, a:link, a:visited, a:hover {color:#3a3a3a;text-decoration: none;} img, fieldset {border:0 none;} input,button,select,textarea{outline:none;} .bk,.bk3,.bk5,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk80{clear: both;font-size: 1px;height: 0;line-height: 1px} .bk3{height:3px;}.bk5{height:5px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.bk80{height: 80px} .bor_d{border:1px solid #ddd;} .fl{float:left;} .fr{float:right;} .ml10{margin-left:10px;} .ml20{margin-left:20px;} .mr10{margin-right:10px;} .mr20{margin-right:20px;} .f10 {font-size:10px;} .f12 {font-size:12px;} .f14 {font-size:14px;} .f15 {font-size:15px;} .f16 {font-size:16px;} .lh22 {line-height:22px;} .lh23 {line-height:23px;} .lh24 {line-height:24px;} .lh25 {line-height:25px;} .lh26 {line-height:26px;} .c555{color:#555;} .c666{color:#666;} .c777{color:#777;} .c888{color:#888;} .c999{color:#999;} .fwb{font-weight:bold;} .webgnb {display:block; position:absolute; z-index:9999; width:100%; min-width:1200px; height:80px; background:url(../images/2018/menu_bg.png) repeat;/* filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;*/} .webgnb .navbox {display:block; width:1200px; height:80px; margin:0 auto;} .webgnb .navbox .logo {float:left; width:200px; height:80px; padding-right:50px;} .webgnb .navbox .logo img{display:block; width: 100%; height: auto; overflow:hidden;} .webgnb .navbox .toplinks {float:left; width:100px; height:40px; padding:20px 0 20px 50px;} .webgnb .navbox .toplinks a{width:40px; height:40px; display:inline-block; margin-left:10px; overflow:hidden; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;} .webgnb .navbox .toplinks a.en{background:url(../images/2018/en.png) no-repeat;} .webgnb .navbox .toplinks a.search{background:url(../images/2018/search.png) no-repeat;} .webgnb .navbox .toplinks a:hover.en{background:url(../images/2018/en_cur.png) no-repeat;} .webgnb .navbox .toplinks a:hover.search{background:url(../images/2018/search_cur.png) no-repeat;} .webgnb .menu {float:left; width:700px; height:80px; padding:0 50px; overflow:hidden;} .webgnb .menu li {float:left; width:140px; height:80px; line-height:80px; display:block; text-align:center;} .webgnb .menu li a {display:block; font-size:18px; color:#fff;} .webgnb .menu li.mn1 a.on,.webgnb .menu li.mn2 a.on,.webgnb .menu li.mn3 a.on,.webgnb .menu li.mn4 a.on,.webgnb .menu li.mn5 a.on,.webgnb .menu li.mn6 a.on{color:#fff; background:url(../images/2018/menu_li_on.png) repeat;} .webgnb ol {height:80px; padding:0; z-index:9999; overflow:hidden; max-width:1200px; width:auto; position:absolute; top:80px; margin-left:-600px; left:50%;} .webgnb ol.pl1 {padding-left:0px; width:1200px; height:auto;} .webgnb ol.pl2 {padding-left:440px;} .webgnb ol.pl3 {padding-left:580px;} .webgnb ol.pl4 {padding-left:720px;} .webgnb ol.pl5 {padding-left:860px;} .webgnb ol li {height:auto; display:inline-block; position: relative;} .webgnb ol li span.line2{width: 3px; height: 12px; display: inline-block; background: #907250; position: absolute; left: 0; top: 50%; margin-top: -6px; border-radius: 2px;} .webgnb ol.pl1 li.auto_type{height:22px; border-bottom:1px solid #ddd; font-size:14px; font-weight: bold; color:#4a4a4a;} .webgnb ol.pl1 li.auto_list{height:170px; overflow:hidden;} .webgnb ol.pl1 li span.title{display: block; width:100%; height:22px; margin-bottom: 5px; border-bottom:1px solid #ddd; font-size:14px; font-weight: bold; color:#777;} .webgnb ol.pl1 li span.n_ev{} .webgnb ol.pl1 li span.n_santafe{} .webgnb ol.pl1 li span.n_lusheng{margin-left:10px;} .webgnb ol.pl1 li.ev{width:1200px; height:300px;} .webgnb ol.pl1 li.santafe{width:400px;} .webgnb ol.pl1 li.lusheng{width:200px;} /*.webgnb ol.pl1 li.boliger{width:270px;}*/ .webgnb ol.pl1 li dl{float:left; width:200px; height:130px;/* padding-bottom:20px;*/} .webgnb ol li dl {position:relative;} .webgnb ol li dt {font-weight:bold; padding:0 15px; *padding:0 10px; *min-width:60px;} .webgnb ol li dt a {display:block; height:80px; line-height:80px; overflow:hidden; font-size:14px; color:#333;font-weight:normal;} .webgnb ol li dt:hover {display:block; overflow:hidden; background:#ecedf1; color:#333;} .webgnb ol li dl img {margin:0 auto; display:block; width:140px; height:auto; overflow:hidden;} .webgnb ol li dd.tit {height:21px; line-height:21px; font-size:12px; text-align:center;} .webgnb ol li dd.tit a{color:#777;} .webgnb ol li dd.tit span{padding:3px 5px;} .webgnb ol li dd.tit span.name, .webgnb ol li dd.tit span.test{ /*border:1px solid #fafafa;*/ border-radius: 2px; font-size:12px; padding:4px 6px;} .webgnb ol li dd.tit span.line{padding:0 2px; font-size:8px; font-family:"SimSun"; color:#ccc;} .webgnb ol li dd.tit span.name:hover, .webgnb ol li dd.tit span.test:hover{border:1px solid #907250; border-radius: 2px; padding:3px 5px;} .webgnb ol li dd.tit span.name a:hover, .webgnb ol li dd.tit span.test a:hover{color: #907250;} .webgnb .sub_mn {width:100%; height:auto; /*min-height:60px;*/ overflow:hidden;} .webgnb .sub_bg {width:100%; height:auto; background:#fafafa; position:absolute; top:80px; z-index:9998;} .header_b{height:80px; clear:both;} /* 底部弹出层 */ #about_hawtai, #about_terms{display:none} .layer_text{background-color:#fff; width:100%;} .layer_text h2 { height:35px; padding-left:20px; border-bottom:1px solid #ddd; line-height:35px; font-size:16px; background:url('../images/2014/xubox_title.png') repeat-x;} .layer_text .layer_c {padding:25px;} .layer_text .layer_c p{margin-bottom:5px; text-indent:2em; line-height: 21px; font-size:14px;} /*位置导航*/ .location {margin:30px auto; width:1172px; padding-left:28px; height:40px; line-height:40px; background:url(../images/2018/location.png) no-repeat left 10px; font-family:"Microsoft Yahei","SimSun",Arial,Tahoma,sans-serif; font-size:14px; color:#999;} .location a {color:#999;} .location span {color:#999;} /*侧栏跟随*/ #lbox{float:left; position:relative; width:200px;} #rbox{float:right; position:relative; width:210px;} #rbox_hr{float:right; position:relative; width:300px;} .div2{position:fixed; _position:absolute; top:0px; z-index:100;} #main {margin:0 auto; width:1200px;} #main .left {width:200px; background:#fff; border-top:3px solid #ddd; border-radius:0 0 3px 3px;} #main .left .tit{display:block; margin-top:-3px; height:50px;} #main .left .tit span{display:inline-block; padding-top:14px; border-top:3px solid #9b7d5b; color:#4a4a4a; font-size:18px; height:35px; line-height:35px;} #main .left .l_nav {padding:0px;} #main .left .l_nav li {height:35px; padding-left:70px; line-height:35px; font-size:16px; } #main .left .l_nav li span a{display:inline-block; padding:0 3px 0 7px; line-height: 23px; border-bottom: 1px solid #ccc; font-weight: bold; font-size:17px;} #main .left .l_nav li.cur a{color:#907250;} #main .left .l_nav li span i.t1 { float:left; width:9px; height:20px; margin:10px 0 0 3px; background:#ccc; font-size:0px; line-height:0;} #main .left .l_nav li:hover span i.t1, #main .left .l_nav li.cur span i.t1{background: #d7cec5;} #main .left .l_nav li i.t2 { float:left; width:12px; height:12px; margin:11px 5px 0 0; border:2px solid #ccc; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; font-size:0px; line-height:0;} #main .left .l_nav li:hover i.t2, #main .left .l_nav li.cur i.t2 {border:2px solid #907250;} #main .left .l_nav li.li_auto{padding-left:35px;} /*左侧分享*/ .bshare-custom.icon-medium { display:black; height:30px; padding-left: 5px; line-height:30px;} #main .right_hr {width:300px; background:#fff url(../images/2014/left_topbg.png) no-repeat right top;} #main .right_hr .r_nav {padding:10px 25px; border:1px solid #ddd;} #main .right_hr .r_nav li {height:35px; line-height:35px; border-bottom:1px dashed #ddd; font-size:15px; } #main .right_hr .r_nav li a:hover {color:#c00;} #main .right_hr .r_nav .cur {color:#b00;} #main .right_hr .r_nav .cur a {color:#b00;} #main .right_hr .tit{height:40px; line-height:40px; font-size:16px; background:#f5f6f7; border:1px solid #ddd; border-left:5px solid #ddd; border-bottom:none; text-indent:20px; color:#333;} #Article, #Article_hr {float:right; width:970px; background-color:#fff;} .top_line_1{background:url(../images/2018/right_top_line_1.png) repeat-x left top;} .top_line_2{background:url(../images/2018/right_top_line_2.png) no-repeat left top;} /*新闻列表*/ #Article .newslist{} #Article .newslist li{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;} #Article .newslist li span.pic{float:left; width:320px; height:180px; margin-right:20px; overflow:hidden;} #Article .newslist li span.pic img{width:100%; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} #Article .newslist li:hover span.pic img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s;} #Article .newslist li span.tit{display:block; height:35px; line-height:35px; font-size:20px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} #Article .newslist li:hover span.tit{color:#907250;} #Article .newslist li span.date{display:block; padding:10px 0; height:20px; line-height:20px; font-size:12px; color:#aaa;} #Article .newslist li span.desc{display:block; height:105px; line-height:22px; font-size:14px; color:#888; text-align:justify; text-justify:inter-ideograph; overflow : hidden;} #Article .newslist li span.desc .more{display:inline-block; margin-left:10px; color:#907250;} #Article #loading{padding:5px 0; text-align:center; font-size:14px; color:#aaa;} #Article .top_more{display:block; height:20px; line-height:20px; position:absolute; right:0; top:-20px;} #Article .loadmore{margin:0 auto; display:block; width:270px; border:1px solid #eee; background:#f5f6f7; border-radius:5px; text-align:center;} #Article .loadmore a{display:block; width:240px; padding:15px; font-size:16px; color:#aaa;} /*#Article .top_more a{display:block; height:20px; font-size:12px; color:#aaa;}*/ /*end*/ /*招聘列表*/ .hr_banner{width:100%; height:400px; background-repeat:no-repeat; background-position:center;} #Article_hr .list{border:1px solid #ddd; background:#fff; padding:20px; position:relative;} #Article_hr .list dt{height:20px; line-height:20px; margin-bottom:15px; font-size:18px;} #Article_hr .list dt a{color:#58b;} #Article_hr .list dt a:hover{color:#47c;} #Article_hr .list dd{} #Article_hr .list dd span{display:inline-block; margin-bottom:15px; height:20px; line-height:20px; font-size:16px; color:#666;} #Article_hr .list dd span.l_line{border-left:1px solid #ccc; margin-left:15px; padding-left:15px;} #Article_hr .list dd span.date{display:block; margin:0; height:20px; line-height:20px; font-size:12px; color:#999;} #Article_hr .list dd span.date ol{display:inline-block; margin-right:10px;} #Article_hr .list dd span.belongs{padding:30px 20px; width:300px; height:30px; line-height:30px; font-size:15px; color:#666; border-left:1px solid #e3e3e3; overflow:hidden; position:absolute; top:20px; right:20px; z-index:9;} #Article_hr .list dd span.icon{position: absolute; right:-1px; top:-1px; width: 0; height: 0; border-top: 42px solid #ee5353; border-left: 42px solid transparent; cursor:pointer;} #Article_hr .list dd span.icon b{position: absolute; top: -41px; left: -19px; font-size: 14px; color: #fff;} #Article_hr .list dd span.icon2{position: absolute; right:-1px; top:-1px; width: 0; height: 0; border-top: 42px solid #d5d5d5; border-left: 42px solid transparent; cursor:pointer;} #Article_hr .list dd span.icon2 b{position: absolute; top: -41px; left: -19px; font-size: 14px; color: #fff;} /*招聘内容*/ #Article_hr .title{height:60px; line-height:60px; border-bottom:1px solid #ddd; padding-left:25px; background:#fff; font-size:24px; position:relative;} #Article_hr .title span.l_line{width:5px; height:62px; background:#333; position:absolute; top:-1px; left:-1px; z-index:9;} #Article_hr .title .info{font-size:14px; color:#999;} #Article_hr .info span.l_line{width:5px; height:31px; background:#333; position:absolute; top:0px; left:-1px; z-index:9;} #Zhaopin { padding:40px 25px; background:#fff;} #Zhaopin h1{color:#c00; font:400 24px/30px "MicroSoft YaHei","宋体",arial; margin-bottom:15px; text-indent:0;} #Zhaopin h2{color:#555; font:800 18px/30px "MicroSoft YaHei","宋体",arial; margin-bottom:5px; padding:16px 0 8px; border-bottom:1px solid #e5e5e5; text-indent:0;} #Zhaopin h3{color:#555; font:800 14px/30px "MicroSoft YaHei","宋体",arial; padding:5px 0 0;} #Zhaopin .info{ height:50px; padding:20px; background:#f7f8f9; border:1px solid #eee;} #Zhaopin .info span {display:inline-block; min-width:242px; height:30px; margin:0; line-height:30px; color:#333; font-size:14px; color:#4a4a4a;} #Zhaopin .content{font-size:14px;line-height:25px; color:#4a4a4a;} #Zhaopin .content p, #Zhaopin .content li{font-size:14px;line-height:25px;text-align:justify;word-wrap:break-word; padding:0; text-indent:2em; color:#4a4a4a;} #Zhaopin .content div{font-size:14px;line-height:25px;text-align:justify;word-wrap:break-word; padding:0; color:#4a4a4a;} #Zhaopin .content .year { font:14px/27px "MicroSoft YaHei","宋体",arial;} #Zhaopin .content .year li { text-indent:0; font:14px/27px "MicroSoft YaHei","宋体",arial;} #Zhaopin .content .year li span{ float:left; width:48px; display:block; padding-right:10px;} #Zhaopin .text-c { padding:10px 0; font-size:18px; color:#666;} #Zhaopin .text-c span {color:#c00;} #Zhaopin .related h5{padding-bottom:4px} #Zhaopin .related{ padding:10px; border:1px solid #ddd; background:#f6f6f6; border-top-width:0px;} #Zhaopin .related a{ color:#0b3b8c} #Zhaopin .related li{ line-height:26px;} #Zhaopin .on_next { width:674px; padding:10px 0;} #Zhaopin .on_next li { float:left; width:337px; color:#777;} /*专题列表*/ #Article .newslist_zt{} #Article .newslist_zt li{float:left; width:304px; margin-right:29px; margin-bottom:30px; border-bottom:1px solid #ddd; background:#fff;} #Article .newslist_zt li span.pic{width:304px; height:171px; display:block; overflow:hidden;} #Article .newslist_zt li span.pic img{width:100%; height:171px; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} #Article .newslist_zt li:hover span.pic img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s;} #Article .newslist_zt li span.tit{display:block; padding:0 10px; height:40px; line-height:40px; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; border:1px solid #ddd; border-top:none; border-bottom:none;} #Article .newslist_zt li:hover span.tit{color:#b00;} #Article .newslist_zt li span.tit .date{display:block; float:right; padding-left:5px; height:40px; line-height:40px; font-size:12px; color:#aaa; background:#fff;} /*end*/ #Article .list dt { height:30px; line-height:30px; font-size:18px; border-bottom:1px solid #ddd;} #Article .list dt i {float:left; width:10px; height:10px; margin:10px 5px 0 0; _margin:8px 5px 0 0; background:#c00; font-size:0px; line-height:0;} #Article .list dt .more{padding-top:5px;font-weight:100;font-family:"SimSun","Microsoft Yahei",Arial,Tahoma,sans-serif;} #Article .list .ah a:hover{color:#c00;} #Article .list dd { padding:10px 0;} #Article .list dd img, #Article .list dd ul img {width:320px; height:180px; display:block; overflow:hidden; border:1px solid #eee;} #Article .list dd span { padding-left:5px; font-size:12px;} #Article .list dd span a { color:#c00;} #Article .list dd .topimg, #Article .list dd .topimg li {display:black;overflow:hidden;} #Article .list dd li a:hover, #Article .list dd .topimg a:hover {color:#c00;} #rbox{float:right; position:relative;width:210px; display:block;} .foot .fc {width:1200px;} .foot .fc_f {width:1200px;} .related{float:right; width:910px;} /*文章内容*/ #Article .content .title{height:60px; line-height:60px; border-bottom:1px solid #ddd; padding-left:20px; background:#fff; font-size:24px; position:relative;} #Article .content .info{ font-size:14px; font-weight:normal; line-height:20px; color:#999; text-align:center;} #Article .content{padding:30px 0;} #Article .content h1{padding-bottom:10px; line-height:50px; color:#333; font-size:24px; font-weight:normal; text-align:center; text-indent:0;} #Article .content h2{color:#8a8a8a; font:600 22px/30px "Microsoft Yahei",arial; margin-bottom:6px; padding:16px 0 8px; border-bottom:1px solid #e5e5e5; text-indent:0;} #Article .content h3{color:#4a4a4a; font:600 18px/30px "Microsoft Yahei",arial; padding:16px 0 8px;} #Article .content h2.title{color:#907250; font:350 26px/35px "Microsoft Yahei",arial; margin:6px 0 0; padding:20px 0 15px; border-bottom:0px solid #e5e5e5; text-indent:0;} #Article .content h3.title{color:#4a4a4a; font:400 18px/46px "Microsoft Yahei",arial; height:46px; margin-top:10px; padding:0 30px 0 10px; border-left: 1px solid #0174a4; border-bottom: none; background: url(../images/2018/h3_bg.png) no-repeat right top; display: inline-block;} #Article .content h4{color:#928177; font:600 17px/25px "Microsoft Yahei",arial; padding:7px 0; text-indent:28px;} #Article .content p{text-indent:2em;} #Article .content p, #Article .content div{font-size:16px;line-height:28px;text-align:justify;word-wrap:break-word; padding:8px 0; color:#4a4a4a;} #Article .content td {font-size:14px; padding:6px;} #Article .content p img, #Article .content div img{ text-indent:0; max-width:970px;width:expression(this.width > 970 && this.width > this.height ? 970 : true); overflow:hidden;} #Article .content p img{margin-left:-2em;} #Article .content img { max-width:970px;width:expression(this.width > 970 && this.width > this.height ? 970 : true); overflow:hidden;} #Article .on_next { width:100%; padding:10px 0;} #Article .on_next li { float:left; width:49%; color:#0b3b8c;} #Article .content .qyjs{width:100%; height:205px; background:url(../../uploadfile/about/qyjs.png) no-repeat;} #Article .content .qyry_table{width:100%;} #Article .content .qyry_table td{width:225px; text-align:center; padding:0 38px;} #Article .auto_list .r {float:left; width:650px;} #Article .content .mediapic, #Article .content .mediaurl{margin:0 auto; width:100%;} #Article .content .mediapic img{max-width:970px;width:expression(this.width > 970 && this.width > this.height ? 970 : true); overflow:hidden; margin:0 auto; border:1px solid #ddd; display:block; overflow:hidden;} #Article .content .mediaurl{line-height:26px; font-size:15px; font-weight:bold; color:#4a4a4a; text-align:center;} #Article .content .mediaurl span a{color:#0000cd;} /*新闻热词*/ #Article .content .hotkeyword{margin:20px 0 0; border-top:1px dashed #ddd; height:30px; line-height:30px; font-size:14px;} #Article .content .hotkeyword .t{font-weight:bold;} #Article .content .hotkeyword .c a{color:#0b3b8c;} #Article .content .hotkeyword .c a:hover{color:#36c;} /*企业荣誉*/ #Article .content .honor { font:14px/27px "MicroSoft YaHei",arial; position:relative;} #Article .content .honor ul{float:left; margin:10px 0;} #Article .content .honor img{float:right; width:300px; height:auto; display:block; overflow:hidden; margin:10px 0 0 10px; cursor:pointer; position:absolute; right:0; top:0; z-index:2;} #Article .content .honor img:hover{width:100%; z-index:3;} #Article .content .honor img, #Article .content .honor:hover img{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #Article .content .honor li {margin-bottom:5px; font:14px/20px "MicroSoft YaHei",arial;} #Article .content .honor li span.time{ float:left; width:70px; display:block; padding-right:20px; text-align:right;} #Article .content .honor li span.con{ float:left; display:block;} /*延伸阅读*/ .related{float:right; width:970px; border:1px solid #ddd; background:#fff;} .related .t{display:block; width:970px; height:35px; line-height:35px; font-size:16px; text-indent:12px; color:#333; border-bottom:1px dashed #ddd; position:relative;} .related .t .l_line{width:5px; height:37px; background:#333; position:absolute; top:-1px; left:-1px; z-index:9;} .related a{ color:#4a4a4a} .related a:hover{color:#0b3b8c;} .related ul{padding:20px 30px;} .related li{float:left; padding-right:2%; width:48%; height:30px; line-height:30px; overflow:hidden;} .related li span{display:line-block; padding-left:10px;font-size:12px;color:#aaa;} .related li i {float:left; width:3px; height:3px; margin:11px 6px 0 0; background:#0b3b8c; border-radius:2px; behavior: url(../statics/js/PIE/pie.htc);} #Article .catname{height:35px;border-bottom:1px solid #e3e3e3;} #Article .catname span {float:left;display:black;height:35px;padding:0 20px;line-height:35px;font-size:18px;font-weight:bold;color:#666;background:#eee; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} #Article .auto_list{ padding:35px 0; height:190px; border-bottom:1px dashed #ddd;} #Article .auto_list .l {float:left; width:240px; padding-top:0; margin-right:18px; overflow:hidden;} #Article .auto_list .l a{display:block;} #Article .auto_list .l img {width:220px; height:auto;} #Article .auto_list .l .xiangq {display:block; float:left; width:110px; height:31px; background:url(../images/2014/auto_btn01.png) no-repeat; color:#fff; line-height:30px; text-align:center; padding-left:5px;} #Article .auto_list .l .shijia {display:block; float:left; width:110px; height:31px; background:url(../images/2014/auto_btn02.png) no-repeat; color:#666; line-height:30px; text-align:center; padding-left:5px;} #Article .auto_list .l a:hover.xiangq {background:url(../images/2014/auto_btn01_cur.png) no-repeat;} #Article .auto_list .l a:hover.shijia {background:url(../images/2014/auto_btn02_cur.png) no-repeat;} #Article .auto_list .r {float:left; width:420px;} #Article .auto_list .r dt{height:100px; overflow:hidden;} #Article .auto_list .r dt h1{height:25px; line-height:25px; font-size:0px; text-indent:-10000px; display:black;} #Article .auto_list .r dt .boliger{background:url(../images/2014/auto_h1.png) no-repeat left 0px;} #Article .auto_list .r dt .santafe{background:url(../images/2014/auto_h1.png) no-repeat left -25px;} #Article .auto_list .r dt .terracan{background:url(../images/2014/auto_h1.png) no-repeat left -50px;} #Article .auto_list .r dt .e70{background:url(../images/2014/auto_h1.png) no-repeat left -75px;} #Article .auto_list .r dt .b11{background:url(../images/2014/auto_h1.png) no-repeat left -100px;} #Article .auto_list .r dt .newsantafe{background:url(../images/2014/auto_h1.png) no-repeat left -125px;} #Article .auto_list .r dt .xev260{background:url(../images/2014/auto_h1.png) no-repeat left -150px;} #Article .auto_list .r dt .iev230{background:url(../images/2014/auto_h1.png) no-repeat left -175px;} #Article .auto_list .r dt .e80{background:url(../images/2014/auto_h1.png) no-repeat left -200px;} #Article .auto_list .r dt .e70l{background:url(../images/2014/auto_h1.png) no-repeat left -225px;} #Article .auto_list .r dt .ev160{background:url(../images/2014/auto_h1.png) no-repeat left -250px;} #Article .auto_list .r dt h2{height:35px; line-height:25px; font-size:14px; color:#999;} #Article .auto_list .r dt h2 span{color:#c00;} #Article .auto_list .r dt li{float:left; width:210px; height:20px; line-height:20px; font-size:12px; color:#666;} #Article .auto_list .r dd{height:80px; margin-top:20px; overflow:hidden;} #Article .auto_list .r dd li{float:left; width:130px; height:80px; overflow:hidden;} #Article .autocontent{ overflow:hidden;} #Article .autocontent h1{color:#333; font:normal 20px/30px "Microsoft Yahei",arial; padding:10px 0 5px; text-indent:0;} #Article .autocontent p{font-size:14px;line-height:22px;text-align:justify;word-wrap:break-word; padding:7px 0; text-indent:2em; color:#666;} #Article .autocontent div{font-size:14px;line-height:22px;text-align:justify;word-wrap:break-word;} #Article .autocontent td {font-size:12px;padding:6px;} #Article .autocontent .autocontent360{ height:12px; margin:10px 0;} #Article .autocontent .autocontent360 a{float:left; display:block; width:30px; height:12px; margin-right:10px; font-size:0; text-indent:-10000;} #Article .autocontent .autocontent360 span{float:left; display:block; height:12px; margin-right:5px; line-height:12px; font-size:12px;} #Article .autocontent .sp_m { margin:10px 0;} #Article .autocontent .sp_m li { float:left; width:207px; height:123px; margin:0 10px 10px 0;} #Article .autocontent .sp_m li img { border:1px solid #666;} /*车型主页20170605*/ .auto_banner{margin:0 auto; min-width:1200px; width:100%; height:650px; background-position:center bottom; background-repeat:no-repeat;} /*车型页菜单*/ .placeholder { width:1200px; height:0px; overflow:hidden;} .auto_nav{width:100%; height:70px; background:#fafafa; border-bottom:1px solid #ddd;} .auto_nav .newsantafe{background:url(../images/2017/n_newsantafe.png) no-repeat left center; padding-left:350px;} .auto_nav .santafe{background:url(../images/2017/n_jdsantafe.png) no-repeat left center; padding-left:400px;} .auto_nav .XEV520{background:url(../images/2018/n_XEV520.png) no-repeat left center; padding-left:400px;} .auto_nav .XEV480{background:url(../images/2018/n_XEV480.png) no-repeat left center; padding-left:400px;} .auto_nav .XEV260{background:url(../images/2018/n_XEV260.png) no-repeat left center; padding-left:400px;} .auto_nav .XEV360{background:url(../images/2018/n_XEV360.png) no-repeat left center; padding-left:400px;} .auto_nav .iEV380{background:url(../images/2018/n_iEV380.png) no-repeat left center; padding-left:400px;} .auto_nav .iEV230{background:url(../images/2018/n_iEV230.png) no-repeat left center; padding-left:400px;} .auto_nav .iEV360{background:url(../images/2018/n_iEV360.png) no-repeat left center; padding-left:400px;} .auto_nav .EV160B{background:url(../images/2018/n_EV160B.png) no-repeat left center; padding-left:400px;} .auto_nav .EV160R{background:url(../images/2018/n_EV160R.png) no-repeat left center; padding-left:400px;} .auto_nav .santafe5{background:url(../images/2018/n_santafe5.png) no-repeat left center; padding-left:400px;} .auto_nav .santafe7{background:url(../images/2018/n_santafe7.png) no-repeat left center; padding-left:400px;} .auto_nav .S5{background:url(../images/2018/n_S5.png) no-repeat left center; padding-left:400px;} .auto_nav .XEV180{background:url(../images/2018/n_XEV180.png) no-repeat left center; padding-left:400px;} .auto_nav .iEV160{background:url(../images/2018/n_iEV160.png) no-repeat left center; padding-left:400px;} .auto_nav .boliger{background:url(../images/2017/n_boliger.png) no-repeat left center; padding-left:350px;} .auto_nav .e80{background:url(../images/2017/n_e80.png) no-repeat left center; padding-left:350px;} .auto_nav .e70{background:url(../images/2017/n_e70.png) no-repeat left center; padding-left:350px;} .auto_nav .e70l{background:url(../images/2017/n_e70l.png) no-repeat left center; padding-left:350px;} .auto_nav .EV380{background:url(../images/2017/n_EV380.png) no-repeat left center; padding-left:350px;} .auto_nav .EV330{background:url(../images/2017/n_EV330.png) no-repeat left center; padding-left:350px;} .auto_nav .new_S5{background:url(../images/2017/n_new_S5.png) no-repeat left center; padding-left:350px;} .auto_menu{margin:0 auto; width:800px; height:40px; padding:15px 0;} .auto_menu span{display:inline-block; padding:10px 25px; height:20px; line-height:20px; font-size:16px; color:#4a4a4a; cursor:pointer; border-right:1px solid #eaeaea; margin-left:-3px;} .auto_menu span.hover{background:#b00; color:#fff;} /*end*/ .autocontent{width:100%; padding:70px 0;} .autocontent dl{margin:0 auto; width:1200px;} .autocontent dt{height:70px; margin-bottom:20px; font-size:0; text-indent:-9999px; color:#fafafa; background-position:left top; background-repeat:no-repeat;} .autocontent dt.gaikuang{background-image:url(../images/2017/auto_title_1.png);} .autocontent dt.meitu{background-image:url(../images/2017/auto_title_2.png);} .autocontent dt.panoramic{background-image:url(../images/2017/auto_title_3.png);} .autocontent dt.highlight{background-image:url(../images/2017/auto_title_6.png);} .autocontent dt.media{background-image:url(../images/2017/auto_title_4.png);} .autocontent dt.configuration{background-image:url(../images/2017/auto_title_5.png);} .autocontent dt.video{background-image:url(../images/2017/auto_title_7.png);} /*dd定义*/ .autocontent dd{margin:0 auto;} .autocontent dd.gaikuang{width:1150px; line-height:22px; font-size:14px; color:#4a4a4a; text-align:justify; word-wrap:break-word;} .autocontent dd.gaikuang h1{margin:15px 0 10px; font-size:18px; font-weight:normal;} .autocontent dd.meitu_h{width:1150px; height:734px; background:#fafafa;} .autocontent dd.swf_360_h{width:978px; height:480px; background:url(../images/2014/loading.gif) no-repeat center;} .autocontent dd.video_h{text-align:center;} /*参数配置表格样式*/ .autocontent dd.configuration{width:1150px; border-bottom:1px solid #d5d5d5;} .autocontent dd.configuration table{width:100%; border-collapse:collapse;} .autocontent dd.configuration table.cx{width:100%; background:#f3f3f3;} .autocontent dd.configuration table.pz{width:100%; background:#fff; margin:-1px 0;} /*.autocontent dd.configuration table th{width:20%;}*/ .autocontent dd.configuration table th, .autocontent dd.configuration table td{height:40px; padding:0; border:1px solid #d5d5d5; font-size:14px; text-align:center; color:#5a5a5a; word-break:break-all;} .autocontent dd.configuration table th{font-weight:normal;} .autocontent dd.configuration table .title{background:#6a6a6a;} .autocontent dd.configuration table .title th{color:#fff;} /*参数配置滚动条样式*/ #scrollbar1 { width:100%; clear: both; position:relative;} #scrollbar1 .viewport {width:100%; height:400px; overflow: hidden; position: relative; } #scrollbar1 .overview {width:100%; list-style: none; position: absolute; left: 0; top: 0; } #scrollbar1 .scrollbar,#scrollbar1 .thumb .end,#scrollbar1 .thumb { background:transparent url(../images/2017/bg-scrollbar.png) no-repeat;} #scrollbar1 .scrollbar {position:absolute; background-position:0 0; float: right; width:16px; top:0; right:0; z-index:9;} #scrollbar1 .track {height:100%; width:16px; position:relative;} #scrollbar1 .thumb {background-position:100% 100%; height:50px; width:16px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0;} #scrollbar1 .disable {display:none; } /*车型页新闻*/ .autocontent dd.auto_news_list{padding:10px 0 0;} .autocontent dd.auto_news_list li{float:left; width:585px; margin-right:30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;} .autocontent dd.auto_news_list li span.tit{display:block; height:40px; font-size:20px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .autocontent dd.auto_news_list li:hover span.tit{color:#b00;} .autocontent dd.auto_news_list li span.pic{float:left; width:240px; height:135px; margin-right:20px; overflow:hidden; position:relative;} .autocontent dd.auto_news_list li span.pic img{width:100%; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} .autocontent dd.auto_news_list li:hover span.pic img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s;} .autocontent dd.auto_news_list li span.pic ol{width:240px; height:135px; /*background:url(../images/2017/auto_news_list_li_pic.png) no-repeat;*/ position:absolute; left:0; top:0; z-index:9;} .autocontent dd.auto_news_list li span.date{display:block; padding:5px 0 10px; height:20px; line-height:20px; font-size:12px; color:#aaa;} .autocontent dd.auto_news_list li span.desc{display:block; height:88px; line-height:22px; font-size:14px; color:#888; text-align:justify; text-justify:inter-ideograph; overflow : hidden;} .autocontent dd.auto_news_list li span.desc .more{display:inline-block; margin-left:10px; color:#b00;} /*下载专区*/ #Article .title{font-size:22px;} #Article .down_top{height:224px; overflow:hidden;} #Article .down_top li, #Article .down li{ float:left; width:310px; height:auto; margin-right:20px; margin-bottom:20px; overflow:hidden;} #Article .down_top li img, #Article .down li img {width:310px; height:174px; display:block; overflow:hidden;} #Article .down_top li img, #Article .down li:hover img {filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} #Article .down_top li span a, #Article .down li span a{color:#999;} #Article .down_top li, #Article .down li span.con{display:block; height:40px; line-height:40px; font-size:16px; color:#4a4a4a; border-bottom:1px solid #eee;} #Article .down li span.con img.play, #Article .down li span.con img.download {float:right; display: block; padding:8px 4px; width:24px; height:24px;} #Article .down li span.con:hover img.play, #Article .down li span.con:hover img.download {filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} #Article .down_info{ width:100%; background:#DCE7F3;} #Article .down_info td,.down_info th{ background:#fff; padding:10px; color:#555; font-size:15px;} #Article .down_info th { width:120px;} #Article .down_info2 h5, #Article .down_info3 h5{ height:25px; line-height:25px; font-size:15px; font-weight:bold; margin:10px 0px; background:none; border-bottom:1px solid #DCE7F3;; text-align:left; padding-left:0px;} #Article .down_info2 li, #Article .down_info3 li {float:left; display:block; margin:0 20px 20px 0; line-height:20px; text-align:center; font-size:16px;} #Article .down_info3 { height:190px; overflow:hidden;} #Article .down_info3 li { position:relative;} #Article .down_info3 img { padding:2px; border:1px solid #eee;} /* 分页 */ #pages {padding:10px 0; font-family:"MicroSoft YaHei",arial; text-align:center;} #pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px} #pages a.a0, #pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 } #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none } #pages span { display:inline-block; height:22px; line-height:22px; background:#d88; border:1px solid #d55; color:#fff; text-align:center;padding:0 10px} .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } #Article .content #pages a.a0 {display:none;} /* 选项卡CSS */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display: none;} } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav {display: none;} } /* Skin */ .ui-tabs-nav, .ui-tabs-panel {} .ui-tabs-nav {list-style: none; margin: 0; background:#5b99d6;} .ui-tabs-nav:after {display: block; clear: both; content: " ";} .ui-tabs-nav li {float: left; min-width:100px; margin-right:-1px; border:1px solid #fff; border-bottom:none; border-top:none;} .ui-tabs-nav a {display:block; color: #fff;font-size:18px;line-height:150%;text-align: center;text-decoration: none;white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */} .ui-tabs-nav .ui-tabs-selected a {position:relative; z-index:2; color:#fff;} .ui-tabs-nav a span {min-width:100px; width:auto; height:50px; line-height:50px; padding:0 25px;/* background:#5b99d6;*/ display:block;} .ui-tabs-nav .ui-tabs-selected a span {padding-bottom:13px; margin-bottom:-13px; background: url(../images/2018/ui-tabs-nav-li-on.png) no-repeat center bottom;} .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;} .ui-tabs-disabled {opacity:.4;filter: alpha(opacity=40);} .ui-tabs-panel {/*border-top: 1px solid #ddd;*/ padding:20px 0;} .ui-tabs-loading em {padding: 0 0 0 20px;} * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */display: inline-block;} *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;} /* 选项卡结束 */ /*预约试驾右侧*/ .form_auto{padding:20px 20px 9px!important; padding:20px 10px 9px; background:#fafafa url(../images/2014/left_topbg.png) no-repeat right top; border:1px solid #ddd; /*box-shadow: 0 0px 3px 0 #ccc;*/} .form_auto .catname{height:27px; line-height:27px; border-bottom:1px solid #c00; font-weight:bold; font-size:15px; color:#fff; text-align:center;} .form_auto .catname span{ float:left; display:block; padding:0 10px; background:#c00; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;} .form_auto .title{ position:relative;} .form_auto .title span{ position:absolute; top:0; left:0; color:#999; font-weight:bold;} .form_auto .img { width:120px; height:66px; padding:0 25px;} .form_auto .form_c{height:auto;} .form_auto .form_c h2 { float:left; display:block; height:20px; line-height:20px; color:#fff; font-weight:normal; text-align:center; font-size:0;} .form_auto .form_c h2 span { color:#c00; font-weight:bold; font-size:12px;} .form_auto .form_c li{display:none;} .form_auto a.xq/*, .form_auto a.sj*/{ float:right; display:block; width:60px; height:20px; line-height:20px; margin:0 5px; text-align:center; color:#fff; font-size:12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .form_auto a.xq{ background:#bbb;} .form_auto a:hover.xq{ background:#ccc;} /*.form_auto a.sj{ background:#6ce;}*/ /*经销商、服务商内容页*/ .dealers_show { margin:0 auto; width:960px; height:585px; border:10px solid #fff; border-top-width:5px;} .dealers_show dt { height:25px; line-height:25px; font:12px "MicroSoft YaHei","宋体",arial; background:#fff; overflow:hidden;} .dealers_show dd { height:560px; background:#eee;} .dealers_show span { display:block; float:left; padding-right:15px;} /*在线投诉start*/ .tousu_head { line-height: 50px; height: 50px; padding-top: 10px; font-size: 14px; color: #666; font-weight: bold;} .tousu_head .l { float:left; width:90px;} .tousu_head i.part2 { background-image: url(../images/store/test_run_2.jpg); } .tousu_head i.part3 { background-image: url(../images/store/test_run_3.jpg); } .tousu_content { position: relative; padding:40px; font-family: "microsoft yahei"; background:#fff;} .tousu_content td { padding: 0px; position: relative; } .tousu_content td .pr { width:395px; } .tousu_content .tate { margin-left: 0; } .tousu_content td .info { border: 1px solid #ADADAD; color: #727272; width: 200px; padding-left: 20px; line-height: 18px; padding-top: 5px; padding-bottom: 5px; } .tousu_content .info a { color: #242424; text-decoration: underline; display: block; margin-top: 10px;} .tousu_content .city { } .tousu_content .city .tate strong { width: 82px} .tousu_content .t1 { width: 45px; text-align: left; position: relative; font-size: 14px; color: #717171; font-weight: bold; line-height:30px;} .tousu_user_info { } .tousu_content .n { color: #717171; font-size: 14px; font-weight: bold; padding-bottom: 8px;} .tousu_user_info .gl_height { height: 40px; } .tousu_user_info .gl_height_mail { height: 80px; } .tousu_content .xuantian { background:#fffdee; border:1px solid #ffe6bc; padding:20px 20px 10px;} .tousu_content .xuantian .title2 { position:absolute; display:block; width:90px; height:20px; padding:5px; background:#ffffcc; border:1px solid #ffe6bc; margin-top:-35px; text-align:center;-moz-border-radius: 10px;/* Gecko browsers */ -webkit-border-radius: 10px;/* Webkit browsers */ border-radius:10px;/* W3C syntax */} .tousu_content .type { margin-bottom:30px; padding:0; height:40px;} .tousu_content .type .l { float:left; width:49px; height:30px; line-height:30px; font-size: 14px; color: #717171; font-weight: bold;} .tousu_content .type .r { float:left; display:block; height:30px; line-height:30px; position:relative; z-index:99;} .tousu_content .xuantian .chexing {float:left; margin-right:50px; padding:0; height:35px;} .tousu_content .xuantian .chexing .l { float:left; width:65px; height:30px; line-height:35px; font-size: 14px; color: #717171; font-weight: bold;} .tousu_content .xuantian .chexing .r { float:left; display:block; height:30px; line-height:35px; position:relative; z-index:98;} .tousu_content .xuantian .jingxs {float:left; margin:0; padding:0; height:35px;} .tousu_content .xuantian .jingxs .l { float:left; width:65px; height:35px; line-height:35px; font-size: 14px; color: #717171; font-weight: bold;} .tousu_content .xuantian .jingxs .r { float:left; display:block; height:35px; line-height:35px; position:relative; z-index:97;} .tousu_content fieldset.selectBox { float:left; padding:0; margin:0; border:none;} .selectBox #packageBox, .x-region-child-0 { width: 100%; display: block; height: 37px; } .tousu_content fieldset.selectBox div {} .tousu_content fieldset.selectBox .dropselectbox { padding: 0; margin: 0; } .tousu_content fieldset.selectBox .dropdown { padding: 0; margin: 0; } .tousu_content fieldset.selectBox .red_parent, .tousu_user_info .red_parent { height: auto; width: 265px; display: block; } .tousu_content fieldset.selectBox div .red{ position: absolute; right: -20px; font-style: normal; top: -25px; color: #d31a28; font-size: 16px; padding: 0 5px; line-height: 25px;} .tousu_content fieldset.selectBox label { line-height: 15px; width: 100%; display: block; height: 15px; padding-bottom: 5px; text-align:left; font-size: 14px; color: #717171; font-weight: bold; } .tousu_content fieldset.selectBox span { margin-right:7px; } .tousu_content .other_info { height: 24px; cursor: pointer; width: 208px; border: 1px solid #c8c8c8; background: url(../images/store/other_info.jpg) left top repeat-x; text-align: center; line-height: 24px; color: #333; font-size: 12px; } .tousu_content .other_checkb { margin-top: 7px;} .tousu_pop { width: 702px; height: 502px; z-index: 1000; display: none; left: 50%; top: 50%; margin: 0 0 0 -350px; padding: 10px; background: #fff; position: absolute; } .tousu_pop .close { width: 19px; position: absolute; cursor: pointer; height: 19px; right: 0; top: -19px; background: url("../images/store/glory_close.jpg") no-repeat scroll 0 0 transparent;} .tousu_pop .show_div { width: 700px; height: 500px; border: 1px solid #ccc; } .tousu_user_info label { float: left; line-height: 18px; padding-top: 3px; padding-left: 5px; cursor: pointer;} .tousu_user_info .name label span { width: 18px; height: 18px; float: left; background-position: -361px 0px; } .tousu_user_info .name label.on span { background-position: -380px 0px; } .tousu_user_info .name strong { padding-left: 3px; } .tousu_user_info .winput, .tousu_user_info .name input { border: 1px solid #ADADAD; float: left; height: 19px; line-height: 23px; padding: 5px; font-size:14px; color:#4a4a4a;} .tousu_user_info .name input { width: 112px; } .tousu_user_info .winput { width:355px; } .tousu_user_info .tip { color: #d20000; clear: both; line-height: 30px; background: url(../images/ico_error.jpg) left center no-repeat; padding-left: 22px; } .tousu_user_info .cla { height: 25px; color: #3d3d3d; } .tousu_user_info .cla input { vertical-align: middle; margin-top: -2px; margin-right: 5px;} .sub_tousu { width: 103px; height: 32px; background: url(../images/store/sub_fk.png) no-repeat; margin-top: 10px; } /*在线投诉end*/ /*品牌专区*/ /*品牌形象幻灯通用*/ #slideshow_wrapper { POSITION: relative; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #121212; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; OVERFLOW: hidden; PADDING-TOP: 0px} #slideshow_footbar { Z-INDEX: 5; POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 20px} #slideshow_photo { POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; CURSOR: pointer} #slideshow_photo A { Z-INDEX: 1; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; MARGIN: 0px; DISPLAY: block; BORDER-TOP: 0px; TOP: 0px; BORDER-RIGHT: 0px; LEFT: 0px} #slideshow_footbar .slideshow-bt { BACKGROUND-COLOR: #d2d3d4; MARGIN: 4px 10px 0 0; WIDTH: 8px; DISPLAY: inline; FLOAT: right; HEIGHT: 8px; FONT-SIZE: 0px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #slideshow_footbar .bt-on { BACKGROUND-COLOR: #c00;} /*#brand_main { margin:0 auto 10px; width:980px;}*/ .brand_head {padding:0 2px 25px;} .brand_head .title { height:40px; font:800 24px/40px "MicroSoft YaHei", Arial, "Times New Roman"; color:#333;} .brand_head .title .area, .brand_head .title .area a { padding:15px 10px 0; font:12px/25px "SimSun","Microsoft Yahei",Arial,Tahoma,sans-serif; color:#b00;} .brand_head .title .map, .brand_head .title .map a { padding:15px 0 0; font:12px/25px "SimSun","Microsoft Yahei",Arial,Tahoma,sans-serif; color:#b00;} .brand_head .slogan { float:left; width:376px; height:25px; font:14px/25px "MicroSoft YaHei", Arial, "Times New Roman"; color:#555; overflow:hidden;} .brand_head .address { float:right; width:600px; height:25px; font:12px/25px "MicroSoft YaHei", Arial, "Times New Roman"; color:#555; text-align:right; overflow:hidden;} .brand_head .address span { font:14px/25px Georgia, "Times New Roman", Times, serif; color:#b00;} .brand_left {float:left; width:680px;} .brand_left .brandhd { width:660px; height:320px; padding:10px; background:#fafafa url(../images/2014/centent_topbg.png) no-repeat right top; overflow:hidden; /*box-shadow:0 0 3px 0 #ccc;*/ behavior:url(../statics/js/PIE/pie.htc);} .brand_left .brandhd a { cursor:auto;} /*.brand_left_top { width:680px; height:4px; font-size:1px; line-height:1px; background:url(../img/brand_left_top.png) no-repeat left top;} .brand_left_bottom { width:680px; height:4px; font-size:1px; line-height:1px; background:url(../img/brand_left_bottom.png) no-repeat left bottom;}*/ .brand_left .chexing, .brand_left .consultant { width:660px; padding:20px 10px; background:#fafafa url(../images/2014/centent_topbg.png) no-repeat right top; overflow:hidden; /*box-shadow:0 0 3px 0 #ccc;*/ behavior:url(../statics/js/PIE/pie.htc); overflow:hidden;} .brand_left .chexing dt { height:20px; padding-bottom:5px; border-bottom:1px solid #ddd; font:800 14px/20px "MicroSoft YaHei", Arial, "Times New Roman"; color:#333;} .brand_left .chexing dt i {display:block; width:5px; height:12px; margin:4px 4px 0 0; float:left; background:#c00;} .brand_left .chexing dd {padding:10px 0;} .brand_left .chexing dd .autoone { float:left; width:200px; padding:0 10px; text-align:center; overflow:hidden;} .brand_left .chexing dd .autoone h2 { height:20px; line-height:20px; overflow:hidden;} .brand_left .chexing dd .autoone h2 span{color:#c00;} .brand_left .chexing dd .autoone li { display:none;} .brand_left .chexing dd .autoone ol { float:right; margin:4px; width:56px; height:20px; border:1px solid #ddd; background:#f4f4f4; font:12px/20px "MicroSoft YaHei", Arial, "Times New Roman"; text-align:center; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .brand_left .chexing dd .autoone .sj, .brand_left .chexing dd .autoone .dc{ color:#960;} .brand_left .consultant dt { height:20px; padding-bottom:5px; border-bottom:1px solid #ddd; font:800 14px/20px "MicroSoft YaHei", Arial, "Times New Roman"; color:#333;} .brand_left .consultant dt i {display:block; width:5px; height:12px; margin:4px 4px 0 0; float:left; background:#c00;} .brand_left .consultant dd { padding:10px 4px 0; overflow:hidden;} .brand_left .consultant dd img { float:left; width:60px; height:80px; padding:10px 0 5px;} .brand_left .consultant dd ul { float:left; width:144px; height:80px; padding:10px 5px 5px;} .brand_left .consultant dd li { height:20px; font:12px/20px "MicroSoft YaHei", Arial, "Times New Roman"; color:#555; overflow:hidden;} @media all and (min-width:1210px){ .brand_left {float:left; width:910px;} .brand_left .brandhd { width:890px; height:360px; overflow:hidden;} #slideshow_photo img { width:890px; height:435px;} .brand_left .chexing, .brand_left .consultant { width:890px;} } .brand_right { float:right; width:280px;} .brand_right dt { padding:0 10px; background:#c00; height:35px; font:800 14px/35px "MicroSoft YaHei", Arial, "Times New Roman"; color:#fff; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .brand_right dd { background:#fafafa; /*box-shadow:0 0 3px 0 #ccc;*/ behavior:url(../statics/js/PIE/pie.htc); padding:10px 20px; font:12px/22px "MicroSoft YaHei", Arial, "Times New Roman"; color:#555;} .brand_right .introduction { text-indent:2em;} .brand_right dd .contact { padding:5px 0 0; border-top:1px dashed #ddd; font:12px/22px "MicroSoft YaHei", Arial, "Times New Roman"; color:#555; text-indent:0;} .brand_right .content { padding:10px 15px; line-height:19px; overflow:hidden; color:#555;} .brand_right .content a { color:#555;} .brand_right .content img { float:left; padding:4px 4px 4px 0;} .brand_right .map { padding:8px; overflow:hidden;} #Article .list_brand li { width:226px; height:140px; text-align:center;} #Article .list_brand li img { padding:2px; border:1px solid #ddd;} #Article .catname_brand { height:30px; margin-bottom:10px; border-bottom:1px solid #ddd; font:16px/30px "MicroSoft YaHei", "宋体", Arial, "Times New Roman", serif; color:#333;} #Article .catname_brand span { float:left; margin-left:11px; padding:0 15px; display:block; overflow:hidden; background:#eee; border:1px solid #ddd; border-bottom:none; cursor:pointer;} #Article .catname_brand span a { color:#333;} /*华泰事迹*/ .history{width:100%; padding:0; background:url(../images/2014/vertical.png) repeat-y 90px 0; _background:none;} .history dl{margin:0; padding:0;} .history dt{height:60px; margin-left:20px;} .history dl dt span{ display:block; width:140px; height:40px; line-height:40px; background:#fff; border:5px solid #e3e3e3; border-radius:0px; cursor:pointer; overflow:hidden; text-align:center; font-size:24px; font-weight:bold; color:#c00; /* -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; -o-transition: -o-transform 0.7s ease-out; -ms-transition: -ms-transform 0.7s ease-out;*/} .history dl:hover dt span{background:#c00; color:#fff; border:5px solid #c00;} .history dl dt span, .history dl:hover dt span{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; /* -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);*/} .history dd{padding:0;} /* .history dd .img{padding:20px 20px 0 0; float:left; width:200px;} .history dd .img img{margin-bottom:10px;} */ .history dd .year{float:left; width:100%;} .history dd .year li{height:auto; margin-bottom:10px; font-size:14px; clear:both;} .history dd .year li a{float:left; display:block;} .history dd .year li .time{width:70px; padding:5px 0 0; color:#555; text-align:right; padding-right:50px; background:url(../images/2014/time.png) no-repeat 82px 6px;} .history dd .year li:hover .time{display:block; background:url(../images/2014/time2.png) no-repeat 82px 6px;} .history dd .year li .time, .history dd .year li:hover .time{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } .history dd .year li .cont{float:left; width:760px; color:#555; line-height:20px;} .history dd .year li .cont img{float:left; width:200px; height:auto; display:block; overflow:hidden; margin-right:10px; cursor:pointer;} .history dd .year li .cont img:hover{width:500px;} .history dd .year li .cont img, .history dd .year li .cont img:hover{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } /*手机站css*/ .about_txt{ background:#f4f4f4; padding:10px;} .about_txt, .about_txt p, .about_txt div{font-size:1.0em; color:#000; text-align:left; line-height:170%; text-indent:2em; margin:0; text-align:justify;} .about_txt div{ text-indent:0;} .about_txt div[style]{ text-align:left; text-indent:0; color:#888; font-size:0.8em; line-height:150%; margin-bottom:5px;} .about_txt img{margin:10px auto 5px; max-width:100%;width:expression(this.width > 100% && this.width > this.height ? 100% : true); height:auto; overflow:hidden;} .about_txt img[style]{width:100%; height:auto !important;} /*华泰事迹表格*/ .about_txt .about_year_table td{ padding:7px 0; text-indent:0; vertical-align:top; line-height:140%;} .about_txt .about_year_table td:nth-of-type(1){width:60px; font-weight:bold; text-align:center; color:#b00; background:#eee;} .about_txt .about_year_table td:nth-of-type(2){width:70px; padding-right:5px; text-align:right; background:#eee url(../images/wap/line4.png) repeat-y right 0; background-size:1px 100%;} .about_txt .about_year_table td:nth-of-type(3){padding-left:5px;} .about_txt .yearimg{position:relative; text-align:center;} .about_txt .yearimg span{z-index:99; position:absolute; left:0; bottom:0; width:100%; height:1.8em; line-height:1.8em; font-size:0.75em; text-align:center; color:#fff; background:#000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;} /*华泰荣誉表格*/ .about_txt .about_rongyu_table td{text-indent:0; line-height:135%; font-size:95%; background:#e6e6e6;} .about_txt .about_rongyu_table td:nth-of-type(1){vertical-align:top;} .about_txt .about_rongyu_table td:nth-of-type(1) img{padding:0; margin:0;} .about_txt .about_rongyu_table td:nth-of-type(2){width:60%; padding-left:5px;} .about_txt .about_rongyu2_table th{padding:2px 0; color:#b00;text-indent:0; font-size:95%; background:url(../images/wap/line2.png) repeat-x 0 bottom; background-size:100% 1px;} .about_txt .about_rongyu2_table td{text-indent:0; line-height:135%; padding:4px 0; vertical-align:top; font-size:95%;} #Article .content .join{margin:0 auto; height:354px; background:url(../../uploadfile/about/join2.jpg) no-repeat center top;} @media all and (min-width:1210px){ #Article .content .join{margin:0 auto; height:480px; background:url(../../uploadfile/about/join.jpg) no-repeat center top;} } /*华泰金融*/ .clear{ clear:both;} .banner_r{height:500px;} .location_r {margin:0 auto 0; width:830px; height:66px; padding-top:60px; padding-left:150px; font-family:"SimSun","Microsoft Yahei",Arial,Tahoma,sans-serif;color:#777;} .location_r a {color:#777;} .location_r span {color:#777;} #Article .title_r{width:200px; height:50px; padding-left:30px; background:url(../images/2015/cate_title1.png) no-repeat; line-height:40px; font-size:16px; font-weight:bold; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; color:#fff; position:absolute; left:-40px; top:0px; z-index:9;} #Article .from_r{background:url(../images/2015/kuaisudai2.jpg) no-repeat left bottom;} #Article .from_r,#Article .from_r1,#Article .from_r2,#Article .from_r3,#Article .from_r4,#Article .from_r5,#Article .from_r6{height:auto; position:relative;} #Article .from_r .tab{width:450px; float:right; background:#fff; box-shadow:2px 2px 5px #eee;} #Article .from_r .tab dt{height:45px; line-height:45px; padding-left:55px; background:#b00 url(../images/2015/fron_dt.png) no-repeat 20px center; font-size:16px; color:#fff;} #Article .from_r .tab dd{ padding:15px 40px; border:1px solid #eee; border-top:none;} #Article .from_r .tab dd td{padding:4px 0; font-size:14px;} #Article .from_r .tab dd td .txt{width:272px; height:25px; line-height:25px; padding:2px; border:1px solid #ddd; font-size:14px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif;} #Article .from_r .tab dd td .btn{width:100px; height:35px; line-height:35px; font-size:16px; background:#b00; border:none; color:#fff; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; cursor:pointer;} #Article .from_r .tab dd td .select_text{width:135px; height:30px; line-height:30px; border:1px solid #ddd; font-size:14px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif;} #Article .from_r1{ padding:100px 0 60px 0;} #Article .from_r1 ul li{ margin-left:30px; float:left; font-size:16px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; color:#666; line-height:50px; text-align:center;} #Article .from_r1 ul li.l1{ margin-left:55px;} #Article .from_r1 ul li span{ width:87px; height:87px; display:block;} #Article .from_r1 ul li span.s1{ background:url(../images/2015/ico_red_small.png) no-repeat} #Article .from_r1 ul li span.s2{ background:url(../images/2015/ico_red_small.png) no-repeat -86px 0;} #Article .from_r1 ul li span.s3{ background:url(../images/2015/ico_red_small.png) no-repeat -172px 0;} #Article .from_r1 ul li span.s4{ background:url(../images/2015/ico_red_small.png) no-repeat 0 -88px;} #Article .from_r1 ul li span.s5{ background:url(../images/2015/ico_red_small.png) no-repeat -86px -88px;} #Article .from_r2{ padding:80px 0 60px 0; } #Article .from_r2.dt{ padding:100px 0; } #Article .from_r2 p{text-indent:2em; margin-bottom:30px;font-size:16px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; line-height:30px;} #Article .from_r2 ul li{ width:111px; height:112px; margin-left:30px; float:left;} #Article .from_r2 ul li.l1{ margin-left:75px;} #Article .from_r2 ul li.b1{ background:url(../images/2015/ico_red_small.png) no-repeat 0 -175px; border-radius:8px;} #Article .from_r2 ul li.b2{ background:url(../images/2015/ico_red_small.png) no-repeat -111px -175px; border-radius:8px;} #Article .from_r2 ul li.b3{ background:url(../images/2015/ico_red_small.png) no-repeat 0 -287px; border-radius:8px;} #Article .from_r2 ul li.b4{ background:url(../images/2015/ico_red_small.png) no-repeat -111px -287px; border-radius:8px;} #Article .from_r2 ul li:hover.b1{ background:url(../images/2015/ico_red_small.png) no-repeat 0 -399px;} #Article .from_r2 ul li:hover.b2{ background:url(../images/2015/ico_red_small.png) no-repeat -111px -399px;} #Article .from_r2 ul li:hover.b3{ background:url(../images/2015/ico_red_small.png) no-repeat 0 -511px;} #Article .from_r2 ul li:hover.b4{ background:url(../images/2015/ico_red_small.png) no-repeat -111px -511px;} @media all and (min-width:1210px){ .location_r {width:1050px;} #Article .title_r{width:262px; font-size:18px;} #Article .from_r{background:url(../images/2015/kuaisudai.jpg) no-repeat left bottom;} #Article .from_r1 ul li{ margin-left:42px; float:left; font-size:18px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; color:#666; line-height:50px; text-align:center;} #Article .from_r1 ul li.l1{ margin-left:70px;} #Article .from_r1 ul li span{ width:120px; height:120px; display:block;} #Article .from_r1 ul li span.s1{ background:url(../images/2015/ico_red.png) no-repeat} #Article .from_r1 ul li span.s2{ background:url(../images/2015/ico_red.png) no-repeat -120px 0;} #Article .from_r1 ul li span.s3{ background:url(../images/2015/ico_red.png) no-repeat -240px 0;} #Article .from_r1 ul li span.s4{ background:url(../images/2015/ico_red.png) no-repeat 0 -120px;} #Article .from_r1 ul li span.s5{ background:url(../images/2015/ico_red.png) no-repeat -120px -120px;} #Article .from_r2 p{font-size:18px;} #Article .from_r2 ul li{ width:152px; height:154px; margin-left:30px; float:left;} #Article .from_r2 ul li.l1{ margin-left:106px;} #Article .from_r2 ul li.b1{ background:url(../images/2015/ico_red.png) no-repeat 0 -240px; border-radius:8px;} #Article .from_r2 ul li.b2{ background:url(../images/2015/ico_red.png) no-repeat -152px -240px; border-radius:8px;} #Article .from_r2 ul li.b3{ background:url(../images/2015/ico_red.png) no-repeat 0 -394px; border-radius:8px;} #Article .from_r2 ul li.b4{ background:url(../images/2015/ico_red.png) no-repeat -152px -394px; border-radius:8px;} #Article .from_r2 ul li:hover.b1{ background:url(../images/2015/ico_red.png) no-repeat 0 -548px;} #Article .from_r2 ul li:hover.b2{ background:url(../images/2015/ico_red.png) no-repeat -152px -548px;} #Article .from_r2 ul li:hover.b3{ background:url(../images/2015/ico_red.png) no-repeat 0 -702px;} #Article .from_r2 ul li:hover.b4{ background:url(../images/2015/ico_red.png) no-repeat -152px -702px;} } /*下拉框美化*/ .from_r .tab dd td .select {FLOAT: left; width:278px; height:30px; margin-top:1px; display:inline; margin-right:8px;} .from_r .tab dd td .text input{width:278px; height:30px; border:1px solid #eee;} .from_r .tab dd td DIV.selectbox-wrapper {border: #ddd 1px solid; MARGIN-TOP: -3px; WIDTH: 276px; POSITION: absolute; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left; z-index:900;} .from_r .tab dd td DIV.selectbox-wrapper UL LI.selected {BACKGROUND-COLOR: #eee;} .from_r .tab dd td DIV.selectbox-wrapper UL LI.current {COLOR: #fff; BACKGROUND-COLOR: #c66} .from_r .tab dd td DIV.selectbox-wrapper UL LI {WIDTH: 272px; padding:0 2px; height:25px; line-height:25px; CURSOR: pointer; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif;} .from_r .tab dd td .selectbox,.selectboxs { border:none; DISPLAY: block; padding-left:4px; width: 274px; height:30px; line-height:30px; CURSOR: pointer; background:url(../images/2015/bg01.png) no-repeat; font-size:14px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif;} /*单选框美化*/ .from_r .tab dd td .rt, .from_r .tab dd td .rt2{width:135px; height:30px; float:left; font-size:14px; font-weight:900; color:#666; background:#dfdfdf url(../images/2015/input-unchecked.png) no-repeat 15px center; line-height:30px; text-align:center; cursor:default; position:relative;left:0px; top:0px; z-index:403; overflow:hidden; margin-bottom:10px;} .from_r .tab dd td .mr{margin-right:8px;} .from_r .tab dd td .on{ background:#b61d1d url(../images/2015/input-checked.png) no-repeat 15px center; color:#FFF;} .from_r .tab dd td .ib{width:135px; height:30px; position:absolute; left:0px; top:0px; cursor:default; overflow:hidden; opacity:0; filter:alpha(opacity=0); display:block; cursor:pointer;} /*华泰金融_经销商加盟*/ #Article .from_r3,#Article .from_r5,#Article .from_r6{padding:70px 0 60px 0;} #Article .from_r3,#Article .from_r4 span,#Article .from_r5,#Article .from_r6 { font-size:14px; font-family:"Microsoft Yahei",Arial,Tahoma,sans-serif; color:#666; line-height:34px;} #Article .from_r4{ padding:250px 0 50px 0; background:url(../images/2015/ico_league_small.png) no-repeat 0 100px} #Article .from_r4 span{ display:block; float:left; line-height:34px; text-align:center; display:inline; margin-left:70px;} #Article .from_r4 span.s1{ width:154px; margin-left:0;} #Article .from_r4 span.s2{ width:200px;} #Article .from_r4 span.s3{ width:180px;} @media all and (min-width:1210px){ #Article .from_r4{ background:url(../images/2015/ico_league.png) no-repeat 30px 80px} #Article .from_r4 span{ margin-left:105px;} #Article .from_r4 span.s1{ width:197px; margin-left:25px;} #Article .from_r4 span.s2{ width:252px;} #Article .from_r4 span.s3{ width:215px;} #Article .from_r3,#Article .from_r4 span,#Article .from_r5,#Article .from_r6 { font-size:16px;} } /*华泰金融_公司简介*/ #Article .from_r5 p{ text-indent:2em; margin-bottom:10px; } #Article .from_r5 ul li{ float:left; margin-left:15px;padding-top:30px; display:inline;} #Article .from_r5 ul li img{ width:110px; height:99px;} #Article .from_r5 ul li.l5{ margin-left:35px} @media all and (min-width:1210px){ #Article .from_r5 ul li.l5{ margin-left:100px} #Article .from_r5 ul li img{ width:134px; height:121px;} } /*华泰金融_产品介绍*/ #Article .from_r6 em{ width:10px; height:10px; background-color:#b61d1d; display:block;margin:14px 8px 0; float:left; } #Article .from_r6 h2{ font-size:18px; line-height:38px; font-weight:700; border-bottom:1px solid #dddddd; margin-bottom:20px; color:#474747;} #Article .from_r6 dl{ clear:both;} #Article .from_r6 dd img{ float:right; border:1px solid #cccccc; margin-left:10px;} @media all and (min-width:1210px){ } /*左侧树形导航*/ #main .left .l_nav_r {padding:20px 0; border:1px solid #ddd; background:#fafafa url(../images/2014/left_topbg.png) no-repeat right top; /*box-shadow: 0 0px 3px 0 #ccc;*/} #main .left .l_nav_r li {height:35px; padding-left:30px; line-height:35px; border-bottom:1px solid #eee; font-size:15px; } #main .left .l_nav_r li a:hover {color:#c00; font-weight:bold;} #main .left .l_nav_r .cur {color:#fff; font-weight:bold; background:#b00 url(../images/2014/l_nav_on_r.png) no-repeat 130px top;} #main .left .l_nav_r .cur a {color:#fff; font-weight:bold;} #main .left .l_nav_r i { float:left;width:8px; height:8px; margin:14px 5px 0 0; _margin:12px 5px 0 0; background:#aaa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:0px; line-height:0;} #main .left .l_nav_r a:hover i {float:left; width:8px; height:8px; margin:14px 5px 0 0; _margin:12px 5px 0 0; background:#c00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(../statics/js/PIE/pie.htc); font-size:0px; line-height:0;} #main .left .l_nav_r .cur i {float:left; width:8px; height:8px; margin:14px 5px 0 0; _margin:12px 5px 0 0; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:0px; line-height:0;} /*2016基地*/ #Article .content .jidi_title{width:100%;} #Article .content .jidi_title .tit{float:left; clear:both; padding:15px 30px; background:#037; font-size:20px; color:#fff; border-radius:6px 6px 0 0;} #Article .content .jidi_title .con{float:left; display:block; width:100%; border-top:5px solid #ccc; font-size:32px; font-weight:bold; color:#037; line-height:38px;} #Article .content .jidi_content{width:100%;} #Article .content .jidi_content ul{margin:0; padding:0;} #Article .content .jidi_content li{list-style-type:none;} #Article .content .jidi_content li{float:left; width:49%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;} #Article .content .jidi_content li img{display:block; border:0; width:100%; height:auto; overflow:hidden;} #Article .content .jidi_content li .tit{ display:block; width:98%; padding:5px 1%; line-height:18px; font-size:12px; color:#fff; overflow:hidden; background:url(http://www.hawtaimotor.com/statics/images/2014/pic_li_span.png) repeat; position:absolute; left:0; bottom:0; z-index:9;} #Article .content .jidi_content li.l30{margin-left:2%;} /*20170116*/ .aboutlist{width:100%;} .aboutlist li{float:left; width:310px; margin-right:20px; margin-bottom:20px; position:relative;} .aboutlist li span.pic{display:block; width: 100%; height: 175px; background:#fff; height:auto; display:block; overflow:hidden;} .aboutlist li span.pic img{width:100%; height: 175px; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} .aboutlist li:hover span.pic img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;} .aboutlist li span.tit{display:block; background:#fff; padding:0 14px; width:280px; height:50px; line-height:50px; font-size:16px; color:#4a4a4a; border:1px solid #eaeaea; border-top:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .aboutlist li span.con{display:block; background:#fff; padding:15px 19px 20px; width:270px; height:115px; line-height:23px; font-size:16px; color:#999; overflow:hidden; text-align:justify; text-justify:inter-ideograph; border:1px solid #eaeaea; border-top:0;} .aboutlist li:hover span.con{color:#aaa;} .aboutlist li span.con ol.more{color:#0268bd; font-size:12px; display:block; margin-left:5px; float:right;} .aboutlist li span.bg{display:none; width:310px; height:340px; background:url(../images/2016/aboutlist_bg.png) repeat; position:absolute; left:0; top:0; z-index:9;} .aboutlist li:hover span.bg{display:block;} /*20170614营销服务*/ .m_s_list{width:100%;} .m_s_list li{float:left; width:285px; margin-right:20px; margin-bottom:20px; position:relative;} .m_s_list li span.pic{display:block; background:#fff; height:160px; display:block; overflow:hidden;} .m_s_list li span.pic img{width:100%; height:auto; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} .m_s_list li:hover span.pic img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s;} .m_s_list li span.tit{display:block; background:#fff; padding:0 20px; width:243px; height:50px; line-height:50px; font-size:18px; color:#4a4a4a; border:1px solid #eaeaea; border-top:0; text-align:center;} .m_s_list li span.bg{display:none; width:285px; height:210px; background:url(../images/2016/aboutlist_bg.png) repeat; position:absolute; left:0; top:0; z-index:9;} .m_s_list li:hover span.bg{display:block;} /*20170322产品中心*/ .auto_box{display:block; float:left; width:100%; padding:30px 0 0;} .autotype{width:100%; height:15px; padding-bottom:4px; border-bottom:1px solid #ddd; font-size:0px; text-indent:-9999px;} .autotype img{height: 100%; width: auto; display: block; overflow: hidden;} .autolist{float:left; width:310px; height:235px; margin-bottom:20px; margin-right:20px; background:#fff; position:relative; overflow:hidden; border-bottom:1px solid #eee;} .autolist .conWrap{width:310px;} .autolist .conWrap .con{width:310px; height:235px; position: relative;} .autolist .conWrap .con span.autopic{display:block; text-align:center;} .autolist .conWrap .con span.autopic img{display:block; width:310px; height:auto; overflow:hidden; transform: scale(1.0); transition: all 0.5s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.5s ease 0s;} .autolist .conWrap .con span.autopic:hover img{transform: scale(1.04); transition: all 0.5s ease 0s; -webkit-transform: scale(1.04); -webkit-transform: all 0.5s ease 0s;} .autolist .conWrap .con .autoinfo{width:100%; height:50px; padding:5px 0;} .autolist .conWrap .con .autoinfo div.name{height:30px; line-height:30px; font-size:18px; color:#4a4a4a; text-align:center;} .autolist .conWrap .con .autoinfo div.desc{height:20px; line-height:20px; overflow:hidden;} .autolist .conWrap .con .autoinfo div.desc h2{line-height:20px; font-size:14px; font-weight:normal; color:#6a6a6a; text-align:center;} .autolist .conWrap .con .autoinfo div.desc h2 span{color:#c00;} .autolist .conWrap .con .autoinfo div.desc li{display:none;} .autolist .conWrap .con .links{height:135px; padding:100px 23px 0; background:url(../images/2018/autolist_links_bg.png) repeat; position: absolute; left: 0; top: 0; z-index: 9; cursor: pointer; opacity:0;} .autolist .conWrap .con:hover .links{opacity: 1;} .autolist .conWrap .con .links, .autolist .conWrap .con:hover .links{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .autolist .conWrap .con .links span{float:left; display:block; margin:0 15px; width:100px; height:30px; line-height:30px; border:1px solid #cc9966; border-radius:4px; text-align:center; font-size:12px; background: url(../images/2018/autolist_links_bg.png) repeat;} .autolist .conWrap .con .links span a{display:block; color:#cc9966;} .autolist .p_img, .autolist .n_img{padding:100px 0 101px; cursor:pointer;} .autolist .conWrap .con .links .next{position:absolute; right:0px; top:0px; z-index:10;} .autolist .prev{position:absolute; right:0px; top:0; z-index:10;} .autolist .prevStop, .autolist .conWrap .con .links .nextStop{display:none;} .autolist .conWrap .con .autocs{padding:20px; height:195px; background:#fafafa;} .autolist .conWrap .con .autocs .name{height:33px; line-height:33px; font-size:18px; font-weight:bold; color:#907250;} .autolist .conWrap .con .autocs .name span{display:inline-block; margin-left:5px; font-size:14px; font-weight:normal;} .autolist .conWrap .con .autocs h2{margin-bottom:15px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#6a6a6a;} .autolist .conWrap .con .autocs h2 span{color:#c00;} .autolist .conWrap .con .autocs li{float:left; display:inline-block; min-width:105px; margin-right:10px; line-height:25px; font-size:14px; color:#4a4a4a; list-style:none;} .autolist .conWrap .con .smallpic{height:47px;} .autolist .conWrap .con .smallpic img{display:inline-block; margin-left:1px; width:80px; height:auto; overflow:hidden;} /*客服插件20170523*/ .floating_ck{display:none;} @media all and (min-width:1340px){ .floating_ck{position:fixed;display:block;right:0px;bottom:1px; z-index:999999;} .floating_ck li{position:relative;width:80px;height:80px;border-bottom:solid 1px #666666;text-align:center; background:url(../images/2017/floating_ck_bg1.png) repeat; cursor:pointer; display:block;} .floating_ck li:hover{background:url(../images/2017/floating_ck_bg2.png) repeat; border-bottom:solid 1px #b00; display:block;} .floating_ck li:hover .floating_left{display:block;} .floating_ck li div.shijia{background:url(../images/2017/icon_sj.png) no-repeat center 30%;} .floating_ck li div.dealers{background:url(../images/2017/icon_dealers.png) no-repeat center 30%;} .floating_ck li div.service{background:url(../images/2017/icon_service.png) no-repeat center 30%;} .floating_ck li div.phone400{background:url(../images/2017/icon_400.png) no-repeat center 30%;} .floating_ck li div.erweima{background:url(../images/2017/icon_erweima.png) no-repeat center 30%;} .floating_ck li div.goTop{background:url(../images/2017/icon_gotop.png) no-repeat center 30%;} .floating_ck li div span{color:#ccc;display:block;padding-top:54px; font-weight:normal;} .floating_left{position:absolute;left:-180px;top:0px;width:160px;height:60px;padding:10px;background:url(../images/2017/floating_ck_bg2.png) repeat;border-bottom:solid 1px #b00;display:none;} .floating_left a{color:#fff;line-height:80px;} .testdirve{height:222px;top:-162px; padding:10px;} .testdirve form ol{display:block; margin-bottom:15px; font-size:14px; color:#9e958c;} .testdirve form .iname, .testdirve .iphone{display:inline-block; width:110px; height:27px; margin:0 5px; padding:2px 5px; border:none; background:#7f7f7f; color:#eee; font-size:14px; line-height:27px; text-align:left; vertical-align:middle; border-radius:2px;} .testdirve form .isubmit{display:block; width:110px; height:31px; background:#c4142e url(../images/bottomtool/btn.png) no-repeat center; border:none; cursor:pointer; border-radius:2px; overflow:hidden; vertical-align:middle; border-radius:2px; margin-left:39px;} .floating_ewm{width:150px;height:374px;top:-324px;padding:15px;} .floating_ewm i{background-image:url(../images/2017/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;} .floating_ewm p{color:#fff;margin-top:5px;} .floating_ewm .qrcord_p01{font-size:12px;line-height:20px;} .floating_ewm .qrcord_p02{font-size:18px;} /*客服插件end*/ } /*201804首页车型*/ .i_auto{width:100%; height: 160px; background: #fafafa; border-bottom: 1px solid #eee; position: relative;} .i_auto .i_auto_ul{margin:0 auto; width: 1200px; height: 160px; overflow: hidden;} .i_auto .i_auto_ul li{float:left; width: 175px; height: 140px; padding:20px 30px 0 0; background: url(../images/2018/i_auto_line.png) no-repeat right 30px; text-align:center; font-size:14px;} .i_auto .i_auto_ul li a{color:#999;} .i_auto .i_auto_ul li img{display:block; margin:0 auto; width: 130px; height: auto; overflow:hidden;} .i_auto_left, .i_auto_right{ display:block; height:48px; width:20px; overflow:hidden; cursor:pointer; position:absolute; top:50%; margin-top:-24px;} .i_auto_left{background:url(../images/2018/left.png) no-repeat; left:50%; margin-left: -630px;} .i_auto_right{background:url(../images/2018/right.png) no-repeat; right:50%; margin-right: -630px;} .i_auto_left:hover{background:url(../images/2018/left_cur.png) no-repeat;} .i_auto_right:hover{background:url(../images/2018/right_cur.png) no-repeat;} .i_auto_left, .i_auto_left:hover, .i_auto_right, .i_auto_right:hover, .i_auto_centent .pic_li a span, .i_auto_centent .pic_li a:hover span, .i_auto_centent .pic_li .bg, .i_auto_centent .pic_li a:hover .bg{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;} /*首页车型end*/ /*首页新闻聚焦*/ .newsfocus { margin:0 auto; width:1200px; height:256px; position:relative;} .newsfocus .newsfocus_top{margin:0 auto 20px; width:1200px; height:20px; position:relative;} .newsfocus .newsfocus_top .tit{display:block; margin:0 auto; width:80px; height:20px; background:#fff; padding:0 2px; font:18px/20px "Microsoft Yahei",Arial,Tahoma,sans-serif; overflow:hidden; color:#aaa; position:absolute; left:50%; top:0; margin-left:-42px; text-align: center;} .newsfocus .newsfocus_top .more{display:block; width:40px; height:20px; padding-left:12px; background:url(../images/2018/newsfocus_more2.png) no-repeat center; position:absolute; right:447px; top:0;} .newsfocus .newsfocus_top .more a{display:block; width:40px; height:20px;} .newsfocus .newsfocus_top .bor{width:200px; height:10px; display:block; border-bottom:1px solid #e3e3e3; position:absolute; left:50%; top:0; margin-left:-100px; z-index: -1;} /* .newsfocus div{float:left} .newsfocus_left, .newsfocus_right{ display:block; height:48px; width:20px; overflow:hidden; cursor:pointer; position:absolute; top:50%;} .newsfocus_left{background:url(../images/2017/left.png) no-repeat; left:-30px;} .newsfocus_right{background:url(../images/2017/right.png) no-repeat; right:-30px;} .newsfocus_left:hover{background:url(../images/2017/left_cur.png) no-repeat;} .newsfocus_right:hover{background:url(../images/2017/right_cur.png) no-repeat;} .newsfocus_left, .newsfocus_left:hover, .newsfocus_right, .newsfocus_right:hover, .newsfocus_centent .pic_li a span, .newsfocus_centent .pic_li a:hover span, .newsfocus_centent .pic_li .bg, .newsfocus_centent .pic_li a:hover .bg{ -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s;} .picw { width:1200px; display:block; height:256px; position:relative; overflow:hidden;} .picw .newsfocus_centent { position:absolute; top:0; left:0; width:1200px; height:256px; overflow:hidden;} .picw .newsfocus_centent .pic_li{ width:384px; height:256px; margin-right:24px; display:inline-block; overflow:hidden;} .picw .newsfocus_centent .pic_li .pic{ display:block; width:384px; height:216px; overflow:hidden; position: relative;} .picw .newsfocus_centent .pic_li .pic img {width:384px; height:auto; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.3s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.3s ease 0s;} .picw .newsfocus_centent .pic_li:hover .pic img{transform: scale(1.05); transition: all 0.3s ease 0s; -webkit-transform: scale(1.05); -webkit-transform: all 0.3s ease 0s;} .picw .newsfocus_centent .pic_li .tit { display:block; width:384px; height:40px; line-height: 40px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .picw .newsfocus_centent .pic_li .tit a{color:#4a4a4a;} .picw .newsfocus_centent .pic_li:hover .tit{color:#c00;} .picw .newsfocus_centent .pic_li .pic span.play{width:58px; height:58px; position:absolute; left:50%; top:50%; margin-left:-29px; margin-top:-29px; z-index:99; background:url(../images/2017/play.png) no-repeat;} .picw .newsfocus_centent .pic_li:hover .pic span.play{background:url(../images/2017/play_cur.png) no-repeat;} .picw .newsfocus_centent .pic_li .pic span.play, .picw .newsfocus_centent .pic_li:hover .pic span.play{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;} */ .mr_frbox{height:256px;} .mr_frbox .mr_frBtnL, .mr_frbox .mr_frBtnR{ display:block; height:48px; width:20px; overflow:hidden; cursor:pointer; position:absolute; top:50%;/* margin-top:-3px;*/} .mr_frbox .mr_frBtnL{background:url(../images/2018/left.png) no-repeat; left:-30px;} .mr_frbox .mr_frBtnR{background:url(../images/2018/right.png) no-repeat; right:-30px;} .mr_frbox .mr_frBtnL:hover{background:url(../images/2018/left_cur.png) no-repeat;} .mr_frbox .mr_frBtnR:hover{background:url(../images/2018/right_cur.png) no-repeat;} .mr_frbox .mr_frUl{float:left; height:256px; width:1200px; overflow: hidden;} .mr_frbox .mr_frUl ul li{ width:384px; height:256px; margin-right:24px; display:inline-block; overflow:hidden;} .mr_frbox .mr_frUl ul li .pic{ display:block; width:384px; height:216px; overflow:hidden; position: relative;} .mr_frbox .mr_frUl ul li .pic img {width:384px; height:auto; display:block; overflow:hidden; transform: scale(1.0); transition: all 0.3s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.3s ease 0s;} .mr_frbox .mr_frUl ul li:hover .pic img{transform: scale(1.05); transition: all 0.3s ease 0s; -webkit-transform: scale(1.05); -webkit-transform: all 0.3s ease 0s;} .mr_frbox .mr_frUl ul li .tit { display:block; width:384px; height:40px; line-height: 40px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .mr_frbox .mr_frUl ul li .tit a{color:#4a4a4a;} .mr_frbox .mr_frUl ul li:hover .tit{color:#907250;} .mr_frbox .mr_frUl ul li .pic span.play{width:58px; height:58px; position:absolute; left:50%; top:50%; margin-left:-29px; margin-top:-29px; z-index:99; background:url(../images/2017/play.png) no-repeat;} .mr_frbox .mr_frUl ul li:hover .pic span.play{background:url(../images/2017/play_cur.png) no-repeat;} .mr_frbox .mr_frUl ul li .pic span.play, .mr_frbox .mr_frUl ul li:hover .pic span.play{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;} /*首页新闻聚焦end*/ /*新车展厅*/ .newautohall{margin:0 auto; width:1200px; height: auto;} .newautohall .newautohall_top{margin:0 auto 20px; width:1200px; height:20px; position:relative;} .newautohall .newautohall_top .tit{display:block; margin:0 auto; width:80px; height:20px; background:#fff; padding:0 2px; font:18px/20px "Microsoft Yahei",Arial,Tahoma,sans-serif; overflow:hidden; color:#aaa; position:absolute; left:50%; top:0; margin-left:-42px; text-align: center;} /*.newsfocus .newsfocus_top .tit span{color:#ccc; margin-left:3px; font-family:Arial,Tahoma;}*/ /*.newautohall .newautohall_top .more{display:block; width:20px; height:20px; position:absolute; right:0; top:0;} .newautohall .newautohall_top .more a{display:block; width:20px; height:20px; background:url(../images/2018/newsfocus_more.png) no-repeat center bottom;}*/ .newautohall .newautohall_top .more{display:block; width:40px; height:20px; padding-left:12px; background:url(../images/2018/newsfocus_more2.png) no-repeat center; position:absolute; right:447px; top:0;} .newautohall .newautohall_top .more a{display:block; width:40px; height:20px;} .newautohall .newautohall_top .bor{width:200px; height:10px; display:block; border-bottom:1px solid #e3e3e3; position:absolute; left:50%; top:0; margin-left:-100px; z-index: -1;} .newautohall .pic{float:left; position: relative;} .newautohall .pic img{width: 100%; height: auto; display: block; overflow: hidden; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .newautohall .pic:hover img{ filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .newautohall .newauto_1{width: 556px; height: 374px; margin:0 2px 0 0;} .newautohall .newauto_2{width: 320px; height: 186px; margin:0 2px 2px 0;} .newautohall .newauto_3{width: 320px; height: 186px; margin:0 0 2px 0;} .newautohall .newauto_4{width: 642px; height: 186px;} /*新车展厅end*/ /*底部*/ .foot {width:100%; height:auto; padding:40px 0; background:#036;} .foot .fc {margin:0 auto; width:1200px; height:auto; color:#777; font:12px/25px "Microsoft Yahei",Arial,Tahoma,sans-serif; position: relative;} .foot .fc dl{float:left; width:120px; margin-right:50px;} .foot .fc dl.w_max{width:150px;} .foot .fc dl dt{height: 30px; margin-bottom: 15px; background: url(../images/2018/foot_tit_line_1.png) repeat-x 0 bottom; font-size: 16px; color: #ccc;} .foot .fc dl dt span.tit{display:inline-block; height:30px; background: url(../images/2018/foot_tit_line_2.png) repeat-x 0 bottom;} .foot .fc dl dd{width: 100%; height: auto;} .foot .fc dl dd li{height: 22px; line-height: 22px; font-size: 12px; color:#ccc;} .foot .fc dl dd li.tit2{font-size:14px; font-weight:bold;} .foot .fc dl dd li.nav1{text-indent:28px;} .foot .fc dl dd li.nav2{font-size:14px; height: 25px; line-height: 25px;} .foot .fc dl dd li a{color:#ccc;} .foot .fc dl dd li a:hover{color:#eee;} .foot .fc .erweima_wx, .foot .fc .erweima_wb{display: block; width:110px; height:125px; position: absolute; top:200px;} .foot .fc .erweima_wx{background:url(../images/2018/erweima_wx.png) no-repeat; right: 150px;} .foot .fc .erweima_wb{background:url(../images/2018/erweima_wb.png) no-repeat; right: 0;} .copyright{width:100%; height: 60px; line-height: 60px; background: #2a2a2a; font-size:12px; color: #999; text-align: center;} /*底部end*/ /*CSS3效果*/ .fadeIn{-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;} .topIn{-webkit-animation:t_b .6s ease 1s;-moz-animation:t_b .6s ease 1s;-o-animation:t_b .6s ease 1s;animation:t_b .6s ease 1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards} .leftIn{-webkit-animation:l_r 1s ease;-moz-animation:l_r 1s ease;-o-animation:l_r 1s ease;animation:l_r 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards} .rightIn{-webkit-animation:r_l 1s ease;-moz-animation:r_l 1s ease;-o-animation:r_l 1s ease;animation:r_l 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards} .shake{-webkit-animation:shake .8s ease 1s;-moz-animation:shake .8s ease 1s;-o-animation:shake .8s ease 1s;animation:shake .8s ease 1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards} .scale{-webkit-animation:scale_r .6s ease 1s;-moz-animation:scale_r .6s ease 1s;-o-animation:scale_r .6s ease 1s;animation:scale_r .6s ease 1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards} @-webkit-keyframes easeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes easeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes easeIn{0%{opacity:0}100%{opacity:1}}@keyframes easeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes easeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes easeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes easeOut{0%{opacity:1}100%{opacity:0}}@keyframes easeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes t_b{0%{-webkit-transform:translateY(-80px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@-moz-keyframes t_b{0%{-moz-transform:translateY(-80px);opacity:0}100%{-moz-transform:translateY(0px);opacity:1}}@-o-keyframes t_b{0%{-o-transform:translateY(-80px);opacity:0}100%{-o-transform:translateY(0px);opacity:1}}@keyframes t_b{0%{transform:translateY(-80px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes l_r{0%{-webkit-transform:translateX(-80px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-moz-keyframes l_r{0%{-moz-transform:translateX(-80px);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}@-o-keyframes l_r{0%{-o-transform:translateX(-80px);opacity:0}100%{-o-transform:translateX(0px);opacity:1}}@keyframes l_r{0%{transform:translateX(-80px);opacity:0}100%{transform:translateX(0px);opacity:1}}@-webkit-keyframes r_l{0%{-webkit-transform:translateX(80px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@-moz-keyframes r_l{0%{-moz-transform:translateX(80px);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}@-o-keyframes r_l{0%{-o-transform:translateX(80px);opacity:0}100%{-o-transform:translateX(0px);opacity:1}}@keyframes r_l{0%{transform:translateX(80px);opacity:0}100%{transform:translateX(0px);opacity:1}}@-webkit-keyframes scale_r{0%{-webkit-transform-origin:100% 0;-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}@-moz-keyframes scale_r{0%{-moz-transform-origin:100% 0;-moz-transform:scale(0)}100%{-moz-transform:scale(1)}}@-o-keyframes scale_r{0%{-o-transform-origin:100% 0;-o-transform:scale(0)}100%{-o-transform:scale(1)}}@keyframes scale_r{0%{transform-origin:100% 0;transform:scale(0)}100%{transform:scale(1)}}@-webkit-keyframes shake{0%{opacity:0}10%{-webkit-transform:translateX(0px);opacity:1}30%{-webkit-transform:translateX(-20px);opacity:1}40%{-webkit-transform:translateX(20px);opacity:1}50%{-webkit-transform:translateX(-10px);opacity:1}60%{-webkit-transform:translateX(10px);opacity:1}70%{-webkit-transform:translateX(-5px);opacity:1}80%{-webkit-transform:translateX(5px);opacity:1}90%{-webkit-transform:translateX(-2px);opacity:1}100%{-webkit-transform:translateX(0px);opacity:1}}@-moz-keyframes shake{0%{opacity:0}10%{-moz-transform:translateX(0px);opacity:1}30%{-moz-transform:translateX(-20px);opacity:1}40%{-moz-transform:translateX(20px);opacity:1}50%{-moz-transform:translateX(-10px);opacity:1}60%{-moz-transform:translateX(10px);opacity:1}70%{-moz-transform:translateX(-5px);opacity:1}80%{-moz-transform:translateX(5px);opacity:1}90%{-moz-transform:translateX(-2px);opacity:1}100%{-moz-transform:translateX(0px);opacity:1}}@-o-keyframes shake{0%{opacity:0}10%{-o-transform:translateX(0px);opacity:1}30%{-o-transform:translateX(-20px);opacity:1}40%{-o-transform:translateX(20px);opacity:1}50%{-o-transform:translateX(-10px);opacity:1}60%{-o-transform:translateX(10px);opacity:1}70%{-o-transform:translateX(-5px);opacity:1}80%{-o-transform:translateX(5px);opacity:1}90%{-o-transform:translateX(-2px);opacity:1}100%{-o-transform:translateX(0px);opacity:1}}@keyframes shake{10%{transform:translateX(0px);opacity:1}30%{transform:translateX(-20px);opacity:1}40%{transform:translateX(20px);opacity:1}50%{transform:translateX(-10px);opacity:1}60%{transform:translateX(10px);opacity:1}70%{transform:translateX(-5px);opacity:1}80%{transform:translateX(5px);opacity:1}90%{transform:translateX(-2px);opacity:1}100%{transform:translateX(0px);opacity:1}}