/* CSS Document */ *{margin:0;padding:0;font-size:12px; font-family:Verdana, Geneva, sans-serif} ul,li,dl,ol{list-style:none;} input{ font-family:Verdana, Geneva, sans-serif;} a{ color:#09C; text-decoration:none;} a:hover{ text-decoration:none; color:#666} .deliv_txt1{ padding-left:20px; padding-bottom:10px} .deliv_cont{ font-family:Verdana, Geneva, sans-serif; color:#666; background:url(../images/tel_b.gif) right top no-repeat} .deliv_btn { margin-left: 22px; _margin-left:10px; padding-bottom:10px; padding-top: 15px; width: 300px; } .deliv_btn input { margin-right: 10px; } .deliv_btns { margin-left:0px; padding-bottom: 10px; padding-top: 15px; width: 300px; } .deliv_btns input { margin-right: 10px; } .f16{ font-size:16px; font-family:微软雅黑; padding-bottom:10px; color:#333} .lines{ border-bottom:1px dashed #CCCCCC; padding-bottom:10px; color:#666; width:716px;} .t_top{ padding-top:15px;} table{ font-family:Verdana, Geneva, sans-serif; color:#666} body { margin-left: 0px; margin-top: 0px; margin-right: 00px; margin-bottom: 0px; background-color: #FFF;-moz-user-select:none; } .kuang{ width:1003px; margin:0 auto} .left{ float:left} .right{ float:right} *{ text-decoration:none; border:0px; list-style:none} .L6{ margin-right:6PX;} .T16{ margin-top:16PX;} .t108{ margin-top:125px;} .header{background:url(../images/t_bg.png) repeat-x center;_background:url(../images/t_bg.GIF) repeat-x center; width:100%; height:114px; position:absolute; z-index:2; top:0px;} .nobanner{ width:100%; height:42px;} .banner_d{ background:url(../images/banner_d.gif); height:28px;} /*导航*/ .dh_bg{ width:100%;top:107px; position:absolute; z-index:2; } .dh_x{ background:url(../images/tel.gif) no-repeat; padding:0px; margin:12px 0px 0px 0px; width:225px; height:37px;color:#FFF;} .dh_x h1{ font-size:14px; padding-left:13px; padding-top:4px;} .dh_x DT { font-family:Verdana, Geneva, sans-serif; font-size:11px;padding-left:13px; margin-top:-2PX;letter-spacing:0px;} .dh_t{ background:url(../images/t_t.gif) no-repeat; padding:0px; margin:0px; width:225px; height:53px;color:#FFF;} .dh_t h1{ font-size:14px; padding-left:13px; padding-top:12px;} .dh_t DT { font-family:Verdana, Geneva, sans-serif; font-size:11px;padding-left:13px; margin-top:-2PX;letter-spacing:0px;} .side_nav { overflow: hidden; width:225px; } .side_nav ul li { height: 31px; text-align: left; width: 225px; } .side_nav ul li a { background: url("../images/t1-1.gif") no-repeat; color: #4f4e4e; display: inline-block; font-size: 12px; height: 31px; line-height: 31px; width: 225px; } .side_nav ul li a:hover, .side_nav ul li a.hover { background: url("../images/t2.gif") no-repeat ;color: #fff; font-weight:bold } .tit { padding-left: 25px; } .width758{ width:758px;} .width756{ width:716px; border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; padding:0px 20px 20px 20px;min-height:464px;_height:464px; margin-bottom:30px; line-height:24px;word-break:break-all;word-wrap:break-word; } .m_t{ background:url(../images/m_t.gif) no-repeat; padding:0px; margin:0px; width:758px; height:53px;color:#4f4e4e;} .m_t h1{ font-size:14px; padding-left:20px; line-height:40px;} .m_t span { font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-right:20px; float:right; font-weight:normal; color:#949494} .list_right { float: left; overflow: hidden; padding-bottom: 15px; position: relative; width: 716px; } .list_right li { color: #06c; float: left; line-height: 30px; list-style: none outside none; padding: 5px 0; text-align: left; width: 716px; } .list_right li span { color: #ccc; float: right; font-size: 12px; height: 20px; line-height: 20px; } .list_right li a { color: #209fa4; display: inline; float: left; font-size: 13px; text-decoration: none; } .list_right li a:hover { color: #ba102d; font-size: 13px; text-decoration: underline; } /*home*/ .width314{ width:293px; padding-right:20px; } .width225{ width:225px; margin-right:20px;_margin-right:19px; padding-bottom:25px;} .width353{ width:293px; padding:0px 40px 0px 20px; } .height440{height:440px;} .line{ border-right:1px solid #dcdbde} .yell{height:5px; background:#53ad09; overflow:hidden} .gree{height:5px; background:#f79623;overflow:hidden} .hui{height:5px; background:#d5d5d5;overflow:hidden} .home_d-x{border-bottom:1px solid #dcdbde} .home1{height:142px;} .home1-1{width:110px; height:90px; margin-right:10px;float:left;margin-top:26px;} .home1-1 img{width:110px; height:90px;} .home1-2{width:173px; height:90px;float:left;margin-top:26px;} .home1-3{padding:0px 0px 6px 0px; margin:0px; font-size:14px; font-weight:bold;color:#454545} .home1-3:hover{padding:0px 0px 6px 0px; margin:0px; font-size:14px; font-weight:bold; color:#039; text-decoration:underline} .home1-4{padding:0px 0px 0px 0px; margin:0px; font-size:12px; line-height:24px; color:#747474} .picnews{width:328px; overflow:hidden} .news_t{border-bottom:1px solid #dcdbde;border-left:1px solid #dcdbde;border-right:1px solid #dcdbde; padding-bottom:5px;} .news_t_img{width:160px; background:#CCC; height:100px; line-height:100px; text-align:center; color:#fff; margin-right:10px; margin-left:14px;_margin-left:8px;margin-top:16px;float:left; overflow:hidden} .news_t_img img{width:160px;height:100px; line-height:100px;} .news_t_m{width:142px;_width:132px; height:100px;float:left;margin-top:16px; overflow:hidden;} .news_t_t{padding:0px 0px 6px 0px; margin:0px; font-size:14px; font-weight:bold; color:#454545} .news_t_t:hover{padding:0px 0px 6px 0px; margin:0px; font-size:14px; font-weight:bold; color:#039; text-decoration:underline} .news_t_d{padding:0px 0px 0px 0px; margin:0px; font-size:12px; line-height:20px; color:#747474} .about_t{border-bottom:1px solid #dcdbde;border-left:1px solid #dcdbde;border-right:1px solid #dcdbde; padding-bottom:5px;} .about_list {width:304px; margin-left:14px; margin-top:0px; font-family:Verdana, Geneva, sans-serif; overflow:hidden; font-size:12px; height:330px; padding-top:5px; line-height:20px;} .about_list img{ width:304px;} .news_list {width:304px; margin-left:14px; margin-top:0px; font-family:Verdana, Geneva, sans-serif; overflow:hidden;height: 176px;} .news_list dt span{float:right; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#999;} .news_list dt{border-bottom:1px dashed #CCCCCC; height:25px; line-height:25px; background:url(../images/01.gif) no-repeat 0px 3px; padding-left:15px; padding-bottom:0px; padding-top:2px;} .news_list a{color: #464646;font-size: 12px;text-decoration: none} .news_list a:hover {color: #0057b9;font-size: 12px;text-decoration: none} .links_list {width:716px; margin-top:0px; font-family:Verdana, Geneva, sans-serif; overflow:hidden} .links_list dt span{float:right; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#999;} .links_list dt{border-bottom:1px dashed #CCCCCC; height:25px; line-height:25px; background:url(../images/01.gif) no-repeat 0px 3px; padding-left:15px; padding-bottom:5px; padding-top:2px;} .links_list a{color: #464646;font-size: 12px;text-decoration: none} .links_list a:hover {color: #0057b9;font-size: 12px;text-decoration: none} .news_listn {width:474px; margin-left:14px; margin-top:0px; font-family:Verdana, Geneva, sans-serif; overflow:hidden;height: 230px;} .news_listn dt span{float:right; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#999;} .news_listn dt{border-bottom:1px dashed #CCCCCC; height:25px; line-height:25px; background:url(/images/01.gif) no-repeat 0px 3px; padding-left:15px; padding-bottom:0px; padding-top:2px;} .news_listn a{color: #464646;font-size: 12px;text-decoration: none} .news_listn a:hover {color: #0057b9;font-size: 12px;text-decoration: none} .project-title { color: #3a3a3a; font-size: 20px; font-weight: 400; } .portfolio-pagination { float: right; margin-top:0px; } .portfolio-pagination li { display: inline-block; list-style: none; line-height:24px; margin: 0; width:30px; } .ie7 .portfolio-pagination li { display: inline; } .portfolio-pagination .next { float:left; /* border-right: 1px solid #cacdd0; margin: 0px 10px 0 0; padding: 0 10px 0 0; display:none */ } .portfolio-pagination .next:last-child { border-right: none; margin-right: 0; padding-right: 0; float:left; } .single-portfolio .page-header .button { color: #a1a1a1; font-style: italic; margin-top: -5px; } .single-portfolio .page-title + .button { margin-top: 10px; } .single-portfolio .page-header a:hover { color: #f14507; } .single-portfolio .image-gallery-slider { margin-bottom: 30px; } .single-portfolio .image-gallery-slider ul, .no-js .single-portfolio .image-gallery-slider li, .single-portfolio .image-gallery-slider.disabled li { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15); box-shadow: 0 0 15px rgba(0, 0, 0, .15); } .no-js .single-portfolio .image-gallery-slider ul, .single-portfolio .image-gallery-slider.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .buttons.medium { font-size: 13px; } .buttons.large { font-size: 15px; } .buttons.no-bg { background: none; color: #3a3a3a; padding: 0; } .buttons.no-bg:hover { background: none; color: #f14507; } .buttons .icon, .buttons .arrow { color: transparent; cursor: pointer; display: inline-block; font: 0/0 a; height:24px; margin:0px; text-shadow: none; vertical-align: middle; width:24px; } .ie7 .buttons .icon, .ie7 .buttons .arrow { display: inline; } .buttons .arrows { color: transparent; cursor: pointer; display: inline-block; font: 0/0 a; height:24px; margin:0px; text-shadow: none; vertical-align: middle; width:24px; background: #cacdd0 url(../images/button-arrows.png) no-repeat 2px 3px; } .buttons .arrow { background: #909090 url(../images/button-arrows.png) no-repeat ; } .buttons .arrowa { color: transparent; cursor: pointer; display: inline-block; font: 0/0 a; height:24px; margin:0px; text-shadow: none; vertical-align: middle; width:24px; background: #cacdd0 url(../images/button-arrows.png) no-repeat 1px -16px; } .buttons .icon.left, .buttons .arrow.left { margin-left: 0; margin-right: 3px; } .buttons .arrow.left { background-position:1px -16px} .buttons .arrow.right { background-position:2px 3px} .buttons:hover .arrow { background-color: #f14507; } .m_clear{clear:both;} .button{ width:38px; height:38px; text-indent:-999px; background:none; cursor:pointer; float:left} .button:hover{ width:38px; height:38px; text-indent:-999px; background:url(../images/search1.gif) no-repeat} .input{width:245px;_width:243px;height:38px; line-height:35px; padding:0px 10px; background:none; font-family:Verdana, Geneva, sans-serif; color:#666; float:left; text-align:left} .search{background:url(../images/search.gif) no-repeat ; height:38px; width:304px; margin:14px 0px 10px 14px; _padding-bottom:7px;+padding-bottom:9px;} .inputs{width:187px;_width:185px;height:38px; line-height:35px; padding:0px 10px; background:none; font-family:Verdana, Geneva, sans-serif; color:#666; float:left; text-align:left} .searchs{background:url(../images/search2.gif) no-repeat ; height:38px; width:225px; margin:14px 0px 0px 0px; _padding-bottom:7px;+padding-bottom:9px;} .lins{height:34px; line-height:34px; background:#f27a05; margin-top:14px;color:#FFF;} .lins1{margin:0px; font-size:14px; font-weight:bold; padding-left:14px; width:71px; float:left} .lins2{margin:0px;font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;width:71px; float:left; padding-top:3px;} .links{border-bottom:1px solid #dcdbde;border-left:1px solid #dcdbde;border-right:1px solid #dcdbde; height:58px;} .rss_input{display:block; overflow:visible; width:304px; height:32px; position:absolute; float:left; margin-left:14px;_margin-left:8px; padding:12px 0px 8px 0px; } .rss_input a.link{display:block; background:url(../images/link.png) left top no-repeat; overflow:hidden; height:32px; line-height:32px; margin:0; padding:0 10px; width:294px; color:#b8b8b8; border:none; font-size:12px} .rss_input a.link:hover{text-decoration:none;} .rss_input .submit{display:block; overflow:hidden; width:30px; height:30px; text-indent:999px; position:absolute; right:0px; top:0px;} ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .rss_input ul { background: none repeat scroll 0 0 #fff; border: 1px solid #d8d8d8; top: 42px; display: none; height: 128px; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; width: 302px; margin:0px; padding:0px; z-index:1; } .rss_input li { display: block; height: 32px; line-height: 32px; vertical-align: bottom; width: 302px; } .rss_input li a { color: #666; display: block; font-size: 12px; line-height: 32px; padding: 0 8px; width: 286px; } .rss_input li a:hover { background: none repeat scroll 0 0 #d8d8d8; text-decoration: none; } .c_bg{background:url(../images/t_1.gif) repeat-x; margin-top:20px;} .c_bg1{background:url(../images/t_2.gif) no-repeat center top; height:192px;} .tel{ font-size:14px; font-weight:bold; color:#454545; padding-top:24px;line-height:24px; width:1003px; margin:0 auto; overflow:hidden} .w100{ width:100%; float:left} .tel_w{ width:120px;overflow:hidden; float:left} .tel_t{ width:880px;overflow:hidden; float:left} .tel_p{width:260px;margin:0; padding:0px;font-weight:normal;font-size:12px;font-family:Verdana, Geneva, sans-serif; overflow:hidden; } .tel_p1{width:360px;margin:0; padding:0px;font-weight:normal;font-size:12px;font-family:Verdana, Geneva, sans-serif; overflow:hidden; } .tel_p2{width:160px;margin:0; padding:0px;font-weight:normal;font-size:12px;font-family:Verdana, Geneva, sans-serif; overflow:hidden; } .copyright{ height:50px; line-height:50px; background:#3283d4;color:#fff;font-size:12px; font-family:Verdana, Geneva, sans-serif} .copy{ color:#fff; font-size:12px} .copy a{ color:#fff; font-size:12px} .copy:hover{ color:#FF0; font-size:12px; text-decoration:underline} .copys{ font-size:10px;} .newsa{ width:336px;} /*语言*/ .lang dt{float:left;/*width:62px; */height:25px;margin-top:32px; } .lang{ color:#FFF; font-family:Verdana, Geneva, sans-serif} .lang:hover{ color:#FFF} .cn { background:url(../images/lan.gif) no-repeat 0 -21px;color:#FFF; font-size:12px;width:62px;line-height:20px;height:21px;text-align:center; } .cn:hover{background:url(../images/lan.gif) no-repeat top left ; color:#FFF;width:62px;line-height:20px;height:21px;text-align:center;} .en { background:url(../images/lan.gif) no-repeat 0 -21px;color:#FFF; font-size:12px;width:62px;line-height:20px;height:21px;text-align:center; } .en:hover{background:url(../images/lan.gif) no-repeat top left ; color:#FFF;width:62px;line-height:20px;height:21px;text-align:center;} .page-box { color: #888888; display: inline-block; float: left; height: 30px; text-align: right; } .page-box .page { float: right; height: 20px; line-height: 20px; } .page-box a { border: 1px solid #c8c8c8; display: inline; float: left; margin-left: 5px; padding: 1px 7px; text-decoration: none; color:#666 } .page-box a:hover { border: 1px solid #ba102d; color: #ba102d; text-decoration: none; } .page-box span.page-cur { background: none repeat scroll 0 0 #ba102d; border: 1px solid #ba102d; color: #ffffff; display: inline; float: left; margin-left: 5px; padding: 1px 7px; } .page-box span.page-break { display: inline; float: left; margin: 0 5px 0 10px; } .backToTop{ background: url(../images/arrow-up-large.png) no-repeat center center #cdcdcd ; bottom: 78px; color: transparent; display: none; height: 46px; position: fixed; _position:absolute; right: 20px; text-shadow: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 45px; z-index: 100;_position:absolute; cursor:pointer} .backToTop:hover { background-color: #f14507; } .side_navs { overflow: hidden; width:225px; } .side_navs ul li { text-align: left; width: 225px; } .side_navs ul li a { background: url("../images/t1.gif") no-repeat; color: #4f4e4e; display: inline-block; font-size: 12px; height: 31px; line-height: 31px; width: 225px; font-weight:bold; overflow:hidden; } .side_navs ul li a:hover, .side_navs ul li a.hover { background: url("../images/t2.gif") no-repeat ;color: #fff; font-weight:bold; } .tits { padding-left: 25px; } .yc{ display:none} .xs{ display:block} #side_navss { overflow: hidden; width:225px; display:none } #side_navss dl { text-align: left; width: 223px; } #side_navss dt a { background:url(../images/05.gif) no-repeat 0 -5px #f1f1f1;font-weight:normal; color: #4f4e4e; display: inline-block; font-size:12px; height: 31px; line-height: 31px; width: 223px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #FFF; } #side_navss dt a:hover, #side_navss dt a.hover { background:url(../images/05.gif) no-repeat 0 -25px #F90; color: #fff; font-weight:bold; border-left:1px solid #F90; border-right:1px solid #F90; border-bottom:1px solid #fff; } .titss { padding-left:35px; } #side_navsss { overflow: hidden; width:223px; } #side_navsss ul li { text-align: left; width:223px; /* border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; */ } #side_navsss ul li a { background:url(../images/03.gif) no-repeat 0 -27px #f7f7f7;font-weight:normal; color: #4f4e4e; display: inline-block; font-size: 12px; height: 25px; line-height: 25px; width: 223px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; } #side_navsss ul li a:hover, #side_navsss ul li a.hover { background:url(../images/03.gif) no-repeat 0 -27px #e5e5e5; color: #444; font-weight:normal; } .titsss { padding-left:45px; } .pr_nav{ padding-top:5px;} .pr_nav span{ padding-right:5px;} .pr_nav span a { border:1px solid #CCC;padding:6px 8px; color:#444 } .pr_nav span a:hover, .pr_nav span a.hover { color:#F30; border:1px solid #F30;padding:6px 8px; } .protitle02 ul { overflow: hidden; width: 716px; } .protitle02 ul li { display: inline; float: left; line-height: 20px; margin: 0 10px 10px 0; } .protitle02 ul li a { border: 1px solid #dbdbdb; display: inline-block; height: 20px; padding: 3px 5px; white-space: nowrap; width: auto; color:#444; } .protitle02 ul li a:link, .protitle02 ul li a:visited { line-height: 20px; text-decoration: none; } .protitle02 ul li a:hover, .protitle02 ul li.menuon a { border: 1px solid #eb5526; color: #eb5526; line-height:20px; } .fix:before, .fix:after { content: ""; display: table; } .fix:after { clear: both; } .fix { } .menu_body{ display:none} .newsaa { overflow: hidden; width: 225px; margin-top:10px; } .news_t_s { border-bottom: 1px solid #dcdbde; border-left: 1px solid #dcdbde; border-right: 1px solid #dcdbde; padding-bottom: 5px; } .news_listt { font-family: Verdana,Geneva,sans-serif; /* height: 176px; */ margin-left: 14px; margin-top: 0; overflow: hidden; width: 196px; padding-bottom:10px; } .news_listt dt span { color: #999; float: right; font-family: Verdana,Geneva,sans-serif; font-size: 11px; } .news_listt dt { background: url("http://www.jariauto.cn/images/01.gif") no-repeat 0px 3px ; border-bottom: 1px dashed #cccccc; height: 25px; line-height: 25px; padding-bottom: 0; padding-left: 15px; padding-top: 2px; } .news_listt a { color: #464646; font-size: 12px; text-decoration: none; } .news_listt a:hover { color: #0057b9; font-size: 12px; text-decoration: none; } .Banner { position:relative; z-index:0; } /*flexslider start*/ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); background:url(../images/arr.png) no-repeat; text-indent:-999em; } .flex-direction-nav .flex-prev { left: -30px; background-position:0 0; } .flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;} .flexslider:hover .flex-prev { opacity: 0.7; left: 20px;} .flexslider:hover .flex-next { opacity: 0.7; right:20px;} .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;} .flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center; z-index: 1000;} .flex-control-nav li {margin: 0 4px !important; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 14px; height: 14px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; } .flex-control-paging li a:hover { background: #f39532; } .flex-control-paging li a.flex-active { background: #f39532; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; } .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; } /*flexslider end*/