@charset "utf-8"; /****header****/ .header { width: 100%; height: 118px; background: #FFF; } .header .head { width: 1200px; height: 118px; margin: 0 auto; } .header .head .logo { width: auto; height: 84px; display: block; margin-top: 17px; } .header .head .logo img { width: auto; height: 84px; display: block; } .header .head .head_l { width: auto; overflow: hidden; border-left: 1px #e5e5e5 solid; margin: 28px 0 0 25px; padding: 5px 0 5px 25px; } .header .head .phone { width: auto; overflow: hidden; margin: 28px 0 0 0; background: url(../images/phone.png) no-repeat left center; padding-left: 70px; } /*menu*/ .nav { width: 100%; height: 56px; background: #b60404; } .nav .nav_c { width: 1200px; height: 56px; margin: 0 auto; } .nav .nav_c .logo { display: none; } .nav .menu { width: 100%; height: 56px; } .nav .menu li { position: relative; float: left; display: inline; width: 16.66%; text-align: center; } .nav .menu li a.xialaguang { display: inline-block; width: 100%; height: 56px; line-height: 56px; color: #FFF; } .nav .menu li a.navhover, .nav .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #393939; } .nav .menu ul.children { display: none; position: absolute; top: 56px; left: 0; width: 100%; line-height: normal; z-index: 9999; } .nav .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #525151 solid; margin: 0; } .nav .menu ul.children li a { overflow: hidden; display: block; padding: 10px; border-top: 1px #201f1f solid; background: #393939; color: #FFF; } .nav .menu ul.children li a:hover { color: #FFF; background: #b60404; } .nav.clone { position: fixed; left: 0; top: 0; z-index: 88; height: 76px; background: #FFF; box-shadow: 0px 7px 7px -7px rgba(4, 0, 0, 0.2); } .nav.clone .logo { width: auto; overflow: hidden; display: block; float: left; height: 44px; margin-top: 16px; } .nav.clone .logo img { width: auto; height: 44px; max-width: 100%; max-height: 100%; } .nav.clone .menu { width: 80%; height: 76px; float: right; } .nav.clone .menu li a.xialaguang { height: 76px; line-height: 76px; color: #282828; } .nav.clone .menu li a.navhover, .nav.clone .menu li a.xialaguang:hover { color: #FFF; background: #b60404; } .nav.clone .menu ul.children { top: 76px; } .nav.clone .menu ul.children li { border-top: 1px #d61212 solid; } .nav.clone .menu ul.children li a { border-top: 1px #830606 solid; background: #b60404; } .nav.clone .menu ul.children li a:hover { color: #FFF; background: #393939; } /*banner*/ .banner { width: 100%; height: 700px; } .banner .flexslider { position: relative; height: 700px; overflow: hidden; } .banner .slides { position: relative; z-index: 0; } .banner .slides li { height: 700px; } .banner .slides li a { width: 100%; display: block; height: 700px; } .flex-control-nav { position: absolute; bottom: 35px; z-index: 10; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; *display:inline; zoom: 1; } .flex-control-nav a { display: inline-block; width: 10px; height: 10px; line-height: 80px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; } .flex-control-nav .flex-active { background-position: 0 0; } .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; } .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; } .flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev.png) center center no-repeat; } .flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next.png) center center no-repeat; } /*abouts*/ .about_l { width: 644px; overflow: hidden; position: relative; } .about_l dt { width: auto; overflow: hidden; position: absolute; right: 30px; bottom: 30px; z-index: 5; } .about_r { width: 500px; overflow: hidden; position: relative; } .about_r .more { width: 178px; height: 53px; line-height: 53px; text-align: center; background: #b60404; color: #FFF; } .about_r .more:hover { color: #FFF; background: #393939; } /*cpzs*/ .cpzs { background: #f4f4f4; } .titlea dt { width: 100%; overflow: hidden; background: url(../images/ioc1.png) no-repeat center; } .titlea dt span a { margin-left: 80px; } .titlea dd { margin: 0 auto; padding-top: 25px; } .titlea dd i { width: 150px; height: 1px; display: block; background: #cccccc; margin-top: 10px; } .titlea dd span { width: auto; overflow: hidden; padding: 0 30px; display: block; } .cpzs_bo dl { width: 384px; float: left; margin: 16px 8px 0 8px; box-shadow: 0px 7px 7px -7px rgba(4, 0, 0, 0.2); } .cpzs_bo dl dt { width: 100%; height: 286px; overflow: hidden; } .cpzs_bo dl dd { display: block; height: 68px; line-height: 68px; overflow: hidden; text-align: center; background: #fff; border-left: 1px #d5d5d5 solid; border-bottom: 1px #d5d5d5 solid; border-right: 1px #d5d5d5 solid; } .cpzs_bo dl:hover dt img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cpzs_bo dl:hover dd { border-left: 1px #b60404 solid; border-bottom: 1px #b60404 solid; border-right: 1px #b60404 solid; } .cpzs_bo dl:hover dd a { color: #b60404; font-weight: bolder; } /*youshi*/ .youshi { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; height: 617px; padding: 90px 0 100px 0; } .youshi .youshi_bo, .youshi .youshi_bo a { color: #FFF; } .youshi_l { width: 692px; overflow: hidden; } .youshi_l p { width: 652px; overflow: hidden; padding: 20px; background: url(../images/ys.png) repeat; height: 35px; line-height: 35px; margin-bottom: 38px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} .youshi_l p i { width: 1px; height: 35px; background: rgba(255,255,255,.2); margin: 0 18px; } .youshi_l p:hover, .youshi_l p:hover a{ background: #b60404; color: #FFF; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} /*news*/ .news_bo dl { width: 550px; overflow: hidden; padding: 24px 0; border-bottom: 1px #d2d2d2 dashed; } .news_bo dl:nth-of-type(odd) { float: left; } .news_bo dl:nth-of-type(even) { float: right; } .news_bo dl dt { width: auto; overflow: hidden; } .news_bo dl dd { width: 450px; overflow: hidden; } .news_bo dl dd a { width: 100%; height: 25px; line-height: 25px; overflow: hidden; } .news_bo dl:hover { width: 520px; border-bottom: 1px #b60404 dashed; background: #b60404; color: #FFF; padding: 24px 15px; } .news_bo dl:hover a { color: #FFF; } /*foot*/ .footer { width: 100%; overflow: hidden; background: #393939; color: #FFF; } .footer a { color: #FFF; } .footer .main { border-bottom: 1px #4d4d4d solid; } .footer .lx1 { } .footer .lx2 { width: auto; overflow: hidden; border-left: 1px #4d4d4d solid; border-right: 1px #4d4d4d solid; padding: 0 140px; margin-left: 140px; } /******************内页****************************/ .loc { width: 100%; overflow: hidden; padding:25px 0 10px 0;} .left { width: 260px; overflow: hidden; float: left; } .left .left_top { width: 100%; overflow: hidden; background: #b60404; padding:30px 0;} .left .sub_bo { width: 260px; overflow: hidden; background: #f6f6f6;} .left .sub_bo .subNav { cursor: pointer; width: 260px; overflow: hidden; display: block; line-height: normal; border-bottom: 1px #dddddd solid;} .left .sub_bo .subNav a { overflow: hidden; display: block; padding: 22px 22px 22px 78px; background:url(../images/ioc2.png) no-repeat 52px 27px; } .left .sub_bo .subNav a:hover, .left .sub_bo .subNav.cur a { color: #b60404; background:url(../images/ioc3.png) no-repeat 52px 27px; } .left .sub_bo .navContent { width: 260px; display: none; } .left .sub_bo .navContent li { width: 260px; overflow: hidden; display: block; border-bottom: 1px #fff dashed; line-height: normal; } .left .sub_bo .navContent li a { overflow: hidden; display: block; padding: 15px 22px 15px 78px; } .left .sub_bo .navContent li a:hover { color: #b60404; } .right { width: 910px; overflow: hidden; float: right; } /*product-list*/ .product-list { width: 100%; overflow: hidden; } .product-list li { float: left; margin: 20px 1% 0 1%; overflow: hidden; position: relative; } .product-list li a { display: block; } .product-list.pla li { width: 31.33%; } .product-list.plb li { width: 23%; } .product-list.plc li { width: 18%; } .product-list li i { display: block; overflow: hidden; display: block; border: 1px #e3e3e3 solid; } .product-list li i img { width: 100%; display: block; } .product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #f7f7f7; } .product-box .product-down { float: left } .product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,.2); background: #000\2; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms;} .product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30 } .product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #b60404; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) } .product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #b60404; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) } .product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #b60404; border-right: 3px solid #b60404; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms } .product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #b60404; border-bottom: 3px solid #b60404; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms } .product-list li:hover i { border: 1px #b60404 solid; } .product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible } .product-list li:hover mark:before { height: 100%; transition: 330ms 200ms } .product-list li:hover mark:after { width: 100%; transition: 330ms 200ms } .product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) } .product-list li:hover figcaption { color: #FFF; background: #b60404; } /**图片点击放大**/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */ /*PageBar*/ .PageBar { clear: both; width: 80%; overflow: hidden; margin: 20px auto 10px auto; text-align: center; } .PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; } .PageButtons span { color: #ffffff; background-color: #b60404; border: 1px solid #b60404; } .PageButtons a:hover { background: #b60404; color: #FFF; } .PageInfo { width: 100%; overflow: hidden; padding-top: 10px; } .disabled { display: none; } /*新闻列表*/ .arList { width: 100%; overflow: hidden; } .arList li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dedede; background: #f7f7f7; } .newm { border-left: 6px #b60404 solid; padding-left: 7px; } .new2 { color: #666; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; } .arList li .newsl { width: 25%; overflow: hidden; float: left; height: auto; } .arList li .newsr { width: 72%; overflow: hidden; float: right; } .arList li .moren { padding: 10px 20px; border: 1px solid #b60404; display: block; float: right; margin-top: 20px; color: #b60404; } .arList li:hover { background: #e9eaeb; } .arList li:hover .newm { color: #b60404; } .arList li:hover .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); } .arList li:hover .moren { background: #b60404; color: #FFF; } .arList li:last-child { border-bottom: none; } /*新闻内页*/ .news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #eee solid; } .news_tit p { color: #666; margin-top: 10px; } .arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; } .arContent h2, .arContent h3, .arContent h4 { color: #b60404; padding-left: 15px; margin: 20px 0; display: block; font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; position: relative; } .arContent h2:after, .arContent h3:after, .arContent h4:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #b60404; position: absolute; left: 0; top: 50%; margin-top: -3px; } .arContent h2 { font-size: 26px; } .arContent h3 { font-size: 24px; } .arContent h4 { font-size: 22px; } .arContent table { border-collapse : collapse; font-size: 12px; } .arContent table tr td { border: 1px #ccc solid; padding: 5px; } .arContent table tr:nth-of-type(odd) { background: #efefef; } .arContent table tr:nth-of-type(even) { background: #fff; } /*photo*/ photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; } photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; } photo span img { width: 100%; } photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; } contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; } contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; } contenta img, contentb img, contentc img { width: 100%; } .zs p { padding-left: 16px; } .zs p:after { content: ''; width: 4px; height: 4px; border-radius: 100%; background: #b60404; position: absolute; left: 0; top: 50%; margin-top: -3px; } contenta { width: 50%; } contentb { width: 33.33%; } contentc { width: 25%; } ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; } ewm span { width: 35%; overflow: hidden; display: block; float: left; } ewm div { width: 60%; overflow: hidden; display: block; float: right; } /*FastMove*/ .FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;} .FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; } .FastMove div { width: 50%; padding: 20px 0; overflow: hidden; } .FastMove div p { width: 90%; overflow: hidden; margin: 0 auto; display: block; } .FastMove div:hover { background: #b60404; color: #FFF; } .FastMove div:hover a { color: #FFF; } .but_tit { width: 100%; border-bottom: 1px #e5e5e5 solid; height: 50px; line-height: 50px; } .but_tit span { width: auto; height: 50px; background: #b60404; color: #FFF; padding: 0 30px; float: left; } /*相关文章*/ .xgwz { width: 100%; overflow: hidden; padding-top: 20px; } .xgwz li { width: 100%; overflow: hidden; border-bottom: 1px solid #dedede; padding: 20px 0; } .xgwz li:hover .newm { color: #b60404; } /*在线留言*/ .fla { width: 60%; overflow: hidden; float: left; } .subforn { width: 35%; overflow: hidden; float: right; } .subforn .form-group { width: 100%; overflow: hidden; } .subforn .form-group span { display: block; float: left; height: 22px; line-height: 22px; margin-right: 2%; } .subforn .form-group .control-label { width: auto; overflow: hidden; float: left; height: 22px; line-height: 22px; margin-bottom: 8px; } .subforn .form-group .control-div { width: 100%; overflow: hidden; margin-top: 10px; margin-bottom: 8px; } .subforn .form-group .control-div .form-control { width: 100%; height: 40px; line-height: 40px; border: 1px #dadada solid; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; } .subforn .form-group .control-div .form-controlv { width: 100%; height: 88px; border: 1px #dadada solid; padding: 10px 0; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; } .subforn .form-group .btn-info { width: 100%; height: 42px; line-height: 42px; text-align: center; background: #b60404; color: #FFF; border: 0; } /*站点 浮动返回顶部*/ .cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /*站点 浮动客服*/.keifu img { border: 0; } .keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); z-index: 990; font-size: 14px; } .keifu_tab { width: 160px; } .icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; } .keifu_box { float: left; width: 131px; } .keifu_tab img { display: block; margin: 0 auto; } .keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; } .keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; } .keifu_close:hover { background-position: -60px 0; } .keifu_con { border-left: 7px solid #b60404; border-right: 7px solid #b60404; background: #fbfbfb; } .keifu_con ul { border-bottom: #e6e5e4 1px solid; } .keifu_con .li-qq { width: 100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display: block; } .keifu_con .li-qq .icoTc img { display: block; /*width:105px;*/ margin: 0 auto; } .keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; } .keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left: 12px; } .keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; } .keifu_con .li-feed-title img { padding-left: 0px; width: 117px; } .keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; } .keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; } .keifu_con .li-weixin { height: 96px; padding-left: 0px; } .keifu_con .li-weixin img { width: 115px; height: 115px; } .keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; } .keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; } .keifu .tion { padding-top: 5px; padding-bottom: 5px; } .keifu .h145 { height: 145px; } /*左下角 浮动 在线留言*/#SfMessWrap { border: 2px solid #b60404; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; } #SfMessHead { background: #b60404; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; } #SfMessHead #SfMessTitle { float: left; } #SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); } .SfMessIconOpen { background-position: top; } .SfMessIconClose { background-position: bottom; } #SfMessBody { width: 230px; overflow: hidden; padding-bottom: 5px; } #SfMessBodyTop { display: none; } #SfMessBodyMid { width: 230px; padding: 0px; margin: 0px auto; margin-top: 5px; } #SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; width: 208px; height: 27px; line-height: 27px; font-size: 12px; padding: 0 10px; } #SfMessBodyMid textarea { width: 208px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 10px; margin: 0px auto; } #SfMessBodyMid .btn-info { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #b60404; color: #FFF; border: 0; } #SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; } #SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(/images/sign.png) left top no-repeat; } .SfMessTip { display: none; } #SfMessBodyFoot { display: none; } /*nybanner*/ .bannerv { width: 100%; overflow: hidden; height: auto; margin: 0px auto; } .bannerv .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .bannerv .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .bannerv .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .bannerv .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .bannerv .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .bannerv .owl-carousel .owl-item { float: left; } .bannerv .owl-controls .owl-page, .bannerv .owl-controls .owl-buttons div { cursor: pointer; } .bannerv .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .bannerv .owl-carousel .owl-wrapper, .bannerv .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .bannerv #owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto; } .bannerv #owl-demo .item { position: relative; display: block; } .bannerv #owl-demo img { display: block; width: 100%; } .bannerv #owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50); } .bannerv #owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑", "黑体"; color: #fff; text-align: center; } .bannerv .owl-pagination { position: absolute; left: 0; bottom: 25px; width: 100%; height: 15px; text-align: center; } .bannerv .owl-page { display: inline-block; width: 15px; height: 15px; margin: 0 5px; background: #FFF; *display: inline; *zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .bannerv .owl-pagination .active { background: #b60404; } .bannerv .owl-buttons { display: none; } .bannerv .owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px; } /*---------QVerify 弹出滑动css---------*/ #QVerify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; } .QVerify .QVerify-title { width: 100%; height: auto; } .QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; } .QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; } .QVerify .QVerify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; } .QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; } .QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; } .QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); } .QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; } .QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; } .QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; } .QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; } .QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; } /*---------QVerify 弹出滑动css---------*/