/*html5*/ html, body, div, span, p, pre, a, img, form, table, footer, header, hgroup, menu, nav, time,{ margin: 0; padding: 0; border: none; } body{ font-size: 14px; font-family: 微软雅黑; color: #666; background: #fff; margin: 0; padding: 0; } button, input, select, textarea{ font-family: 微软雅黑; font-size: 14px; } h1, h2, h3, h4, h5, h6, h7{ margin: 0; padding: 0; } .clearfix:after{ visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; line-height: 0; } .clearfix{display: inline-table;} .clearfix{display: block;} .disb{display: inline-block;} .cur{cursor: pointer;} * {padding: 0;margin: 0;} fieldset, img{border: 0;} ul, li, a{ list-style-type: none; text-decoration: none; padding: 0; margin: 0; color: #666; } a{ text-decoration: none; color: #666; outline: none; } article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; } /* buttons*/ .btn{ display: inline-block; padding: 8px 15px; border: 0 none; border-radius: 2px; background-image: none; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-family: inherit; font-weight: inherit; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: visible; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; } /* margin */ .m0{margin: 0;} .ml1{margin-left: 1px;} .ml2{margin-left: 2px;} .ml5{margin-left: 5px;} .ml10{margin-left: 10px;} .ml15{margin-left: 15px;} .ml20{margin-left: 20px;} .ml30{margin-left: 30px;} .mr1{margin-right: 1px;} .mr2{margin-right: 2px;} .mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr15{margin-right: 15px;} .mr20{margin-right: 20px;} .mr30{margin-right: 30px;} .mt1{margin-top: 1px;} .mt2{margin-top: 2px;} .mt5 {margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt25{margin-top: 25px;} .mt40{margin-top: 40px;} .mb1{ margin-bottom: 1px; *margin-bottom: -3px; } .mb2{margin-bottom: 2px;} .mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb30{margin-bottom: 30px;} /* margin negative */ .ml-1{margin-left: -1px;} .mr-1{margin-right: -1px;} .mt-1{margin-top: -1px;} .mb-1{margin-bottom: -1px;} .ml-3{margin-left: -3px;} .mr-3{margin-right: -3px;} .mt-3{margin-top: -3px;} .mb-3{margin-bottom: -3px;} .ml-20{margin-left: -20px;} .mr-20{margin-right: -20px;} .mt-20{margin-top: -20px;} .mb-20{margin-bottom: -20px;} .mr0{margin-right: 0 !important;} .mt25{margin-top: 25px;} /* padding */ .p0{padding: 0;} .pl2{padding-left: 2px;} .pt2{padding-top: 2px;} .pr2{padding-right: 2px;} .pb2{padding-bottom: 2px;} .pl5{padding-left: 5px;} .p5{padding: 5px;} .pt5{padding-top: 5px;} .pr5{padding-right: 5px;} .pb5{padding-bottom: 5px;} .p10{padding: 10px;} .pl10{padding-left: 10px;} .pt10{padding-top: 10px;} .pr10{padding-right: 10px;} .pb10{padding-bottom: 10px;} .p15{padding: 15px;} .pl15{padding-left: 15px;} .pt15{padding-top: 15px;} .pr15{padding-right: 15px;} .pb15{padding-bottom: 15px;} .p20{padding: 20px;} .pl20{padding-left: 20px;} .pt20{padding-top: 20px;} .pr20{padding-right: 20px;} .pb20{padding-bottom: 20px;} .p30{padding: 30px;} .pl30{padding-left: 30px;} .pt30{padding-top: 30px;} .pr30{padding-right: 30px;} .pb30{padding-bottom: 30px;} .pt35{padding-top: 35px;} /* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/ /* safe color */ .c0{color: #000;} .c3{color: #333;} .c9{color: #999;} .c6{color: #666;} .cc{color: #ccc;} .cf{color: #fff;} /*底部颜色*/ .bg4{background: #444546;} .bg40{background: #404141;} /* font-size */ .f12{font-size: 12px;} .f14{font-size: 14px;} .f16{font-size: 16px;} .f18{font-size: 18px;} .f20{font-size: 20px;} .f24{font-size: 24px;} /* vertical-align */ .vm{vertical-align: middle;} .l{float: left;} .t{text-align: center;} .r{float: right;} /* clear */ .cl{clear: both;} /* position */ .rel{position: relative;} .abs{position: absolute;} /* cursor */ .poi{cursor: pointer;} .def{cursor: default;} /* overflow */ .ovh{overflow: hidden;} .ova{overflow: auto;} /* zoom */ /* 块状元素水平居中 */ .auto{ margin-left: auto; margin-right: auto; } /* 清除浮动*/ .clearfix:after{ content: '\200B'; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } /* 单行文字溢出虚点显 示*/ .ell{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* css3过渡动画效果 */ .trans{ -webkit-transition: all 0.3s; transition: all 0.3s; } .w1200{width: 1200px;} .container_w{ width: 1200px; margin: 0 auto; overflow: hidden; height: auto; } /*head*/ .header_top{ position: relative; z-index: 3; height: 30px !important; line-height: 30px; background: #f7f7f7; border-bottom: 1px solid #e8e8e8; overflow: hidden; } .head_top .top_a{ font-size: 12px; color: #333; margin-right: 5px; } .head_top a:hover{color: #c03229;} .head_top .top_l span{ text-align: right; display: inline; display: inline-block; font-size: 12px; } .head_top .top_l span img{ width: 18px; height: 18px; margin-top: 5px; *margin-top: 0px; } .top_c{ width: 304px; height: auto; overflow: hidden; text-align: left !important; } .top_r{ width: 200px; height: auto; overflow: hidden; } .header_inner{ margin-top: 15px; margin-bottom: 8px; } .header_inner .logo{ width: 210px; height: auto; overflow: hidden; margin-right: 160px; } .header_inner .logo img{ width: 100%; vertical-align: middle; } .search_frame{ width: 500px; height: 36px; border: 3px solid #c03229; position: relative; margin-top: 15px; z-index: 1; } .search_input{ width: 340px; height: 36px; line-height: 36px; border: none; outline: none; background: #fff; margin-left: 30px; font-size: 12px; position: absolute; top: 0px; left: 30px; padding-left: 20px; } .load_img{ display: inline-block; margin-top: 5px; } .search_btn{ border: none; outline: none; background: #c03229; width: 80px; font-size: 20px; height: 38px; color: #fff; position: absolute; top: -0px; right: 0px; cursor: pointer; } .select_1{ width: 60px; height: 36px; border: none; background: #f1f1f1; line-height: 36px; padding-left: 5px; *padding-left: 0; } .select_1 option{ background: #fff; border: none; height: 34px; line-height: 36px; border: none; } .key_link a{ color: #999; display: inline-block; margin-right: 20px; font-size: 12px; } .key_link a:hover{color: #c03229;} .top_activity{ width: 245px; float: right; } .top_activity span{ display: block; font-weight: bold; padding-left: 67px; margin-top: 15px; text-align: right; } .top_activity span img{ vertical-align: middle; margin-right: 5px; } .top_activity .ce{color: #c03229;} /*footer*/ .footer{ padding-top: 25px; height: auto; overflow: hidden; padding-top: 28px; } .cooper_icon li{ /*width: 80px;*/ float: left; overflow: hidden; margin-right: 13px; font-size: 12px; text-align: center; padding-bottom: 20px; color: #999; } .cooper_icon li:nth-child(2){ width: 406px; margin-left: 33px; margin-top: 5px; height: 45px; text-align: left; } .cooper_icon li a{color: #999;} .cooper_icon li a:hover{text-decoration: underline;} .cooper_icon li img { /*height: 50px; width: 80px;*/ } .foot_left{ width: 600px; height: auto; overflow: hidden; } .bot_ac{font-weight: normal;} .foot_right{ width: 600px; overflow: hidden; height: auto; } .foot_right ul{ width: 520px; height: auto; overflow: hidden; line-height: 32px; } .foot_right ul li{ float: left; margin-left: 10px; font-size: 12px; } .foot_right ul li a{color: #999;} .foot_right ul li a:hover{text-decoration: underline;} .foot_right ul li:first-child{ margin-left: 0; font-size: 14px; } .ICP{ text-align: center; line-height: 32px; height: auto; overflow: hidden; font-size: 12px; color: #999; } .ICP a{color: #999;} .ICP_icon ul{ width: 416px !important; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 15px; float: none !important; } .ICP_icon ul li{ width: 65px; height: auto; overflow: hidden; float: left; margin-left: 5px; } .foot_link ul{ overflow: hidden; width: 1100px; float: left; } .cont_wy1{ width: 1200px !important; height: auto; overflow: hidden; } .foot_link ul li{ float: left; height: auto; overflow: hidden; margin-right: 8x; } .foot_link{ width: 100%; height: auto; overflow: hidden; } .foot_link ul li a:hover{text-decoration: underline;} .cont_dr1, cont_dr2{ width: 1180px; position: relative; } .drwn_1, .drwn_2, .drwn_3{ position: relative; overflow: hidden; } .cont1, .cont2, .cont3{ height: 18px; overflow: hidden; padding: 5px 0; width: 100%; float: left; position: relative; } .cont_dr1{width: 1160px;} .cont_exp{width: 1180px;} .cont1{width: 1155px;} .cont1 ul{width: 1025px;} .drwn_2 li, .drwn_3 li{ float: left; width: 345px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .drop_down1{ color: #ccc; display: inline-block; *display: inline; *zoom: 1; line-height: 24px; font-size: 12px; margin-right: 10px; cursor: pointer; position: absolute; right: 5px; top: -4px; width: 24px; height: 24px; } .drop_down1 i{ background: url(/statics/images/tem/drop_down.png) no-repeat; width: 9px; height: 15px; position: absolute; top: 10px; left: 30px; } .drop_down1 i.hover1{ -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); top: 0px; *top: 10px; } .expand{ width: 100%; height: auto; overflow: hidden; margin-top: 28px; border-top: 1px dashed #7a7b7c; } .expand_head{ width: 100%; height: auto; overflow: hidden; padding-top: 28px; } .expand_head li{ float: left; margin-right: 24px; font-size: 12px; margin-bottom: 14px; } .expand_head li a{ display: block; color: #999; } .expand_head li a.on{ border-left: 2px #c03229 solid; padding-left: 5px; } .expand_head li a:hover{text-decoration: underline;} .myxepand_1 li{ font-size: 12px; float: left; margin-bottom: 24px; margin-right: 13px; } .myxepand_2 li{ font-size: 12px; float: left; margin-bottom: 14px; margin-right: 13px; } .myxepand_1 li a:hover{text-decoration: underline;} .myxepand_1 li a, .myxepand_2 li a{color: #999;} .myxepand_2 li a:hover{text-decoration: underline;} /*星星部分*/ .special-content_1 li{ width: 219px; float: left; height: 230px; margin-bottom: 5px; padding: 10px; } .special-content_1 img{ height: 124px; vertical-align: middle; overflow: hidden; width: auto; } .special-content_1 .content_box{ width: 200px; text-align: left; padding-top: 9px; } .special-content_1 .content_box a:hover{color: #c03229;} .special-content_1 .content_box .cost{ font-weight: normal; margin-top: 18px; } .special-content_1 .content_box .cost .description{ } .special-content_1 .evaluate img{ max-width: 92px; height: auto; overflow: hidden; margin: -6px 6px 0 6px; } .special-content_1 li a{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .special-content_1 li:hover{ box-shadow: 0 0 9px 1px #ccc; width: 218px; } .evaluatation{ width: 100%; height: auto; overflow: hidden; height: 30px; } .evaluatation span{ display: inline-block; line-height: 30px; } .special-content_1 .evaluatation ul{ width: 93px; height: auto; overflow: hidden; display: inline-block; padding-top: 0 !important; } .evaluatation ul li{ width: 13px; height: 13px; float: left; overflow: hidden; margin-bottom: 0 !important; margin-right: 2px; background: url(/statics/images/tem/shi.png) no-repeat; padding: 0; border: none; margin: 9px 0 0 0; margin-left: 2px; } .evaluatation ul .special_xing{background: url(/statics/images/tem/kong.png) no-repeat;} .evaluatation ul li img{ width: 100%; overflow: hidden; vertical-align: middle; margin: 0 !important; height: 13px !important; padding-bottom: 3px; } .evaluatation ul li:hover{ border: none; width: 13px; height: 13px; box-shadow: none; } /*导航*/ .cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; } .nav_top .nav_top_each { float: left; position: relative; } .nav_top .nav_top_each .nav_width{ display: inline-block; padding: 0 10px; } .nav_top .nav_top_each .houxue_app{ width: 65px; height: 25px; line-height: 25px; text-align: center; color: #ff8800; font-size: 12px; margin-top: 5px; } .nav_top .nav_top_each .houxue_app:hover{ background-position: 10px -45px; color: #fff; } .nav_top .nav_top_each .nav_width .s_triangle{ display: inline-block; width: 6px; height: 6px; margin-left: 5px; vertical-align: middle; } .nav_top .nav_top_each .my_hx_title .s_triangle_up{ display: inline-block; width: 6px; height: 6px; margin-left: 5px; } .nav{ height: 58px; border-bottom: 2px solid #c03229; } .nav_inner .skill_classify{ width: 220px; position: relative; z-index: 20; background: url(/statics/images/tem/nav_icon1.png) no-repeat 10px 10px; } .skill_classify .classify{ display: block; width: 210px; height: 58px; line-height: 58px; background-color: #c03229; font-size: 18px; padding-left: 10px; color: #fff; background-image: url(/statics/images/tem/nav_icon1.png); background-repeat: no-repeat; background-position: 10px 20px; } .skill_classify .classify span{ display: inline-block; padding-left: 30px; } .nav_all{ margin-left: 270px; line-height: 42px; width: 930px; margin-top: -43px; } .nav_inner .each_nav{ float: left; position: relative; } .nav_inner .each_nav i{ position: absolute; display: inline-block; width: 28px; height: 20px; top: -3px; right: 6px; } .nav_inner .each_nav .quality{background-position: 0px -438px;} .nav_inner .each_nav .enroll{background-position: 0px -474px;} .nav_inner .each_nav a{ display: inline-block; padding: 0px 15px; font-size: 16px; color: #333; } .nav_inner .each_nav .selected{ color: #c03229; font-weight: bold; } .nav_inner .each_nav a:hover{color: #c03229;} .nav-list{ float: left; width: 220px; border-top: none; background: #c03229; position: absolute; top: 58px; left: 0px; z-index: 20; } .nav-list_none{ display: none; position: absolute; } .small_type{ width: 220px; float: left; margin-bottom:23px; } .small_type ul li{ overflow: hidden; } .small_type .h3{ margin-bottom: 12px; font-weight: normal; } .small_type .h3 a{ font-size: 16px; color: #fff; transition: color 0s; -webkit-transition: color 0s; } .small_type p a{ font-size: 14px; color: #fff; margin-right: 10px; } .small_type p a:hover{text-decoration: underline;} .small_type .side_left_type{position: relative;} .small_type i{ width: 40px; height: 18px; position: absolute; left: 72px; top: 6px; } .small_type .small_type_i1{background-position: 0 -76px;} .small_type .small_type_i2{background-position: 0 -114px;} .nav-list .sub_type{ border: 1px solid #c03229; width: 723px; display: none; height: auto; min-height: 336px; background: #fff; position: absolute; left: 220px; top: 0px; z-index: 20; padding-left: 35px; padding-top: 20px; } .nav-list .sub_type_con{ width: 476px; float: left; height: auto; overflow: hidden; } .nav-list .sub_img{ width: 210px; float: right; margin-right: 20px; height: auto; overflow: hidden; } .nav-list .sub_img a{ display: block; width: 100%; float: left; overflow: hidden; height: auto; margin-bottom: 17px; } .nav-list .sub_img a img{ height: 95px; vertical-align: middle; overflow: hidden; width: 100%; } .nav-list .sub_type_dl{ padding-bottom: 7px; margin-bottom: 7px; } .nav-list .sub_type_dl dt{ width: 100px; float: left; font-weight: bold; text-align: left; margin-top: 4px; } .nav-list .sub_type_dl dt a{color: #c03229;} .nav-list .sub_type_dl dt a:hover{text-decoration: underline;} .nav-list .sub_type_dl dd em{ border-right: 1px solid #ccc; float: left; font-style: normal; margin: 5px 0; padding: 0 15px; } .nav-list .sub_type_dl dd em a:hover{color: #c03229;} .nav-list .sub_type_dl dd em:last-child{border: none;} .nav-list .side_left_type{ line-height: 21px; padding: 19px 0 19px 10px; height: 44.3px; border-top: 1px solid #c03229; } .nav-list .side_left_type a img{ width: 22px; height: auto; margin-right: 10px; } .small_type li:first-child .nav-list .side_left_type{border-top: none;} .small_type ul{border-top: 1px solid #c03229;} .nav-list .current .side_left_type{ background: #9d2720; width: 208px; margin-left: 1px; _margin-left: 0px; position: relative; z-index: 100; } .nav-list .current .sub_type{display: block;} .nav-list .current .h3{ background: #9d2720; color: #f4535c; } .nav-list .current .h3 .gray03:link{text-decoration: underline;} .nav-list .current .h3 .gray03:visited{text-decoration: underline;} .nav-list .current .h3 .gray03:hover{text-decoration: underline;} .mt7{margin-top: 7px;} .hot_img{ background: url(/statics/images/tem/9_03.jpg) no-repeat 87px 14px; padding-right: 25px; } .hot_img{ background: url(/statics/images/tem/9_03.jpg) no-repeat 87px 14px; padding-right: 25px; } /*学历分享*/ /*收藏*/ .shouc{ width: 50px; height: 20px; color: #999; position: absolute; right: 20px; top: 5px; margin-right: 10px; } .xl-sc{top: 12px;} /*学历分享结束*/ .redsc{display: none;} .change-active .graysc{display: none;} .change-active .redsc{display: inline-block;} .change-active p{color: #c03229;} .shouc img{margin: auto 5px;} .shouc p{ position: absolute; right: 0; font-size: 12px; display: inline-block; } /*收藏结束*/ /*面包屑*/ .locat_box{padding: 15px 0;} .locat_box a{color: #999;} .locat_box a.on{color: #666;} /*底部浮动*/ .foot_float{ width: 100%; background: url(/statics/images/tem/bt_float.png) no-repeat; height: 103px; overflow: hidden; position: fixed; bottom: 0; z-index: 99; } .float_box .zxun{ background: url(/statics/images/tem/float_foot.png) no-repeat; height: 50px; width: 113px; margin-left: 155px; padding-left: 75px; margin-top: 31px; line-height: 50px; float: left; } .float_box .zxun a{color: #fff;} .float_box .zxun a:hover{text-decoration: underline;} .fot_ft{ line-height: 110px; float: left; width: 275px; height: auto; overflow: hidden; margin-left: 40px; } .fotft{ line-height: 110px; float: left; width: 260px; height: auto; overflow: hidden; margin-left: 30px; } .foot_order{ width: 185px; height: 50px; float: left; overflow: hidden; line-height: 50px; margin-top: 31px; border-radius: 30px; background: #ff9900; text-align: center; } .foot_order a{color: #fff;} .foot_order a:hover{text-decoration: underline;} .foot_close{ width: 24px; float: left; height: auto; overflow: hidden; margin-top: 15px; margin-left: 35px; cursor: pointer; } /*右侧浮框*/ .right-float{ position: absolute; bottom: 230px; right: 0; z-index: 100; text-align: center; } <!--[if lte IE 7]> .right-float{position: fixed;} <![endif]--> .float-img div.rgif{ left: -12px; top: -26px; } .float-img ul{ height: auto; background: #fff; box-shadow: 0 0 4px 2px #ccc; } .float-img .float-img-fist{ width: 56px; height: 54px; margin-bottom: 14px; overflow: hidden; } .giff{ position: absolute; left: 0; } .float-img .float-img-li{ width: 56px; height: 52px; } .float-img-li .liin1{ background: url(/statics/images/tem/top-img121.png) no-repeat; background-position: 50%; } .liin2{ background: url(/statics/images/tem/top-img122.png) no-repeat; background-position: 50%; } .liin3{ background: url(/statics/images/tem/top-img123.png) no-repeat; background-position: 50%; } .float-img .phone:hover .liin1{ background: url(/statics/images/tem/top_2_1.png) no-repeat; background-position: 50%; } .float-img .wechat:hover .liin2{ background: url(/statics/images/tem/top_2_2.png) no-repeat; background-position: 50%; } .float-img .bqq:hover .liin3{ background: url(/statics/images/tem/top_2_3.png) no-repeat; background-position: 50%; } .get-top{ background: url(/statics/images/tem/top-img125.png) no-repeat; background-color: #fff; background-position: 50%; margin-top: 14px; box-shadow: 0 0 4px 2px #ccc; } .get-top:hover{ background: url(/statics/images/tem/top_2_4.png) no-repeat; background-position: 50%; background-color: #fff; } .float-img .float-img-last{ width: 81px; height: 38px; } .wechat-box{ left: 80px; top: -162px; } .wechat-box .jde{ display: none; width: 108px; height: 30px; } .wechat-box .gzh{ right: 78px; top: 85px; } .wechat-box .ewm{ right: 102px; top: 100px; } .float-img .frli:hover{background: #c03229;} .float-img .float-img-liin{ width: 48px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -24px; } .float-img-li .kong{ width: 30px; height: 52px; position: absolute; margin-left: 13px; border-bottom: 1px solid #ccc; } .float-img .frli{text-align: center;} .float-img .get-top .topimg{ top: 10px; left: 25px; z-index: 100; } .float-img .get-top .nhover{ opacity: 0; left: 0; top: 0; } .float-img .wechat-box img{ display: none; transition: all 0.35s linear; } .float-img .kf-appraise{ width: 187px; /*height: 188px;*/ background-image: url(/statics/images/tem/top-img1111.png); background-size: 100% 100%; position: absolute; left: -181px; top: 0px; display: none; } .float-img .kf-appraise .yournum{ height: 90%; width: 86%; margin: auto; } .float-img .kf-appraise .yournum .yours{ width: 115px; height: 24px; border: 1px solid #999; margin-left: 2px; } .qs{ display: block; position: absolute; font-size: 10px; margin-left: 75px; margin-top: 4px; } .float-img .click-tell { width: 158px; height: 40px; text-align: center; line-height: 40px; background: #c03229; border-radius: 5px; color: #fff; margin-top: 0px; border: none; } .float-img .click-tell:hover {text-decoration: underline;} /*右侧浮框结束*/ /*空载页面*/ .unnormal { width: 500px; margin: 0 auto; height: auto; overflow: hidden; text-align: center; margin-bottom: 40px; line-height: 26px; } .unnormal .norimg { width: 450px; height: auto; overflow: hidden; } .nortext a{color: #c03229;} .nortext a:hover{text-decoration: underline;} .login-window-inp .getCodo{ display: inline-block; *display: inline; *zoom: 1; _display: inline; _zoom: 1; width: 120px; height: 40px; background: #ccc; font-size: 13px; margin-top: 15px; margin-left: 18px; line-height: 40px; text-align: center; border-radius: 3px; cursor: pointer; outline: none; } .info_oo{color: red;} .zxPhone{ height: auto; overflow: hidden; display: block; right: 0; top: -14px; text-align: right; } .phoneContact{display: inline-block;} .zxPhone p{margin-top: 10px;} .banner1{ width: 760px; position: relative; overflow: hidden; margin-bottom: 10px; height: 355PX; position:absolute; left:220px; } .banner1 .n_banner{ width: 760px; margin: 0 auto; } .banner1 .n_banner .banner_box{ width: 760px; overflow: hidden; } .banner1 .n_banner .banner_box li, .banner1 .n_banner .banner_box li img{ float: left; width: 760px; } .banner .banner1 .num{ width: 200px; height: 20px; position: absolute; left: 0; bottom: 20px; z-index: 10; text-align: center; padding: 0 10px 0 18px !important; left:35%; margin-left:0 } .banner1 .num a{ width: 8px; height: 8px; border:1px solid #fff; display: inline-block; overflow: hidden; margin: 0 5px; border-radius:10px; } .banner1 .num a.on, .banner .num a:hover{background: #fff;}