@charset "utf-8"; .disnone{ display: none; } #show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;} .bg_color {background:#fff;} htm {padding:0px; margin:0px;} body {font-family:Arial, Helvetica, sans-serif;min-width: 320px;} dl {padding:0px; margin:0px;} dt {padding:0px; margin:0px;} dd {padding:0px; margin:0px;} ul {padding:0px; margin:0px;} ol {padding:0px; margin:0px;} p {padding:0px; margin:0px; line-height:25px;} li {padding:0px; margin:0px; list-style-type:none;} form {padding:0px; margin:0px;} fieldset {padding:0px; margin:0px;} blockquote {padding:0px; margin:0px;} fieldset {padding:0px; margin:0px;} select {padding:0px; margin:0px; border:0px;} label {padding:0px; margin:0px;} textarea {padding:0px; margin:0px; border:0px;} img {padding:0px; margin:0px; border:0px;} .clear {clear:both; height:0px;} .top_bor {border-top:#e5e5e5 solid 1px;} .bot_bor {border-bottom:#000 solid 1px;} input::-webkit-input-placeholder {color:#999;} .input {width:100%; display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;} .select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;} .button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;} .textarea {width:100%; display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;} .show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;} .none {display:none;} .block {display:block;} .space-10 {width:100%; height:10px; clear:both;} .space-20 {width:100%; height:20px; clear:both;} .space-30 {width:100%; height:30px; clear:both;} .space-40 {width:100%; height:40px; clear:both;} .space-50 {width:100%; height:50px; clear:both;} .radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} .radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;} .radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;} .radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;} .bg_333 {background:#6a6a6a;} .bg_666 {background:#666;} .bg_999 {background:#999;} .bg_fff {background:#fff;} /*模板变更*/ .bottom_1 a {display:block; line-height:40px; background:#8b8b8b; padding-left:15px; margin:10px 0;} .bottom_1 a:hover { color:#dcdcdc} .right_3 ul {margin-top:10px;} .right_3 ul li {float:left;} .right_3 ul li a {display:block; padding:0 10px; border-right:1px solid #dcdcdc;} .right_3 ul li a:hover { color:#dcdcdc} .right_bor { padding:0 30px;} .new_title i{color:#f8bc28; font-size:22px;} .new_title span { line-height:30px; border-bottom:2px solid #f8bc28; font-size:19px;margin-left:15px;} .new_item .new_time { background:#f8bc28; text-align:center; padding-left: 10px } .new_item {margin:10px 0; height:auto; overflow:hidden;} .new_item span {color:#555;} .new_item p {color:#555;} .new_item a:hover {color:#f8bc28; text-decoration:none;} .new_item .new_time span{ line-height:40px; color:#fff; font-weight:bold; font-size:2rem;} .new_item .new_time p{ color:#fff; font-size:1.1rem;} .new_item .new-body{ padding-left: 10px; } .new_item .new-body .new-head{ max-height: 38px; overflow: hidden; margin-bottom: 10px; } .new_item .new-body .new-head a{ color: #555; font-size: 16px; } .new_item .new-body .new-head a:hover{ color:#f8bc28; text-decoration:none; } .new_item .new-body .new-summary{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 180px; } .new_news { padding:0 20px; height:80px; overflow:hidden;} .new_news span { line-height:40px; font-size:16px; } .new_news p { line-height: 25px; font-size:14px;} .more1 a { display:block; line-height:40px; color:#666 ; text-decoration:underline;} .pro_title { font-size:12px; padding:30px 0; } .pro_title i{ background:#666; color:#fff; display:inline-block; text-align:center;line-height:30px; padding:0 10px;} .pro_title span {font-size:18px; padding:0 10px; line-height:25px; display:inline-block; } @media(min-width: 768px){ .new_item .new-body .new-head a{ font-size: 18px; } .new_item .new-body .new-summary{ width: 250px; } } /* 链接颜色 */ a {color:#555;transition: all 0.3s ease 0s;} a:visited {} a:hover {text-decoration: none} .pc_head {height:auto; position:relative; } .pc_head .logo {height:auto; overflow:hidden; float:left;} .pc_head .logo img {height:100%;} .top_pr {height:50px; position:relative;background:#fff;} .pc_head .pc_nav {height:50px; } .pc_head .pc_nav .n_list {height:50px; float:left; position: relative } .pc_head .pc_nav .n_list .a_link {height:50px; line-height:50px; color:#333; font-size:16px; padding:0px 40px 0 0px; display:block;text-decoration:none;} .pc_head .pc_nav .n_list .a_link:hover { color:#035cac;} .pc_head .pc_nav .n_list .f_list {height:auto; overflow:hidden; position:absolute; left:0; top:48px; display:none; z-index:999;background:#fff; width:240px; border-top:3px solid #035cac} .pc_head .pc_nav .n_list .f_list li{height:auto; overflow:hidden; } .pc_head .pc_nav .n_list .f_list a {height:30px; overflow:hidden; padding:0px 0 20px 0px; text-align:left; overflow:hidden;} .pc_head .pc_nav .n_list .f_list a p { display: block; padding-left: 25px; width: 240px; line-height: 50px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 16px; color: #666; background-color: #fff; } .pc_head .pc_nav .n_list .f_list a:hover p {color:#035cac; text-decoration:none;} .pc_head .pc_nav .n_list .f_list a:hover {text-decoration:none;} .pc_head .pc_nav .n_list .f_list ul li a{color:#666; display:block; padding:0; font-size:13px; line-height:25px} .pc_head .pc_nav .n_list .f_list ul li a:hover { color:#999} .m_head { height: 50px; } .m_logo,.m_logo a{ width: 100%; } .m_logo a img{ width: 100%; height: 100%; max-width: 215px; max-height: 40px; margin-top: 0.5rem; } .navbar-button{ margin-right: 0px; } .m_head .logo img {height:60px;} .m_head .navmenu {height:auto; overflow:hidden; padding:0px 10px; position:relative; background:#fff; float: none} .offcanvas-toggle .icon-bar{background: #035cac;}; .m_head .m_title {color:#fff; display:block; float:left;} .m_head .menu_btn {display:block; float:right;} .offcanvas-toggle{ background-color: #fff; } .m_head .menu_btn span {display:block; background:url(../images/menu.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;} #js-bootstrap-offcanvas-2{ background:#337ab7; border-color: #337ab7; } .menu-toggle{ margin-top: 10px; display: block; } .menu-container{ margin-right: auto; margin-left: auto; padding: 0; width: 100% } #menu-navigation{ margin-top: 143px; } #menu-navigation li{ float: none; } .uk-offcanvas-bar { width: 200px; } .uk-nav-offcanvas .uk-nav-header { color: #777; margin-top: 0; border-top: 1px solid rgba(0,0,0,.3); background: #404040; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); text-shadow: 0 1px 0 rgba(0,0,0,.5); font-size: 18px; } .uk-nav-offcanvas>li>a { color: #ccc; padding: 10px 15px; border-top: 1px solid rgba(0,0,0,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); text-shadow: 0 1px 0 rgba(0,0,0,.5);} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #035cac; } @media(min-width: 768px){ .navbar-button { display: block; } } /**/ .w{ max-width: 1200px; margin: 0 auto; } .els{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*头部文字*/ .tel a{ display: inline-block; padding: 0 8px; border-right: 1px solid #686868; color: #686868; } /* 首页轮播图 */ /* 首页轮播图 */ .pagination-span-1 .swiper-pagination-bullet{ background: #fff; opacity: 0.6; width: 12px; height: 12px; } .pagination-span-1 .swiper-pagination-bullet-active{ background: #fff; opacity: 1; } .swiper-button-prev, .swiper-button-next{ background: #000 url(../images/icon_prev.png) no-repeat; display: block; height: 39px; width: 39px; border-radius: 39px; opacity: 0.35; position: absolute; transition: all .3s; -webkit-transition: all .3s; } .swiper-button-prev:hover{ background: #fff url(../images/icon_prev2.png) no-repeat; opacity: 1; } .swiper-button-next{ background: #000 url(../images/icon_next.png) no-repeat; } .swiper-button-next:hover{ background: #fff url(../images/icon_next2.png) no-repeat; opacity: 1; } /*swiper 改变样式*/ .swiper-container{ width: 100%; height: auto; } .swiper-wrapper,.swiper-slide{ height: auto; } .uk-panel{ margin: 30px 0; } .uk-panel .title{ position: relative; margin: 30px; } .uk-panel .title p{ font-size: 36px; text-align: center; color: #333; line-height: 38px; font-weight: 400; } .uk-panel .title::after{ position: absolute; content: ""; width: 60px; height: 2px; bottom: -22px; left: 0; right: 0; margin: auto; background: #1fa2d9; } .uk-panel .cn-title p{ font-size: 18px; text-align: center; color: #999; line-height: 25px; font-weight: 400; } /* 首页板块 */ /*案例*/ .case-img{ position: relative; } .case-img img{ width: 100%; } .case-title{ position: absolute; bottom: 0; left: 0; text-align: center; height: 80px; line-height: 80px; background-color: rgba(0, 0, 0, .6); color: #fff; font-size: 21px; width: 100%; } @media(max-width: 768px){ .case-title{ height: 50px; line-height: 50px; font-size: 16px; } } /*关于我们*/ /*关于我们*/ .about-section{ margin-top: 30px; padding-bottom: 70px; background-repeat: no-repeat; background-color: #fff; background-size: cover; background-image: url(../images/bg.png); background-position: center center; background-attachment: scroll; } .about-section .uk-panel p{ color: #fff; } .about-section .content{ color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; text-transform: none; padding: 15px 0 50px 0; } .more-btn{ text-align: center } .more-btn a{ display: inline-block; padding: 12px 3px; width: 190px; box-sizing: border-box; color: #fff; background: #1fa2d9; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fa-icon{ display: inline-block; padding-left: 5px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .more-btn a:hover{ background: #147eab; } .more-btn a:hover .fa-icon{ padding-left: 50px; } /*产品*/ .pro-lists li{ float:left; margin-bottom: 20px; } .pro-lists li a img{ border: 1px solid #585858; width: 100%; } .pro-lists li a p{ background-color: #585858; text-align: center; width: 100%; color: #fff; height: 30px; line-height: 30px; } /*资质荣誉*/ .section-honor{ background-image: url(../images/bg1.png); } /*新闻媒体*/ #swiper-container4 .swiper-slide a img{ width: 100%; } #swiper-container4 .swiper-slide a p.title{ width: 100%; color: #444444; font-size: 15px; } .section-new{ margin-bottom: 20px; } @media(max-width: 768px){ .new-warp{ background: url(http://hailiang.com/static/web/css/../img/img_10.png) no-repeat center 30%; } .new-warp .floor-title span{ font-size: 18px; color:#035cac; } } /*swiper样式重写*/ /*底部样式*/ footer{ background: #4e4e4e; padding: 30px 0 30px 0; } .nav-list span{ color: #fff; font-size: 16px; } .nav-list li ul { display: block; margin-top: 40px; } .nav-list li ul li a{ font-size: 13px; color: #dedede; line-height: 24px; } @media(max-width:768px){ footer{ padding: 15px 0 30px 0; } .nav-list >li{ width: 100%; padding: 8px 0px 8px 15px; border-bottom: 1px solid #cdcdcd; background: url(../images/add.png) no-repeat 95% 50%; background-size:20px 20px; } .nav-list li span{ color: #ccc; } .nav-list li ul{ margin-top: 20px; } .nav-list li ul{ display: none; } } /*内页*/ .pro-box p.title { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0; } /* 二级页面 */ .banner {height:auto; overflow:hidden;} .banner img {width:100%; height:auto; overflow:hidden;} .stage_title {line-height:40px; color:#fff; font-size:16px; padding:20px 20px; background:#f39600; font-size:24px} .stage_title p {color:#fff; line-height:25px; font-size:14px} .side_ul {height:auto; overflow:hidden; padding:0px; margin:0px; display:block; clear:both; border-bottom:#e5e5e5 solid 1px;} .side_ul li {height:50px; border-bottom:#e5e5e5 solid 1px;} .side_ul li a {height:50px; line-height:50px; color:#666; display:block; text-align:left; padding-left:20px;} .side_ul li a span { float:right; padding-right:20px;} .side_ul li.hover a {color:#111; font-weight:bold; text-decoration:none; background:#f0f0f0} .side_ul li:hover a {color:#111; font-weight:bold; text-decoration:none; background:#f0f0f0} .side_ul li:last-child {border:none;} .tel_line {padding:20px; background:#e7e7e7;} .tel_line span {color:#818181; font-size:26px; font-weight:bold;} .tel_line p {background:#818181;color:#fff; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; line-height:25px;padding:0 5px; display:inline-block; } .s_content { height:auto; overflow:hidden; padding:0px 10px;} .s_content embed{ margin: 0 auto; display: block; } .s_content img { max-width:100%;} .s_title {height:40px; border-bottom:#ddd solid 1px; margin:0px auto 20px; clear:both; position:relative;} .s_title span {height:40px; line-height:40px; color:#555; font-size:16px; display:block; padding-right:30px; position:absolute; top:0px; right:0px;} .s_title span a {color:#555; font-size:13px; padding:0 10px;} .newslist {height:auto; overflow:hidden; padding:0px; margin:0px;} .newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#e6e6e6 dashed 1px; position:relative;} .newslist li i {width:4px; height:4px; background:#888; display:block; position:absolute; top:22px; left:0px;} .newslist li a {height:45px; line-height:45px; display:block; color:#333; padding-left:15px; padding-right:90px;} .newslist li time {width:80px; height:45px; line-height:45px; color:#999; position:absolute; top:0px; right:0px;} .newslist li a:hover {color:#000;} .items {height:120px; overflow:hidden; display:block; padding-left:120px; position:relative;} .items img {width:100px; height:100px; position:absolute; top:0px; left:5px;} .items span {height:40px; line-height:40px; overflow:hidden; color:#333; font-size:14px; font-weight:bold; display:block;} .items font {height:50px; line-height:25px; overflow:hidden; color:#999; font-size:12px; display:block;} .item {height:auto; overflow:hidden; display:block; padding:0 20px} .item img {width:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%; border:1px solid #d7d7d7; } .item p {height:30px; line-height:30px; overflow:hidden; color:#333; font-size:16px;text-align:center; display:block; font-weight:bold;} .item1 {height:auto; overflow:hidden; display:block; padding:0 20px} .item1 img {width:100%; } .item1 p {height:30px; line-height:30px; overflow:hidden; color:#333; font-size:16px;text-align:center; display:block; font-weight:bold;} .video {height:auto; overflow:hidden; display:block; position:relative;} .video .v_title {width:100%; height:40px; line-height:40px; color:#f6f6f6; font-size:12px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; padding:0px 20px; position:absolute; bottom:0px; left:0px;} .s_n_title {height:50px; line-height:50px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; text-align:center;} .s_d_date {height:30px; line-height:30px; text-align:center; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px; margin-bottom:10px;} .s_d_date font {color:#e60012;} .ny-images-list a p.name{ text-align: center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .ny-images-list a{ color: #555; } .ny-images-list a:hover{ color: #f8c10f; } /*求职页面*/ .job .job-title{ font-size: 2rem; font-weight:bold; } .job .job-my{ color: #ccc; } .job .sq{ border: 1px solid #fb744c; background: #fb744c; margin-top: 8px; border-radius: 5px; text-align: center; } .job .sq a{ } /* 相关新闻 */ .more {height:auto; overflow:hidden; padding:20px 0px;} .more span {height:30px; line-height:30px; display:block; color:#434343;} .more a {height:30px; line-height:30px; color:#a0a0a0;} .more a:hover {color:#f8c10f;} .morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;} .morenews span {height:30px; line-height:30px; display:block; color:#434343;} .morenews a {height:30px; line-height:30px; display:block; color:#a0a0a0;} .morenews a:hover {color:#f8c10f;} /* 分页样式 */ .pages{height:28px;padding:30px 0 20px;text-align:center; margin-bottom: 20px;} .pages a:hover{color:#00846f;border-color:#ddd;background:rgb(247,247,247); text-decoration:none} .pages a,.pages label{display:inline-block;min-width:6px;height:26px;line-height:25px;padding:0 10px; text-align:center;margin-right:8px;border:1px solid #ccc; } .pages a.current{font-weight:bold;color:#fff;background:#26b458;border-color:#83a7a3;} .pages .topage{border:1px solid #ccc;border-radius:1px; min-width:6px;height:26px;line-height:25px;margin-left:5px;} @media (max-width: 479px) { .page .page_c a{ padding:0 5px;} .loimg img { width:90px} .dis2{display:block} .dis1{display:none} /*.pc_head {display:none;}*/ .m_head .m_title {height:50px; line-height:50px; font-size:14px;} .menu_btn {width:40px; height:40px; margin-top:5px;} .menu_btn span {width:40px; height:40px;} .s_n_title {height:auto; overflow:hidden; line-height:25px; font-size:14px;} .mnav a .imgbox {width:70px; height:70px; padding:15px;} .mnav a img {width:40px; height:40px; display:block;} .about p {height:100px; overflow:hidden;} .foot_link_c a {font-size:12px; padding:0px 5px;} .foot_link_c span {font-size:12px;} .foot_text p {font-size:12px;} .foot_text a {font-size:12px;} .tt_title {display:none;} .mt_title {display:block;} .owl-prev { position:absolute; left:0px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px} .owl-next { position:absolute; right:0px; top:50%; background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px} .tel {width:300px; margin-top:15px; float:none; margin:10px auto 0px;} .tel small {display:none;} .tel span {font-size:14px; padding-right:10px;} .search{ padding:1px 0px 0px 14px; height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;} .search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;} .search a { float:right; margin-right:30px} .search img { position:absolute; right:8px; bottom:5px;} } @media (min-width: 480px) and (max-width: 767px) { .page .page_c a{ padding:0 5px;} .loimg img { width:90px} .dis2{display:block} .dis1{display:none} /*.pc_head {display:none;}*/ .tt_title {display:none;} .mt_title {display:block;} .owl-prev { position:absolute; left:0px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px} .owl-next { position:absolute; right:0px; top:50%; background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px} .tel {margin-top:20px;} .search{ padding:1px 0px 0px 14px; height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;} .search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;} .search a { float:right; margin-right:30px} .search img { position:absolute; right:8px; bottom:5px;} } @media (min-width: 768px) and (max-width: 999px){ .loimg img { width:80%} .dis2{display:none} .dis1{display:block} /*.pc_head {display:none;}*/ .tool_btn {width:250px; margin:0px auto; float:none;} .tt_title {display:none;} .mt_title {display:block;} .owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px} .owl-next { position:absolute; right:-30px; top:50%; background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px} .tel {margin-top:20px;} .search{ padding:1px 0px 0px 14px; height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;} .search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;} .search a { float:right; margin-right:30px} .search img { position:absolute; right:8px; bottom:5px;} } @media (min-width: 1000px) { .loimg img { width:80%} .dis2{display:none} .dis1{display:block} .tool_btn {width:250px; margin:0px auto; float:none;} .tt_title {display:none;} .mt_title {display:block;} .owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px} .owl-next { position:absolute; right:-30px; top:50%; background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px} .tel {} .search{ padding:1px 0px 0px 14px; height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;} .search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;} .search a { float:right; margin-right:30px} .search img { position:absolute; right:8px; bottom:5px;} } @media (min-width: 1260px) { .loimg img { width:80%} .dis2{display:none} .dis1{display:block} .pc_head { width: 88%; max-width: 1200px; margin: 0 auto; transition: all 0.3s ease 0s; box-sizing: content-box; } .pc-head-mian{ padding: 0 } .m_head {display:none;} .tool_btn {float:right;} .pc_p_10 {padding-left:10px;} .tt_title {display:block;} .mt_title {display:none;} .owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px} .owl-next { position:absolute; right:-30px; top:50%; background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px} .tel {} .search{ padding:1px 0px 0px 14px; height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;margin-top: 10px;} .search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;} .search a { float:right; margin-right:30px} .search img { position:absolute; right:8px; bottom:5px;} } .show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;} .show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;} .show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;} .show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;} .show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;} .show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;} .show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;} .show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#fff; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;} .show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;} .forms dl{ padding:0px; margin: 10px 0px; -webkit-box-sizing:border-box; } .forms dd{ width:100%; display:block; height:auto; overflow:hidden; } .forms hr{ margin:10px 0; border:0; border-top:1px solid #dddddd; } .forms dt{ font-size: 16px; color: #606366; padding:5px 0px; line-height:30px; } .forms button{ font-size: 16px; color: #fff; padding:5px 0px; line-height:30px; color:#f39600; border:1px solid #f39600; } .iten_title { padding-left:20px; padding-bottom:30px} .iten_title p {font-weight:bold; font-size:15px;} .contact_title h4 {font-size:22px; font-weight:bold; line-height:40px; border-bottom:1px solid #d7d7d7; } .contact_list li span { line-height:25px; color:#777; font-size:14px;} .pro_ {height:auto; overflow:hidden; width:100%; border-bottom:1px solid #d7d7d7; padding:20px 0;} .pro_1 {padding:40px} .pro_1 p{font-weight:bold; font-size:15px; line-height:25px; color:#333;} .pro_1 span{ font-size:15px; line-height:25px; color:#333; display:block;} .pro_1 a{display:block; width:90px; background:#f39600; line-height:30px;padding:0 5px; color:#fff; text-align:center; margin:30px 0;} .pro_1 a:hover {text-decoration:none;} .pro_2 {padding:0 20px;} .filelist {width:100%; height:auto; overflow:hidden; padding:0 20px} .filelist li { line-height:20px; border-bottom:#d7d7d7 1px solid; height:auto; overflow:hidden; width:100%; padding:20px 0} .filelist li a {display:inline-block; float:left; line-height:20px; color:#555; padding:5px 0 } .filelist li time {display:inline-block; line-height:20px;float:right;} .filelist li time a { padding:5px 10px; background:#d7d7d7} .filelist li time a:hover {color:#fff; background:#f39600; text-decoration:none} .mess span {line-height:40px; border-bottom:1px solid #999; display:block; } .me_content { border:1px solid #999; padding:20px } .mess_content {background:#e7e7e7; width:100%; height:auto; overflow:hidden;} .message_content .input {background:#e7e7e7; color:#111} .message_content .textarea {background:#e7e7e7; color:#111} /*后期增加*/ div.pro-cate-box{ margin-bottom: 15px; } div.pro-cate-box a p.title,div.pro-cate-box a img,.pro-lists li:hover a img,.pro-lists li:hover a p{ transition: .3s; } div.pro-cate-box a p.title{ background-color: #585858; margin: 0; height: 30px; line-height: 30px; color: #fff; } .pro-lists li:hover a img, div.pro-cate-box:hover a img{ border: 1px solid #1283ca; } .pro-lists li:hover a p,div.pro-cate-box:hover a p.title{ background-color: #1283ca; } @media (min-width: 1000px) { .pc_whatsapp{ display: block;} .mo_whatsapp{ display: none;} a.pc_whatsapp {width: 50px; height: 50px; display: block; float: left; position: absolute; left: -50px; bottom: -10px;} a.pc_whatsapp img{ width:100%; } } @media (max-width: 1000px) { .pc_whatsapp{ display: none;} .mo_whatsapp{display: block;} a.mo_whatsapp {width: 40px; height: 40px; display: block; float: left; position: fixed; right:10px ; top: 40%; z-index: 999999999} a.mo_whatsapp img{ width:100%; bottom: -10px;} }