/*-----------------------------------------------------------*/ /*copyright by 动力无限 www.btoe.cn*/ /*邮箱 btoe@btoe.cn*/ /*合作电话 400-0599-360*/ /*版权所有违者必究*/ /*-----------------------------------------------------------*/ /*Generated by wjdhcms 3.0 */ @charset "utf-8"; ::selection { background-color: #055db4; color: #fff; } ::-moz-selection { background-color: #055db4; color: #fff; } ::-webkit-selection { background-color: #055db4; color: #fff; } ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; } * { padding: 0; margin: 0; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; } body { font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; min-width: 1200px; } html { min-width: 1200px; } :focus { outline: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } a { color: #333; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } a:link, a:hover, a:active, a:visited { text-decoration: none; } a:hover { color: #055db4; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } li, ul { list-style-type: none; } img { border: none; } input, textarea { outline: 0; border: 0; } textarea { resize: none; } h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em { font-weight: normal; font-style: normal; } textarea { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; } input[type="text"] { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; } input[type="button"] { cursor: url(../images/Acur.png), default !important; } @keyframes animated { 0% { cursor: url('../images/Pcuro1.png'), auto; } 8.8% { cursor: url('../images/Pcuro2.png'), auto; } 17.6% { cursor: url('../images/Pcuro3.png'), auto; } 26.4% { cursor: url('../images/Pcuro4.png'), auto; } 35.2% { cursor: url('../images/Pcuro5.png'), auto; } 44% { cursor: url('../images/Pcuro6.png'), auto; } 52.8% { cursor: url('../images/Pcuro7.png'), auto; } 61.6% { cursor: url('../images/Pcuro8.png'), auto; } 70.4% { cursor: url('../images/Pcuro9.png'), auto; } 79.2% { cursor: url('../images/Pcuro10.png'), auto; } 88% { cursor: url('../images/Pcuro11.png'), auto; } 100% { cursor: url('../images/Pcuro12.png'), auto; } } .clear { clear: both; } .webq_head_xx { width: 100%; position: relative; } .webq_top_1 { width: 100%; height: 70px; position: absolute; left: 0; top: 80px; z-index: 5; } .webq_top_11 { width: 100%; height: 70px; left: 0; top: 80px; z-index: 5; margin-top: 20px; } .webq_top_2 { width: 1270px; height: 70px; margin: 0 auto; position: relative; } .webq_top_logo { width: auto; height: 85px; position: absolute; left: 0; top: 0; } /*询盘信息*/ .top_xunpan { width: 160px; height: 20px; color: #fff; font-size: 14px; line-height: 18px; text-align: left; display: block; position: absolute; z-index: 3; top: 25px; right: 0px; cursor: pointer; } .top_xunpan i { } .top_xunpantxt{ position: absolute; top: 30px; left: 0px; width: 170px; padding-top: 16px; height: 0px; visibility: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0; z-index: 3; text-align: center; } .top_xunpantxt h6{ height: 24px; line-height: 24px; background: #666; font-size: 14px; color: #fff; border-radius: 5px; } .top_xunpantxt ::after { content: ''; position: absolute; top: 0px; left: 58px; width: 0; height: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #666; z-index: 3; } .top_xunpan:hover .top_xunpantxt{ height: auto; visibility: visible; top: 15px; opacity: 1; } /*询盘信息end*/ /*导航开始*/ .nav_xiala_xx { padding-left: 245px; height: 44px; padding-top: 10px; } .nav_xiala { height: 44px; margin: 0 auto; } .nav_xiala ul{ margin: 0; } .nav_xiala ul li { float: left; height: 44px; text-align: center; font-size: 16px; position: relative; border-radius: 22px; } .nav_xiala > ul > li > a { display: block; color: #333; height: 44px; line-height: 44px; overflow: hidden; font-size: 16px; border-radius: 22px; margin: 0 34px 0 34px; } .nav_xiala ul li:hover { color: #fff; background: #055db4; } .nav_xiala ul li:hover > a { color: #fff; } .nav_xiala > ul > li > a:hover { background: #055db4; } .nav_xiala .erji_xiala { position: absolute; top: 44px; left: 0; z-index: 20; height: 0px; visibility: hidden; min-width: 100%; /*和一级栏目一样宽度*/ } .nav_xiala .erji_xiala i { display: block; opacity: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.35); background: #055db4; position: relative; } .nav_xiala .erji_xiala i a { height: 40px; line-height: 40px; font-size: 14px; display: block; color: #FFF; padding: 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nav_xiala .erji_xiala i a:hover { color: #FFF; } .nav_xiala .erji_xiala i:hover { background: #333333; } .nav_xiala .erji_xiala i a { background: -webkit-linear-gradient(left, #333333, #333333) no-repeat; background: linear-gradient(to right, #333333, #333333) no-repeat; background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s; } .nav_xiala .erji_xiala i a:hover { background: -webkit-linear-gradient(left, #333333, #333333) no-repeat; background: linear-gradient(to right, #333333, #333333) no-repeat; background-size: 100% 100%; } .nav_xiala ul li:hover .erji_xiala { height: auto; visibility: visible; } .nav_xiala .erji_xiala i { opacity: 0; transform: rotateY(90deg); transition: .5s; } .nav_xiala ul li:hover .erji_xiala i { opacity: 1; transform: rotateY(0); } .nav_xiala ul li:hover .erji_xiala i:nth-child(1) { transition-delay: 50ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(2) { transition-delay: 100ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(3) { transition-delay: 150ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(4) { transition-delay: 200ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(5) { transition-delay: 250ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(6) { transition-delay: 300ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(7) { transition-delay: 350ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(8) { transition-delay: 400ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(9) { transition-delay: 450ms; } .nav_xiala ul li:hover .erji_xiala i:nth-child(10) { transition-delay: 500ms; } .nav_xiala .erji_xiala i:nth-child(1) { transition-delay: 500ms; } .nav_xiala .erji_xiala i:nth-child(2) { transition-delay: 450ms; } .nav_xiala .erji_xiala i:nth-child(3) { transition-delay: 400ms; } .nav_xiala .erji_xiala i:nth-child(4) { transition-delay: 350ms; } .nav_xiala .erji_xiala i:nth-child(5) { transition-delay: 300ms; } .nav_xiala .erji_xiala i:nth-child(6) { transition-delay: 250ms; } .nav_xiala .erji_xiala i:nth-child(7) { transition-delay: 200ms; } .nav_xiala .erji_xiala i:nth-child(8) { transition-delay: 150ms; } .nav_xiala .erji_xiala i:nth-child(9) { transition-delay: 100ms; } .nav_xiala .erji_xiala i:nth-child(10) { transition-delay: 50ms; } .nav_xiala .sanji_xiala { max-width: 380px; height: 0px; visibility: hidden; position: absolute; top: 0px; left: 100%; /*和一级栏目一样left*/ } .nav_xiala .sanji_xiala span { border-bottom: 1px dashed rgba(255, 255, 255, 0.35); display: block; background: #055db4; text-align: left; opacity: 0; } .nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color: #FFF; font-size: 14px; padding: 0 15px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nav_xiala .sanji_xiala span a:hover { color: #FFF; } .nav_xiala .sanji_xiala span a { background: -webkit-linear-gradient(left, #333333, #333333) no-repeat; background: linear-gradient(to right, #333333, #333333) no-repeat; background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s; } .nav_xiala .sanji_xiala span a:hover { background: -webkit-linear-gradient(left, #333333, #333333) no-repeat; background: linear-gradient(to right, #333333, #333333) no-repeat; background-size: 100% 100%; } .nav_xiala .sanji_xiala_di { background: url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px; } .nav_xiala .erji_xiala i:hover .sanji_xiala { height: auto; visibility: visible; } .nav_xiala .sanji_xiala span { opacity: 0; transform: rotateY(90deg); transition: .5s; } .nav_xiala .erji_xiala i:hover .sanji_xiala span { opacity: 1; transform: rotateY(0); } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1) { transition-delay: 50ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2) { transition-delay: 100ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3) { transition-delay: 150ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4) { transition-delay: 200ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5) { transition-delay: 250ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6) { transition-delay: 300ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7) { transition-delay: 350ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8) { transition-delay: 400ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9) { transition-delay: 450ms; } .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10) { transition-delay: 500ms; } .nav_xiala > ul > li.another { color: #fff; background: #055db4; } .nav_xiala > ul > li.another > a { color: #fff; } .fixedNav { position: fixed; top: 0px; left: 0px; z-index: 99999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); } /* 底部 开始 */ .webq_bottom_contx { width: 100%; background:#272a31; } .webq_bottom_cont { width: 1200px; height: auto; margin: 0 auto; } .webq_bottom_1 { height: auto; padding: 0 0 30px 0; } .bottom_one_erk{ float: left; height: 215px; border-left: 1px solid #34373f; padding-left: 188px; margin-top: 45px; } .bottom_one_er{ padding-top: 40px; } .bottom_one_er img{ width: 110px; height: 110px; padding: 9px; background: #fff; border-radius: 5px; } .webq_bottom_left{ float:left; width: 765px; margin-top: 65px; } .webq_bottom_fx{ } .webq_bottom_tite { height: 38px; line-height: 1; color: #b4b4b4; font-size: 18px; text-transform: uppercase; } .webq_bottom_tite span{ font-size: 18px; font-weight: bold; color: #b4b4b4; } .webq_bottom_3 { float: left; width: 165px; color: #999; } .webq_bottom_3 ul{ padding-top: 10px; } .webq_bottom_3 ul li { height: 35px; } .webq_bottom_3 ul li a { line-height: 35px; display: block; color: #acacac; font-size: 14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .webq_bottom_3 ul li a:hover { color: #fff; padding-left: 10px; } .webq_bottom_2 { height: 152px; background:url(../images/b_line.png) repeat-x bottom; } .webq_b_line{ float: left; width: 1px; height: 85px; background: #4c4c4c; margin-top: 60px; } .webq_b_tel { float: left; width: 410px; height: 124px; background: url(../images/b_d1.png) no-repeat 0 14px; padding-left: 40px; margin-left: 12px; margin-top: 45px; } .webq_b_teld2{ width: 345px; background: url(../images/b_d2.png) no-repeat 0 13px; padding-left: 56px; } .webq_b_tel_dh { height: 58px; border-left: 2px solid #878888; padding-left: 20px; } .webq_b_tel_dh h5 { font-size: 16px; color: #999; line-height: 20px; padding-top: 8px; } .webq_b_tel_dh h6 { font-size: 16px; color: #999; line-height: 30px; padding-top: 5px; } .webq_bottom_rig{ height: 80px; padding-top: 40px; } .webq_bottom_rig ul li{ float: left; width: 70px; height: 70px; border-radius: 50%; margin-right: 25px; border: 1px solid #52555a; } .webq_bottom_rig ul li:hover{ border: 1px solid #055db4; } .webq_bottom_rig ul li i{ width: 70px; height: 70px; display: block; border-radius: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .webq_bottom_rig ul li .rd1{ background:url(../images/b_qq.png) no-repeat center; } .webq_bottom_rig ul li .rd2{ background:url(../images/b_wx.png) no-repeat center; } .webq_bottom_rig ul li .rd3{ background:url(../images/b_xl.png) no-repeat center; } .webq_bottom_rig ul li:hover .rd1{ background:url(../images/b_qq.png) no-repeat center #055db4; } .webq_bottom_rig ul li:hover .rd2{ background:url(../images/b_wx.png) no-repeat center #055db4; } .webq_bottom_rig ul li:hover .rd3{ background:url(../images/b_xl.png) no-repeat center #055db4; } .webq_bottom_di { width: 100%; text-align: center; background: #1f242a; padding: 20px 0; } .webq_bottom_dicont{ width: 1200px; margin: 0 auto; line-height: 30px; color: #bcbcbd; } .webq_bottom_dicont a { color: #bcbcbd; } .webq_bottom_dicont .bl{ float: left; } .webq_bottom_dicont .br{ float: right; } .webq_bottom_dicont a:hover { color: #fff; text-decoration: underline; } .webq_bottom_dicont img{ vertical-align: middle; } /* 底部 结束 */ .in_yqlj_ss { width: 100%; background: #272a31; } .in_yqlj { width: 1200px; height: auto; margin: 0 auto; padding: 70px 0 50px 0; background:url(../images/b_line.png) repeat-x bottom; } .in_yqlj_1 { height: 40px; line-height: 40px; float: left; text-transform: uppercase; color: #878888; font-size: 32px; } .in_yqlj_2 { float: right; width: 1090px; line-height: 30px; padding: 7px 0 0 0; color: #818182; } .in_yqlj_2 a { display: inline-block; padding: 0 35px 0 18px; color: #818182; font-size: 14px; background:url(../images/yqlj.png) no-repeat 0; } .in_yqlj_2 a:hover { text-decoration: underline; color: #fff; } .black li{float:left;}