/* common sytles */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,th,td{padding:0px; margin:0px; border:none;} a{ color:#231916; text-decoration:none;} a:visited { } a:active, a:hover { text-decoration:none; color: #2fbd81;} a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;} i, em, cite { font-style: normal; } li{ vertical-align:bottom; list-style-type:none;} body, button, input, select, textarea{ font:14px/24px tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;} body { color: #333; font-family: "microsoft yahei"; background: #ffffff; } img{ max-width:100%;border: 0 none; vertical-align: top;} .container-1140{ width:1140px; position:relative; overflow: hidden; } .container-1140-no{ width:1140px; position:relative; } .clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;} .clearfix{ *zoom:1;} .overflow{ overflow:hidden;} .mg-auto{ margin-left:auto; margin-right:auto;} .cursor { cursor: pointer; } .fl { float: left; } .fr { float: right; } /* 导航 */ .nav-area { background: #2fbd81; font-size: 18px; } .nav-area .navul { position: relative; left: -30px; } .nav-area .navul li{float:left;margin-right:1px;width:100px;height:60px;position:relative;text-align:center;line-height:60px;} .nav-area .navul li a { display: block; width: 100%; height: 100%; } .nav-area .navul li.navhome{text-align:left;padding:0 0px 0 40px;width:60px;} .nav-area .navul li a:link, .nav-area .navul li a:visited{color:#FFFFFF;} .nav-area .navul li ul{display:none;position:absolute;z-index:10000;top:60px;;} .nav-area .navul li ul li{display:block;width:100px;float:none;margin-right:0px;height:30px;position:relative;line-height:30px;background: #079446;} .nav-area .navul li.navmoon{background:#079446;width:100px;height:60px;line-height:60px;} .nav-area .navul li.navmoon a{color:#FFFFFF;} .nav-area .navul li.navhome a:hover{color:#079446;} /* 顶部 */ .top-area { height: 28px; line-height: 28px; background: #f8f8f8; color: #666666; overflow: hidden; border-bottom: 1px solid #ececec; } .top-area .login { float: right; } .top-area .login li { float: left; margin-left: 15px; } /* logo+搜索 */ .search-area { height: 87px; } .search-area .logo { width: 315px; height: 87px; float: left; } .search-area .search { float: right; height: 37px; line-height: 37px; margin-top: 18px; width: 265px;; padding: 0 78px 0 15px; position: relative; border: 1px solid #079446; } .search-area .search input { font-family: "microsoft yahei"; outline: none; height: 33px; width: 100%; } .search-area .search input::placeholder { color: #bbbbbb; } .search-area .search .search-button { position: absolute; width: 78px; height: 37px; right: 0; top: 0; background: #079446; cursor: pointer; color: #ffffff; } /* 车 */ .car { height: 150px; margin-top: 20px; overflow:hidden; } .car .choose-car { height: 46px; line-height: 44px; background: #f1f5f9; font-size: 20px; padding: 0 20px; overflow: hidden; } .car .choose-car li { position: relative; float: left; width: 160px; text-align: center; border-top: 2px solid #f1f5f9; cursor: pointer; } .car .choose-car li.current { background: #ffffff; border-top: 2px solid #009b4c; } .car .choose-car li.current::after { content: ""; width:36px; height: 6px; background: url("../images/border.png"); position: absolute; bottom: 0; left: 50%; margin-left:-18px; } .car-area { padding: 0 10px; overflow: hidden; height: 210px; } .car-list { border-bottom: 1px solid #eeeeee; overflow: hidden; } .car-list li { width: 100px; float: left; text-align: center; margin-right: 12px; overflow: hidden; padding:14px 0; } .car-list li.last { margin-right: 0; } .car-list li img { display: inline-block; max-height: 60px; max-width: 80px; } .car-list li div.img { margin:0 auto; height: 60px; width: 84px; vertical-align: middle; display: table-cell; } .car-list li span { height:20px; line-height: 20px; display: block; overflow: hidden; } /*广告位*/ .ad { margin-top: 20px; } .ad3 { margin-top: 20px; overflow: hidden; width: 120%; } .ad3 img { display: block; width:343px; margin-right: 6px; float: left; } .ad3 img.pic { width: 443px; } /* 图片展示 */ .pic-show { height: 376px; margin-bottom: 28px; margin-top:20px; } .pic-show .pic-left { position: relative; width: 563px; height: 376px; float: left; margin-right: 12px; } .pic-show .pic-left span { position: absolute; width: 90%; font-size: 20px; color: #ffffff; bottom: 0; left: 0; top:0; padding: 20px 5%; line-height: 30px; bottom:0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); background-image: -webkit-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -o-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, .7)); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0); } .pic-show .pic-left img { display: block; width: 563px; height: 376px; } .pic-show .pic-right { width: 565px; height: 376px; float: left; overflow: hidden; } .pic-show .pic-items { width: 120%; } .pic-show .pic-item { position: relative; width: 277px; height: 184px; float: left; margin: 0 12px 10px 0; } .pic-show .pic-item span { position: absolute; width: 90%; font-size: 16px; color: #ffffff; bottom: 0; left: 0; top:0; padding: 10px 5%; line-height: 24px; display: inline-block; bottom:0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); background-image: -webkit-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -o-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, .7)); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0); } .pic-show .pic-item img { display: block; width: 277px; height: 184px; } /* 资讯 */ .news { overflow: hidden; margin-top: 30px; } .news-left { width: 790px; float: left; margin-right: 30px; } .news-left #con { width: 790px; background:#ffffff; overflow: hidden; } .news-left .recommend li { position: relative; height: 145px; padding: 27px 35px 27px 253px; border-bottom: 1px solid #eaeaea; overflow: hidden; } .news-left .recommend li.lastli { border-bottom: none; } .news-left .recommend li .left-pic { position: absolute; width: 218px; height: 145px; left: 0; top: 27px; } .news-left .load-more { display: block; width: 140px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #eeeeee; font-size: 16px; text-align: center; color: #727272; position: relative; left: 253px; margin-top: 15px; } .news-left .load-more:hover { color: #005cd6; border: 1px solid #005cd6; } .news-left .recommend li .right-text { font-size: 18px; height: 100px; overflow: hidden; margin-top: 5px; } .news-left .recommend li .tip span { height: 25px; padding: 0 10px; line-height: 25px; color: #ffffff; } .news-left .recommend li .tip span.item1 { background: #37c56e; } .news-left .recommend li .tip span.item2 { background: #7b277a; } .news-left .recommend li .time-labels { height: 20px; line-height: 20px; position: absolute; bottom: 27px; left: 253px; } .news-left .recommend li .time-labels .time { display: block; float: left; margin-right: 70px; padding-left: 32px; color: #666666; } .news-left .recommend li .time-labels .time i { position: absolute; width: 15px; height: 15px; background: url("../images/time.png"); top: 2px; left: 0; } .news-left .recommend li .labels { float: left; } .news-left .recommend li .labels span { float: left; color: #666666; padding: 0 8px; } .news-left #tabs { width: 100%; height: 40px; font-size: 16px; } .news-left #tabs li { height: 40px; line-height: 40px; float:left; width: 108px; text-align: center; position: relative; background: #e1eafd; margin-right: 10px; border-radius: 5px; cursor: pointer; } #tabs li.current { color: #333; font-weight: 800; } .news .news-right { float: left; width: 320px; } /* 热门活动 */ .news-title { height: 27px; line-height: 27px; margin-bottom: 15px; overflow: hidden; } .news-title h2 { float: left; border-bottom: 2px solid #12bf60; height: 25px; line-height: 25px; display: inline-block; font-weight: 400; font-size: 18px; } .news-title a { float: right; width: 12px; height: 14px; background: url("../images/more.png"); position: relative; top: 7px; } .activity { margin-bottom:20px; } .activity ul li p{ height:44px; line-height: 44px; border-bottom: 1px dotted #eeeeee; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /* 专题 */ .topic { margin-top: 15px; } .topic .topic-area { width: 320px; height: 216px; overflow: hidden; background: #333; } .topic .topic-area .bxslider { width: 320px; height: 216px; } .topic .topic-area .bxslider img { display: block; width: 320px; height: 216px; } .topic .bx-wrapper{ margin-bottom: 0; } .topic .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff ; width: 5px; height: 5px; border-radius: 5px; } .topic .bx-wrapper .bx-pager.bx-default-pager a:hover,.topic .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ca7123 ; } .topic .bx-wrapper .bx-pager, .topic .bx-wrapper .bx-controls-auto { bottom: 0; right: -100px; } .topic .bx-wrapper .bx-pager.bx-default-pager a { margin-right: 5px; } /* E车测评 潮流人物 */ #tabs4 { height: 44px; } .car-test { position: relative; } .car-test .more { position: absolute; width: 12px; height: 14px; right: 0; top: 15px; background: url("../images/more.png"); } .car-test .pic { position: relative; margin: 10px 0 20px 0; } .company-new .pic { position: relative; margin: 0 0 20px 0; } .company-new .pic p { margin-top: 5px; } .car-test .pic img{ max-height:210px; min-height:210px;} .car-test .pic p { position: absolute; left:0; bottom: 0; height: 36px; line-height: 36px; padding: 0 5%; width: 90%; color: #ffffff; background: rgba(0,0,0,0.5); overflow: hidden; } #tabs4 li { float: left; display: inline-block; padding: 0 10px; border: 1px solid #eeeeee; height: 38px; line-height: 38px; cursor: pointer; } #tabs4 li.current { height: 40px; line-height: 40px; border: 2px solid #12bf60; color: #12bf60; position: relative; top: -2px; } /* 企业新闻 */ .company-new ul{ margin: 10px 0 20px 0; } .company-new li { height: 24px; overflow: hidden; padding-left: 15px; position: relative; margin-bottom: 6px; } .company-new li i { width: 3px; height: 3px; border-radius: 2px; position: absolute; top: 11px; left: 0; background: #333333; } .company-new li p { height: 24px; line-height: 24px; border-bottom: 1px dotted #eeeeee; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } /* 热点 */ .hot .ul li { height: 38px; line-height: 38px; overflow: hidden; border-bottom: 1px dashed #e9e9e9; padding-left: 25px; position: relative; } .hot .ul li:nth-child(-n+3) i { color: #e22332; } .hot .ul li.lastli { border-bottom: none; } #tabs3 { height:44px; line-height: 44px; overflow: hidden; border-bottom: 1px solid #eeeeee; text-align: center; } #tabs3 li { float: left; width: 100px; position: relative; } #tabs3 li i { position: absolute; width: 8px; height: 16px; right: 0; top: 13px; background: url("../images/border1.png"); } #tabs3 li.current { color: #35d07b; } .hot .ul li i { width: 10px; position: absolute; top: 0; left: 0; text-align: center; } .hot .ul li i.top { color: #e22332; } .hot .ul li p{ height: 38px; line-height: 38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ad4 { overflow: hidden; width: 120%; margin-top: 20px; } .ad4 img { float: left; width: 279px; height: 72px; margin-right: 8px; } /* 配件中心 */ .pro-center { position: relative; margin-top: 20px; } .tab { position: absolute; height: 44px; line-height: 44px; right: 50px; top: 8px; } .tab li { float: left; padding: 0 10px; position: relative; cursor: pointer; height:25px; line-height: 25px; margin-right: 10px; } .tab li.current { color: #ffffff; background: #009b4c; border-radius: 2px; } .tab li.current { background: #12bf60; } .index-parts .body{ height:560px; border: 1px solid #d2d2d2;border-top:0;overflow: hidden;/*background: #f0fcf8;*/ position: relative;} .index-parts .body .lft{float: left;width: 230px; } .index-parts .body .lft .pic img{max-height: 337px;width: 100%;} .index-parts .body .lft .hd{ height: 45px;line-height: 45px;border-top: 1px solid #1456b3;font-size: 18px; padding: 0 10px; } .index-parts .body .lft .hd a { float: right; font-size: 12px; } .index-parts .body .lft .bd{padding: 10px 10px 0 10px; width:220px; overflow:hidden;} .index-parts .body .lft .bd .t{font-size: 14px;line-height: 22px; /*font-weight: bold;*/} .index-parts .body .lft .bd .t a{color: #666;} .index-parts .body .lft .bd .t a:hover{color: #0777dd;} .index-parts .body .lft .bd .b{padding-top: 18px;} .index-parts .body .lft .bd .b span{display: block;line-height: 100%;color: #999;} .index-parts .body .lft .bd .b p{padding-top: 10px;line-height: 25px;color: #ccc;} .index-parts .body .lft .bd .b p a{color: #666;} .index-parts .body .lft .bd .b p a:hover{color: #0777dd;} .index-parts .body .lft .bd .b p i{font-style: normal;margin: 0 8px;} .index-parts .body .rgt{margin-left: 230px;} .index-parts .body .rgt li{float: left;border-left: 1px solid #ededed;border-top: 1px solid #ededed;width: 226px;overflow: hidden; text-align: center;} .index-parts .body .rgt li.w{width: 226px;} .pro_ul{ float:right; width:908px; overflow:hidden;} .pro_ul li {float: left; width: 200px;/*margin-right: 20px;*/ overflow: hidden; padding-bottom: 13px; padding-top: 8px; } .pro_ul li img{max-width:204px; height:134px;} .pro_ul li span{ width:100%; height:28px; text-align:center; display:block; color:#333;font-family:'microsoft yahei','arial',"微软雅黑"; font-size:14px; line-height:19px; margin-top:5px;} .pro_ul li.mar_rn{ /*margin-right:20px;*/} .pro_ul li:hover span{ color:#0777dd;} .index-parts .body .lft p{ text-align:left;} /* 合作客户 */ .main-title { height: 44px; line-height: 44px; border-bottom: 1px solid #e9e9e9; font-size: 26px; position: relative; } .main-title a.more { position: absolute; right: 0; top:10px; color: #999; line-height: 20px; padding: 0 5px; border-radius: 5px; font-size: 12px; background: #ececec; } .main-title p { float: left; font-weight: 400; } .main-title a.link { float: right; font-size: 14px; color: #999999; padding-right: 23px; position: relative; } .main-title2 { text-align: center; } .main-title2 p { display: inline-block; float: inherit; } .partner { width: 1142px; overflow: hidden; margin-bottom: 105px; margin-top: 0px; } .partner ul { overflow: hidden; border-left: 1px solid #f5f5f6; border-top: 1px solid #f5f5f6; width: 100%; margin-top: 5px; } .partner ul li { float: left; width: 113px; height: 95px; text-align:center; border-right: 1px solid #f5f5f6; border-bottom: 1px solid #f5f5f6; } .partner ul li.last { float: left; width: 112px; height: 95px; text-align:center; border-right: 1px solid #f5f5f6; border-bottom: 1px solid #f5f5f6; } .partner ul li img { display: inline-block; max-height:58px; max-width: 90px; } .partner ul li div.img { margin: 0 auto; height: 65px; width: 112px; vertical-align: middle; display: table-cell; } /* 展会会议 */ .info .list { float: right; font-size: 12px; } .info .list li { float: left; margin-left: 20px; } .info .list li a { color: #666666; } .info .list li a:hover { color: #005cd6; } .info { position: relative; margin-top:30px; overflow: hidden; } .info-con { margin-top: 18px; } .info-con .info-con-left { width: 833px; float: left; margin-right: 30px; } .info-con .info-con-right { width: 277px; float: left; height: 279px; } .info-con .info-con-right img { display: block; margin-bottom: 10px; } .info-con table { width: 100%; text-align: left; } .info-con table thead { margin-bottom: 10px; } .info-con table thead tr { color: #999999; text-indent: 70px; line-height: 35px; } .info-con table thead tr th { border-bottom: 1px solid #dddddd; margin-bottom: 10px; } .info-con table tbody tr td { padding-bottom: 8px; } .info-con table tbody tr.tr1 td { padding-top: 15px; } /* 精彩视频 */ .video { margin-top: 30px; position: relative; overflow: hidden; } .video .content { margin-top: 20px; } .big-pic { float: left; width: 447px; height: 300px; position: relative; margin-right: 10px; } .big-pic p, .video .s-pic ul li p { position: absolute; width: 80%; font-size: 18px; color: #ffffff; bottom: 0; left: 0; padding: 20px 6% 20px 14%; line-height: 30px; bottom:0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); background-image: -webkit-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -o-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, .7)); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0); } .big-pic p i { position: absolute; top: 8px; left:5px; width: 49px; height: 49px; background: url("../images/v.png"); } .big-pic img { display: block; width: 100%; height: 100%; } .s-pic { width: 680px; overflow: hidden; float: left; } .s-pic2 { width: 220px; margin-right: 10px; } .s-pic3 { width: 450px; } .video .s-pic ul { overflow: hidden; float: left; width: 120%; } .video .s-pic ul li { float: left; width:220px; height: 147px; position: relative; margin-right: 10px; margin-bottom: 5px; } .video .s-pic ul li img { width:220px; height: 147px; } .video .s-pic ul li a { color:#fff; font-size:14px; } .video .s-pic ul li p { font-size: 14px; line-height: 20px; padding: 10px 2% 10px 18%; } .video .s-pic ul li p i { position: absolute; top: 5px; left:5px; width: 26px; height: 26px; background: url("../images/v2.png"); } .picture .big-pic p, .picture .s-pic ul li p { padding: 10px 10%; } /* 评测导购 */ .evaluating { margin-top: 30px; } .evaluating .content{ margin-top: 20px; overflow: hidden; } .evaluating .left { float: left; width:340px; margin-right: 30px; } .evaluating .left .top-pic { width:340px; height: 227px; position: relative; } .evaluating .left .top-pic p { position: absolute; width: 90%; font-size: 16px; color: #ffffff; bottom: 0; left: 0; padding: 10px 5%; line-height: 24px; display: inline-block; bottom:0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); background-image: -webkit-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: -o-linear-gradient(top,transparent, rgba(0, 0, 0, .7)); background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, .7)); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#B2000000',gradientType=0); } .evaluating .left ul { margin-top: 15px; width: 120%; } .evaluating .left li { width: 165px; float: left; margin-right: 10px; } .evaluating .left li p { line-height: 16px;font-size: 12px; margin-top: 10px; } .evaluating .tit { height: 35px; line-height: 35px; font-size: 16px; } .evaluating .middle { float: left; width:420px; margin-right: 30px; } .evaluating .middle li { height: 28px; width:100%; line-height: 28px; padding: 0 130px 0 10px; overflow: hidden; position: relative; } .evaluating .middle li em { position: absolute; right: 0; top:0; color: #cccccc; } .evaluating .middle li i { width: 3px; height: 3px; border-radius: 2px; position: absolute; top: 11px; left: 0; background: #333333; } .evaluating .right { float: left; width:320px; } .evaluating .right img { display: block; margin-bottom: 10px; } .evaluating .links { position: absolute; right:50px; top: -3px; font-size: 14px; } .evaluating .links a{ color: #999; } .evaluating .links a:hover{ color: #2fbd81 } /* 产品推荐 */ .pro-intro { margin-top: 30px; position: relative; } .car-show { height: 590px; border-left:1px solid #eeeeee; width: 110%; } .car-show li { overflow: hidden; float: left; width: 227px; height: 295px; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: center; } .car-show li:nth-child(5n+5) { overflow: hidden; float: left; width: 226px; height: 295px; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: center; } .car-show li img { display: block; width:200px; margin:0 auto; max-height: 175px; margin-top: 10px; } .car-show li .text { text-align: left; padding: 15px; line-height: 20px; } .car-show li .img { width:200px; height:190px; margin:0 auto; vertical-align: middle; display: table-cell; } .car-show li .text span { display: block; color: #fc5438; font-size: 18px; margin-top: 5px; } /*底部区域*/ .footer { background: #2b343b; font-size: 12px; } .wrap{ width:1140px;margin: 0 auto; position:relative;} .bk75{height: 30px;clear: both; } .footer {background: #323c44; } .ft_yqlj{padding: 18px 0 15px;border-top: 2px solid #2b75d3;} .ft_yqlj .head{line-height: 18px;color: #848c92;} .ft_yqlj .head strong{font-size: 18px; } .ft_yqlj .body1{padding-top: 6px;overflow: hidden;} .ft_yqlj .body1 a{display:inline-block;*display: inline;*zoom: 1;padding-right: 10px; padding-top:3px; color: #848c92;} .ft_yqlj .body1 a:hover{color: #f1f1f1; } .ft_yqlj .body1 span{ color:#676666} .f_cen{padding: 30px 0 48px;border-bottom: 1px solid #5e6469;} .f_cen .f_nav{float: left;} .f_cen .f_nav dl{float: left;width: 126px;} .f_cen .f_nav dt{font-size: 14px;font-weight: bold;color: #b1b7bc;font-size: 14px;margin-bottom: 6px;} .f_cen .f_nav dd{color: #FFF;line-height: 22px;} .f_cen .f_nav dd a{color: #b1b7bc;} .f_cen .f_nav dd a:hover{color: #009b4c;} .f_cen .hot_phone{float: left;text-align: center;} .f_cen .hot_phone h3{font-size: 16px;color: #b1b7bc;} .f_cen .hot_phone span{padding-top: 8px;display: block; font-family:georgia;font-size: 28px;color: #009b4c;} .f_cen .hot_phone p{padding-top: 8px;line-height: 28px;color: #b1b7bc;} .f_foot{text-align: center;padding: 33px 0 65px;color: #848c92;line-height: 22px;} .f_foot p a{color: #848c92;margin: 0 15px;} .f_foot p a:hover{color: #f1f1f1 ;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;} .clearfix{zoom:1;} .ch_wenxin { width: 270px; float: left; padding: 2px 6px 5px 14px; } .ch_wenxin li { width: 110px; float: left; height: 82px; margin-right: 5px; margin-left: 5px; text-align:center; } .ch_wenxin li .ch_wenxins { width: 82px; margin-left:auto; margin-right:auto; text-align:center; float: left; height: 82px; } .ch_wenxin li .ch_wenxins_txt { color:#b1b7bc; width: 90px; margin-top:5px; margin-left:auto; margin-right:auto; text-align: center; line-height: 18px; height: 24px; } /*list-news*/ .list-news{padding-top: 10px; margin-right: 20px; overflow:hidden;} .list-news ul{ width:100%; overflow:hidden;} .list-news ul li a{ overflow:hidden; } .list-news ul li{ width:100%; overflow:hidden; height:140px;padding: 20px 0;border-bottom: 1px solid #ebebeb;} .list-news ul li span{ float:left; width:210px; height:140px; display:block; overflow:hidden;position: relative;} .list-news ul li span img{ width:210px; height:140px; display:inline-block; } .list-news ul li span i{ position: absolute; background: url(../images/pcgm.png) 0 0 no-repeat; width: 63px; height: 63px; top: 0; left: 0px; z-index: 10; display: block; overflow: hidden; } .list-news ul li .news_r{ float:right; width:540px; height:140px; overflow:hidden; margin-left:15px; display:block; position:relative;} .list-news ul li .news_r a h1{ font-family:'microsoft yahei','arial',"微软雅黑"; font-size:22px; font-weight: normal; color:#333333; width:100%; /*height:57px;*/ line-height:1.3em; /*overflow:hidden;*/ display:block;} .list-news ul li .news_r a h1 label{display: block;float: left;padding:0 5px ;background: #f37022;color: #FFF;margin-right: 10px;font-weight: normal;} .list-news ul li .news_r i{ padding-top:8px; color:#666;font-family:'microsoft yahei','arial',"微软雅黑"; font-size:14px; overflow:hidden; font-style:normal; height:48px; display:block; line-height:22px;} .list-news ul li .news_r .fn-fl{color:#777;float: left;font-family:'microsoft yahei','arial',"微软雅黑"; font-size:12px; line-height:24px; overflow:hidden;} .list-news ul li .news_r .fn-fl a{color: #0777dd;padding-right: 16px;} .list-news ul li .news_r .fn-fl a:hover{text-decoration: underline;} .list-news ul li .news_r .fn-fl em{ font-style:normal; padding-right:15px;} .list-news ul li .news_r .fn-fl em b{ font-weight: normal; margin: 0 10px; color: #0777dd; background: 0 0; border: 1px solid #0777dd; margin: 0 2px; padding: 1px 6px;} .list-news ul li .news_r .fn-fr{position: relative;top: 3px; float:right; width:120px; margin-top:-2px; color:#777;font-family:'microsoft yahei','arial',"微软雅黑"; font-size:12px;line-height:16px; position:relative; padding-right:0px; } .list-news ul li .news_r .fn-fr a{color:#777;font-family:'microsoft yahei','arial',"微软雅黑"; font-size:12px;line-height:16px; } .list-news ul li .news_r .fn-fr a.DJL{ float:right; padding-left:15px; background:url(../images/img20.jpg) no-repeat center left; margin-right:0px; padding-bottom:2px;} .list-news ul li .news_r .fn-fr a.PL{ float:left; padding-left:15px; background:url(../images/img21.jpg) no-repeat center left; margin-right:10px;} .list-news ul li .news_r .fn-fr .FX{ float:right; width:12px; padding-right:15px; height:13px;display:inline-block; cursor:pointer;} .list-news ul li .news_r .fn-fr .FX img{vertical-align: top;} .list-news ul li .news_r a h1:hover{ color:#0777dd;} .list-news ul li .news_r .shared{ position:absolute; width:115px; left:-5px; bottom:15px; padding:2px; display:none; } .list-news ul li .news_r .shared a{ float:left; margin:1px 5px; } .list-news .mark {position: absolute; top: 0rem; left: 0rem; display: block; padding: .3rem .5rem; color: #fff; background: rgba(7,119,221,.9); font-size: .6rem;text-align: center;border-radius: 0rem; z-index: 11;} /*//快讯*/ .zh_list { width: 840px; } .zh_list li a { width: 840px; display: inline-block; } .zh_list li { width: 840px; height: 26px; line-height: 26px; float: left; margin: 1px 0 0 5px; padding: 0 0 0 8px; background: url(../images/i.jpg) no-repeat left; display: inline; } .zh_list i { width:320px; margin-left: 0px; float: right; padding-right: 18px; } .BOX03N { width: 96%; text-align: center; border: 1px solid red; padding: 5px; } .BOX03N a { font-size: 14px; font-weight: bold; color: Red; } /*焦点图*/ /*banner;*/ .tempWrap .jdtu img{ min-width:536px; } .index-lft{float: left;width: 810px;} .index-left{float: left;width: 562px;} .index-right{float: right;width: 578px;} .index-rgt{margin-left: 820px;} .index-picfocus{overflow: hidden; height:377px;} .index-picfocus dt{float: left;width: 562px;position: relative;} .index-picfocus dt .body li{width: 562px;height: 377px;overflow: hidden;position: relative;} .index-picfocus dt .body li img{width: 562px;height:auto;} .index-picfocus .zzc{height: 46px;line-height: 46px;left: 0;bottom: 0;position: absolute;width: 100%;font-size: 20px;color: #FFF;text-indent: 20px; background:url(../images/b1.png) repeat;} .index-picfocus dt .head{text-align: center;position: absolute;bottom: 60px;left: 0;width: 100%;} .index-picfocus dt .head li{display: inline-block;*display: inline;*zoom: 1;width: 12px;height: 12px;margin: 0 8px;cursor: pointer; background:url(../images/i4.png) no-repeat center;} .index-picfocus dt .head li.on{ background-image:url(../images/i4h.png);} .index-picfocus li:hover .lables {background: #72bb38;} .index-picfocus, a.lables:hover {color: #fff;} .index-picfocus, a.lables {color: #fff;} .index-right li{/*margin-left: 546px;*/overflow: hidden;height: 184px;position: relative; width:277px; float: left; margin-left:12px; margin-bottom:10px;} .index-right li img{width: 100%;height: 184px;} .index-right li .zzc{height: 36px;line-height: 36px;font-size: 14px;text-indent: 0;text-align: center;} .index-right .zzc{height: 46px;line-height: 46px;left: 0;bottom: 0;position: absolute;width: 100%;font-size: 20px;color: #FFF;text-indent: 20px; background:url(../images/b1.png) repeat;} .lables{position:absolute;top:0; color: #fff;left:0;background:#0777dd;padding:0 20px;line-height:32px;font-size:14px;transition:.4s background ease;-moz-transition:.4s background ease;-webkit-transition:.4s background ease;font-weight:normal;z-index:4} .index-right li:hover .lables {background: #72bb38;} .index-right, a.lables:hover {color: #fff;} .index-right, a.lables {color: #fff;}