/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }/*定义全局BODY*/ body{ color:#333; font-family:Arial,Helvetica,STHeiti; font-size:0.875rem; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; word-break: keep-all; background:#f2f2f3; } body .e_title { font-family:Arial,Helvetica,STHeiti; font-size:0.875rem; font-weight: normal; word-break: keep-all; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style{ font-family:Arial,Helvetica,STHeiti; font-weight: normal; word-break: keep-all; } .reset_style span{ font-family:Arial !important; } /*划过图片背景*/ .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); } /*重置默认链接*/ a { max-width: 100%; outline: 0 none; text-decoration: none; color:#333; } a:hover { text-decoration:none; color:#333; } a:focus { outline:none; -moz-outline:none; } .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a{ color:#333; text-decoration: none; } .scroll_top { bottom:50px; display: none; height: 50px; position: fixed; right: 15px; width: 60px; z-index:9999; } .scroll_top .s_cursor { background: url(/img/icon_top.png) no-repeat center center #a07459; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); cursor: pointer; display: block; height: 50px; width: 60px; } .scroll_top .s_cursor:hover{ background: url(/img/icon_top.png) no-repeat center center #b48466; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #266cdd; color: #fff; border-color: #266cdd; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } /* 清除浮动 */ .clearBoth { clear:both; /*控制分类后，各行高度不一样对不齐问题*/ width:100%; height:0px; font-size:0; overflow:hidden; /*控制分类后，各行高度不一样对不齐问题*/ line-height:0; } /*旗下企业*/ .select { width: 90px; height: 36px; position: relative; border-radius:2px; border:1px dashed #ddd; } .select ul { display: none; position: absolute; top: 36; left: -1px; background:#266cdd; width: 90px; padding-top: 4px; opacity: 0.95; } .select ul li a { line-height: 28px; padding-left: 15px; font-size: 13px; width: 90px; display: block; color: #fff; } .select ul li a:hover { background: #565656; width: 90px; height: 28px; display: block; } .select input { width: 90px; height: 36px; background: url(/img/f_top.png) no-repeat 75px 17px; outline: medium; border: none; color: #333; padding-left: 8px; cursor: pointer; font-size: 14px; border-radius: 2px; } /*导航样式*/ .nav{ position: relative; float:none; width:100%; margin-top:25px; } .yidu_menu { align-items: center; color: #fbfbfb; display: flex; height: 100%; justify-content: center; width: 100%; max-width:1216px; margin-left:auto; margin-right:auto; } .yidu_menu > li { height: 50px; line-height: 50px; background: url(/img/li_line.png) no-repeat right center; margin-left: -2px; position:static; padding: 0; } .yidu_menu > li.home > a { background: url(/img/li_line.png) no-repeat left center; } .yidu_menu > li.home:hover > a { background: url(/img/li_line2.png) no-repeat left center; } .yidu_menu > li > a { color: #030303; font-size:1.375rem; display: block; height: 50px; line-height: 50px; text-transform:Uppercase; text-align: center; } .yidu_menu > li:hover { background: #266cdd; color: #fff; margin-left: -2px; } .yidu_menu > li:hover > a { color: #fff; } .yidu_content { box-sizing: border-box; left: 0; padding: 40px 0 30px; position: absolute; top: 50px; width: 100%; display: none; background: #fbfbfb; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2); } .yidu_main { max-width: 1230px; margin-left:auto; margin-right:auto; position: relative; } /*About CSS*/ .about .yidu_content { /*display: none;*/ } .about .yidu_content .aboutus { color: #54595c; line-height:1.8em; font-size: 1rem; } .about .yidu_content .aboutus h2{ font-size: 1.125rem; font-weight: bold; text-transform:Uppercase; margin:15px 0; } .about .yidu_content .aboutimg a { background: none; height: auto; padding: 0; text-align: center; font-size:1rem; display: block; position: relative; } .about .yidu_content .a_title{ position: absolute; bottom:0; z-index:6; width:100%; color:#fff; text-align:center; height:34px; line-height:34px; } .about .yidu_content .aboutimg a:hover { color: #005db9; } .about .yidu_content .aboutimg li{ margin-bottom:15px; } .about .yidu_content .aboutimg li .a_img { overflow: hidden; } .about .yidu_content .aboutimg li img { transition: all 1s ease 0s; } .about .yidu_content .aboutimg li:hover img { transform: scale(1.1); } /*手机导航*/ .m-nav{ position: fixed; top: 1.3rem; left: 0; width: 100%; height: calc(100% - 1.3rem); z-index: 30; border-top: 1px solid #e5e5e5; background-color: #fff; display: none; } .m-nav li a{ display: block; } .m-nav li .tit{ font-size: .36rem; line-height: .46rem; padding: .3rem; color: #2c2c2c; border-bottom: 1px solid #e5e5e5; } .m-nav li .tit:before{ content: ""; position: absolute; right: .3rem; width: .42rem; height: .42rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/img/m_nav_arrow.png'); } .m-nav li.on1 .tit:before{ background-image: url('/img/m_nav_jia.png'); } .m-nav li.on2 .tit:before{ background-image: url('/img/m_nav_jian.png'); } .m-nav{ top: calc(100% - 0px); height: calc(100vh - 110px); } .m-nav li .tit{ font-size: 26px; line-height: 36px; padding: 30px 5%; } .m-nav li .tit:before{ width: 30px; height: 30px; right: 5%; } .m-nav li .navson{ padding: 15px 0; display: none; border-bottom: 1px solid #e5e5e5; } .m-nav li .navson a{ font-size: 16px; line-height: 26px; padding: 10px 5%; } /*汉堡包导航*/ .header-div{ display:none; width: 40px; float: right; padding-top: 32px; position: relative; z-index: 94; margin-left:20px; } .header-div div{ width: 100%; height: 5px; border-radius: 2px; background: #ff8400; margin-bottom: 9px; opacity: 1; transition: all .5s; } .header-div.on div{ background: #da251d; } .header-div.on .header-d1{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-div.on .header-d2{ opacity: 0; transition: all .5s; } .header-div.on .header-d3{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } @media only screen and (min-width: 1200px) { .col-lg-1-3 { width: 190px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) {/*中屏*/ } /*底部栅格处理*/ .col-lg-1-3, .col-lg-1-4, .col-lg-1-5 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (min-width: 1200px) { .footer .col-lg-1-3 { width: 12.122222%; float: left; } .col-lg-1-4 { width: 22%; float: left; } .col-lg-1-5 { width: 12.5%; float: left; } .col-lg-1-6 { width: 17%; float: left; } } /*底部样式*/ .footer { padding-left: 15px; padding-right: 15px; padding-top: 30px; margin-bottom: 40px; } .foot_text01 { margin-bottom: 10px; } .footer img { max-width: 100%; } .footer .nav ul { margin: 0; padding: 0; } .footer .nav li { list-style: none; display: inline-block; margin-right: 7%; line-height: 2em; } .footer .nav a { text-decoration: none; color: #5e5d5c; font-size: 0.875rem; } .footer .nav a:hover { color: #f36d16; } .footer .nav .current a { background: #5e5d5c; color: #fff; border-radius: 5px; } .footer .foot_text01 { padding-bottom: 3%; } .foot_texttitle { color: #5a5a5a; margin-bottom: 15px; font-size: 16px; font-weight: bold; text-transform: Uppercase; } .footer .tel{ margin-top:10px; } .footer .tel p { line-height: 2em; } .footer .ewm { text-align: center; } .footer .ewm p { margin-top: 5px; font-size: 1rem; } .footer_text { color: #8a8a8a; text-align: center; border-top: 1px solid #c7c7c7; padding: 20px 0; } .footer_text a { color: #8a8a8a; } .footer_text a:hover { color: #333; } @media screen and (max-width: 600px) { .footer .nav { position: relative; min-height: 40px; } .footer .nav ul { padding: 5px 0; border: solid 1px #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); } .footer .nav li { display: none; margin: 0; } .footer .nav .current { display: block; } .footer .nav a { text-align: left; padding-left: 2% } .footer .nav .current a { background: none; color: #8a8a8a; } /* on nav hover */ .footer .nav ul:hover { background-image: none; } .footer .nav ul:hover li { display: block; } } /*线条滚动*/ @keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.55) } 100% { transform: translateX(-50%) translateZ(0) scaleY(1) } } .waveWrapper { overflow: hidden; position: relative; left: 0; right: 0; bottom: 0; top: 0; margin: auto; height: 100px; } .waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; } .bgTop { z-index: 15; opacity: 1; } .bgMiddle { z-index: 10; opacity: 1; } .bgBottom { z-index: 5; } .wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom; } .waveTop { background-size: 50% 100px; } .waveAnimation .waveTop { animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s; animation-delay: 1s; } .waveMiddle { background-size: 50% 120px; } .waveAnimation .waveMiddle { animation: move_wave 10s linear infinite; } .waveBottom { background-size: 50% 100px; } .waveAnimation .waveBottom { animation: move_wave 15s linear infinite; } /*装饰器CSS*/ .e_ContentMajorStyleBox-001 .p_stylebox .title_main { text-align: center; font-size: 36px !important; color: #85c226 !important; width: 100%; height: auto !Important; max-width: none !important; position: relative; text-overflow: initial !important; display: block !important; white-space: initial!important; line-height: 45px; padding: 10px 10px; } .e_ContentMajorStyleBox-001 .stylebox_top{ background: none !important; height: auto !important; margin-top: 25px; } .e_ContentMajorStyleBox-001 .stylebox_title{ background: none !important; height: auto !important; width: 100% !important; padding: 0 50px; } .e_ContentMajorStyleBox-001 .title_main{ text-transform:Uppercase; max-width: 900px !important; } .e_ContentMajorStyleBox-001 .stylebox_content{ border: 0px solid #ccc !important; }