@charset "utf-8"; body,html{background-color:#fff;color:#333;font-size:14px} blockquote,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} body,button,code,input,kbd,pre,samp,select,textarea,tt{line-height:1.5;font-family:"微软雅黑","microsoft yahei","helvetica neue",helvetica,stheiti,sans-serif} big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:100%} address,cite,dfn,em,i,optgroup,var{font-style:normal} table{border-collapse:collapse;border-spacing:0;text-align:left} caption,th{text-align:inherit} li,menu,ol,ul{list-style:none} fieldset,img{border:0} button,img,input,object,select,textarea{vertical-align:middle} article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block} audio,canvas,video{display:inline-block} blockquote:after,blockquote:before,q:after,q:before{content:"\0020"} textarea{overflow:auto;resize:vertical} a,button,input,select,textarea{outline:0 none} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} mark{background-color:transparent} a,del,ins,u{text-decoration:none} sub,sup{vertical-align:baseline} *{margin:0;padding:0} br{border:0;margin:0;padding:0;height:0;font-size:0;overflow:hidden} body{ font-family:"微软雅黑", "microsoft yahei","冬青黑体简体中文",hiragino sans gb,"华文黑体",arial,'hiragino sans gb',sans-serif; } .navbar, .navbar div,.navbar ul,.navbar ul li{font-family: "微软雅黑", "microsoft yahei","冬青黑体简体中文",hiragino sans gb,"华文黑体",arial,'hiragino sans gb',sans-serif;} /******** clear清除浮动 ********/ .clear{ clear:both; height:0; overflow:hidden } .cf{ zoom:1 } .cf:after{ clear:both; display:block; height:0; visibility:hidden; content:"/20"; overflow:hidden } /******** 顶部header ********/ input{outline: none;} .clearfix{*zoom:1} .clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."} .blank1{ height: 1px; clear: both; font-size: 0; overflow: hidden; } .blank2{ height: 2px; clear: both; font-size: 0; overflow: hidden; } .blank3{ height: 3px; clear: both; font-size: 0; overflow: hidden; } .blank4{ height: 4px; clear: both; font-size: 0; overflow: hidden; } .blank5{ height: 5px; clear: both; font-size: 0; overflow: hidden; } .blank10{ height: 10px; clear: both; font-size: 0; overflow: hidden; } .blank15{ height: 15px; clear: both; font-size: 0; overflow: hidden; } .blank20{ height: 20px; clear: both; font-size: 0; overflow: hidden; } .blank25{ height: 25px; clear: both; font-size: 0; overflow: hidden; } .blank30{ height: 30px; clear: both; font-size: 0; overflow: hidden; } .blank35{ height: 35px; clear: both; font-size: 0; overflow: hidden; } .blank40{ height: 40px; clear: both; font-size: 0; overflow: hidden; } .blank45{ height: 45px; clear: both; font-size: 0; overflow: hidden; } .blank50{ height: 50px; clear: both; font-size: 0; overflow: hidden; } .blank55{ height: 55px; clear: both; font-size: 0; overflow: hidden; } .blank60{ height: 60px; clear: both; font-size: 0; overflow: hidden; } .blank65{ height: 65px; clear: both; font-size: 0; overflow: hidden; } .blank70{ height: 70px; clear: both; font-size: 0; overflow: hidden; } .blank75{ height: 75px; clear: both; font-size: 0; overflow: hidden; } .blank80{ height: 80px; clear: both; font-size: 0; overflow: hidden; } .blank85{ height: 85px; clear: both; font-size: 0; overflow: hidden; } .blank90{ height: 90px; clear: both; font-size: 0; overflow: hidden; } .blank95{ height: 95px; clear: both; font-size: 0; overflow: hidden; } .blank92{height: 92px; clear: both; font-size:0; overflow: hidden;} .blank100{ height: 100px; clear: both; font-size: 0; overflow: hidden; } .blank110{height: 110px; clear: both; font-size:0; overflow: hidden;} .fl{ float:left !important; } .fr{ float: right !important; } .p-l-5{ padding-left: 5px; } .p-l-10{ padding-left: 10px; } .p-l-20{ padding-left: 20px; } .p-l-30{ padding-left: 30px; } .p-r-5{ padding-right: 5px; } .p-r-10{ padding-right: 10px; } .p-r-20{ padding-right: 20px; } .p-r-30{ padding-right: 30px; } .pad0{ padding: 0px !important; } .f12px{ font-size: 12px; } .f14px{ font-size: 14px; } .f16px{ font-size: 16px; } .f18px{ font-size: 18px; } .red{ color: #eb2f2e; } .gray{ color: #ccc; } .hide{ display: none !important; } .w1200{ width: 1200px; } .marauto{ margin:0 auto; } .nobor{border:0px !important;} .nobg{ background-image: none !important; } .co3f, .co3f div,.co3f a{ color: #fff !important; } /* 顶部小黑条 */ .topbar{ color: #fff; background-color: #1b191a; height: 40px; font-size: 14px;} .topbar .l{ width: 215px; float: left;text-align:left; } .topbar .r{ width: 409px; float: right; } .topbar .r ul li{ width: 62px; height: 40px; float: left; color: #b5b5b5; text-align: center; } .topbar .r ul li i{ color: #434343; display: inline-block; height: 40px;line-height: 40px;float: right; padding-left: 28px; } .topbar .r ul li a{color: #bababa; line-height: 40px; display: inline-block; } /*.topbar .r ul li a:hover{ color: #fff }*/ .topbar .r ul .register,.topbar .r ul .login{ width: 60px; color: #888888; text-align: right; } .topbar .r ul .login{width: 40px;} .topbar .r ul .register a,.topbar .r ul .login a{ color: #888888 } .topbar .r .gz{ position: relative; z-index:1000; height: 40px; line-height: 40px; width: 110px; } .topbar .r .gz .o,.topbar .sc .r .ac{ display: inline-block; color: #b5b5b5; cursor: pointer; } .topbar .sc {height: 40px; line-height: 40px; cursor: pointer;} .ie7 .topbar .r .gz .o i{ display: none; } .topbar .r .gz .jt{ display: none; } .topbar .r .on .jt{ display:block; position: absolute; z-index: 1001; width: 14px; height: 7px; font-size: 0; overflow: hidden; bottom: -7px; left: 29px; background: } .topbar .r .gz .pbox{ box-sizing: border-box;position: absolute; padding:0 10px;z-index: 1001; width: 600px; height: 170px; background-color: #fff; top:40px; left: -280px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; } .topbar .r .gz .pbox .eqcode{ width: 20%; float: left; color: #333; padding-top: 20px; } .topbar .r .gz .pbox .eqcode img{ width: 90px; height: 90px; } .topbar .r .mkp,.topbar .r .tech,.topbar .r .gha{width: 99px; cursor: pointer; } .topbar .r .mkp a,.topbar .r .tech a,.topbar .r .gha a{ display: block; width: 90px; height: 40px; background-repeat: no-repeat; } .topbar .r .mkp{display: none; background-position: 17px 9px; background-image: ; background-size: 65%; background-repeat: no-repeat; } .topbar .r .tech{display: none;background-position: 29px 12px; background-image: ; background-size: 49%; background-repeat: no-repeat; } .topbar .r .gha{background-position: 22px 10px; background-image: ; background-size: 52%; background-repeat: no-repeat;} /*.topbar .r ul li .ac:hover{ color: #fff }*/ /****** 解决新首页网站导航的层级问题 ******/ html body .topbar{z-index: 200;} /****** 标准版 ******/ .topbar .r .gha.on{background-position: 22px -89px; } .topbar .r .tech.on{background-position: 29px -121px;} .topbar .r .mkp.on{background-position: 17px -168px;} .topbar .r .mkp a{ background-position: center 10px; background-image: ; background-size: 64%; background-color: #1b191a; } .topbar .r .tech a{background-position: center 14px; background-image: ; background-size: 44%; background-color: #1b191a;} .topbar .r .gha a{background-position: center 11px; background-image: ; background-size: 54%; background-color: #1b191a;} .topbar .r .mkp a:hover{ /*background-position: center -206px;*/ background: none; } .topbar .r .tech a:hover{/*background-position: center -128px;*/ background: none;} .topbar .r .gha a:hover{/*background-position: center -88px;*/ background: none;} .ie7 .topbar .r .mkp a,.ie8 .topbar .r .mkp a{ background-image: ;} .ie7 .topbar .r .tech a,.ie8 .topbar .r .tech a{ background-image: ;} .ie7 .topbar .r .gha a,.ie8 .topbar .r .gha a{ background-image: ;} /****** safari版 ******/ .safari .topbar .r .gha.on{background-position: 22px -90px; } .safari .topbar .r .tech.on{background-position: 29px -121px;} .safari .topbar .r .mkp.on{background-position: 17px -169px;} /****** firefox版 ******/ .firefox .topbar .r .mkp{ background-position: 17px 11px; background-size: 60%; background-image: ;} .firefox .topbar .r .tech{background-position: 29px 12px; background-size: 46%; } .firefox .topbar .r .gha{background-position: 22px 10px; background-size: 52%;} .firefox .topbar .r .gha.on{background-position: 22px -90px; } .firefox .topbar .r .tech.on{background-position: 29px -113px;} .firefox .topbar .r .mkp.on{background-position: 17px -192px; background-image: ;} .topbar .home{ width: 100px; height: 40px; color: #fff; line-height: 40px; float: left; } .topbar .home a{ color: #bababa; } /*.topbar .home a:hover{ color: #fff }*/ .topbar .home i{ color: #434343; display: inline-block; margin-right: 15px; } /****** 顶部导航收藏及蒙层 ******/ .mask{ width: 100%; height: 100%; left: 0; top:0; right: 0; position: fixed; background-color: #000; z-index: 9990; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity: 0.3; } .collection{ width: 300px; height: 140px; position: fixed; top:50%; left: 50%; margin-left: -150px; margin-top: -140px; background-color: #fff; z-index: 9991; } .collection .inbox{ /*padding: 28px 44px 0px 44px;*/ padding-top: 28px; position: relative; z-index: 9992 } .collection .close{ width: 25px; height: 25px; background-color: #818183; background-size:50%; background-repeat: no-repeat; background-position: center center; background-image: ; position: absolute; top:0; right: 0; cursor: pointer; z-index: 9993} .collection .inbox p{ font-size: 14px; line-height: 26px; text-align: center; } .collection .inbox h4{ width: 186px; font-size: 14px; font-weight: normal; height: 33px; line-height: 33px; background-color: #000; color: #fff; text-align: center; margin: 0 auto; margin-top: 10px; } /****** 各频道可复用的导航头 ******/ .navbar{ background-color: #6964dc; height: 50px; } .navbar .lbox{ width: 998px; float: left; } .navbar .lbox h1,.navbar .lbox .h1box,.navbar .lbox ul{ float: left; } .navbar .lbox h1,.navbar .lbox .h1box{ background-position: -73px -38px; } .navbar .lbox h1 img,.navbar .lbox .h1box img{ height: 32px; margin-top: 9px; } .navbar .lbox ul{ width:722px; } .navbar .lbox ul li{ float: left; line-height: 50px; padding:0px 18px; font-size: 16px; color: #c0bcf7; } .navbar .lbox ul li a{ color: #c0bcf7; text-decoration: none;} /*.navbar .lbox ul li a:hover{ color: #fff; }*/ .navbar .lbox ul .on{background: no-repeat center bottom;} .navbar .rbox{ width: 200px; float: right; } .navbar .rbox .inner_box{ padding-top: 12px; } .navbar .rbox .inner_box .search_box{ background-color: #fff; width: 180px; height: 25px; float: right; border-radius: 12px 12px 12px 12px; } .navbar .rbox .inner_box .search_box .pdsearch{ width: 135px; height: 20px; line-height: 20px; border: 0px; margin-left: 10px; float: left; margin-top: 3px;} .navbar .rbox .inner_box .search_box .search_btn{ float: right; width: 35px; height: 25px; background-size: 50%; background-position: 10px 4px; cursor: pointer; /*background-image: ; */background-repeat: no-repeat; border: 0; font-size: 0; } .ie7 .navbar .rbox .inner_box .search_box .search_btn,.ie8 .navbar .rbox .inner_box .search_box .search_btn{ background-position: 10px 4px; background-image: ; } .navbg{ height: 40px; background: repeat-x; } .navbg .l ul li{ float: left; line-height: 40px; padding: 0 10px; } .navbg .l ul li a{ color: #333; display: block; height: 40px; padding: 0 10px; } .navbg .l ul li a:hover{ border-bottom: 2px solid #fdb128; height: 40px; padding: 0 10px; color: #fdb128 } .navbg .r{ float: right; line-height: 40px; color: #797979 } .navbg .r a{color: #797979; display: inline-block; float: left;} .navbg .r a:hover{ color: #fdb128; } .navbg .r div{ display: inline-block; color: #333; float: left; } .navbg .r span{ display: inline-block; padding: 0 10px; color: #c4c4c4; float: left;} /****** 网易163的网站地图样式 ******/ .topbar .sitemap .mapico em { display: block; text-indent: -999em; overflow: hidden; width: 28px; height: 40px; line-height: 0; /*margin-left: 20px;*/ } .topbar .sitemap .mapico em span { display: block; float: right; clear: both; width: 24px; height: 2px; background: #646464; } .topbar .sitemap .mapico em .menu1 { -moz-animation: menu 800ms ease 0s 2; -webkit-animation: menu 800ms ease 0s 2; animation: menu 800ms ease 0s 2; } .topbar .sitemap .mapico em .menu2 { -moz-animation: menu 800ms ease .16s 2; -webkit-animation: menu 800ms ease .16s 2; animation: menu 800ms ease .16s 2; } .topbar .sitemap .mapico em .menu3 { -moz-animation: menu 800ms ease .32s 2; -webkit-animation: menu 800ms ease .32s 2; animation: menu 800ms ease .32s 2; } .topbar .sitemap .mapico em span.menu1 { margin: 12px 2px 0; -webkit-transition: -webkit-transform .4s; -o-transition: -o-transform .4s; transition: transform .4s; } .topbar .sitemap .mapico em span.menu2 { margin: 6px 2px 0; } .topbar .sitemap .mapico em span.menu3 { margin: 6px 2px 0; -webkit-transition: -webkit-transform .4s; -o-transition: -o-transform .4s; transition: transform .4s; } /****** 滑过展开效果 ******/ .topbar .sitemap .navigation-on,.topbar .sitemap .navigation-active{/*background:#060607; border-right: 1px solid #444;*/} /*background:#1e1e1e*/ .topbar .sitemap .navigation-on .menu1{-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px)} .topbar .sitemap .navigation-on .menu3{-webkit-transform:translate(0,2px);-ms-transform:translate(0,2px);-o-transform:translate(0,2px);transform:translate(0,2px)} /****** 点击展开效果 ******/ @keyframes movemenu{0%{background-position:-1px 7px}100%{background-position:-301px 7px}} @-webkit-keyframes movemenu{0%{background-position:-1px 7px}100%{background-position:-301px 7px}} .topbar .sitemap .navigation-active em, .topbar .sitemap .navigation-active:hover em { background: -1px 7px no-repeat; background: -300px 7px no-repeat\0; background: -300px 7px no-repeat\9; } .topbar .sitemap .navigation-active em { -moz-animation: movemenu 300ms steps(10) forwards; -webkit-animation: movemenu 300ms steps(10) forwards; animation: movemenu 300ms steps(10) forwards; } .topbar .sitemap .navigation-active em span{ display: none; } .topbar .sitemap .navigation-active em { margin-left: 7px; } /* 网站地图 */ .topbar .sitemap{ position: relative; z-index: 1000; height: 40px; width: 40px; float: left; } .topbar .sitemap .mapico{ width: 40px; height: 40px; color: #fff; line-height: 40px; cursor: pointer; /*background: no-repeat 0px 13px;*/ } .topbar .sitemap .mapico_on{background: no-repeat 0px -119px; } .topbar .sitemap .mapbox{ position: absolute; z-index: 9999; width: 1198px; height: 280px; overflow: hidden; left: 0; top: 40px; background-color: #fff; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .topbar .sitemap .mapbox .inner_box{ padding:25px 10px 20px 10px; } .topbar .sitemap .mapbox ul{ } .topbar .sitemap .mapbox ul li{ float: left; width: 83px; height: 232px; color: #5c5c5c; border-right: 1px solid #f6f6f6; text-align: center; }/*border-right: 1px solid #f4f4f4;*/ .topbar .sitemap .mapbox ul li h2,.sitemap .mapbox ul li h2 a{ font-size: 14px; color: #000; line-height: 26px; } .topbar .sitemap .mapbox ul li h2 a:hover{color: #c00e00;} /****** 滑过颜色每个频道自行定义 ******/ .topbar .sitemap .mapbox ul li p { line-height: 34px; font-size: 12px; white-space: nowrap; width: 70px; margin: 0 auto; overflow: hidden; } .topbar .sitemap .mapbox ul li p a{ color: #5c5c5c; white-space : nowrap;} .topbar .sitemap .mapbox ul li p a:hover{ color: #c00e00; } /*定义logo部分*/ .navbar .lbox h1,.navbar .lbox .h1box{width: 122px;} .navbar .lbox h1, .navbar .lbox h1 a,.navbar .lbox .h1box,.navbar .lbox .h1box a { height: 50px; display: block; float: left; } .navbar .lbox h1 .cnmo_logo,.navbar .lbox .h1box .cnmo_logo{ min-width: 10px;display: none; } .navbar .lbox h1 .page_line,.navbar .lbox .h1box .page_line{ height: 30px; float: left; display: none; } .navbar .lbox h1 .page_logo,.navbar .lbox .h1box .page_logo{ width: 100px; } /*底部footer*/ /*.footer{width: 100%;background: #f6f6f6;border-top: 1px solid #ebebeb;clear: both;position: relative;z-index: 1;}*/ .footer{width: 100%;background: #f6f6f6;border-top: 1px solid #ebebeb;clear: both; z-index: 130; position: relative; font-size: 14px;} .footer-box{text-align: left;} .link-footer{width: 1220px;background: #fff;margin: 0 auto; margin-top: 10px;} .link-footer .w1200{overflow: hidden;position: relative;} .link-footer .link-footer-nav{text-align: left;} .link-footer .link-footer-nav span{font-size: 18px;/*margin-left: 10px;*/margin-right: 38px;line-height: 1.5;/*display: inline;*/ margin-top: -5px;} .link-footer .link-footer-nav span.cur{color: #eb2e2e;} .link-footer ul{padding-top: 10px;width: 3660px;margin-left: -5px;} .link-footer li{text-align: left;margin-left: -10px;padding-bottom: 5px;position: relative;background: #fff;float: left;width: 1212px;} .link-footer li a{color: #999;margin-left: 15.5px;white-space:nowrap;line-height: 2.2;display: inline-block; text-decoration: none; font-size: 14px;} .link-footer li a:hover{color: #eb2e2e;} .link-footer li a.apply-link-use{visibility: hidden;} .link-footer li a.apply-link{background: #ececec;color: #575757;line-height: 22px;padding: 0 10px;border-radius: 11px;position: absolute;right: 0;bottom: 2px;display: block;} .link-footer li a.apply-link:hover{background: #e5e5e5;} .footer-box .footer-info{font-size: 12px;line-height: 26px;padding-top: 15px;} .footer-box .footer-info-box{width: 425px;float: left;} .footer-box .footer-info-box1{width:320px;float: right;} .footer-box .footer-info a{color: #404040; text-decoration: none;} .footer-info a:hover{color: #eb2e2e;} .footer-info-link{text-align: center;clear: both;padding: 15px 0 20px;} .footer-info-link a{margin: 0 5px; color: #404040;} .footer-info-link a:hover{color: #eb2e2e;} .footer-box1{background: #2d2d2d;height: 42px;line-height: 42px;} .footer-box1 .w1200{text-align: left;font-size: 12px;} .footer-box1 a{color: #fff; text-decoration: none;} .footer-box1 a:hover{color: #eb2e2e;} .footer-box1 em{color: #5b5b5b;margin: 0 12px;} /******** 公共分享图标 *********/ .info_share{ position: absolute; bottom: 3px; right: 0; } .info_share div{ display: block; float: left; margin-left: 16px; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: 100%; cursor: pointer; } .info_share .share01{ background-image: ; } .info_share .share02{ background-image: ; } .info_share .share03{ background-image: ; } .ie7 .info_share .share01,.ie8 .info_share .share01{ background-image: ; } .ie7 .info_share .share02,.ie8 .info_share .share02{ background-image: ; } .ie7 .info_share .share03,.ie8 .info_share .share03{ background-image: ; } /******** 弹出二维码样式 *********/ .bd_weixin_popup { position: fixed; left: 50%; top: 50%; padding: 10px; width: 280px !important; height: 280px !important; margin-top: -110px; margin-left: -140px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; } .bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; } .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; } .bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; text-align: center; height: 185px; } .bd_weixin_popup_main canvas { width: 185px; height: 185px; } .bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; } /******** 图片鼠标滑过放大 *********/ .mouse-big{ cursor: pointer; } .mouse-big img { width: 100%; height: 100%; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .mouse-big:hover img {transform: scale(1.1);} .prevent {position: relative;} .posb{position: absolute;left: 0;bottom: 22px;cursor: pointer;} .posb p{ display: inline-block;padding: 3px 11px 3px;background: rgba(105, 100, 220, .8);color: #fff;font-size: 16px; margin-bottom: 1px;} .posb:hover p{background: rgba(51, 51, 51, .8);} .mainpage .on p{background: rgba(51, 51, 51, .8);} /* 公共底部 */ .cbottom { width: 100%; min-width: 1100px; text-align: center; clear: both; padding-top: 30px; color: #666; font-size: 12px; line-height: 24px; } .cbottom1 { background: #353535; height: 170px; } .cbottom_link { color: #999; padding-top: 20px; line-height: 50px; font-size: 14px; } .cbottom_link a { color: #999; margin: 0 2px; } .cbottom_link a:hover{ text-decoration: underline; } /* 公共底部 */ /******** 点击 *********/ .bd_weixin_popup { position: fixed; left: 50%; top: 50%; padding: 10px; width: 280px !important; height: 280px !important; margin-top: -110px; margin-left: -140px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; } .bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; } .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; } .bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; text-align: center; height: 185px; } .bd_weixin_popup_main canvas { width: 185px; height: 185px; } .bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; } /****** 列表页中的大家都在看 ******/ .look_all{ width: 1200px; overflow: hidden; } .look_all .inner_box{ width: 1212px; } .look_all ul li{ width: 303px; height: 228px; float: left; } .look_all ul li .img{ width: 290px; height: 182px; overflow: hidden; } .look_all ul li .img img{ width: 290px; height: 182px; } .look_all ul li p,.look_all ul li p a{font-size: 16px;color: #666666; height: 40px; line-height: 40px;max-width: 275px;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;} .look_all ul li p a:hover{ color: #6964dc } /******** 主要的布局区域 ********/ .mainpage{ width:1200px; margin:0 auto; } .mainpage a{text-decoration: none;} /*2018-11-19tycw添加登录后状态*/ .topbar .r ul .loginin{width: 127px;text-align: center;position: relative;} .topbar .r ul .loginin:hover{background: #000;} .topbar .r ul .loginin a.user_name{text-overflow: ellipsis;display: table;width: 127px;text-align: left;/*padding-left: 18px;*/} .topbar .r ul .loginin a.user_name span{display: inline-block;width: 68px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left} .topbar .r ul .loginin a.user_name i{background: no-repeat center right;display: block;width: 20px;height: 40px;display: inline-block;float: left;padding-left: 3px; /*transition: -webkit-transform .3s linear; -ms-transition: -webkit-transform .3s linear; -moz-transition: -webkit-transform .3s linear; -o-transition: -webkit-transform .3s linear; -webkit-transition: -webkit-transform .3s linear;*/ } .topbar .r ul .loginin:hover .user_link{ display: block; } /*.topbar .r ul .loginin:hover a.user_name{ color: #fff; }*/ .topbar .r ul .loginin:hover a.user_name i{ background-image: ; /*transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); */ } .topbar .r ul .user_link{display: none;background: #ffffff;border: 1px solid #e7e5e6;border-top: 0px;z-index: 99999;position: absolute;top: 40px;left: 0;} .topbar .r ul .user_link a{display: block;height: 36px;line-height:36px;width: 100%;width: 125px;text-indent: 6px;text-align: left;color: #565656;} .topbar .r ul .user_link a span{display: block;margin: 0 10px;height: 36px;line-height:36px;border-bottom: 1px dashed #efefef;} .topbar .r ul .user_link a:hover{background: #f3f3f3 !important;color: #eb2e2e !important;} .topbar .r ul .user_link a.login_out span{border-bottom: 0;} /* 20190109ycw公共头部样式修改 */ .topbar .home.home_logo{display:table;} .topbar .home.home_logo img{ height:14px;width:38px; } .topbar .home.home_logo i {margin-right: 20px;margin-left: 10px;} /*-副导航-*/ .topbar_f{width: 100%;background: #fff;height: 38px;font-size: 12px;} .topbar_f .w1200{overflow: hidden;margin:0 auto;} .topbar_f ul{height: 13px;line-height: 13px;width: 1220px;margin-top: 15px;} .topbar_f ul li{border-right: 1px solid #dedede;float: left;} .topbar_f ul li a{color: #404040;margin:0 12px} .topbar_f ul li a:hover{color: #eb2e2e;} .topbar_f ul li.topbar_f_sm a{margin:0 10px} .topbar_f ul li.topbar_f_f a{margin-left: 0;} .topbar_f ul li.topbar_f_l a{margin-right: 0;} .topbar_f ul li.topbar_f_l{border-right:0} /*** 新顶部登录条 2021-11-26 ***/ .topbar2021 { background-color: #fbfbfb !important; border-bottom: 0px solid #f1f1f1 !important; } .topbar2021 .sitemap { position: relative; z-index: 1000; height: 30px; width: 30px; float: left; } .topbar2021 .sitemap .mapbox { position: absolute; z-index: 9999; width: 1200px; height: 280px; overflow: hidden; left: 0; top: 40px; background-color: #fff; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } .topbar2021 .sitemap .mapico { width: 40px; height: 40px; color: #fff; line-height: 40px; cursor: pointer; /* background-image: no-repeat 0px 13px; */ background: none; position: relative; transition: .4s all; } .topbar2021 .sitemap .mapico .mem{ width: 40px; height: 40px; background-image: ; background-repeat: no-repeat; background-position: 0 12px; background-size: 40%; /* position: absolute; z-index:1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; transform-origin:25% 52%; */ } .topbar2021 .sitemap .mapico.navigation-active .mem{ /* -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); */ background-image: ; background-repeat: no-repeat; background-position: 0 12px; background-size: 40%; background-position: 0 -36px; } .topbar2021 .home { width: 150px; color: #909090; text-align: left; padding-left:6px; } .topbar2021 .home a { font-size: 12px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #404040; } .topbar2021 .home a:hover{ color: #404040; } .topbar2021 .r ul li { width: 56px; height: 40px; float: left; color: #404040; text-align: center; font-size: 12px; } .topbar2021 .r .gz { position: relative; z-index: 1000; height: 40px; line-height: 40px; width: 40px; } .topbar2021 .sc { height: 40px; line-height: 40px; cursor: pointer; color: #404040; margin-right: 10px; } .topbar2021 .r ul li .ac:hover{ color: #404040 } .topbar2021 .r ul .login { width: 45px; line-height: 40px; } .topbar2021 .r ul .login:hover {color: #404040;} .topbar2021 .r ul .login.nologin{ background: no-repeat 0 50%; } .topbar2021 .r ul .login.nologin:hover a{color: #404040 !important;} .topbar2021 .r ul .register a, .topbar2021 .r ul .login a { font-size: 12px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #404040; cursor: pointer; } .topbar2021 .r ul .register a:hover, .topbar2021 .r ul .login a:hover{ color: #404040; } .topbar2021 .r .gz .o, .topbar2021 .sc .r .ac { display: inline-block; font-size: 12px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #404040; cursor: pointer; } .topbar2021 .r .gz .o.co3f,.topbar2021 .co3f{ color: #404040 !important; } .topbar2021 .r .gz .pbox { box-sizing: border-box; position: absolute; padding: 0 10px; z-index: 1001; width: 460px; height: 170px; /*background-color: #fff;*/ top: 40px; left: -342px; /*border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;*/ border: 0; background: no-repeat; background-size: 100% 100%; } .topbar2021 .r .gz .pbox .eqcode { width: 25%; float: left; color: #333; padding-top: 30px; } .topbar2021 .r ul .loginin a.user_name { text-overflow: ellipsis; display: table; width: 117px; text-align: left; } .topbar2021 .r ul .loginin a.user_name .avatar{ background-image: ; background-repeat: no-repeat; /* background: no-repeat; */ background-size: 100%; background-color: #fff; width: 20px; height: 20px; display: block; float: left; margin-top: 10px; border-radius: 10px; margin-right: 5px; } .topbar2021 .r ul .loginin:hover{background: #fbfbfb;} .topbar2021 .r ul .loginin:hover {color: #404040 !important;} .topbar2021 .r ul .loginin:hover a {color: #404040 !important;} .topbar2021 .r ul .loginin:hover span {color: #404040 !important;} .topbar2021 .r ul .loginin:hover a.user_name{ color: #404040; } .topbar2021 .r ul .loginin a:hover.user_name{ color: #404040; } .topbar2021 .r ul .user_link{display: none;background: #ffffff;border: 1px solid #e7e5e6;border-top: 0px;z-index: 99999;position: absolute;top: 40px;right: 0;} .topbar2021 .r ul .user_link a{display: block;height: 36px;line-height:36px;width: 117px;text-indent: 6px;text-align: left;color: #565656;} .topbar2021 .r ul .user_link a span{display: block;margin: 0 10px;height: 36px;line-height:36px;border-bottom: 1px dashed #efefef; width: 100px;} .topbar2021 .r ul .user_link a:hover{background: #fff !important;color: #eb2e2e !important;} .topbar2021 .r ul .user_link a:hover span{color: #eb2e2e !important; width: 110px;} .topbar2021 .r ul .user_link a.login_out span{border-bottom: 0;} /* 设置个别链接的间距 */ .topbar_f ul li.topbar_f_sm a { margin: 0 9px !important; } .text-center{text-align: center!important;} .text-right{text-align: right!important;} /** 新分页样式 统一处理 2022-12-20 **/ .pagination{display:inline-block;padding-left:0;margin:20px 0;} .pagination>li{display:inline; margin-left:2px;} .pagination>li>a,.pagination>li>span{position:relative; padding:6px 12px;line-height:1.42857143;color:#313131;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:2px} .pagination>li:first-child{margin-left:0;} .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#ed6044;cursor:default;background-color:#ffffff;border-color:#ed6044} /** 宅秘 **/ .home-pagination .pagination>.active>a,.home-pagination .pagination>.active>a:focus,.home-pagination .pagination>.active>a:hover,.home-pagination .pagination>.active>span,.home-pagination .pagination>.active>span:focus,.home-pagination .pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#fdb128;border-color:#fdb128} /** hi5g **/ .hi5g-pagination .pagination>.active>a,.hi5g-pagination .pagination>.active>a:focus,.hi5g-pagination .pagination>.active>a:hover,.hi5g-pagination .pagination>.active>span,.hi5g-pagination .pagination>.active>span:focus,.hi5g-pagination .pagination>.active>span:hover{z-index:3;color:#ffffff;cursor:default;background-color:#12a857;border-color:#12a857} /** smartcar **/ .smartcar-pagination .pagination a:hover{z-index:3;color:#6964dc;cursor:pointer;background-color:#ffffff;border-color:#6964dc} .smartcar-pagination .pagination>.active>a,.smartcar-pagination .pagination>.active>a:focus,.smartcar-pagination .pagination>.active>a:hover,.smartcar-pagination .pagination>.active>span,.smartcar-pagination .pagination>.active>span:focus,.smartcar-pagination .pagination>.active>span:hover{z-index:3;color:#ffffff;cursor:default;background-color:#6964dc;border-color:#6964dc} /*������ʽ*/ *{margin: 0;padding: 0;box-sizing: border-box;} html,body{background-color: #fff;color: #404040;font-size: 14px; line-height: 1.5; /*font-family: "΢���ź�", "microsoft yahei", "helvetica neue", helvetica, stheiti, sans-serif;*/ font-family: "΢���ź�", "microsoft yahei","��������������",hiragino sans gb,"���ĺ���",arial,'hiragino sans gb',sans-serif; } ul,li,ol,menu {list-style: none;} img{vertical-align: middle;font-size: 0;border: 0;} :-moz-placeholder {color: #bbb;} ::-moz-placeholder {color: #bbb;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #bbb;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #bbb;} input:-webkit-autofill{background: #fff;-webkit-box-shadow: 0 0 0px 1000px white inset;} a{color: #404040;} a:hover {color: #eb2e2e;} b,h1,h2{font-weight: bold;} .m10 {margin: 10px;} .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .p10 {padding: 10px;} .pt10 {padding-top: 10px;} .pt20 {padding-top: 20px;} .bor{border: #f4f4f4 solid 1px;} .borb {border-bottom: #f4f4f4 solid 1px;} .bort {border-top: #f4f4f4 solid 1px;} .fl{float: left;} .fr{float: right;} .clear{clear:both;height:0;overflow:hidden} .cf{zoom:1} .cf:after{clear:both;display:block; height:0;visibility:hidden;content:"/20";height:0;overflow:hidden} .relative{position: relative;} .hidden{display: none;} .show{display: block;} .icon{background: no-repeat;display: block;background-size: 320px 140px;} .header2021.v2 .header-nav-b.navabsolute .icon{ background: no-repeat;display: block;background-size:282px 20px ;} .header2021.v2 .header-nav-b.navabsolute li:hover .icon{ background: no-repeat;display: block;background-size:282px 20px;} .ie8 .icon,.ie7 .icon,.ie6 .icon{background-image: ;} /*ҳ��*/ body{width:100%;text-align: center;color: #404040;font-size: 14px;background: #fff; -moz-user-select:none; /*���*/ -webkit-user-select:none; /*webkit�����*/ -ms-user-select:none; /*ie10*/ user-select:none; } .w1200{margin: 0 auto;width: 1200px;} /*ͷ��*/ .topbar {background-color: #2b2b2b;} .topbar .home {width: 150px;color: #909090;} .topbar .home a{color: #909090;} .topbar .sitemap .navigation-active em{margin-right: -7px;} .topbar .sitemap .mapbox{width: 1200px;} .topbar .l{width: 200px;text-align:center;} .topbar .l .home i{margin-left: -2px;margin-right:20px;} .safari .topbar .home{line-height: 42px;} /*.topbar .sitemap .mapico{width: 200px;}*/ .topbar .sitemap .mapico em{float: left;} .bd_weixin_popup .bd_weixin_popup_main{height: 204px;} /*logo����*/ .header{position: relative;} .header-logo{width: 100%;height: 120px;padding-top: 20px;background: #333333;} .header-logo .logo{width: 165px;float: left;} .header-logo .logo img{width: 165px;} .header-logo .header-div{width: 1012px;height: 80px;float: right;position: relative; } /*.header-div img{position: absolute;left: 0;right: 0;width: 1012px;height: 80px;z-index: 98;}*/ .header-div .top_banner{position: relative;font-size: 30px;color: #fff;text-align: center;max-width: 900px;display: inline-block;margin-right: 90px;z-index: 99;line-height: 80px;font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: ; } .header-div a.top_banner span{display: none;width: 100%;background: #fff;height: 2px;position: absolute;left: 0;bottom: 20px;} /*.header-div a:hover{text-decoration: underline;}*/ .header-div a.top_banner:hover span{display: block;} /*����������*/ .header-nav{width: 100%;height: 35px;background: #eb2e2e;} .header-nav li{float: left;color: #fff;} .nav-link li{float: left;text-align: left;line-height: 35px;margin-right: 52px;position: relative;} .nav-link li a{color: #fff;font-size: 14px;} .nav-link li i{position: absolute;bottom: 4px;left: 50%;height: 1px;width: 0;display: block;background: #fff; -ms-transform: translatex(-50%); -webkit-transform: translatex(-50%); transform: translatex(-50%); -webkit-transition: width ease 200ms; transition: width ease 200ms; } .nav-link li:hover i{width: 30px;} /*������*/ .search_box{margin-top: 5px; background-color: #fff; width: 180px; height: 25px; float: right; border-radius: 12px 12px 12px 12px; } .search_box .pdsearch{ width: 135px; height: 20px; line-height: 20px; border: 0px; margin-left: 10px; float: left; margin-top: 3px;} .search_box .search_btn{ float: right; width: 25px; height: 25px;background-position:2px 5px; cursor: pointer; border: 0; font-size: 0; } .search_box .on .search_btn{background-position:-23px 5px;} /*.ie7 .navbar .search_box .search_btn,.ie8 .navbar .rbox .inner_box .search_box .search_btn{background-position:-148px -22px; }*/ /*.nav-f-ser{border-radius: 15px;border: 1px solid #fff;width: 180px;background: #fff;height: 25px;margin-top: 5px;} .nav-f-ser .search-box{width: 142px;height: 22px;line-height: 22px;background: #fff;border:none;position: absolute;top: 1px;left: 14px;z-index: 3;} .nav-f-ser .icon{width: 27px;height: 24px;background-position:4px 3px;border: none;position: absolute;right: 0;top: 0px;z-index:3;cursor: pointer;} .search-box-cur {border-color: #e1e1e1;} .search-box-cur .icon{background-position:-148px -22px;} .search-box-cur .nav-f-ser-list{display: none;width: 180px;padding:8px 0 5px;background: #fff;border: 1px solid #e1e1e1;border-top:0;position: absolute;top: 14px;left: -1px;z-index: 2;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;} .search-box-cur .nav-f-ser-list a{line-height: 35px;display: block;width: 100%;margin: 0;height:35px;text-align: left;text-indent: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .search-box-cur .nav-f-ser-list a:hover{color: #404040;background: #f6f6f6;border: none;} .search-box-cur .nav-f-ser-list a.on{color: #404040;background: #f6f6f6;border: none;}*/ /*����������*/ .header-nav-b{width: 100%;height: 60px;background: #f9f9f9;} .header-nav-b ul li{float: left;line-height: 60px;margin-right: 55px;} .header-nav-b ul li i{width: 30px;height: 25px;float: left;margin-top: 16px;margin-right: 2px;} .header-nav-b ul li span{float: left;} .header-nav-b ul li.last{margin-right: -1px;} .header-nav-b a{font-size: 16px;color: #000;font-family: tahoma;} /*������������ icon���µ�1��ͼ ����ͼicon ��ʱ����*/ /*.header-nav-b ul li i.icon-1{background-position:2px -26px;width: 23px;} .header-nav-b ul li i.icon-2{background-position:-30px -25px;} .header-nav-b ul li i.icon-3{background-position:-60px -25px;} .header-nav-b ul li i.icon-4{background-position:-90px -25px;width: 28px;} .header-nav-b ul li i.icon-5{background-position:-120px -25px;} .header-nav-b ul li i.icon-6{background-position:-150px -25px;} .header-nav-b ul li i.icon-7{background-position:-180px -25px;} .header-nav-b ul li i.icon-8{background-position:-210px -25px;} .header-nav-b ul li i.icon-9{background-position:-240px -25px;} .header-nav-b ul li i.icon-10{background-position:-267px -26px;}*/ .header-nav-b ul li.icon{} /*һ��ͼ�ķ�λ*/ /*.header-nav-b ul li i.icon-1{background-position: 0px -65px !important;width: 23px !important;} .header-nav-b ul li i.icon-2{background-position: -70px -64px!important;} .header-nav-b ul li i.icon-3{background-position:-125px -64px!important;} .header-nav-b ul li i.icon-4{background-position:-183px -64px!important;width: 28px!important;} .header-nav-b ul li i.icon-5{background-position:-250px -64px!important;} .header-nav-b ul li i.icon-6{background-position:-305px -64px!important;} .header-nav-b ul li i.icon-7{background-position:-368px -64px!important;} .header-nav-b ul li i.icon-8{background-position:-425px -64px!important;} .header-nav-b ul li i.icon-9{background-position:-483px -64px!important;} .header-nav-b ul li i.icon-10{background-position:-424px -64px!important;} */ /*����ͼ�ķ�λ*/ .header-nav-b ul li i.icon-1{background-position: 5px 5px !important;width: 23px !important;} .header-nav-b ul li i.icon-2{background-position: -21px 6px !important;} .header-nav-b ul li i.icon-3{background-position: -50px 6px !important;} .header-nav-b ul li i.icon-4{background-position:-83px 6px !important;width: 28px!important;} .header-nav-b ul li i.icon-5{background-position:-110px 6px !important;} .header-nav-b ul li i.icon-6{background-position:-140px 6px !important;} .header-nav-b ul li i.icon-7{background-position:-170px 5px !important;} .header-nav-b ul li i.icon-8{background-position:-199px 5px !important;} .header-nav-b ul li i.icon-9{background-position:-230px 6px !important;} .header-nav-b ul li i.icon-10{background-position:-259px 5px !important;} .header-nav-b ul li:hover a{color: #eb2e2e;} /*������������ icon���µ�1��ͼ ����ͼicon ��ʱ����*/ /*.header-nav-b ul li:hover i.icon-1{background-position:2px -61px;} .header-nav-b ul li:hover i.icon-2{background-position:-30px -60px;} .header-nav-b ul li:hover i.icon-3{background-position:-60px -60px;} .header-nav-b ul li:hover i.icon-4{background-position:-90px -60px;} .header-nav-b ul li:hover i.icon-5{background-position:-120px -60px;} .header-nav-b ul li:hover i.icon-6{background-position:-150px -60px;} .header-nav-b ul li:hover i.icon-7{background-position:-178.5px -60px;} .header-nav-b ul li:hover i.icon-8{background-position:-210px -60px;} .header-nav-b ul li:hover i.icon-9{background-position:-240px -60px;} .header-nav-b ul li:hover i.icon-10{background-position:-267px -61px;}*/ /*һ��ͼ�ķ�λ*/ /*.header-nav-b ul li:hover i.icon-1{background-position:0px -126px !important;} .header-nav-b ul li:hover i.icon-2{background-position:-70px -125px!important;} .header-nav-b ul li:hover i.icon-3{background-position:-125px -125px!important;} .header-nav-b ul li:hover i.icon-4{background-position:-183px -125px!important;} .header-nav-b ul li:hover i.icon-5{background-position:-250px -125px!important;} .header-nav-b ul li:hover i.icon-6{background-position:-305px -125px!important;} .header-nav-b ul li:hover i.icon-7{background-position:-368px -125px!important;} .header-nav-b ul li:hover i.icon-8{background-position:-425px -125px!important;} .header-nav-b ul li:hover i.icon-9{background-position:-483px -125px!important;} .header-nav-b ul li:hover i.icon-10{background-position:-424px -125px!important;}*/ /*����ͼ�ķ�λ*/ /*2px -61px*/ .header-nav-b ul li:hover i.icon-1{background-position: 5px 5px !important;} .header-nav-b ul li:hover i.icon-2{background-position:-21px 6px!important;} .header-nav-b ul li:hover i.icon-3{background-position:-50px 6px!important;} .header-nav-b ul li:hover i.icon-4{background-position:-83px 6px!!important;} .header-nav-b ul li:hover i.icon-5{background-position:-110px 6px!important;} .header-nav-b ul li:hover i.icon-6{background-position:-140px 6px!important;} .header-nav-b ul li:hover i.icon-7{background-position:-170px 5px!important;} .header-nav-b ul li:hover i.icon-8{background-position:-199px 5px!important;} .header-nav-b ul li:hover i.icon-9{background-position:-230px 6px!important;} .header-nav-b ul li:hover i.icon-10{background-position:-259px 5px!important;} /*** ��ͷ������ 2021-06-02@��ceo ***/ .header2021 .header-logo { width: 100%; height: 120px; height: 122px; /*new*/ padding-top: 20px; padding-top: 24px; /*new*/ background: #fff; } .header2021 .header-logo .logo img { width: 164px; height: 59px; } .header2021 .header-logo .logo .logotext { width: 120%; /*190px*/ height: 14px; font-size: 10px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #000000; line-height: 14px; letter-spacing: 5px; transform: scale(0.90); transform-origin: -16px 50px; margin-left: -4px; } /* safari 10.1 (which is the latest version of safari at this time) */ @media not all and (min-resolution:.001dpcm) { @media { .header2021 .header-logo .logo .logotext { width: 108%; /*190px*/ height: 14px; font-size: 10px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #000000; line-height: 14px; letter-spacing: 5px; transform: scale(1.04); transform-origin: 0px 50px; margin-left: -9px; margin-top:3px; } }} @-moz-document url-prefix() { .topbar2021 .home { width: 150px; color: #909090; text-align: left; padding-left:6px; line-height: 38px; } .topbar2021 .r ul li, .topbar2021 .r ul li a, .topbar2021 .r .gz .o, .topbar2021 .r .gz, .topbar2021 .sc .r .ac{ line-height: 38px; } .topbar2021 .r ul .login { width: 45px; line-height: 38px; background: no-repeat 0 48%; } .header2021 .header-logo .logo .logotext { width: 120%; /*190px*/ height: 14px; font-size: 10px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #000000; line-height: 14px; letter-spacing: 5px; transform: scale(1.05); transform-origin: -60px 50px; margin-left:-23px; margin-top:5px; } } /*** с���������߶ȵ� ***/ .header2021 .header-nav-b { width: 100%; height: 60px; background: #f9f9f9; height: 46px; background: #fafafa; border-bottom: 1px solid #f1f1f1; } .header2021 .header-nav-b ul{ width: 120%; } .header2021 .header-nav-b ul li { margin-right: 51px; line-height: 46px; } .header2021 .navfix-div { height: 51px; } .header2021 .header-nav-b ul li i { width: 30px; height: 25px; float: left; margin-top: 8px; margin-right: 2px; } /* .header2021 .header-nav-b ul li i.icon-1 { background-position: 2px -26px; width: 20px !important; } */ /*** с�����ڳ�������ɫ ***/ .header2021 .header-nav-b a { font-family: tahoma; font-size: 16px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #222222; } /*** ����icon ***/ .header2021 .icon { background: no-repeat; display: block; background-size: 326px 140px; } #navfix .icon{ /*background: no-repeat;*/ /*background-size: 640px 280px;*/ } /*** �����ŵ� ***/ .header2021 .search_box .search_btn { float: right; width: 25px; height: 25px; background-position: -287px 5px; cursor: pointer; border: 0; font-size: 0; } /*** �°�ͷ�������ϰ彨���յ�1200���������������2021-v2�汾 ***/ .header2021.v2 .header-nav { width: 1200px; height: 35px; background: #eb2e2e; margin:0 auto; } .header2021.v2 .header-nav .nav-link{ padding-left:22px; } .header2021.v2 .header-nav-b { width: 1200px; height: 46px; background: #fafafa; border-bottom: 1px solid #f1f1f1; margin:0 auto; } .header2021.v2 .header-nav-b a{ font-size:14px; } .header2021.v2 .header-nav-b.navabsolute { width: 1200px; position: absolute; top: 155px; left: 50%; margin-left:-600px; z-index: 999; } .header2021.v2 .header-nav-b.navfix { position: fixed; top: 0; left: 0; z-index: 999; width: 1200px; left: 50%; margin-left:-600px; } .header2021.v2 .header-nav-b ul{ padding-left:20px; } .header2021.v2 .header-nav-b ul li { /* margin-right: 47px; */ margin-right: 41px; line-height: 46px; } .header2021.v2 .header-nav-b ul li .icon-1{ width:20px; } .header2021.v2 .search_box { margin-top: 4px; background-color: #fff; width: 180px; height: 25px; float: right; margin-right:20px; border-radius: 12px 12px 12px 12px; } .header2021.v2 .header-nav { height: 45px; } .header2021.v2 .header-nav-b.navabsolute { top: 165px; } .header2021.v2 .header-nav-b.navfix { top: 0; } .header2021.v2 .header-nav .nav-link li{ line-height: 45px; margin-right: 42px; } .header2021.v2 .search_box{ margin-top: 9px; } .header2021.v2 .nav-link li a{ font-size:16px; } /*��ҫ������*/ /*swiper���*/ /* =============================================================== basic swiper styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* fix of webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* ie10 windows phone 8 fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; } .swiper-scrollbar-cursor-drag { cursor: move; } /*�ֲ�ͼ����*/ .banner{margin-top: 5px;height: 298px;overflow: hidden;} /*�ֲ�ͼ*/ .banner-swiper{height: 298px;width: 600px;overflow: hidden;background: #eee;} /*�ֲ�ͼ*/ .swiper-container{height: 298px;} .swiper-box .swiper-wrapper img{width: 600px;height: 298px;} .pagination {position: absolute;z-index: 20;bottom: 6px;right: 10px;width: auto;text-align: right;} .swiper-pagination-switch {display: inline-block;width: 16px;height: 6px;background: #000;margin: 0 2px;opacity: 0.3;filter:alpha(opacity=30);cursor: pointer;} .swiper-active-switch {opacity: 1;filter:alpha(opacity=100);background: #fff;} .swiper-arrow{height: 80px;width: 30px;color: #fff;font-size: 20px;position: absolute;top: 50%;margin-top: -40px;z-index: 3;cursor: pointer;display: none;} .swiper-arrow span{display: block;height: 100%;width: 100%;background: #000;opacity: 0.4;filter:alpha(opacity=40);} .swiper-arrow i{width: 20px;height: 30px;position: absolute;top: 26px;left: 7px;} .swiper-left{left: 0;} .swiper-right{right: 0;} .swiper-left i{background-position: -1px -100px;} .swiper-right i{background-position: -25px -100px;} .swiper-arrow:hover span{opacity: 0.7;filter:alpha(opacity=70);} .swiper-box:hover .swiper-arrow{display: block;} .swiper-wrapper .swiper-slide{position: relative;} .swiper-wrapper .swiper-slide i{position: absolute;left: 0;bottom: 0;width: 600px;height: 148px;background: repeat;} /*ͼƭ*/ .banner-img{width: 600px;overflow: hidden;height: 298px;} .banner-img li{width: 298px;height: 148px;margin-left: 2px;float: left;margin-bottom: 2px;background: #eee;overflow: hidden;position: relative;} .banner-img li img{width: 100%;} /*.banner-img li a{display: block;position: relative;height: 100%;width: 100%;}*/ .banner-img li b{display: block;z-index: 99;position: absolute;left: 0;bottom: 0;width: 285px;height: 36px;line-height: 36px;color: #fff;font-size: 14px;text-indent: 13px;text-align: left;overflow: hidden;} .banner-img li b.text-shaw{color: #000;left: 1px;bottom: -1px;z-index: 98;} .banner-img li i{display: block;z-index: 97;position: absolute;left: 0;bottom: 0;width: 100%;height: 36px;background: #000;opacity: .3;alpha(opacity=30);} /*���������*/ .left{width: 240px;float: left;} .left-long{width: 940px;float: left;height: 305px;} /*�������ҳ�*/ .right{width: 240px;float: right;} /*�������м�*/ .con{width: 680px;float: left;margin-left: 20px;} /*������ʾ�б�*/ .news-list{text-align: left;} .news-list ul{margin-left: -20px;} .news-list li{width: 330px;float: left;margin-left: 20px;} .linetext{height: 38px;line-height: 38px;/*overflow: hidden;*/display: table;white-space: nowrap;position: relative;} .linetext-h2{height: 42px;} .linetext a{color: #404040;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;float: left;max-width: 318px;} .linetext.haveicon a{max-width: 316px;} .linetext-h2 a{max-width: 330px;} .linetext a:hover{color: #eb2e2e;} .linetext a h2{font-size: 18px;color: #404040;padding-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;max-width: 330px;} .linetext a h2:hover{color: #eb2e2e;text-decoration: underline;} .linetext .cred h2,.linetext .cred b{color: #eb2e2e;} .linetext i{width: 5px;height:5px;border-radius: 50%;display:block;background-color: #e3e3e3;margin-right: 6px;margin-bottom: 3px;margin-top: 17px;float: left;} .safari10 .linetext i{margin-top: 16px;} .linetext a .icon{width: 20px;height: 11px;display: inline-block;margin-left: 4px;position: absolute;top:14px;right: -24px;} .linetext a .icon1-hot{background-position: -49px 0 ;} .linetext a .icon1-img{background-position: -74px 0 ;} .linetext a .icon1-video{background-position: -99px 0 ;} /*2022-3-16 ��ʒ������ ���� û�����ݵ�ʱ�� ��һ��ϊ��*/ .linetext-202203{height: 48px !important;} .newlist-column{padding-top: 8px;height: 40px;} .newlist-column img{height: 24px;margin: -3px 14px 2px 0;} .newlist-column b{font-size: 18px;line-height: 40px;} .newlist-column1{padding-top: 4px;height: 40px;} .newlist-column1 i{width: 3px;height: 18px;background: #0f0e0e;float: left;margin-right: 12px;border-radius: 0;margin-top: 12px;} .safari10 .newlist-column1 i{margin-top: 11px;} .newlist-column1 b{font-size: 18px;line-height: 41px;} /*7���ȵ�*/ .hot-7{padding-top: 5px;} .hot-7 li{border-bottom: 1px solid #f3f3f3;padding: 27px 0;overflow: hidden;font-size: 18px;text-align: left;line-height: 22px;clear: both;} .hot-7 li.last{border: none;} .hot-7-num{font-size: 30px;font-style: italic;float: left;color: #e9e9e9;padding-top: 10px;} .hot-7-1 .hot-7-num{color: #eb2e2e;} .hot-7-2 .hot-7-num{color: #e8b427;} .hot-7-3 .hot-7-num{color: #f3b76a;} .hot-7-tit{width: 208px;float: right;height: 46px;overflow: hidden;line-height: 24px;} .hot-7-btn{color: #9e9e9e;font-size: 14px;width: 206px;float: right;padding-top: 3px;height: 20px; overflow: hidden;} .hot-7-btn a{color: #9e9e9e;} .hot-7-btn a:hover{color: #404040;} .hot-7-btn span{margin: 0 8px;color:#c1c1c1;} /*������ʽ*/ /*1*/ .tit-nav1{color: #000;font-size: 18px;font-weight: bold;text-align: left;height: 45px;line-height: 40px;padding-top: 5px;} .tit-nav1 a{color: #000;} /*2*/ .tit-nav2{width: 100%;border-bottom: 1px solid #e6e6e6;text-align: left;height: 45px;line-height: 45px;} .tit-nav2 b {border-bottom: 2px solid #000;font-size: 22px;color: #000;line-height: 43px;display: block;float: left;} .tit-nav2 b a{color:#000;} .safari .tit-nav2 b span{font-family: arial;} .tit-nav2-right{float: right;line-height: 40px;padding-top: 5px;} .tit-nav2-right a{color: #000;cursor: pointer;} .tit-nav2-right a:hover{color: #eb2e2e;} .tit-nav2-right span{color: #dbdbdb;padding: 0 5px;} /*��ƶͷ������*/ .white-tit{height: 70px;width: 1200px;text-align: left;margin: 0 auto;overflow: hidden;padding-top: 5px;} .white-tit a{color: #fff;font-size: 22px;line-height: 65px;} /*.white-tit2{text-align: left;} .white-tit2 .inner{ width: 120px; height: 70px; margin-top: -70px; white-space: nowrap; } */ /*����*/ .one{padding-top: 25px;margin-bottom: 15px;} /*���*/ .one .left{height: 920px;} .one .news-list li{padding-top: 2px;} .one .newlist-column1{padding-top: 3px;} /*ֱ��*/ .live-tit-img{position: relative;width: 240px;height: 90px;} .live-tit-img .default-img{width: 240px;height: 90px;overflow: hidden;} .live-tit-img span{color: #fff;background: rgb(235,46,46);background: rgba(235,46,46,.9);font-size: 14px;display: block;width: 85px;height: 25px;line-height: 25px;position: absolute;top: 10px;left: 10px;text-indent: 7px;text-align: left;border-radius: 14px;} .live-tit-img span i{color: #ffbfbf;font-family: arial;font-size: 15px;} .live-tit-img .icon{width: 31px;height: 31px;background-position: -50px -100px;position: absolute;bottom: -15px;right: 15px;} .live-tit-tit{border-bottom: 1px solid #ececec;height: 55px;line-height: 55px;color: #eb2e2e;font-size: 16px;text-align: left;} .live-tit-tit span{font-size: 12px;font-family: simsun,"����";float: left;margin-right: 10px;} .live-tit-tit p{width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .live-list{padding-top: 5px;text-align: left;} .live-list li a{color: #888;line-height: 30px;} .live-list li a span{float:left;max-width: 205px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right:3px;} .live-list li.live-list-red a span{max-width: 180px;} .live-list li.live-list-red a{color: #eb2e2e;} .live-list li a:hover{color: #eb2e2e;} /*��˵����*/ .say-say ul{border-top: 1px solid #f2f2f2;} .say-say ul li{border-bottom: 1px solid #f2f2f2;height: 75px;} .say-say-img{width: 49px;height: 49px;border-radius: 50%;margin-top: 13px;overflow: hidden;float: left;position: relative;cursor: pointer;} .say-say-img img{width: 100%;} .say-say-img span{position: absolute;top: 0;left: 0;background: #000;opacity: .6;filter: alpha(opacity=60);display: none;z-index: 98;width: 100%;height: 100%;} .say-say-img p{position: absolute;top: 0;left: 0;line-height: 50px;text-align: center;display: none;z-index: 99;width: 100%;color: #fff;} .say-say-img:hover span{display: block;} .say-say-img:hover p{display: block;} .say-say-img.on span{display: block;} .say-say-img.on p{display: block;} .say-say-info{display: block;width: 180px;text-align: left;height: 64px;float: right;padding-top: 18px;position: relative;} .say-say-info a.say-info{display: block;height: 34px;color: #404040;overflow: hidden;line-height: 1.2;} .say-say-info a.say-info:hover{color: #eb2e2e;} .say-say-info .icon-share{height: 19px;width: 20px;display: block;position: absolute;bottom: -3px;right: 39px;overflow: hidden; transition: all 200ms linear; -webkit-transition: all 200ms linear; } .say-say-info .icon-share .icon{height: 16px;display: block;width: 20px;background-position:-121px 2px;cursor: pointer;position: absolute;left: 0;} .say-say-info .icon-share .icon-share1{height: 19px;bottom: 0;} .say-say-info .icon-share .weibo{background-position: -221px 4px;bottom: 51px;} .say-say-info .icon-share .weixin{background-position: -196px 4px;bottom: 35px;} .say-say-info .icon-share .qzone{background-position: -171px 2px;bottom: 19px;} .say-say-info .icon-share:hover {background-color: #f7f7f9;height: 68px;} .say-say-info .like{color: #aaaaaa;font-size: 12px;margin-left: 12px;line-height: 14px;position: absolute;right: 0;bottom: 0;font-family: tahoma;cursor: pointer;} .say-say-info .like .icon{width: 15px;height: 14px;background-position:-150px 0;display: block;float: left;margin-top: 2px;} .say-say-info .like:hover{color: #eb2e2e;} .say-say-info .like:hover .icon{background-position:-150px -14px;} /* 1*/ .say-say-info .likeon{color: #eb2e2e;} .say-say-info .likeon .icon{background-position:-150px -14px;} .like_1{position: absolute;top: 0;left:50%;color: #f52b2a;opacity: 0;filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; transform: scale(.5); -webkit-transform: scale(.5); -o-transform: scale(.5); -moz-transform: scale(.5); } .like_1_move { opacity: 1; filter: alpha(opacity=100); transform: translatey(-20px) scale(1); -webkit-transform: translatey(-20px) scale(1); -o-transform: translatey(-20px) scale(1); -moz-transform: translatey(-20px) scale(1); } /*ħ��ѧժ*/ .one-left-img-div{height: 110px;width: 240px;overflow: hidden;} .one-left-img-div img{width: 100%;} .one-left-img-tit{padding-top: 9px;text-align: left;line-height: 21px;height:50px;overflow: hidden;} /*.one-left-img:hover p{color: #eb2e2e;}*/ /*�м�*/ .one .con{height: 920px;} .one .con .news-list{margin-top: -14px;} /*�ҳ�*/ .one .right{height: 920px;} .one .right .add-div{margin-bottom: 10px;cursor: pointer;} /*���ð�*/ .gohaoa-right{background: #f9f9f9;width: 100%;} .gohaoa-right .titbox{height:42px;} .gohaoa-right .titbox .tit {width: 87px;height: 42px;float: left;background-image: ;background-repeat: no-repeat;background-position: 0 center;background-size: 100%;} .gohaoa-right .titbox .tit a { display: block;width: 87px;height: 42px;} .gohaoa-right .titbox .rico {height: 42px;line-height: 42px;float: right;font-size: 12px;} .gohaoa-right .titbox .rico a{color: #7d7d7d;} .ghapic .swiper-box{ width: 240px; height: 120px; overflow: hidden;} .ghapic .swiper-box .swiper-wrapper img { width: 240px;height: 120px;} .ghapic .swiper-box .swiper-slide{height: 120px;} #swiper-container2{height: 120px;} #swiper-container2 .pagination{bottom: 3px;text-align: center;right: 0;width: 100%;} #swiper-container2 .pagination .swiper-pagination-switch{height: 5px; cursor: pointer;} #swiper-container2 .swiper-arrow{height: 50px;width: 25px; margin-top: -25px;} #swiper-container2 .swiper-arrow i{top: 14px;left: 6px; width: 14px;height: 25px;} #swiper-container2 .swiper-left i { background-position: -100px -100px;} #swiper-container2 .swiper-right i { background-position: -125px -100px;} #swiper-container2 .swiper-arrow span{opacity: .2;filter:alpha(opacity=20)} #swiper-container2 .swiper-arrow:hover span{opacity: .4;filter:alpha(opacity=40)} .gohaoa-right .ghalist{text-align: left;padding:8px 12px;} .gohaoa-right .ghalist li{height: 32px; line-height: 32px;background: no-repeat 0 center; background-size: 23px 12px;text-indent: 30px;overflow: hidden;} .gohaoa-right .ghalist li a {line-height: 32px;} .gohaoa-right .ghalist li.gouhao-img{background: none;text-indent:0;padding: 3px 0;height: 38px;} /**** ���ð�������죨20190326�������������ֱ�ϊ���у�����newstyle��ʽ�ͺ� *****/ .ghalist.newstyle{ height: 280px; margin-top: 10px; } .ghalist.newstyle li{ height: auto; padding-left: 30px; text-indent: 0; margin-bottom: 8px; height: 36px; overflow: hidden; background: no-repeat 0 3px; background-size: 23px 12px; } .ghalist.newstyle li,.ghalist.newstyle li a{ line-height: 120%; } .ghalist.newstyle li.gouhao-img{ margin-bottom: 0px; } /*��ƶ��*/ .video-div{width: 100%;height: 550px;background: #333;} .video-box .three-tit{width: 1200px;margin: 0 auto;} .video-box {width: 1200px;margin: 0 auto;} /*��ƶ*/ .video-scrollbar{width: 329px;height:415px;position: relative;float: right;margin-right: 5px;} .video-scrollbar .swiper-video-scrollbar{width: 325px;height: 415px;position: relative;overflow: hidden;} .video-scrollbar .swiper-video-scrollbar .video-src{width: 320px;height: 88px;margin-bottom: 8px;padding: 4px;} .video-scrollbar .swiper-video-scrollbar .swiper-slide:first-child .video-src{padding-top: 0;} .swiper-scrollbar{height: 415px;width: 10px;display: block;position: absolute;top: 0;right: -4px;background: #1c1c1c;} .swiper-scrollbar-drag{background: #3d3d3d;} .swiper-scrollbar-drag:hover{background: #565656;} .swiper-scrollbar-cursor-drag{cursor:default;} .video-scrollbar .swiper-wrapper{height: auto;width:325px;position: absolute;top: 0;left: 0;} .video-box .swiper-wrapper .swiper-slide{margin-bottom: -8px;} .video-s-img{width: 160px;height: 80px;position: relative;float: left;cursor: pointer;overflow: hidden;} .video-src .video-s-img{background: #f7f7f7;} .video-src .video-s-img img{width: 100%;height: auto;margin-top: -20px;} .video-s-img span{z-index:99;position: absolute;bottom: 8px;left: 13px;display: block;background: #000;background: rgba(0,0,0,.7);line-height: 24px;padding: 0 7px;border-radius: 8px;color: #fff;font-size: 12px;} .video-s-img .share{position: absolute;bottom: 0;left: 0;z-index:98;background: #000;width: 100%;height: 100%;opacity: .8;filter:alpha(opacity=80)} .video-s-info{width: 130px;height: 80px;float: right;color: #a6a6a6;text-align: left;position: relative;cursor: pointer;margin-right: 5px;} .video-s-info p{display: block;height: 60px;width: 100%;overflow: hidden;} .video-s-info span{color: #616161;position: absolute;left: 0;bottom: 0;line-height: 1;} .video-scrollbar .on .video-s-info{color: #eb2e2e;} .video-scrollbar .on .video-s-info span{color: #eb2e2e;} .video-scrollbar .on .video-s-img .share{display: none;} .video-play{width: 850px;height: 415px;float: left;background: #535353;cursor: pointer;position: relative;position: relative;} .video-play .tabcontent iframe, .video-play .tabcontent embed, .video-play .tabcontent object {width: 850px;height: 415px;} .video-play .masklayer{width: 850px;height: 415px;overflow: hidden;} .video-play .masklayer .icon{width: 66px;height: 66px;position: absolute;top: 50%;left: 50%;margin-left: -33px;margin-top: -33px;background: no-repeat;} .video-play .masklayer img{width: 100%;height: auto;opacity: .40;filter:alpha(opacity=40)} .video-paly-tit{color: #fff;position: absolute;bottom: -62px;left: 0;overflow: hidden;max-width: 100%;line-height: 60px;text-align: left;white-space:nowrap;font-size: 16px;} .video-paly-tit:hover{color: #eb2e2e;} .video-scrollbar .swiper-video-scrollbar .video-src:hover .video-s-img .share{opacity: .25;filter:alpha(opacity=25)} .video-scrollbar .swiper-video-scrollbar .video-src:hover .video-s-info{color: #fff;} .video-scrollbar .swiper-video-scrollbar .on:hover .video-s-info{color: #eb2e2e;} .video-scrollbar .swiper-video-scrollbar .video-src:hover .mouse-big img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .video-div .white-tit2 a b{ white-space: nowrap; } /*����*/ .two{margin-bottom: 15px;margin-top: -1px;} .two .left{height: 630px;} /*�ֻ����а�*/ .two .tit-nav2 .tit-nav2-right a.cur{color: #eb2e2e;} .phone-ranking-list{clear: both;margin: 15px 0 10px;display: none;} .phone-ranking-list li{clear: both;color: #404040;height: 41px;line-height: 24px;padding-top: 8px;} .phone-ranking-list li i{display: block;width: 20px;height: 20px;text-align: center;background: #f1f1f1;border-radius: 50%;line-height: 21px;font-family: arial;font-size: 16px;float: left;} .phone-ranking-list li a{display: block;float: left;margin-left: 8px;width: 210px;text-align: left;} .phone-ranking-list li a span{display:block;float: left;width: 152px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .phone-ranking-list li a b{display:block;float: right;width: 58px;font-weight: normal;color: #8b8b8b;text-align: right;} .phone-ranking-list li a:hover b{color: #eb2e2e;} .phone-ranking-list li.list-o1 i{background: #eb2e2e;color: #fff;} .phone-ranking-list li.list-o2 i{background: #ff5050;color: #fff;} .phone-ranking-list li.list-o3 i{background: #ff7400;color: #fff;} .phone-ranking-list li.list-o1 a:hover i,.phone-ranking-list li.list-o2 a:hover i,.phone-ranking-list li.list-o3 a:hover i{color: #fff;} /*�۸�*/ .two-money{border-left: 1px #f0f0f0 solid;border-top: 1px #f0f0f0 solid;text-align: center;height: 66px;} .two-money a{display: block;width: 50%;border-right: 1px #f0f0f0 solid;border-bottom: 1px #f0f0f0 solid;height: 33px;;line-height: 33px;float: left;color: #eb2e2e;} .two-money a:hover{text-decoration: underline;} .two .con{height: 630px;} .two .con .tit-nav2-right span{padding: 0 20px;} .two .con .news-list{padding-top: 10px;} .two .con .linetext { height: 35px;line-height: 35px;} .two .con .linetext i{margin-top: 15px;} .two .con .news-list .linetext-h2{height: 40px;} .two .con .news-list .newlist-column img{height: 18px;margin: -2px 5px 2px 0;} .all-test{padding-top: 12px;} .all-test .all-test-img{display: block;width: 100%;height: 105px;overflow: hidden;position: relative;} .all-test .all-test-img i{position: absolute;left: 0;bottom: 0;z-index: 98;width: 100%;height: 105px;background: repeat-x bottom;} .all-test .all-test-img p{position: absolute;left: 0;bottom: 0;z-index: 99;width: 100%;line-height: 32px;color: #fff;text-align: center;} .all-test .all-test-img b{position: absolute;left:0;top: 0;z-index: 99;background: no-repeat;background-size: 100%;width: 43px;height: 43px;color: #fff;display: block;} .all-test-info{width: 100%;padding: 8px 0 6px;} .all-test-info span{width: 160px;float: left;display: block;line-height: 27px;height: 27px;} .all-test-info .all-test-time{clear: both;width: 100%;} .all-test-info .all-test-money{width: 155px;} .two .con .all-test-info i{margin-top: 11px;} .all-test-btn{display: block;width: 100%;height: 27px;line-height: 27px;background: #eb2e2e;color: #fff;text-align: center;} .all-test-btn span{padding:0 13px;} .all-test-btn:hover{background: #d11919;color: #fff;} .two .right{height: 630px;} /*��tap*/ .tab-long{padding-top: 20px;width: 100%;clear: both;margin-bottom: 0;line-height: 50px;overflow: hidden;} .tab-long .long-nav{height: 50px;background: #f7f7f7;border-top: #e6e6e6 solid 1px;font-size: 16px;} .tab-long .long-nav a{display: block;float: left;width: 96px;} .tab-long .long-nav a.long-nav-active{color: #eb2e2e;font-weight: bold;background: #fff;border-top: 2px #eb2e2e solid;margin-top: -1px;height:50px;line-height: 48px;} .tab-long .long-nav a.long-nav-right{float: right;color: #fff;height: 25px;line-height: 25px;padding: 0 8px;margin: 12px 18px 0 0;background: #eb2e2e;width: auto;} .tab-long .long-nav a.long-nav-right:hover{background: #d11917;} .tab-long .long-list{border-bottom: 1px solid #e6e6e6;} .tab-long .long-list li{height: 50px;border-top: 1px solid #f2f2f2;text-align: left;width: 1210px;} .tab-long .long-list li span{color: #adadad;float: left;} .tab-long .long-list li .long-list-link{width: 1167px;overflow: hidden;height: 36px;margin: 7px 0;float: left;} .tab-long .long-list li .long-list-link a{display: block;width: 96px;height: 36px;line-height: 36px;margin: 0 5px;float: left;text-align: center;overflow: hidden;} .tab-long .long-list li .long-list-link a img{width: 96px;height: 36px;} .tab-long .long-list li .long-list-link .link-2{width: 199px;text-indent: 9px;} .tab-long .long-list li .list-more{float: right;color: #adadad;display: none;} .tab-long .long-list li .list-more:hover{color: #404040;} .tab-long .long-list li.cnmo_commodity{height: 166px;box-sizing: border-box;} .tab-long .long-list li.cnmo_commodity .cdity{float: left;padding: 2px;width: 150px;height: 177px;border:1px solid #f5f5f5;box-sizing: border-box;border-top: 0;border-left: 0;} .tab-long .long-list li.cnmo_commodity .cdity:first-child{border-left: 1px solid #f5f5f5;} .tab-long .long-list li.cnmo_commodity .cdity .cdimg{margin: 0 auto;width: 120px;height: 120px;} .tab-long .long-list li.cnmo_commodity .cdity .cdimg img{display: block;width: 100%;height: 100%;} .tab-long .long-list li.cnmo_commodity .cdity p{overflow:hidden;height: 16px;width: 100%;margin: 10px 0 5px 0; font-size: 14px;color: #404040;text-align: center;line-height: 15px;} .tab-long .long-list li.cnmo_commodity .cdity:hover p{color: #eb2e2e;} .tab-long .long-list li.cnmo_commodity .cdity .cdpirce{width: 100%;text-align: center;font-size: 12px;color: #eb2e2e;line-height: 12px;} .cnmo_zhaimi{border-bottom: 0 !important;} /*����*/ .three{clear: both;margin-bottom: 15px;margin-top: -1px;} /*.three .left{margin-top: 10px;}*/ /*����iq����*/ .car-iq img{width: 88px;height: 65px;;float: left;margin-right: 9px;margin-top: 5px;} .car-iq li{padding: 0 ;height: 78px;} .car-iq li .hot-7-tit{height: auto;} .car-iq li .hot-7-num{margin-top: 15px;} .car-iq-info p{font-size: 16px;color: #262626;margin-top: 15px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .car-iq li .hot-7-tit:hover .car-iq-info p{color: #eb2e2e;} .car-iq-info span{font-size: 12px;color:#9e9e9e} .hot-7-1 .car-iq-info p{color: #eb2e2e;} .hot-7-2 .car-iq-info p{color: #e82727;} .hot-7-3 .car-iq-info p{color: #f3b76a;} /*.three .con{margin-top: 10px;}*/ .three .con .news-list {padding-top: 10px;} .car-img{padding-top: 11px;height: auto;clear: both;} .car-img li{position: relative;overflow: hidden;height: 170px;} .car-img li img{width: 100%;height: auto;} .car-img .mouse-big i{z-index: 99;position: absolute;left: 0;top: 7px;background:rgb(235,45,45);background: rgba(235,45,45,.8);color: #fff;display: block;height: 20px;line-height: 20px;padding: 0 8px;} .car-img .mouse-big i span{font-family: arial;color: #ffb5b4;} .car-img .mouse-big p{z-index: 99;position: absolute;left: 0;bottom:0px;background:rgb(0,0,0);background: rgba(0,0,0,.6);color: #fff;height: 30px;line-height: 30px;padding: 0 8px;} .car-img .mouse-big:hover p{background:rgb(0,0,0);background: rgba(0,0,0,.8)} .three .right{/*margin-top: 10px;*/height: 527px;} .three .right .hot-7{padding-top: 2px;} .three .right .hot-7 li{padding: 25px 0;} .three .tab-long{padding-top: 0;} /*����*/ .four{/*padding-top: 4px;*/margin-bottom: 15px;margin-top: -1px;} .icon-home{background: no-repeat;background-size: 280px 80px;} /*.four .left{height:480px;}*/ .household{padding-top: 20px;width: 100%;} .household-list a{display: block;width: 50%;float: left;height: 70px;background: #cadffa;line-height: 70px;color: #3c3c3c;font-size: 16px;} .household-list a.hh_sj{background: #f1e7dc;margin-bottom: 5px;height: 102px;} .household-list a.hh_sj span{display: inline-block;width: 100%;line-height: 16px;} .household-list a.hh_zs{background: #e8eff5;margin-bottom: 5px;height: 102px;} .household-list a.hh_zs span{display: inline-block;width: 100%;line-height: 16px;} .household-list a.hh_ws{background: #f1e7dc;} .household-list a.hh_af{background: #def1ca;} .household-list a.hh_cw{background: #def1ca;} .household-list a.hh_wsj{background: #e1e2f1;} .household-list a.hh_sf{background: #f1e7dc;} .household-list a.hh_qt{background: #e8eff5;} .household-list a span{float: left;} .household-list a .icon-home{display: block;width: 35px;height: 35px;margin: 20px 10px 0 20px;float: left;} .household-list a.hh_sj .icon-home{background-position: 0px 0px;width: 37px;height: 30px;margin: 23px 41px 17px 41px;} .household-list a.hh_zs .icon-home{background-position: -50px 0px;width: 39px;height: 31px;margin: 22px 41px 17px 41px;} .household-list a.hh_kt .icon-home{background-position: -103px 0px;width: 35px;height: 27px;} .household-list a.hh_ws .icon-home{background-position: -155px 0;width: 30px;height: 25px;margin-top: 21px;} .household-list a.hh_af .icon-home{background-position: -100px 0;} .household-list a.hh_cw .icon-home{background-position: -202px 0;width: 29px;height: 28px;} .household-list a.hh_sf .icon-home{background-position: -200px 0;} .household-list a.hh_qt .icon-home{background-position: -250px 0;} .household-list a.hh_wsj .icon-home{background-position: -247px 0;width: 27px ;height:28px;} .household-list a.on{color: #fff;} /*.household-list a.on.hh_kt{background: #458eea;} .household-list a.on.hh_ws{background: #e9a34d;} .household-list a.on.hh_af{background: #91e23d;} .household-list a.on.hh_cw{background: #6167d5;} .household-list a.on.hh_sf{background: #e9a34d;} .household-list a.on.hh_qt{background: #599ed5;}*/ .household-list a.on.hh_sj{background: #e9a34d;} .household-list a.on.hh_zs{background: #c7e2fa;} .household-list a.on.hh_kt{background: #458eea;} .household-list a.on.hh_ws{background: #e9a34d;} .household-list a.on.hh_cw{background: #91e23d;} .household-list a.on.hh_wsj{background: #6167d5;} .household-list a.on.hh_sj .icon-home{background-position: 0px -49px;} .household-list a.on.hh_zs .icon-home{background-position: -50px -48px;} .household-list a.on.hh_kt .icon-home{background-position: -103px -48px;} .household-list a.on.hh_ws .icon-home{background-position: -155px -48px;} .household-list a.on.hh_af .icon-home{background-position: -100px -50px;} .household-list a.on.hh_cw .icon-home{background-position: -202px -47px;} .household-list a.on.hh_wsj .icon-home{background-position: -247px -48px;} .household-list a.on.hh_sf .icon-home{background-position: -200px -50px;} .household-list a.on.hh_qt .icon-home{background-position: -250px -50px;} .household-img{background: no-repeat;overflow:hidden;height: 203px;width: 240px;clear: both;background-size: 240px 240px;position: relative;background-position: 0px -37px;} .household-bg,.household-img-map{position: absolute;left: 0;top: -37px;width: 240px;height: 240px;z-index: 98;} .household-img-map{z-index: 99;} .household-img img{display: block;opacity: 0;filter:alpha(opacity=0)} /*.four .con{height: 480px;}*/ .four .con .news-list {padding-top: 8px;} .four .con .car-tit{float: right;color: #eb2e2e;font-weight: bold;font-size: 16px;} .four .linetext a h2{padding-top: 0;} .four .linetext{height: 40px;line-height: 40px;} /*.four .right{height: 480px;}*/ .four .right{height: 515px;} .four .right .hot-7{padding-top: 2px;margin-bottom: -2px;} .four .right .hot-7 li{padding: 26px 0;} /*����*/ .five{margin-top:-1px;clear: both;/*margin-bottom: 10px;*/} .five .linetext a h2{/*padding-top: 0;margin-top: -2px;*/} /*.five .left-long{margin-top: 10px;clear: both;}*/ .five .left-long .news-list{padding-top: 10px;} .five .five-img{font-size: 16px;width: 240px;padding-top: 15px;text-align: left;} .five .five-img .five-img-tit{line-height: 22px;margin-top: 8px;font-size: 16px;height: 44px;overflow: hidden;} .five .five-img .mouse-big{height: 170px;width: 240px;overflow: hidden;} .five .linetext{height: 41px;line-height: 41px;} .five .linetext i{margin-top: 18px;} /*.five .right{margin-top: 10px;}*/ .five .right .hot-7{height: 250px;overflow: hidden;} .five .right .hot-7 li{padding: 20px 0;} /*ͷ������*/ .head-line{position: relative; width: 1220px; margin:0 auto;} .head-line-bg{position: absolute;height: 200px;width: 100%;background: #333;left: 0;top: 0;} .head-line-box{position: relative;width: 1200px;margin: 0 auto;} .head-line-box .getmoreinfo{width:1230px;margin-left: -15px;} .head-line-box .getmoreinfo li{padding:0 15px;margin-bottom: 30px;float: left;text-align: left;} .head-line-box .getmoreinfo li p a{display: block;} .head-line-img{width: 380px;height: 238px;position: relative;display: block;text-align: center;} .head-line-img1{width: 100%;height: 100%;overflow: hidden;line-height: 238px;} .head-line-img1 img{width: 100%;height: auto;} .head-line-img b{display: block;width: 80px;height: 80px;line-height: 80px;color: #fff;background: #eb2e2e;position: absolute;top: 10px;right: -10px;font-size: 36px;} .head-line-span{font-size: 14px;color: #b2b2b2;line-height: 45px;} .head-line-span:hover{color:#404040;} .head-line-tit{font-weight: bold;font-size: 22px;width: 360px;max-height: 50px;overflow: hidden;line-height: 1.2;} .head-line-tit-f{line-height:1.8;display: inline-block;width: 360px;max-height: 63px;overflow: hidden;padding-top: 15px;color: #757575;} .head-line-tit-f:hover{color: #404040;} .head-line-box ul li.hover .head-line-tit a{color: #eb2e2e;} .head-line-box ul li.hover .head-line-tit-f{color: #404040;} .head-line-right{display: none;} .head-line-right1{text-align: right;padding-top: 10px;position: relative;z-index: 122;cursor: pointer;} .head-line-right1 .head-line-say{width: 30px;float: right;margin-left: 2px;height: 20px;position: relative;cursor: pointer; -webkit-transition: width .4s cubic-bezier(.19,1,.22,1);transition: width .4s cubic-bezier(.19,1,.22,1);} .head-line-right1 .head-line-say p,.head-line-right1 .head-line-say span{display: none;font-size: 12px;color: #c9c9c9;font-weight: normal;line-height:18px;} .head-line-right1 .head-line-say span{display: block;opacity: 0;filter:alpha(opacity=0);-webkit-transition: opacity .1s ease; transition: opacity .1s ease;} .head-line-right1 .head-line-say div{width:100%;float: right;height: 2px; -webkit-transition: width .4s cubic-bezier(.19,1,.22,1);transition: width .4s cubic-bezier(.19,1,.22,1);} .head-line-right1 .head-line-say div.bar_bg1{background: #00a2ff;} .head-line-right1 .head-line-say div.bar_bg2{background: #00a2ff;} .head-line-right1 .head-line-say div.bar_bg3{background: #00a2ff;} .head-line-right1 .head-line-say p{position: absolute;right: 0;top: -15px;} .head-line-right1 .head-line-say:hover p{display: block;} .head-line-right1 .head-line-say1{clear: both;font-size: 12px;color: #5f5f5f;display: block;line-height: 22px;} .head-line-right1 .head-line-say2{clear: both;opacity: 0;filter:alpha(opacity=0);position:absolute;left: 0;bottom: 0;} .head-line-right1:hover .head-line-say{width: 90px;} .head-line-right1:hover .head-line-say span{opacity: 1;filter:alpha(opacity=100)} .head-line-right1:hover .head-line-say2{opacity: 1;filter:alpha(opacity=100)} /*.head-line-btn-box{position: relative;z-index: 5;top: -114px;}*/ div.head-line-btn{width: 1200px;height: 55px;border: 1px solid #f4f4f4;clear: both;margin: 0 auto;cursor: pointer;display: block;font-family: tahoma;} .head-line-btn .icon{display:inline-block;width: 9px;height: 9px;background-position: -235px -90px;margin-bottom:2px; -webkit-transform-origin:50%;transform-origin:50%; transition: transform .3s linear;-webkit-transition: -webkit-transform .3s linear; } .head-line-btn:hover .icon{background-position: -235px -110px;transform: rotate(270deg);-webkit-transform: rotate(270deg);} .head-line-btn span,.head-line-btn a{font-size: 20px;line-height: 55px;} .head-line-btn:hover span,.head-line-btn:hover a{color: #eb2e2e;} /*ͼƭ�ŵ�ч��*/ .mouse-big img{ width: 100%;height: 100%; -webkit-transition: -webkit-transform .5s ease; -ms-transition: -ms-transform .5s ease; -moz-transition: -moz-transform .5s ease; -o-transition: -o-transform .5s ease; transition: transform .5s ease; } .mouse-big:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .mouse-big1 img{ width: 100%;height: 100%; -webkit-transition: -webkit-transform .5s ease; -ms-transition: -ms-transform .5s ease; -moz-transition: -moz-transform .5s ease; -o-transition: -o-transform .5s ease; transition: transform .5s ease; } .mouse-big1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .safari10 .mouse-big img{ -webkit-transition: -webkit-transform 0; -ms-transition: -ms-transform 0; -moz-transition: -moz-transform 0; -o-transition: -o-transform 0; transition: transform 0; } .safari10 .mouse-big1 img{ -webkit-transition: -webkit-transform 0; -ms-transition: -ms-transform 0; -moz-transition: -moz-transform 0; -o-transition: -o-transform 0; transition: transform 0; } /*�ҳ�����*/ .pop{position: fixed;bottom: 45px;left:50%;margin-left: 620px;width: 50px;border: 1px solid #ededed;border-radius:5px;z-index: 998;background: #fff;display: none;} .pop ul li{width: 100%;position: relative;cursor: pointer;height: 50px;} .pop ul li .icon{width: 23px;height: 23px;margin: 13px auto;} .pop ul li .click{display: block;padding: 0 9px;} .pop ul li .icon-name{display: block;color: #3e3e3e;width: 30px;height:50px;line-height: 15px;text-align: center;border-bottom: 1px solid #e6e6e6;vertical-align: middle;display: table-cell;} .pop ul li .icon{transition: all 400ms;-webkit-transition: all 400ms;} .pop ul li.bort{border-top: 1px solid #e6e6e6;margin-top: -1px;} .pop ul li.top1 .icon{background-position: -149px -90px;} .pop ul li.sina1 .icon{background-position: -174px -90px} .pop ul li.eweima1 .icon{background-position: -199px -90px;} .pop ul li.top1:hover .icon{background-position: -149px -115px;} .pop ul li.sina1:hover .icon{background-position: -174px -115px;} .pop ul li.eweima1:hover .icon{background-position: -199px -115px;} .pop ul li .eweima{position: absolute;left: -110px;top: -2px;width: 99px;height: 99px;border: 1px solid #ededed;display: none;background: #fff;} .pop ul li .eweima img{width: 100%;height: 100%;} .pop ul li:hover .icon-name{color: #eb2e2e;} .pop ul li:hover .eweima{display: block;} .link-footer{margin-top: 34px;margin-bottom: 15px;width: 1200px;} /*.link-footer li { display: none; }*/ .link-footer li a.apply-link{bottom: 6px;} .link-footer li a:hover {color: #404040;} .footer{border-top-color: #dcdcdc;margin-top: -26px;} .footer-box1 .w1200{font-size: 14px;} .footer-box{text-align: center;height: 120px;} .footer-box .footer-info{height: 84px;padding-top: 10px;} .footer-box a:hover{color: #404040;} .footer-box1{height: 53px;line-height: 53px;background: #ececec;width: 100%;font-size: 14px;} .footer-box1 a{color: #2c2c2c;} .footer-info-link a{margin: 0 2px;} .footer-box1 a:hover{text-decoration: underline;} .footer-box1 em {color: #cbcbcb;margin: 0 24px;} .footer-box1 .fr em {margin: 0 15px;} .footer-box2{height: 30px;line-height: 30px;width: 100%;color: #c1c1c1;font-size: 12px;background: #2b2b2b;} .footer-box2 a{color: #c1c1c1;float: left;margin-right: 30px;} .footer-box2 a:hover{text-decoration: underline;} .footer-box2 .fr{white-space: nowrap;} .footer-box2 .fr p{color: #c1c1c1;float: left;margin-left: 40px;font-weight: bold;} .footer-box2 p a{float: right;margin-right: 0;} .footer-icon{position: relative;padding-left:22px ;margin-right: 5px;} .footer-icon img{position: absolute;top: 5px;left: 0;} /*������*/ .header-nav-b.navfix{position: fixed;top: 0;left: 0;z-index: 999;} .navabsolute{position: absolute;top: 155px;left: 0;z-index: 999;} .navfix-div{height: 60px;} /*ʧ�ܻ��ߴ��󵯿�*/ .errorpop{ display:none; background:#000;background:rgba(0,0,0,.8);border-radius:10px;position:fixed;width:200px;margin-left:-100px;height:60px;line-height:60px;top:50%;left:50%;z-index:999999;color:#fff;} /*ie*/ .ie8 .gohaoa-right .ghalist li, .ie7 .gohaoa-right .ghalist li, .ie6 .gohaoa-right .ghalist li{background-image: ;} .ie8 .gohaoa-right .ghalist li.gouhao-img, .ie7 .gohaoa-right .ghalist li.gouhao-img, .ie6 .gohaoa-right .ghalist li.gouhao-img{background: none;} .ie8 .all-test .all-test-img b, .ie7 .all-test .all-test-img b, .ie6 .all-test .all-test-img b{background-image: ;} .ie8 .icon-home,.ie7 .icon-home,.ie6 .icon-home{background-image: ;} .ie8 .one ,.ie7 .one{height: 955px;} .ie7 .header-logo{height: 100px;} .ie7 .news-list li {margin-left: 10px;} .ie7 .say-say-info{height: 46px;} .ie7 .tit-nav1{height: 40px;} .ie7 .tit-nav1 ul li:last-chid{margin-top: -5px;} .ie7 .linetext{height: 41px;line-height: 41px;} .ie7 .one .linetext{height:39px;line-height: 39px;} .ie7 .linetext i{margin-bottom: 8px;} .ie7 .newlist-column{padding-top: 0;} .ie7 .newlist-column1{line-height: 41px;} .ie7 .two .con .linetext{height: 38px;line-height: 38px} .ie7 .phone-ranking-list {margin-bottom: 0;} .ie7 .phone-ranking-list li{padding-top: 0;height: 38px;} .ie7 .all-test-info{height: 65px !important;} .ie7 .two-money a{width: 118px;} .ie7 .two .left{height: auto;} .ie7 .hot-7 li{padding-top: 26px;} .ie7 .car-iq li{padding-top: 0px;height: auto;} .ie7 .three .right .hot-7 li{padding: 22px 0 25px;} .ie7 .four .right .hot-7 li{padding: 23px 0 23px;} .ie7 .five .right .hot-7 li{padding: 14px 0 20px;} .ie7 .link-footer{margin-top: 0;padding-top: 26px;} .ie7 .head-line-btn{margin-top: 20px;} .ie7 .footer-box1 a{float: left;} .ie7 .footer-box1 em{float: left;} .ie7 .white-tit a{float: left;} .ie7 .head-line-right1{width: 280px;} .ie7 .car-img{padding-top: 0;} .ie7 .three .two-money{margin-top: -5px;} .ie7 .two .con{height: 660px;} .ie7 .linetext a .icon{height: 17px;} .ie7 .pop ul li {height: auto;} .ie7 .pop ul li .click{vertical-align: middle;display: block;border-bottom: 1px solid #e6e6e6;padding: 5px 0 8px;width: 30px;margin: 0 auto;margin-bottom: -2px;} .ie7 .pop ul li .icon-name{line-height: 18px;/*display: block;height: 45px*/;vertical-align: middle;border: 0;} .ie8 .nav-link li i,.ie7 .nav-link li i{margin-left:-15px;} /*���*/ .add_div{cursor: pointer;overflow:hidden;} .add_div_left{margin-right: 4px;float: left;cursor: pointer;} .add-tit{float: right;color: #eb2e2e;font-weight: bold;font-size: 16px;} .add-tit:hover{text-decoration: underline;} /*��������*/ .tabs .tabli,.tabbox ul{ display: none; } .tabs .tabli{ display: block; float: left; margin-right: 25px; font-size: 22px; font-weight: bold;cursor: pointer;} .tabs .tabli b{color: #8b8b8b;border-bottom:none;} .tabs div.tabli {margin-right:0} .tabs div.tabli b{display: block;overflow: hidden;height: 45px;max-width: 134px;} .tabs .tabli.on b{color: #000;border-bottom: 2px #000 solid; } .cnmo_sp3 .whitebg{padding-top: 15px ; } .cnmo_sp1 .whitebg{padding-bottom:10px;} .header-div img { width: 1010px;} .m_b_5{ margin-bottom: 5px !important; } /************************************************ ׷�ӱ�������ص����� add liuxinxiu 2018-12-11 *************************************************/ .cnmo_sp1,.cnmo_sp1,.cnmo_sp3,.cnmo_sp3x,.header-logo,.header-nav{position: relative; z-index: 1;} /****** ׷������ʽ ******/ .area_box{ width: 100%; } .area_box .innerbg { width: 1220px; margin:0 auto; } .whitebg{ background-color: #fff } /****** ���ԭ�������ɾ�� ******/ /*.video-div { margin-top: 0px; }*/ /*.banner { margin-top: 0px; }*/ .link-footer li a:hover{ color:#000 } .link-footer .link-footer-nav span.cur{color: #404040;} .link-footer li {height: auto !important;} /****** ������������������ڲ㱳�� ******/ .head-line-bgbox {position: relative;z-index: 2;} .head-line-bgbox .hbg {position: absolute;height: 200px;width: 100%;background: #333;left: 0;top: 0;} .head-line-box{width: 1220px;} .head-line-box .toppx{ height: 200px; } .head-line-box .listul{ width: 1220px; margin:0 auto; position: relative; z-index: 100; top:-130px; padding-bottom: 130px;} .head-line-box .listul .inner{ position: absolute; z-index: 10; left: 0; top:130px; right: 0; bottom: -230px; } .head-line-box .getmoreinfo {width: 1230px;margin-left: -5px;position: relative;z-index: 101;} .homelist_bottom{position: absolute;width: 1220px;z-index: 201; left: 0;} .car-img li .inner{ position: relative; overflow: hidden; height: 170px; } /**** ���ñ������棨�����ý�壩 ****/ body,.newhp_fengkuang .blankimg{ background-color:#fff; } .pt1 .cinnerbox{ border-radius: 5px 5px 0px 0px; padding-top: 10px; } .pt1 .cinnerbox .banner{margin-top:0px; } /****** �ſ��������չʾ��϶ ******/ /*.header-blanktop{height:293px; background:#fff}*/ .cnmo_sp3 .innerbg {padding-bottom: 10px;} /*.tabs a.tabli { padding-left: 0; }*/ .cnmo_sp2 .topblank{ height: 65px; width: 1200px;margin:0 auto;} .white-tit2 { height: 1px; width: 1200px; margin:0 auto; text-align: left; padding-top: 5px; position: relative; z-index: 202; } .white-tit2 .inner{ width:120px; height: 60px; margin-top: -65px; } .white-tit2 .inner a { color: #fff; font-size: 22px; line-height: 65px; } /******************************* ����϶���� ********************************/ .add_div .wrap__ad{/* margin-top: 5px !important; */ margin-bottom: 5px !important; } .add_div_box .wrap__ad{ margin-bottom: 10px !important; } body .add_div_margin_bottom_none .wrap__ad{ margin-bottom: 0px !important; } body .add_div_bottom .gmine_ad{ margin-bottom: 5px !important; } /* admin���λ �ҳ� */ .information{ width: 240px; height: 481px; overflow: hidden; position: relative; } .information h2{ text-align: left; color: #eb2e2e; font-size: 18px; font-weight: bold; line-height: 16px; margin-bottom: 20px; } .information li{ display: inline-block; } .information li i { float: left; display: inline-block; width: 5px; height: 5px; background: red; border-radius: 50%; margin-top: 8px; margin-left: -16px; position: relative; z-index: 100; } .information li i b{ position: absolute; width: 1px; height: 107px; background: #f6f6f6; left: 2px; top: 5px; z-index: 99; } .information li .inf_p{ text-align: left; line-height: 21px; margin-left: 16px; margin-bottom: 9px; margin-top: 7px; font-size: 16px; color: #404040; padding-top:15px; border-top: 1px solid #f5f5f5; word-break: break-all; /* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ } .information li .inf_p:hover{ color: #eb2e2e; } .information li:first-child .inf_p{ border: 0; padding-top: 0; margin-top: 0; } .information li span{ margin-left: 16px; color: #a3a3a3; font-size: 11px; } .information li span a{ color: #a3a3a3; } .information li:last-child span{ margin-bottom: 9px; } .information li:last-child i b{ height: 53px; } .information li .inf_span{ float: left; margin-left: 14px; } .information li span:last-child{ float: right; } .bigt_button{ position: absolute; z-index: 103; width: 240px; height: 440px; } .right_one{position: relative;height: 924px;} .right_one .big_button{ position: absolute; z-index: 103; width: 240px; height: 924px; } .adversthree{ width: 240px; height: 440px; position: relative; } /******************************************* �ײ���ȩ��ϣ�����ʱ�ж���@�������� 2020-02-21 liuxinxiu ********************************************/ .footer-box1 a,.footer-box1 em{ overflow:hidden; float: left; } /********* 2020-06-08 ����҂ȸi� ������ʽ*************/ .tech{ width: 100%; height: 673px; z-index: 10; overflow: hidden; } .tech .tech_title{ width: 100%; height: 31px; } .tech .tech_title i{ display: inline-block; float: left; width: 59px; height: 18px; background: no-repeat; background-size: 100% 100%; } .tech .tech_title span{ float: right; font-size: 12px; color: #686868; line-height: 24px; cursor: pointer; } .tech .tech_user{ width: 100%; height: 113px; border-top: 1px solid #eeeeee; box-sizing: border-box; } .tech .tech_user .tu_s{ width: 75px; height: 100%; float: left; box-sizing: border-box; } .tech .tech_user .tu_s.tu_s_one{ padding-right: 11px; } .tech .tech_user .tu_s.tu_s_two{ width: 86px; } .tech .tech_user .tu_s.tu_s_three{ padding-left: 11px; } .tech .tech_user .tu_s .uimg{ width: 49px; height: 49px; margin: 12px auto 0; border-radius: 50%; overflow: hidden; border:1px solid #e7e7e7; box-sizing: border-box; } .tech .tech_user .tu_s .uimg img{ width: 100%; height: 100%; } .tech .tech_user .tu_s:hover p{ color: #eb2e2e; } .tech .tech_user .tu_s p{ width: 100%; text-align: center; font-size: 14px; margin-top:2px; color: #404040; overflow: hidden; white-space:nowrap; } .tech .tech_user .tu_s p:hover{ color: #eb2e2e; } .tech .tech_user .tu_s span{ width: 100%; text-align: center; font-size: 12px; color: #969696; overflow: hidden; white-space:nowrap; } .tech .tech_user .t_xian{ float: left; width: 1px; height: 34px; margin-top: 36px; background: #eee; } .tech .techul{ width: 100%; } .tech .techul ul li{ width: 100%; height: 106px; border-top: 1px solid #eee; box-sizing: border-box; padding: 13px 0 12px 0; } .tech .techul ul li h2{ font-size: 16px; line-height: 21px; color: #404040; overflow: hidden; margin-bottom: 9px; font-weight: 400; text-align: left; height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tech .techul ul li h2:hover{ color: #eb2e2e; } .tech .techul ul li .author{ width: 100%; height: 29px; line-height: 29px; } .tech .techul ul li .author .authorimg{ width:29px; height:29px; float: left; overflow: hidden; border-radius: 50%; } .tech .techul ul li .author .authorimg img{ width: 100% ; height: 100% ; display: block; } .tech .techul ul li .author .authors{ float: left; font-size: 12px; color: #404040; } .tech .techul ul li .author .authoruesr{ float: left; margin-left: 10px; font-size: 12px; color: #404040; } .tech .techul ul li .author .author_gz{ float: right; color: #eb2e2e; font-size: 12px; cursor: pointer; } .tech .techul ul li .author .author_amount{ float: right; font-size: 12px; color: #a8a8a8; } .tech .techul ul li .author .author_amount i{ display: inline-block; width: 14px; height: 9px; margin: 0 7px 0 11px; background: no-repeat; background-size: 100% 100%; } /*ai��������*/ .generator{ width: 240px; height: 240px; border-radius: 8px; border: 1px solid #e5e5e5; margin-top: 5px; padding: 17px 0; box-sizing: border-box; position: absolute; top: 676px; left: 0; z-index: 20; } .generator h2{ width: 100%; font-size: 18px; line-height: 18px; font-weight: 600; color: #000; text-align: left; margin-bottom: 14px; } .generator h2 span{ float: left; display: inline-block; width: 3px; height: 18px; background: #000; margin-right: 18px; } .generator h2 i{ display: inline-block; width: 14px; height: 14px; border-radius: 50%; background:#c9c9c9; color: #fff; font-size: 12px; /*transform: scale(0.85);*/ margin-left: 7px; text-align: center; line-height: 14px; } .generator h2 i:hover{ background:#eb2e2e; } .generator .gentjs{ position: absolute; display: none; width: 240px; height: 70px; top: -82px; left: -1px; background: #fff; border-radius: 8px; border: 1px solid #e5e5e5; color: #000; font-size: 12px; text-align: left; line-height: 21px; padding: 5px 0; box-sizing: border-box; } .generator .gentjs:before{ content: ""; width: 0px; height: 0px; border-top: 12px solid #e5e5e5; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 68px; left: 114px; } .generator .gentjs:after{ content: ""; width: 0px; height: 0px; border-top: 10px solid #ffffff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 68px; left: 116px; } .generator .gentjs .spanb{ transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transform: scale(0.85); animation: scale(0.85); -webkit-animation: scale(0.85); display: inline-block; font-weight: 400; color: #404040; word-break: break-all; display: inline-block; width: 106%; margin-left: -3%; } .generator h2 i:hover .gentjs{ display: block; } .generator .gen_rbg{ padding: 0; box-sizing: border-box; width: 240px; height: auto; overflow: hidden; } .generator .gen_rbg .gen_chil{ width: 50%; display: inline-block; text-align: center; float: left; cursor: pointer; } .generator .gen_rbg .gen_chil h4{ font-size: 14px; color: #000; margin-bottom: 4px; font-weight: 400; } .generator .gen_rbg .gen_chil:hover h4{ color: #eb2e2e; } .generator .gen_rbg .gen_chil p{ font-size: 12px; color: #888888; } .generator .gen_rbg .gen_chil.odd{ border-right: 1px solid #eeeeee; } .generator .gen_rbg .heng{ width: 80% ; height: 1px ; background: #eeeeee; margin: 15px 0; display: inline-block; } .scalefont{ transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transform: scale(0.85); animation: scale(0.85); -webkit-animation: scale(0.85); } .generator .immediately{ width:180px; height:33px; border-radius:19px; border:1px solid rgba(235,46,46,1); color: #eb2e2e; font-size: 14px; line-height: 31px; text-align: center; margin: 14px auto 0; cursor: pointer; } .generator .immediately i{ width:17px; height:18px; display: inline-block; background: no-repeat; background-size: 100% 100%; vertical-align: sub; margin-right: 15px; } .generator .immediately:hover{ background: #ffe6e6; } .right_dad{ position: relative; width: 240px; } .generator-shadow{ box-shadow:-5px 0px 3px 0px rgba(0,0,0,0.05); } .right_dad .hide_chil{ width: 130px; height: 240px; position: absolute; top: 681px; /*top: 685px;*/ left: -116px; background: #fff; border: 1px solid #e5e5e5; border-right: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; z-index: 10; padding: 12px 0 12px 17px; box-sizing: border-box; display: none; } .right_dad .hide_chil.chil_pm ul li{ font-size: 12px; line-height: 27px; color: #212121; cursor: pointer; text-align: left; } .right_dad .hide_chil.chil_pm ul li:hover{ color: #eb2e2e; } .right_dad .hide_chil.chil_home .roomlist{ width: 100%; display: inline-block; margin-top: 4px; float: left; text-align: left; } .right_dad .hide_chil.chil_home .roomlista{ margin-top: 0; } .right_dad .hide_chil.chil_home .roomlist h5{ width: 100%; font-size: 12px; font-weight: 500; color: #212121; line-height: 24px; } .right_dad .hide_chil.chil_home .roomlist .roomul{ width: 90%; } .right_dad .hide_chil.chil_home .roomlist .roomul .between{ font-size: 12px; color: #8a8a8a; line-height: 22px; float: left; margin-right: 10px; cursor: pointer; } .right_dad .hide_chil.chil_home .roomlist .roomul .between:hover{ color: #eb2e2e; } .right_dad .hide_chil.chil_squareecology{ padding-left: 13px; } .right_dad .hide_chil.chil_squareecology .ullistecology{ width: 87px; } .right_dad .hide_chil.chil_squareecology .ullistecology li{ width: 87px; height: 38px; border:1px solid #e5e5e5; cursor: pointer; margin: 4px 0; overflow: hidden; } .right_dad .hide_chil.chil_squareecology .ullistecology li:hover{ border:1px solid #eb2e2e; } .right_dad .hide_chil.chil_squareecology .ullistecology li img{ width: 121%; /* height: 100%; */ margin-top: 4px; } .right_dad .hide_chil.chil_squareprice ul li{ font-size: 12px; line-height: 27px; color: #212121; cursor: pointer; text-align: left; } .right_dad .hide_chil.chil_squareprice ul li:hover{ color: #eb2e2e; } .right_dad .hide_chil .ons{ color: #eb2e2e !important; } .ullistecology .ons{ border:1px solid #eb2e2e !important; } /*toast��ʾ��*/ @keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} } @-moz-keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} } @-o-keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} } @-ms-keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} } /*������֡�ö�����ʧ�ø�ƽ��*/ @keyframes fadeout { 0% {opacity: 1} 60% {opacity: .9} 100% {opacity: 0} } @-webkit-keyframes fadeout { 0% {opacity: 1} 60% {opacity: .9} 100% {opacity: 0} } @-moz-keyframes fadeout { 0% {opacity: 1} 60% {opacity: .9} 100% {opacity: 0} } @-o-keyframes fadeout { 0% {opacity: 1} 60% {opacity: .9} 100% {opacity: 0} } @-ms-keyframes fadeout { 0% {opacity: 1} 60% {opacity: .9} 100% {opacity: 0} } .web-toast{ position: fixed; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px; line-height: 1; padding:10px; border-radius: 3px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 9999; white-space: nowrap; } /*ʱ����΢��һ�����ʾʱ�䳤*/ .fadeout{ animation: fadeout 1.2s; } .fadein{ animation:fadein .5s; } /*20200629 �������ͼҿӱ�黻λ ������ʽ*/ .hw20200629{ margin-bottom: 0 !important; margin-top: 10px !important; } .hw20200629 .th20200629{ margin-bottom: 10px !important; }