/*公共样式部分*/ /*rest*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, image, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tr, th, td { border: 0px; padding: 0px; /*font-size: 100%;*/ margin: 0px; font-family: "microsoft yahei", "宋体", "lucida grande", "tahoma", "arial", "helvetica", "sans-serif"; -webkit-font-smoothing: subpixel-antialiased; font-weight: normal; } *, *::before, *::after { box-sizing: border-box; } body { color: #565656; line-height: 1; font-size: 12px; margin: 0; /*background:no-repeat; _position:absolute;*/ } input, textarea, select { background-color: #ffffff; font-size: 12px; outline: none; } img { border: 0; vertical-align: bottom; -ms-interpolation-mode: bicubic; } a, a:link { color: #434343; cursor: pointer; text-decoration: none; } a:hover { text-decoration: none; color: #0168b7; } ul, li { list-style-type: none; } /*base*/ .clearfix { clear: both; height: 0; overflow: hidden; } .f_l { float: left; } .f_r { float: right; } .container { max-width: 1100px; margin-right: auto; margin-left: auto; /*min-width: 1100px;*/ } /*.content { width: 1000px; margin: 0 auto; }*/ .col_50 { float: left; width: 50%; } .col_small { float: left; width: 34%; } .col_large { float: left; width: 66%; } .col_33 { float: left; width: 33.33333333%; } .p_l-25 { padding-left: 25px; } .p_r-25 { padding-right: 25px; } .btn { display: block; border-radius: 0; padding: 0 15px; line-height: 42px; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 0; overflow: hidden; } .btn img { width: 100%; height: 100%; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav>.nav_item { position: relative; display: block; } .nav>.nav_item>a { position: relative; display: block; padding: 10px 15px; } .tab-content>.tab-pane.active { display: block; } .tab-content>.tab-pane { display: none; } /*下拉组件*/ .dropdown { /*position: relative;*/ } /*上箭头*/ .dropdown.dropdown_top-arrow .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown.dropdown_top-arrow .dropdown-menu:after { border-bottom-color: #e3e6f0; position: absolute; top: -6px; left: 10px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } /*下箭头*/ .dropdown.dropdown_bottom-arrow .dropdown-menu:before { border-bottom-color: #dce1ec; position: absolute; bottom: -7px; left: 9px; display: inline-block !important; border-right: 7px solid transparent; border-top: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown.dropdown_bottom-arrow .dropdown-menu:after { border-bottom-color: #e3e6f0; position: absolute; bottom: -6px; left: 10px; display: inline-block !important; border-right: 6px solid transparent; border-top: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .dropdown:hover .dropdown-menu { display: block; } .dropdown .dropdown-menu { display: none; position: absolute; top: 100%; } /*网站顶部样式*/ .topbar { background: #eee; } .topbar .sidebar-toggler { display: none; float: left; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); width: 20px; height: 14px; background-repeat: no-repeat; background-position: center center; background-image: ; } .mobiletop .subnav-search { display: none; float: right; margin: 7px 0 !important; } /*顶部子菜单*/ .topbar .subnav { margin: 0; } .topbar .subnav li { float: left; display: inline-block; } .topbar .subnav li a { display: inline-block; margin: 0 6px; height: 36px; line-height: 36px; color: #434343; font-size: 14px; text-decoration: none; cursor: pointer; } .topbar .subnav li a:hover { color: #0168b7; } .topbar .subnav-search { margin: 5px 6px; position: relative; vertical-align: middle; background: #fff; border-radius: 3px; } .topbar .subnav-search>.search_input { float: left; font-size: 12px; border: 0; height: 26px; line-height: 26px; padding: 0 10px; width: 140px; border-radius: 3px; } .topbar .subnav-search>.search_icon { float: left; display: inline-block; padding: -5px 5px; cursor: pointer; vertical-align: top; } .topbar .subnav-search>.search_submit { position: absolute; top: 0; right: 0; width: 30px; height: 26px; opacity: 0; cursor: pointer; filter: progid:dximagetransform.microsoft.alpha(opacity=0); } /*头部logo条*/ .icon { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 100% 100%; } #header{ width: 1100px; height: 140px; display: block; margin: 0 auto ; } .icon-search { width: 20px; height: 20px; background-image: ; } /*主体内容部分样式*/ .main-page{ margin:20px auto 20px auto; width:1100px; height:520px; } .main-page .left, .main-page .right{ float:left; } .main-page .nav{ position:relative; width:60px; text-align:center; font-size:14px; font-family:"微软雅黑"; /* color:#fff;*/ margin-top: 10px; } .main-page .nav div{ position: relative; height:68px; line-height:68px; width: 230px; font-size: 18px; margin-bottom: 1px; background-color:rgba(51, 51, 51, 0.4); } .main-page .nav div a{ color:#fff; } .main-page .nav div img{ position: absolute; left:0; top: 50%; margin-top: -20px; margin-left: 20px; } .main-page .nav div.on{ background:#0094ea; } .main-page .right{ width:870px; height:520px; margin-left:170px; } .main-page .content-back{ width:870px; height:560px; background:#fff; opacity:.3; } .main-page .content{ position:relative; width:860px; height:510px; margin-top:-560px; padding:10px; overflow:hidden; } .main-page .content .first{ width:860px; height:510px; margin-bottom:10px; background:#fff; } .content .cont1{ width: 860px; height: 300px; } .content .left_banner{ width: 400px; height: 300px; float: left; } .example{ width: 400px; height: 300px; float: left; font-size: 40px; text-align: center; background-color: #464576; } .carousel-item a{ line-height: 300px; color: #fff;font-family: arial black } .ft-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; } .ft-carousel .carousel-inner { position: absolute; left: 0; top: 0; height: 100%; } .ft-carousel .carousel-inner .carousel-item { float: left; height: 100%; } .ft-carousel .carousel-item img { width: 100%; } .ft-carousel .carousel-indicators { position: absolute; left: 50%; margin-left: -200px; bottom: 10px; width: 100%; text-align: center; font-size: 0; } .ft-carousel .carousel-indicators span { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 4px; border-radius: 50%; cursor: pointer; } .ft-carousel .carousel-indicators span.active { background-color: #de3a3a; } .ft-carousel .carousel-btn { position: absolute; top: 50%; width: 50px; height: 45px; margin-top: -25px; cursor: pointer; } .ft-carousel .carousel-prev-btn { left: 0; background: url(/uploads/image/ssimages/prev.png) no-repeat; } .ft-carousel .carousel-next-btn { right: 0; background: url(/uploads/image/ssimages/next.png) no-repeat; } /*动态新闻1部分样式*/ .content .right_news{ width: 440px; height: 300px; float: right; margin-left: 10px; } .right_news_titles{ width:420px; height:47px; border-bottom:1px solid #dbdbdb; } .right_news_titles ul{ float:left; width:300px; height:47px; } .right_news_titles ul li{ float:left; width:75px; height:47px; font-size:16px; text-align: center; line-height:47px; } .right_news_titles ul li:hover{ border-bottom:2px solid #2f78b1; } .qqyw_nrbtp{ border-bottom:2px solid #2f78b1; } .qqyw_nrbts span a{ display: block; height:47px; font-size:16px; text-align: center; line-height:47px; margin-right: 20px; } .right_news_titles span{ float:right; font-size:16px; line-height:47px; } .right_news_lists{ width:410px; margin-top:10px; overflow: hidden; } .right_news_lists ul li{ width:410px; float:left; line-height:34px; border-bottom:1px dashed #dfdfdf; } .right_news_lists ul li img { width:5px; height:5px; float:left; margin-right:5px; margin-top:15px; } .right_news_lists ul li p{ float:left; width:250px; font-size: 14px; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .right_news_lists ul li span{ float:right; width:90px; font-size:14px; color:#a1a1a1; } /*新闻2部分*/ .content_two{ width: 860px; height: 162px; margin-top: 5px; background-color: rgba(150, 150, 150, 0.1); } .content_two_cont_top{ width: 860px; height: 160px; margin: 20px 30px; position: relative; } .tuu1{ float: left; height: 160px; width: 160px; margin-top: 22.5px; text-align: center; } .tuu1 a,.tuu2 a,.tuu3 a,.tuu4 a,.tuu5 a{ font-size: 16px; } .tuu2{ float: left; height: 160px; width: 160px; margin-top: 22.5px; text-align: center; } .tuu3{ float: left; height: 160px; width: 160px; margin-top: 22.5px; text-align: center; } .tuu4{ float: left; height: 160px; width: 160px; margin-top: 22.5px; text-align: center; } .tuu5{ float: left; height: 160px; width: 160px; margin-top: 22.5px; text-align: center; } .myscroll { width: 410px; height: 240px; /* margin: 0 auto;*/ border: 1px solid #ccc; line-height: 26px; font-size: 12px; overflow: hidden; } .myscroll li { height: 26px; /*margin-left: 25px;*/ } .myscroll a { color: #333; text-decoration: none; } .myscroll a:hover { color: #ed5565; text-decoration: underline; } /*规章制度部分*/ .rules{ width:860px; height:550px; } .rules span{ display: inline-block; width: 860px; height: 60px; font-size: 24px; line-height: 60px; text-align: center; } .rules_content{ width: 860px; height: 480px; overflow: hidden; margin:10px auto; } .rules_content li{ width: 840px; font-size: 16px; line-height: 35px; /*text-align: center;*/ margin-left: 20px; } .rules_content li img{ display: block; width:5px; height:5px; float:left; margin-right:5px; margin-top:15px; line-height: 35px; } .rules_content ul li p{ float:left; display: block; width:630px; font-size: 16px; line-height: 35px; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .rules_content ul li span{ display: block; font-size: 16px; line-height:35px; width: 150px; height: 35px; margin-right: 50px; float: left; } .rules_content .sp{ display:block; font-size: 16px; text-align: right; width: 760px; margin-top: -20px; color: #2f78b1; } /*联系我们部分*/ .contact #map p{ font:11px/1 "microsoft yahei", "微软雅黑", sans-serif; } #allmap{ width: 100%; height: 503px; } /*链接部分样式*/ .link{ width: 1100px; min-width: 1100px; border:1px solid rgba(51, 51, 51, 0.2); height:120px; background:#ffffff; margin: 10px auto; } .link_left{ float: left; height:110px; width: 120px; font-size: 22px; text-align: center; line-height: 110px; margin: 0 auto; } .link_left span{ color:#2f78b1; } .link_center{ width: 600px; height: 110px; float: left; margin: 5px auto; } .link_center ul{ width: 600px; height: 110px; padding-left: 10px; border-left:1px solid rgba(51, 51, 51, 0.4); } .link_center ul li img{ border: 1px solid rgba(51, 51, 51, 0.5); padding: 5px; margin-bottom: 5px; } .link_center ul li{ float: left; width: 80px; height: 110px; margin: 5px auto; } .link_center ul li a{ display: block; margin-top: 5px; text-align: center; } .links{ width: 340px; float: right; height:110px; background:#ffffff; } .links select{ width:250px; float: right; margin-right:15px; border-radius: 5px; height:30px; margin-top:20px; } /*网站底部部分样式*/ .footer{ width: 1100px; height: 90px; margin: 0 auto; } .footer_left{ width: 600px; text-align:center; float: left; margin: 50px auto; margin-bottom: 30px; } .footer_left p{ color: #919191; } .footer_right{ width: 500px; float: right; position: relative; text-align:center; margin: 50px auto; margin-bottom: 30px; } .footer_right a{ color: #919191; } .footer_right a:hover{ color:#2f78b1; } .footer_right .ewm1, .footer_right .ewm2{ position: absolute; display: none; right: 10px; top: -150%; } .footer_right .a1:hover .ewm1, .footer_right .a2:hover .ewm2{ display: block; } /*移动端样式处理*/ @media only screen and (max-width: 768px) { .container { width: 100%; margin-right: auto; margin-left: auto; } .topbar { background: #eee; width: 100%; } .topbar .sidebar-toggler { display: none; float: left; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); width: 20px; height: 14px; background-repeat: no-repeat; background-position: center center; background-image: ; } .mobiletop .subnav-search { display: none; float: right; margin: 7px 0 !important; } /*顶部子菜单*/ .topbar .clo1, .topbar .clo2{ margin: 0; width:50%; } .topbar .clo1{ float: left; } .topbar .clo2{ float: right; } .topbar .clo1 li{ display: none; } .topbar .clo1 li:nth-child(1), .topbar .clo1 li:nth-child(2){ float: left; display: inline-block; } .topbar .clo1 li a { display: inline-block; margin: 0 3px; height: 36px; line-height: 36px; color: #434343; font-size: 12px; text-decoration: none; cursor: pointer; } .topbar .clo1 li a:hover { color: #0168b7; } .topbar .subnav-search { margin: 5px 6px; position: relative; vertical-align: middle; background: #fff; border-radius: 3px; } .topbar .subnav-search>.search_input { float: left; font-size: 12px; border: 0; height: 26px; line-height: 26px; padding: 0 10px; width: 80px; border-radius: 3px; } .topbar .subnav-search>.search_icon { float: left; display: inline-block; padding: -5px 5px; cursor: pointer; vertical-align: top; } .topbar .subnav-search>.search_submit { position: absolute; top: 0; right: 0; width: 30px; height: 26px; opacity: 0; cursor: pointer; filter: progid:dximagetransform.microsoft.alpha(opacity=0); } #change{ display: none; } /*头部logo条*/ .icon { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 100% 100%; } #header{ width: 100%; height: 40px; display: block; margin: 0 auto ; } #header img{ width: 100%; height: 130%; } .icon-search { width: 20px; height: 20px; background-image: ; } /*移动端主体部分样式*/ /*移动端主体导航部分*/ .main-page{ margin:10px auto 10px auto; width:100%; height:520px; } .main-page .left{ display: block; width: 100%; height: 50px; margin: .4em auto; margin-left: 3px; } .main-page .left .nav{ width: 100%; height: 50px; margin: 0 auto; } .main-page .left .nav div{ float: left; width: 14%; height: 50px; font-size: 1rem; line-height: 50px; } .main-page .left .nav div img{ display: none; } /*移动端主体内容部分*/ .main-page .right{ width: 100%; display: block; margin-left: 0; } .main-page .content{ position:relative; width:100%; height:510px; /*margin-top:-560px;*/ padding:10px; overflow:hidden; } .main-page .content-back{ width:100%; height:560px; background:#fff; opacity:.3; } /*.cont1{ width: 100%; }*/ .content .left_banner{ width: 100%; height: 160px; float: left; } .example{ width: 95vw; margin: 0 auto; height: 160px; float: left; font-size: 40px; /*text-align: center;*/ background-color: #464576; } .carousel-item{ width: 95vw; text-align: center; line-height: 160px; color: #fff;font-family: arial black } .ft-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; } .ft-carousel .carousel-inner { position: absolute; left: 0; top: 0; height: 100%; } .ft-carousel .carousel-inner .carousel-item { float: left; height: 200%; } .ft-carousel .carousel-item img { width: 100%; } .ft-carousel .carousel-indicators { position: absolute; left: 50%; margin-left: -50%; bottom: 10px; width: 100%; text-align: center; font-size: 0; } .ft-carousel .carousel-indicators span { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 4px; border-radius: 50%; cursor: pointer; } .ft-carousel .carousel-indicators span.active { background-color: #de3a3a; } .ft-carousel .carousel-btn { position: absolute; top: 50%; width: 50px; height: 45px; margin-top: -25px; cursor: pointer; } .ft-carousel .carousel-prev-btn { left: 0; background: url(/uploads/image/ssimages/prev.png) no-repeat; } .ft-carousel .carousel-next-btn { right: 0; background: url(/uploads/image/ssimages/next.png) no-repeat; } /*移动端主体内容新闻部分*/ .content .right_news{ width: 100vw; height: 235px; float: left; margin: 0 auto; } .right_news_titles{ width:100vw; height:30px; margin-top: 5px; border-bottom:1px solid #dbdbdb; } .right_news_titles ul{ float:left; width:70vw; height:30px; } .right_news_titles ul li{ float:left; width:20vw; height:30px; font-size:1.2em; text-align: center; line-height:30px; } .right_news_titles ul li:hover{ border-bottom:2px solid #2f78b1; } .qqyw_nrbtp{ border-bottom:2px solid #2f78b1; } .qqyw_nrbts span a{ display: block; height:30px; font-size:1em; text-align: center; line-height:30px; margin-right: 30px; } .right_news_titles span{ float:right; font-size:1.2em; line-height:30px; } .right_news_lists{ width:120vw; margin-top:5px; overflow: hidden; } .right_news_lists ul li{ width:120vw; float:left; line-height:26px; border-bottom:1px dashed #dfdfdf; } .right_news_lists ul li img { width:5px; height:5px; float:left; margin-right:5px; margin-top:10px; } .right_news_lists ul li p{ float:left; width:60vw; font-size: 12px; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .right_news_lists ul li span{ float:right; width:75px; margin-right: 25vw; font-size:12px; color:#a1a1a1; } /*新闻2部分*/ .content_two{ float: left; width: 100vw; height: 100px; margin-top: 15px; background-color: rgba(150, 150, 150, 0.1); } .content_two_cont_top{ width: 100vw; height: 100px; margin: 5px 10vw; position: relative; } .content_two_cont_top img{ width: 30px; height: 30px; } .tuu1{ float: left; height: 100px; width: 20vw; margin-top: 0; text-align: center; } .tuu1 a,.tuu2 a,.tuu3 a,.tuu4 a{ font-size: .8em; } .tuu2{ float: left; height: 100px; width: 20vw; margin-top:0; text-align: center; } .tuu3{ float: left; height: 100px; width: 20vw; margin-top: 0; text-align: center; } .tuu4{ float: left; height: 100px; width: 20vw; margin-top: 0; text-align: center; } /*链接部分样式*/ .link{ display: none; } /*网站底部部分样式*/ .footer{ width: 100vw; height: 70px; margin: 0 auto; } .footer_left{ width: 100vw; text-align:center; float: left; font-size: 1rem; margin: 40px auto; } .footer_left p{ color: #919191; } .footer_right{ display: none; } /*规章制度部分*/ .rules{ width:100vw; height:550px; } .rules span{ display: inline-block; width: 100vw; height: 40px; font-size: 20px; line-height: 40px; text-align: center; } .rules_content{ width: 100vw; height: 480px; overflow: hidden; margin:0 auto; } .rules_content li{ width: 100vw; font-size: 1em; line-height: 35px; /*text-align: center;*/ margin-left: 20px; } .rules_content li img{ display: none; } .rules_content ul li p{ float:left; display: block; width:60vw; font-size: 1em; line-height: 35px; text-align: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .rules_content ul li span{ display: block; font-size: 1em; line-height:35px; width: 25vw; height: 35px; margin-right: 0; float: left; } .rules_content .sp{ display: none; } .contact p{ font-size: 1em; } /*联系我们部分*/ .contact #map p{ font:8px/1 "microsoft yahei", "微软雅黑", sans-serif; } #allmap{ width: 100%; height: 503px; } }