@charset 'utf-8'; /* CSS reset */ body { font-family: Roboto, PingFang SC, Source Han Sans SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;; } body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } table { border-collapse: collapse; border-spacing: 0; } a { display: inline-block; text-decoration: none; outline: 0; } a:hover { text-decoration: none; color: #0079c3; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; } del, ins { text-decoration: none; } ol, ul { list-style: none; } img { display: block; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } input { outline: none; } legend { color: #000; } .yangshi1 a span { display: block; line-height: 20px; z-index: 2; margin-top: -14px; margin-left: 15px; width: 228px; font-size: 12px; left: 15px; text-align: left; font-family: 微软雅黑; font-weight: 100; letter-spacing: 1.5px; color: #999; } input:focus, textarea:focus, button:focus, select:focus { background: #fff !important; box-shadow: 0px 0px 8px #d5a65d;; border: 1px solid #d5a65d !important; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } *:link, *:visited, *:hover, *:active { -webkit-tap-highlight-color: transparent; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .fl { float: left; } .fr { float: right; } .none { display: none; } .block { display: block; } ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 10px /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { /*滚动条的背景区域的内阴影*/ box-shadow: none; /*滚动条的背景区域的圆角*/ border-radius: 0px; /*滚动条的背景颜色*/ background-color: #333; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { /*滚动条的内阴影*/ box-shadow: none; /*滚动条的圆角*/ border-radius: 0px; /*滚动条的背景颜色*/ background-color: #ff9000; } ::selection { background: #ff9000; /*选中文字颜色及背景*/ color: #fff; text-shadow: none; } body { overflow-x: hidden; } a, .head .drop-menu, a:hover, .mid_nav, .index_new_list li a, .ico_box:hover .ico_top, .pinpai_body .ppimg:hover p, .tixi i, .xianchang img { -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s } .head img { height: 60px; margin: 5px 0; transition: all 0.6s ease 0s; } .head .nav-menu li a { line-height: 80px; text-align: center; font-size: 16px; color: #666666; } .head .nav-menu li a:hover { color: #fff } .head .nav-menu li { width: 100px; } .head { box-shadow: 1px 1px 10px #CCCCCC; position: absolute; top: 0; z-index: 99; height: 80px; width: 100%; /* transition: all 0.6s ease 0s;*/ } .fixednavhead { height: 50px !important; transition: all 0.8s ease 0s; width: 100%; z-index: 99; position: fixed; top: 0px; box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, 0.3); } .fixednavhead .head_mid ul li { height: 50px; margin: 0 !important; transition: all 0.6s ease 0s; } .fixednavhead .head_mid .yangshi1 a { padding-top: 3px; } .fixednavhead .head_mid ul li img { height: 35px; margin: 0 !important; transition: all 0.6s ease 0s; } .fixednavhead .yangshi1 a span { margin-top: -8px; margin-left: 8px; } .fixednavhead .nav-menu li .drop-menu a { height: 42px; line-height: 42px !important; transition: all 0.6s ease 0s; } .fixednavhead .nav-menu li a { height: 50px; line-height: 50px; position: relative; } .drop-menu { border-radius: 0 !important; width: 1900px !important; position: absolute; position: absolute; display: none; top: 100%; left: 0; z-index: 1; float: left; min-width: 160px; padding: 5px 0; margin: 0; list-style: none; background-clip: padding-box; border-radius: 4px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff !important; background: none !important; z-index: 100 !important; border: none; } .head .nav-menu li:hover .drop-menuBox { display: block; } .drop-menu { animation: fade-in; animation-duration: 0.3s; -webkit-animation: fade-in 0.3s; } .drop-menuBox { width: 100%; height: 42px; position: absolute; top: 100%; left: 0; border: none; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background: #000 !important; display: none; z-index: 99; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } .drop-menu a { background: none !important; width: 80px; display: inline-block !important; color: #f2cd9d !important; } .drop-menu a { margin: 0 !important; font-size: 14px !important; padding: 0 !important; line-height: 42px !important; } .drop-menu a:hover { background: #333 !important; } .head .nav-menu li:hover { background: #f5d5a4 } .head .nav-menu li:hover a { color: #fff; text-align: center; } .drop-menu1 { padding: 0px !important; } /*banner开始*/ header { padding-top: 80px } @keyframes warn { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } } @keyframes warn1 { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0; } } @-webkit-keyframes "warn" { 0% { transform: scale(0); -webkit-transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); -webkit-transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } } .dot { position: absolute; width: 92px; height: 92px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid red; border-radius: 50%; z-index: 2; } /* 产生动画(向外扩散变大)的圆圈 */ .pulse { position: absolute; width: 50px; height: 50px; border: 2px solid #556dff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; box-shadow: 1px 1px 30px #556dff; } /*底部开始*/ .foot_body { position: relative; border-top: 3px solid #3c4998; line-height: 26px; padding: 0; margin-bottom: 10px; } .foot_body .foot_right p span a { float: right; display: block; width: 70PX;; line-height: 30PX; text-align: center; } .foot_body .foot_left { padding-top: 10px; } .foot_body .foot_right p span a:hover { background: #666; color: #fff; } .foot_body .foot_right p span { display: block; background: #e1e1e1; float: right; } .foot_body .foot_right p { display: block; overflow: hidden; text-align: right; margin-bottom: 0; } .foot_body .foot_right .foot_p1 { margin-bottom: 10px; } .foot_body .foot_right .foot_link a:hover { color: #0079c3 } .foot_body .foot_right img { float: right; } .foot_body, .foot_body a { color: #666; font-size: 14px; } .yangshi1 { float: left; } .yangshi1:hover { background: #fff !important; } .yangshi1 .drop-menu1 { margin-left: -993px !important } .yangshi2 .drop-menu1 { margin-left: -993px !important } .yangshi3 .drop-menu1 { margin-left: -900px !important } .yangshi4 .drop-menu1 { margin-left: -905px !important } .yangshi5 .drop-menu1 { margin-left: -905px !important } .yangshi6 .drop-menu1 { margin-left: -905px !important } .yangshi7 .drop-menu1 { margin-left: -900px !important } .yangshi8 .drop-menu1 { margin-left: -993px !important } .yangshi9 .drop-menu1 { margin-left: -993px !important } .yangshi10 .drop-menu1 { margin-left: -993px !important } .footer, .head { background: #fff; } .footer { box-shadow: 0px -1px 10px 1px #e4e4e4; } .S-bannerHeadText li { list-style-type: none; color: #fff; } @keyframes fade-in { 0% { opacity: 0; } /*初始状态 透明度为0*/ 40% { opacity: 0; } /*过渡状态 透明度为0*/ 100% { opacity: 1; } /*结束状态 透明度为1*/ } @-webkit-keyframes fade-in { /*针对webkit内核*/ 0% { opacity: 0; } 40% { opacity: 0; } 100% { opacity: 1; } } .swiperTimeListLH2, .swiperTimeListYuanIconSelect, .DichanFooterBoxListCol a, .swiperTimeListR, .swiperTimeListR:hover, .box_center_yy .boxCol:hover .diyih, .diyi { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .nei_body, .nei_body p, .nei_body span, .nei_body strong { margin: 0px !important; padding: 0px !important; font-size: 16px !important; line-height: 1.8em; } .nei_body img { width: 100%; } .dux-page a { line-height: 30px; padding: 0 10px; border: 1px solid #d4d4d4; float: left; margin-right: 10px; } .dux-page a:hover { background: #ff9000; color: #fff; border: 1px solid #ff9000 } .dux-page .active-page { background: #ff9000; color: #fff; border: 1px solid #ff9000 } .dux-page { margin-top: 30px; } .xsmouseOverImgBox { width: 100px; height: 100px; position: absolute; top: -110px; left: 250px; z-index: 9999; display: none; animation: xsmousemoveTop .5s forwards; opacity: 0; } .xsmouseOverImgBox img { width: 100%; } @keyframes xsmousemoveTop { 0% { transform: translate(0%, 10%); opacity: 0; } 100% { transform: translate(0%, 0%); opacity: 1; } } .mouseJixieBox { width: 100px; text-align: center; line-height: 30px; position: absolute; bottom: 24px; right: 0; background: #fff; z-index: 999; display: none; box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1); } .mouseJixieBoxListCol { border-bottom: 1px solid #eee; cursor: pointer; } .mouseJixieBoxListCol:hover { background: #dfdfdf; } .doc-backtop{position: fixed; right: 50px; bottom:100px; color: #999; font-size: 30px; cursor: pointer; z-index: 9; width: 50px; height: 50px; background:#666} .doc-backtop:hover{ background:#ff9101} .doc-backtop img{ width: 30px; margin: auto; margin-top: 5px;} .doc-backtop p{ text-align:center; font-size:14px; color:#eee; margin-top:-10px;}