/* Minification failed. Returning unminified contents. (80,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (1081,9): run-time error CSS1035: Expected colon, found '/' (1090,12): run-time error CSS1035: Expected colon, found '/' */ .letterfx-container {} .letterfx { display: inline-block; margin: 0; padding: 0; transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; } /* Spin FX */ .letterfx-spin-before { transform: rotate(3600deg); -ms-transform: rotate(3600deg); -webkit-transform: rotate(3600deg); } .letterfx-spin-after { transform: none; } /* Fade FX */ .letterfx-fade-before { opacity: 0; } /* Grow FX */ .letterfx-grow-before { transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); } .letterfx-grow-after { transform: none; } /* Smear FX */ .letterfx-smear-before { color: transparent; text-shadow: -1px -1px 25px transparent; } .letterfx-smear-after { color: inherit; text-shadow: 0 0 #333; } /* Fall FX */ .letterfx-fall-before { visibility: hidden; transform: scale(3, 3); -ms-transform: scale(3, 3); -webkit-transform: scale(3, 3); } .letterfx-fall-after { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); text-shadow: 0; } /* Swirl FX */ .letterfx-swirl-before { visibility: hidden; transform: scale(3, 3) rotate(3600deg); -ms-transform: scale(3, 3) rotate(3600deg); -webkit-transform: scale(3, 3) rotate(3600deg); } .letterfx-swirl-after { transform: none text-shadow:0; } /* Wave FX */ .letterfx-wave-container .letterfx { position: relative; } .letterfx-wave-before { bottom: 0; } .letterfx-wave-after { bottom: 15px; } /* FLY FX */ .letterfx-fly-left-container .letterfx, .letterfx-fly-right-container .letterfx, .letterfx-fly-top-container .letterfx, .letterfx-fly-bottom-container .letterfx { position: relative; } .letterfx-fly-left-before { left: -50em; } .letterfx-fly-left-after { left: 0; } .letterfx-fly-right-before { right: -50em; } .letterfx-fly-right-after { right: 0; } .letterfx-fly-top-before { top: -20em; } .letterfx-fly-top-after { top: 0; } .letterfx-fly-bottom-before { bottom: -20em; } .letterfx-fly-bottom-after { bottom: 0; } @charset "utf-8"; /* CSS Document */ /* color:red !important;/* Firefox、IE7支持 _color:red; IE6支持 *color:red; IE6、IE7支持 *+color:red; IE7支持/ color:red\9; IE6、IE7、IE8支持 color:red\0; IE8支持 @media screen and(-webkit-min-device-pixel-ratio:0){} chrome filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3)); behavior:url(''); pointer-events:none;//鼠标穿? -webkit-animation:0.3s ease-in 1.1s 1 ui; -webkit-animation-fill-mode:both; */ /*--默认--*/ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; } html { _background-image: url(about:blank); _background-attachment: fixed; font-size: 22.2222vw; } @media screen and (min-width: 451px) { html { font-size: 100px; } } body { -webkit-text-size-adjust: none; line-height: 120%; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; font-size: 12px; /*min-width: 1250px;*/ max-width: 1920px; font-size: 20px; } @media screen and (max-width: 1600px) and (min-width: 1441px) { body { font-size: 19px; } } @media screen and (max-width: 1440px) and (min-width: 1280px) { body { font-size: 18px; } } @media screen and (max-width: 1279px) and (min-width: 992px) { body { font-size: 17px; } } @media screen and (max-width: 991px) { body { font-size: 0.16rem; } } ol, ul, li { list-style: none outside none; padding: 0; } a { text-decoration: none; color: #707070; } a:hover { color: #666; } img { border: none; vertical-align: middle; } table { border-collapse: collapse; } tr, td, th { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #474747; } i, b, strong { font-style: normal; font-weight: normal; } /*?/ input, textarea, select { border: 1px solid #CCC; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; outline: none; border: none; /*background:none;*/ padding: 0; } a:focus { outline: none; } /*--滚动条插?-*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #ddd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .jspVerticalBar { width: 6px; } .jspDrag { background: #f3582a; } .jspTrack { background: #aaa; background: url(../../Img/images/line1.png) center top repeat-y; } /*--?-*/ .block { /*width: 1250px;*/ max-width: 1250px; width: 95%; margin: 0 auto; position: relative; } .clear { clear: both; height: 0; overflow: hidden; } .left { float: left; } .right { float: right; } .footb { position: fixed; _position: absolute; bottom: 0; width: 100%; } /* 头部 */ #header { height: 79px; width: 100%; background: #f8f8f8; border-bottom: solid 1px #e7e7e7; } #header .block { height: 103px; position: relative; } #header .logo { float: left; /*width: 65px;*/ height: 44px; margin: 18px 0 0 11px; } /*?/ #header .nav { float: left; height: 80px; line-height: 80px; margin-left: 80px; } /*?/ #header .nav li { float: left; margin-right: 40px; } #header .nav li.e:hover { background: url(../../Img/images/arrow1.png) center bottom no-repeat; } #header .nav li.e:hover a, #header .nav li.now a { color: #97010c; } #header .nav li.e:hover .links a { color: #fff; } #header .nav li a { font-size: 14px; color: #474747; display: block; } #header .hide { position: absolute; background: #343434; width: 752px; /*height:205px;*/ top: 80px; left: 245px; display: none; z-index: 1000; padding-bottom: 20px; } #header .hide .pic { width: 265px; height: 151px; overflow: hidden; margin: 28px 0 0 28px; float: left; } #header .hide .text { float: left; width: 406px; margin: 28px 0 0 31px; } #header .hide .text .links { /*height:46px;*/ line-height: 2; border-bottom: solid 1px #5a5a5a; padding-bottom: 8px; } #header .hide .text .links a { float: left; font-size: 14px; color: #fff; margin-right: 36px; } #header .nav li.e:hover .links a:hover { color: #cc0100; } #header .hide .text .p { font-size: 12px; color: #fff; line-height: 1.6; margin-top: 13px; } #header .r { float: right; margin-top: 30px; } #header .r .lang { float: right; line-height: 20px; } /*?/ #header .r .lang a { color: #474747; font-size: 14px; margin-right: 10px; } #header .r .lang a.now { color: #97010c; } /*?/ #header .r .tel { float: right; /*margin-right: 10px;*/ /*border-right: solid 1px #e5e5e5;*/ color: #474747; font-size: 14px; line-height: 20px; /*padding-right: 10px;*/ } /* 底部 */ #footer { background: #4c4c4c; height: 215px; } #footer .f1 { height: 170px; } #footer .f1 h2 { padding-top: 45px; margin-left: 35px; } #footer .f1 h2 a { color: #fff; font-size: 16px; line-height: 1.2; background: url(../../Img/images/arrow6.png) right center no-repeat; padding-right: 22px; } #footer .f1 .div1 { float: left; padding-right: 50px; margin-top: 5px; font-size: 12px; color: #c3c3c3; line-height: 1.8; background: url(../../Img/images/line.png) right 4px no-repeat; margin-left: 35px; } #footer .f1 .div2 { float: left; padding-right: 50px; margin-top: 5px; font-size: 12px; color: #c3c3c3; line-height: 1.8; background: url(../../Img/images/line.png) right 4px no-repeat; margin-left: 50px; } #footer .f1 .div3 { float: left; margin-top: 5px; font-size: 12px; color: #c3c3c3; line-height: 1.8; margin-left: 50px; } #footer .f1 .links { float: right; margin-right: 30px; margin-top: -15px; } #footer .f1 .links .a1 { background: url(../../Img/images/img1.png) center top no-repeat; width: 32px; height: 33px; display: block; float: left; } #footer .f1 .links .a1:hover { background: url(../../Img/images/img1.png) center bottom no-repeat; } #footer .f1 .links .a2 { background: url(../../Img/images/img2.png) center top no-repeat; width: 32px; height: 33px; display: block; float: left; margin-left: 9px; } #footer .f1 .links .a2:hover { background: url(../../Img/images/img2.png) center bottom no-repeat; } #footer .f1 .links .a3 { background: url(../../Img/images/img3.png) center top no-repeat; width: 32px; height: 33px; display: block; float: left; margin-left: 9px; } #footer .f1 .links .a3:hover { background: url(../../Img/images/img3.png) center bottom no-repeat; } #footer .f1 .links .hide1 { position: absolute; right: 150px; top: 25px; width: 100px; height: 100px; display: none; } #footer .f1 .links .hide1 img { width: 100%; height: 100%; } #footer .f1 .links .hide2 { position: absolute; /*right: 110px;*/ right: 70px; top: 25px; width: 100px; height: 100px; display: none; } #footer .f1 .links .hide2 img { width: 100%; height: 100%; } #footer .f2 { height: 45px; background: url(../../Img/images/bg1.jpg) center center repeat; line-height: 45px; } #footer .f2 a { font-size: 12px; color: #c3c3c3; } #footer .f2 a:hover { color: #ddd; } #footer .f2 .l { float: left; font-size: 12px; color: #c3c3c3; margin-left: 30px; } #footer .f2 .l a { margin: 0 5px; } #footer .f2 .m { float: left; left: 50%; margin-left: 35px; } #footer .f2 .m p{ font-size: 12px; color: #c3c3c3; } #footer .f2 .r { float: right; margin-right: 30px; } .cnav { position: fixed; right: 0; top: 200px; z-index: 1100; } .cnav .search { background: url(../../Img/images/img4.png) center top no-repeat; width: 50px; height: 40px; margin-bottom: 2px; cursor: pointer; position: relative; } .cnav .weibo { background: url(../../Img/images/img5.png) center top no-repeat; width: 50px; height: 40px; margin-bottom: 2px; cursor: pointer; position: relative; display: block; } .cnav .weibo:hover { background: url(../../Img/images/img5.png) center bottom no-repeat; } .cnav .weixin { background: url(../../Img/images/img6.png) center top no-repeat; width: 50px; height: 40px; margin-bottom: 2px; cursor: pointer; position: relative; } .cnav .weixin:hover { background: url(../../Img/images/img6.png) center bottom no-repeat; } .cnav .close { background: url(../../Img/images/img7.png) center top no-repeat; background-size: 50px 74px; width: 50px; height: 37px; margin-bottom: 2px; cursor: pointer; } .cnav .close:hover { background: url(../../Img/images/img7.png) center bottom no-repeat; background-size: 50px 74px; } .cnav .top { background: url(../../Img/images/img8.png) center top no-repeat; background-size: 50px 74px; width: 50px; height: 37px; cursor: pointer; } .cnav .top:hover { background: url(../../Img/images/img8.png) center bottom no-repeat; background-size: 50px 74px; } .cnav .hide { background: url(../../Img/images/erbg.png) center center no-repeat; width: 140px; height: 130px; position: absolute; right: 55px; top: -17px; display: none; } .cnav .hide .er { width: 110px; height: 110px; margin: 10px 0 0 12px; overflow: hidden; } .cnav .hide .er img { width: 100%; height: 100%; } .cnav .search .inner { position: absolute; right: 0; top: 0; background: url(../../Img/images/search.png) center center no-repeat; width: 200px; height: 40px; display: none; } .cnav .search .inner input { float: left; width: 140px; margin-left: 10px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: none; } .cnav .search .inner .btn { float: right; width: 40px; height: 40px; display: block; } .page { text-align: center; height: 32px; } .page li { display: inline-block; width: 30px; height: 30px; line-height: 32px; background: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #707070; *display: inline; *zoom: 1; margin: 0 2px; border: solid 1px #7e7e7e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .page li a { color: #707070; display: block; width: 30px; height: 30px; } .page li.no, .page li.no:hover { background: none; width: 15px; border: none; } .page li.now, .page li:hover { background: #444; border: none; height: 32px; width: 32px; } /*?新增*/ .page li.nobg:hover { background: none; border: solid 1px #7e7e7e; height: 30px; width: 30px; cursor: default; } .page li.now a, .page li:hover a { height: 32px; width: 32px; } .page li.now a, .page li:hover a { color: #fff; } .page li.no2, .page li.no2:hover { background: none; border: none; } .page li.no2 { width: 30px; height: 30px; font-size: 14px; color: #707070; text-align: center; } .page .in { display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #707070; *display: inline; *zoom: 1; margin: 0 2px; border: solid 1px #7e7e7e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; } .page li.go, .page li.go:hover { background: #444; height: 32px; width: 32px; border: none; } .page li.go a { color: #fff; width: 32px; height: 32px; } /* 首页 */ #banner { position: relative; overflow: hidden; height: auto; width: 100%; min-height: 100vh; /*min-width: 1250px;*/ } #banner .child { height: 100%; width: 100%; position: absolute; left: 0; top: 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } #banner .nav { position: absolute; left: 0; bottom: 113px; width: 100%; text-align: center; } #banner .nav a { display: inline-block; background: url(../../Img/images/nav1.png) center center no-repeat; width: 30px; height: 7px; margin: 0 2px; } #banner .nav a.now { background: url(../../Img/images/nav2.png) center center no-repeat; } #header.home { position: absolute; bottom: 0; left: 0; z-index: 1000; background: url(../../Img/images/white80.png) center center repeat; /*min-width: 1250px;*/ } #header.home .nav li.e:hover { background: none; } #home .main1 { height: 645px; padding-top: 100px; overflow: hidden; } #home .main1 .text { text-align: center; position: relative; } #home .main1 .text h3 { font-size: 28px; color: #474747; line-height: 1.2; position: absolute; left: 40%; width: 100%; margin-left: -625px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #home .main1 .text p { width: 735px; position: absolute; left: 40%; left/0: 50%; margin-left: -368px; line-height: 1.5; top: 42px; font-size: 14px; color: #474747; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; opacity/0: 1; } /*?/ #home .main1 .ul { position: absolute; top: 115px; left: 0; overflow: hidden; height: 410px; width: 100%; } /*?/ #home .main1 .ul ul { position: absolute; left: 0; top: 0; width: 10000px; height: 410px; } /*?/ #home .main1 .ul ul li { float: left; width: 408px; height: 410px; position: relative; margin-right: 13px; } /*?/ #home .main1 .ul ul li .pic { width: 408px; height: 308px; overflow: hidden; } #home .main1 .ul ul li .t { background: #f2f2f2; height: 110px; position: relative; } #home .main1 .ul ul li .t h2 { font-size: 20px; color: #474747; line-height: 1.2; position: absolute; left: 24px; top: 24px; width: 362px; } #home .main1 .ul ul li .t .s1 { position: absolute; font-size: 34px; color: #474747; position: absolute; right: 24px; bottom: 18px; } /*?/ #home .main1 .ul ul li .up { position: absolute; left: 0; top: 0; background: url(../../Img/images/bg6.png) center center repeat; width: 308px; height: 410px; padding: 40px 50px; display: none; } #home .main1 .ul ul li .up .s2 { color: #fff; font-size: 60px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; } #home .main1 .ul ul li .up .s3 { color: #fff; font-size: 14px; margin-left: 5px; } #home .main1 .ul ul li .up h3 { color: #fff; font-size: 20px; line-height: 1.2; margin-top: 12px; } #home .main1 .ul ul li .up .p1 { color: #fff; font-size: 12px; line-height: 1.5; margin-top: 7px; } #home .main1 .ul ul li .up .p2 { color: #fff; font-size: 14px; line-height: 1.5; margin-top: 5px; } #home .main1 .ul ul li .up .p2 span { font-size: 30px; font-family: Arial, Helvetica, sans-serif; } #home .main1 .ul ul li .up .more { color: #ffa4a4; font-size: 14px; margin-top: 15px; display: block; float: left; } #home .main1 .ul ul li .up .s4 { position: absolute; font-size: 34px; color: #fff; position: absolute; right: 24px; bottom: 24px; } #home .main1 .ul .arrow_l { display: block; background: url(../../Img/images/arrow13.png) center center no-repeat; width: 32px; height: 55px; position: absolute; left: 0; top: 130px; } #home .main1 .ul .arrow_r { display: block; background: url(../../Img/images/arrow14.png) center center no-repeat; width: 32px; height: 55px; position: absolute; right: 0; top: 130px; } /*?/ #home .main1 .more_l { font-size: 14px; color: #474747; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; display: block; position: absolute; top: 555px; left: 50%; margin-left: -95px; } #home .main1 .more_l:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #home .main2 { height: 800px; background: #f2f2f2; padding-top: 90px; overflow: hidden; } #home .main2 .text { text-align: center; position: relative; height: 120px; } #home .main2 .text h3 { font-size: 28px; color: #474747; line-height: 1.2; position: absolute; left: 40%; width: 100%; margin-left: -625px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #home .main2 .text p { width: 900px; position: absolute; left: 40%; margin-left: -450px; line-height: 1.5; top: 42px; font-size: 14px; color: #474747; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #home .main2 .box { height: 560px; position: relative; } #home .main2 .box .t { position: absolute; padding-left: 27px; left: 0; bottom: 38px; } #home .main2 .box .t h2 { color: #fff; font-size: 18px; line-height: 1.2; } #home .main2 .box .t h3 { color: #fff; font-size: 24px; line-height: 1; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 5px; } #home .main2 .box .t h4 { color: #fff; font-size: 16px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } /*#home .main2 .box .div3 .t h2, #home .main2 .box .div3 .t h3, #home .main2 .box .div3 .t h4, #home .main2 .box .div1 .t h2, #home .main2 .box .div1 .t h3, #home .main2 .box .div1 .t h4, #home .main2 .box .div9 .t h2, #home .main2 .box .div9 .t h3, #home .main2 .box .div9 .t h4 { color: #474747; }*/ #home .main2 .box .div6 { position: absolute; left: 0; top: 336px; width: 417px; height: 224px; overflow: hidden; transform: translateX(0)\9\0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } #home .main2 .box .div2 { position: absolute; left: 417px; top: 0; width: 207px; height: 381px; overflow: hidden; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } #home .main2 .box .div3 { position: absolute; left: 624px; top: 0; width: 209px; height: 190px; overflow: hidden; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } #home .main2 .box .div4 { position: absolute; left: 833px; top: 0; width: 209px; height: 190px; overflow: hidden; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } #home .main2 .box .div5 { position: absolute; left: 1042px; top: 0; width: 208px; height: 280px; overflow: hidden; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } #home .main2 .box .div1 { position: absolute; left: 0; top: 0; width: 417px; height: 336px; overflow: hidden; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } #home .main2 .box .div7 { position: absolute; left: 624px; top: 190px; width: 418px; height: 191px; overflow: hidden; } #home .main2 .box .div8 { position: absolute; left: 417px; top: 381px; width: 416px; height: 179px; overflow: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } #home .main2 .box .div9 { position: absolute; left: 833px; top: 381px; width: 209px; height: 179px; overflow: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } #home .main2 .box .div10 { position: absolute; left: 1042px; top: 280px; width: 208px; height: 280px; overflow: hidden; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } #home .main2 .box .d { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #home .main3 { height: 496px; overflow: hidden; position: relative; } #home .main3 .bg { width: 1920px; height: 496px; position: absolute; left: 50%; top: 50%; margin: -248px 0 0 -960px; display: block; animation: zoom1 15s linear 0s infinite; -webkit-animation: zoom1 15s linear 1s infinite; } @-webkit-keyframes zoom1 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes zoom1 { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } #home .main3 .box { position: absolute; left: 50%; top: 117px; margin-left: -625px; width: 1250px; z-index: 2; display: none; } #home .main3 .box .div { float: left; width: 339px; margin-left: 92px; } #home .main3 .box .div.a { margin-left: 32px; } #home .main3 .box .div a { display: block; width: 100%; height: 100%; } #home .main3 .box .div .date { width: 96px; height: 78px; border: solid 2px #fff; padding-top: 18px; } #home .main3 .box .div .date h3 { color: #fff; line-height: 1.2; margin: 0 0 0 13px; font-size: 29px; font-family: Arial, Helvetica, sans-serif; } #home .main3 .box .div .date h4 { color: #fff; line-height: 1.2; margin: 3px 0 0 13px; font-size: 20px; font-family: Arial, Helvetica, sans-serif; } #home .main3 .box .div .text { margin-top: 40px; } #home .main3 .box .div .text h3 { color: #fff; line-height: 1.2; font-size: 16px; } #home .main3 .box .div .text p { color: #fff; line-height: 1.5; font-size: 12px; margin-top: 10px; } #home .main3 .box .div .text .more { color: #fff; line-height: 1.5; font-size: 14px; display: block; margin-top: 25px; float: left; } #home .main3 .box .div .text .more:hover { color: #cc0100; } @media screen and (min-width: 768px){ #home .main3 .box .div:hover .date { background: #940010; width: 100px; height: 80px; border: none; padding-top: 20px; } #home .main3 .box .div:hover .date h3 { margin: 0 0 0 15px; } #home .main3 .box .div:hover .date h4 { margin: 3px 0 0 15px; } } .animate1 { -webkit-animation-duration: .5s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } .animate2 { -webkit-animation-duration: .5s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .animate3 { -webkit-animation-duration: .5s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: .6s; animation-timing-function: ease; animation-fill-mode: both; } .animate4 { -webkit-animation-duration: .5s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; } .animate5 { -webkit-animation-duration: .5s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: 1s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: 1s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; } .animate6 { -webkit-animation-duration: .5s; -webkit-animation-delay: 1.2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-delay: 1.2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-delay: 1.2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-delay: 1.2s; animation-timing-function: ease; animation-fill-mode: both; } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } /*?弹出框样?/ .alert { width: 354px; height: 214px; position: fixed; left: 50%; top: 50%; margin-left: -177px; margin-top: -107px; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .alert .ico { position: absolute; width: 70px; height: 70px; background: url(../../Img/images/icoalert1.png) center top no-repeat; margin-left: 145px; margin-top: 20px; } .alert .ico2 { position: absolute; width: 70px; height: 70px; background: url(../../Img/images/icoalert2.png) center top no-repeat; margin-left: 145px; margin-top: 20px; } /*.alert .close{width:40px;height:40px;background:url(../../Img/images/close1.png) center center no-repeat;position:absolute;right:0;top:0;}*/ .alert .text { height: 40px; margin-top: 120px; text-align: center; font-size: 12px; } .alert .btn { position: absolute; display: block; width: 95px; height: 30px; background-color: #971a1e; text-align: center; color: #fff; line-height: 30px; left: 50%; margin-left: -47px; } a.alertbtn { position: absolute; text-decoration: none; } #header .r{ margin-top: 25px; } #header .r .tel{ line-height: 25px; float: left; } #header .r .link{ float: left; margin-left: 14px; } #header .r .link img{ display: block; width: 25px; } @charset "utf-8"; .bread { height: 50px; line-height: 50px; } .bread p { margin-left: 12px; font-size: 12px; color: #474747; } .bread p a { color: #474747; margin: 0 5px; } .bread p span { color: #474747; margin: 0 5px; } #more { height: 350px; background: #f2f2f2; } #more .block { position: relative; height: 350px; } #more h3 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; padding-top: 65px; } #tabs { width: 950px; position: absolute; left: 50%; margin-left: -475px; top: 135px; height: 197px; overflow: hidden; } .serBox { /*position: absolute;*/ width: 160px; height: 170px; /*left: -200px;top: 0;*/ overflow: hidden; /*filter:alpha(opacity=0);-moz-opacity:0;opacity:0;*/ margin: 0 38px; position: relative; float: left; } .serBox h4 { text-align: center; color: #474747; font-size: 18px; line-height: 1.2; padding-top: 20px; } .serBox h5 { text-align: center; color: #707070; font-size: 14px; line-height: 1.2; margin-top: 2px; } .serBox .pic1 { width: 108px; height: 108px; text-align: center; position: absolute; top: 0px; right: 25px; } .serBox .pic2 { width: 108px; height: 108px; text-align: center; position: absolute; top: 0px; left: -110px; } .serBox .txt1 { width: 100%; position: absolute; top: 105px; left: 0px; } .serBox .txt2 { width: 100%; position: absolute; top: 105px; right: -160px; } .serBox .txt2 h5 { color: #cc0100; } /* 新闻详情?*/ #detail .main { margin-top: 40px; padding-bottom: 80px; } #detail .main .left { width: 817px; margin-left: 25px; float: left; position: relative; padding-right: 29px; } #detail .main .left h1 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #detail .main .left h3 { text-align: center; font-size: 12px; color: #707070; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; margin-top: 15px; } /*?/ #detail .main .left .share { position: absolute; /*top:40px;*/ right: 29px; font-size: 12px; color: #707070; height: 28px; } #detail .main .left .share span { float: left; line-height: 28px; } #detail .main .left .share .bdsharebuttonbox { float: left; } /*?/ #detail .main .left .p { margin-top: 30px; font-size: 14px; color: #707070; line-height: 1.5; } #detail .main .right { float: right; padding: 0 20px; width: 338px; border-left: solid 1px #e7e7e7; } #detail .main .right h2 { color: #474747; font-size: 20px; line-height: 1.2; padding-bottom: 10px; } #detail .main .right .div1 .pic { width: 338px; height: 194px; overflow: hidden; position: relative; margin-top: 10px; } #detail .main .right .div1 .pic h3 { background: url(../../Img/images/black50.png) center center repeat; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; position: absolute; left: 0; bottom: 0; width: 100%; } #detail .main .right .div2 { margin-top: 40px; } #detail .main .right .div2 .p a { display: block; font-size: 14px; color: #474747; line-height: 2.2; } #detail .main .right .div2 .p a:hover { color: #cc0100; } /* 联系我们 */ #contact { background: url(../../Img/images/bg2.jpg) center top no-repeat; height: 920px; } #contact .bread p, #contact .bread a, #contact .bread span { color: #fff; } #contact .main { margin-top: 45px; } #contact .main .text { width: 924px; position: relative; margin: 40px auto 0; text-align: center; height: 210px; } #contact .main .text h3 { width: 100%; font-size: 28px; color: #fff; position: absolute; left: 40%; margin-left: -462px; line-height: 1.2; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #contact .main .text .p { width: 100%; font-size: 14px; color: #fff; position: absolute; left: 40%; margin-left: -462px; line-height: 1.5; top: 47px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #contact .main .text .more { width: 288px; height: 45px; position: absolute; left: 40%; margin-left: -145px; top: 113px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border: solid 1px #fff; color: #fff; text-align: center; line-height: 45px; font-size: 14px; } #contact .main .text .more:hover { width: 290px; height: 47px; background: #b50100; border: none; line-height: 47px; } #contact .main .map { width: 935px; height: 532px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float: left; overflow: hidden; position: relative; } #contact .main .map #bdmap1 { width: 100%; height: 100%; display: none; } #contact .main .map #bdmap2 { width: 100%; height: 100%; } #contact .main .map .d1 { background: url(../../Img/images/bgmap.png) center top no-repeat; width: 126px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 30px; left: 20px; cursor: pointer; z-index: 10; } #contact .main .map .d1 span { background: url(../../Img/images/img13.png) left 3px no-repeat; padding-left: 17px; color: #474747; font-size: 14px; } #contact .main .r { float: right; width: 307px; height: 532px; } #contact .main .map .d2 { background: url(../../Img/images/bgmap.png) center top no-repeat; width: 126px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 30px; left: 155px; cursor: pointer; z-index: 10; } #contact .main .map .d2 span { background: url(../../Img/images/img14.png) left 3px no-repeat; padding-left: 21px; color: #474747; font-size: 14px; } #contact .main .r { float: right; width: 307px; height: 532px; } #contact .main .map .d2.now, #contact .main .map .d2:hover, #contact .main .map .d1.now, #contact .main .map .d1:hover { background: url(../../Img/images/bgmap.png) center bottom no-repeat; } #contact .main .map .d1.now span, #contact .main .map .d1:hover span { background: url(../../Img/images/img13-1.png) left 3px no-repeat; color: #fff; } #contact .main .map .d2.now span, #contact .main .map .d2:hover span { background: url(../../Img/images/img14-1.png) left 3px no-repeat; color: #fff; } /*?/ #contact .main .r .information { width: 257px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #303030; height: 518px; padding: 15px 25px 0; } #contact .main .r .information div { padding-left: 40px; font-size: 12px; line-height: 1.8; color: #fff; margin-top: 12px; } #contact .main .r .information .p1 { background: url(../../Img/images/img01.png) 3px top no-repeat; background-size: auto 23px; } #contact .main .r .information .p2 { background: url(../../Img/images/img02.png) left center no-repeat; background-size: 23px; } #contact .main .r .information .p3 { background: url(../../Img/images/img03.png) 1px center no-repeat; background-size: 23px; } #contact .main .r .information .p4 { background: url(../../Img/images/img04.png) 2px center no-repeat; background-size: 23px; } #contact .main .r .information .p5 { background: url(../../Img/images/img05.png) 3px center no-repeat; background-size: 23px; } #contact .main .r .information .p6 { background: url(../../Img/images/img07.png) 4px top no-repeat; background-size: 23px; } #contact .main .r .information .p7 { background: url(../../Img/images/img06.png) 2px 2px no-repeat; background-size: 23px; } #contact .main .r .form { width: 247px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #303030; height: 194px; padding: 30px 30px 0; margin-top: 11px; } #contact .main .r .form .input { height: 30px; width: 247px; background: #fff; margin-bottom: 12px; } #contact .main .r .form .input label { float: left; font-size: 12px; color: #909090; line-height: 30px; display: block; width: 70px; margin-left: 13px; } #contact .main .r .form .input input { float: left; width: 160px; height: 30px; font-size: 12px; color: #474747; line-height: 30px; } #contact .main .r .form .submit { float: right; width: 85px; height: 30px; background: #fff; display: block; margin-top: 8px; font-size: 14px; color: #707070; cursor: pointer; } /* 资质荣誉 */ #honor { padding-bottom: 78px; } #honor .bread p, #honor .bread a, #honor .bread span { color: #fff; } #honor .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #honor .banner { height: 575px; background: url(../../Img/images/bg3.jpg) center top no-repeat; } #honor .banner .block { position: relative; } #honor .banner .text { position: absolute; top: 150px; left: 50%; margin-left: -625px; text-align: center; width: 100%; } #honor .banner .text h3 { color: #fff; font-size: 130px; font-family: Impact; line-height: 1; position: absolute; left: 40%; width: 100%; margin-left: -625px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #honor .banner .text p { font-size: 14px; color: #fff; line-height: 1.3; width: 834px; position: absolute; left: 40%; width: 100%; margin-left: -625px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; top: 140px; } #honor .banner .year { background: url(../../Img/images/line3.png) left bottom no-repeat; height: 85px; padding-top: 50px; position: absolute; top: 330px; width: 100%; } #honor .banner .arrow_l { background: url(../../Img/images/left.png) center center no-repeat; position: absolute; left: 0; top: 75px; width: 17px; height: 31px; cursor: pointer; } #honor .banner .arrow_r { background: url(../../Img/images/right.png) center center no-repeat; position: absolute; right: 0; top: 75px; width: 17px; height: 31px; cursor: pointer; } #honor .banner .ul { width: 900px; margin: 0 auto; position: relative; overflow: hidden; height: 90px; } #honor .banner .ul ul { position: absolute; top: 0; left: 0; width: 20000px; } #honor .banner .ul ul li { float: left; width: 100px; margin: 0 40px; } #honor .banner .ul ul li.now h3, #honor .banner .ul ul li:hover h3 { font-size: 37px; font-weight: bold; color: #810c18; } #honor .banner .ul ul li h3 { text-align: center; padding-top: 37px; font-size: 30px; color: #fff; } #honor .banner .ul ul li span { display: block; background: url(../../Img/images/dian5.png) center center no-repeat; height: 15px; width: 15px; margin: 21px auto 0; } #honor .list { margin: 92px auto 0; width: 1244px; } #honor .list .pic { float: left; position: relative; width: 622px; height: 442px; overflow: hidden; } #honor .list .pic img { width: 100%; height: auto; } #honor .list .pic .up { width: 100%; height: 100%; background: url(../../Img/images/black50.png) center center repeat; position: absolute; left: 0; top: 0; } #honor .list .pic .up h3 { color: #fff; font-size: 40px; font-family: Arial, Helvetica, sans-serif; line-height: 1; margin: 300px 0 0 50px; } #honor .list .pic .up h3 span { font-size: 40px; } #honor .list .pic .up p { color: #fff; font-size: 18px; line-height: 1.5; width: 290px; margin: 5px 0 0 50px; } #honor .list .text { float: left; background: url(../../Img/images/bg3.png) center center repeat; width: 480px; height: 442px; padding: 0 75px 0 67px; } #honor .list .text h3 { font-size: 18px; color: #474747; line-height: 1.2; margin-top: 90px; } #honor .list .text h4 { background: url(../../Img/images/clock.png) left center no-repeat; padding-left: 22px; color: #707070; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; margin-top: 8px; } #honor .list .text p { color: #707070; font-size: 14px; line-height: 1.5; margin-top: 10px; } #honor .more { font-size: 14px; color: #474747; width: 188px; height: 43px; border: solid 1px #909090; text-align: center; line-height: 43px; margin: 45px auto 0; display: block; } #honor .more:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } /* 加入维拓 */ #join .main1 { height: 485px; margin-top: 75px; overflow: hidden; } #join .main1 .text { float: left; width: 585px; background: url(../../Img/images/bg4.png) center 20px no-repeat; position: relative; height: 353px; } #join .main1 .text h2 { font-size: 28px; color: #474747; line-height: 1.2; position: absolute; left: -50px; top: 60px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text h3 { font-size: 20px; color: #474747; line-height: 1.2; position: absolute; left: -50px; top: 100px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text p { width: 585px; font-size: 12px; color: #707070; line-height: 1.5; position: absolute; left: -50px; top: 140px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text .learn { font-size: 14px; color: #810c18; line-height: 1.2; position: absolute; left: -50px; top: 215px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text h4 { font-size: 20px; color: #474747; line-height: 1.2; position: absolute; left: -50px; top: 250px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text .link { position: absolute; left: -50px; top: 290px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #join .main1 .text .link a { display: block; width: 153px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; font-size: 14px; color: #474747; margin-right: 10px; float: left; } #join .main1 .text .link a:hover { color: #fff; background: #b50100; border: none; width: 155px; height: 45px; line-height: 45px; } #join .main1 .pic { width: 625px; height: 353px; overflow: hidden; float: right; } #join .main2 { height: 650px; background: #f2f2f2; } #join .main2 .focus { position: relative; overflow: hidden; height: 600px; } #join .main2 .focus .frame { position: relative; overflow: hidden; height: 550px; } #join .main2 .focus .frame .child { float: left; width: 1250px; } #join .main2 .focus .nav { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } #join .main2 .focus .nav a { display: inline-block; background: url(../../Img/images/dian1.png) center center no-repeat; width: 16px; height: 16px; margin: 0 5px; } #join .main2 .focus .nav a.now { background: url(../../Img/images/dian2.png) center center no-repeat; } #join .main2 .title { text-align: center; padding-top: 96px; } #join .main2 .title h2 { font-size: 28px; color: #474747; line-height: 1.2; } #join .main2 .title h3 { font-size: 20px; color: #474747; line-height: 1.2; margin-top: 7px; } #join .main2 .box { margin-top: 45px; } #join .main2 .box .pic { float: left; width: 410px; height: 341px; overflow: hidden; margin: 0 0 10px 10px; position: relative; } #join .main2 .box .pic.a { margin-left: 0; } #join .main2 .box .pic img { width: 100%; height: auto; } #join .main2 .box .pic h3 { position: absolute; left: 0; bottom: 0; height: 50px; background: url(../../Img/images/black65.png) center center repeat; line-height: 50px; text-align: center; color: #fff; font-size: 16px; width: 100%; } #join .main3 { padding: 90px 0 75px; } #join .main3 .title { text-align: center; } #join .main3 .title h2 { font-size: 28px; color: #474747; line-height: 1.2; } #join .main3 .title h3 { font-size: 20px; color: #474747; line-height: 1.2; margin-top: 7px; } #join .main3 .link { height: 45px; text-align: center; margin-top: 15px; } #join .main3 .link a { display: inline-block; width: 153px; height: 43px; border: solid 1px #a7a7a7; line-height: 43px; font-size: 14px; color: #474747; margin-right: 10px; } #join .main3 .link a:hover, #join .main3 .link a.now { color: #fff; background: #b50100; border: none; width: 155px; height: 45px; line-height: 45px; } #join .main3 table { margin-top: 35px; display: none; } #join .main3 table.a { display: block; } #join .main3 table tr { height: 50px; border-bottom: solid 2px #f2f2f2; text-align: center; font-size: 12px; color: #474747; } #join .main3 table th { background: #f2f2f2; font-size: 16px; color: #474747; font-weight: normal; } #join .main3 table .t1 { width: 200px; } #join .main3 table .t2 { width: 250px; } #join .main3 table .t3 { width: 200px; } #join .main3 table .t4 { width: 200px; } #join .main3 table .t5 { width: 200px; } #join .main3 table .t6 { width: 200px; } #join .main3 table .check { color: #474747; } #join .main3 table .check:hover { color: #cc0100; } #join .main3 .bot { text-align: right; color: #707070; font-size: 12px; margin-top: 30px; } #join .main3 .bot span { font-size: 14px; } #join .main3 table .bg_black { position: fixed; background: url(../../Img/images/black50.png) center center repeat; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; display: none; } #join .main3 table .bg_black .inner { background: #fff; padding: 73px 50px 73px 107px; width: 733px; position: absolute; left: 50%; margin-left: -449px; top: 50%; margin-top: -273px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 400px; } #join .main3 table .bg_black .inner .text { height: 300px; overflow: auto; } #join .main3 table .bg_black .inner .close { background: url(../../Img/images/close.png) center center no-repeat; width: 36px; height: 35px; position: absolute; top: 15px; right: 15px; display: block; } #join .main3 table .bg_black .inner h2 { font-size: 24px; color: #474747; line-height: 1.2; margin-bottom: 6px; } #join .main3 table .bg_black .inner h3 { float: left; font-size: 18px; color: #474747; width: 293px; line-height: 1.2; margin-top: 11px; } #join .main3 table .bg_black .inner h4 { font-size: 18px; color: #474747; width: 293px; line-height: 1.2; margin-top: 17px; } #join .main3 table .bg_black .inner .p { color: #707070; font-size: 14px; line-height: 1.5; margin-top: 11px; } #join .main3 table .bg_black .inner .fs { display: block; width: 258px; height: 42px; color: #fff; font-size: 16px; line-height: 42px; text-align: center; background: #cc0100; margin-top: 30px; } /* 维拓新闻 */ #news .main1 { height: 500px; position: relative; } #news .bread p, #news .bread a, #news .bread span { color: #fff; } #news .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #news .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: url(../../Img/images/black100.png) center center repeat;*/ } #news .main1 .text { position: absolute; top: 170px; width: 100%; max-width: 1250px; left: 50%; transform: translateX(-50%); /*margin-left: -625px;*/ text-align: center; } #news .main1 .text h3 { color: #fff; width: 100%; font-size: 28px; position: absolute; left: 40%; transform: translateX(-50%); top: 0; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #news .main1 .text p { color: #fff; width: 890px; position: absolute; left: 40%; transform: translateX(-50%); font-size: 14px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #news .main1 .text .learn { font-size: 14px; color: #fff; width: 188px; height: 43px; border: solid 1px #fff; text-align: center; line-height: 43px; display: block; position: absolute; left: 40%; transform: translateX(-50%); top: 145px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #news .main1 .text .learn:hover { background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #news .main2 { padding: 71px 0 79px; } #news .main2 .div { height: 230px; margin-bottom: 25px; } #news .main2 .div .pic { width: 408px; height: 230px; overflow: hidden; float: left; } #news .main2 .div .pic .in { width: 408px; height: 230px; overflow: hidden; position: relative; display: none; } #news .main2 .div .pic .in.a { display: block; } #news .main2 .div .pic .in img { width: 100%; height: auto; } #news .main2 .div .pic .in h3 { background: url(../../Img/images/black60.png) center center repeat; height: 43px; color: #fff; font-size: 14px; padding-left: 20px; line-height: 43px; position: absolute; left: 0; bottom: 0; width: 388px; } #news .main2 .div .text { width: 800px; float: right; /*background:url(../../Img/images/line2.png) left top repeat-x;*/ } #news .main2 .div .text .t { height: 115px; background: url(../../Img/images/line2.png) left top repeat-x; } #news .main2 .div .text .t .date { width: 137px; text-align: center; float: left; } #news .main2 .div .text .t .r { float: right; width: 635px; margin-right: 27px; } #news .main2 .div .text .t .date h2 { font-family: Arial, Helvetica, sans-serif; font-size: 60px; color: #810c18; line-height: 0.9; margin-top: 20px; } #news .main2 .div .text .t .date h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #810c18; line-height: 1; } #news .main2 .div .text .t .r h3 { font-size: 18px; color: #474747; line-height: 1.2; margin-top: 22px; } #news .main2 .div .text .t .r p { font-size: 12px; color: #707070; line-height: 1.8; margin-top: 7px; } #news .main2 .div .text .t:hover { background: url(../../Img/images/bg6.png) center center repeat; } #news .main2 .div .text .t:hover .date h2, #news .main2 .div .text .t:hover .date h3, #news .main2 .div .text .t:hover .r p, #news .main2 .div .text .t:hover .r h3 { color: #fff; } #news .page { margin-top: 50px; } /* 维拓著作及专?*/ #patent .main1 { height: 500px; position: relative; } #patent .bread p, #patent .bread a, #patent .bread span { color: #fff; } #patent .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #patent .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black100.png) center center repeat; } #patent .main1 .text { position: absolute; top: 205px; width: 1250px; left: 50%; margin-left: -625px; text-align: center; } #patent .main1 .text h3 { color: #fff; width: 100%; font-size: 28px; position: absolute; left: 40%; margin-left: -625px; top: 0; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #patent .main1 .text p { color: #fff; width: 736px; position: absolute; left: 40%; margin-left: -368px; font-size: 12px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #patent .main2 { padding: 40px 0 80px; } #patent .main2 .pic { width: 234px; height: 340px; border: solid 1px #d5d5d5; float: left; overflow: hidden; position: relative; margin: 0 0 17px 17px; background: url(../../Img/images/bg7.png) center center no-repeat; } #patent .main2 .pic.first { margin-left: 0; } #patent .main2 .pic img { width: 100%; height: auto; } #patent .main2 .pic .up1 { background: url(../../Img/images/black65.png) center center repeat; position: absolute; left: 0; bottom: 0; height: 45px; line-height: 45px; width: 100%; } #patent .main2 .pic .up1 h3 { color: #fff; font-size: 14px; margin-left: 25px; } #patent .main2 .pic .up2 { background: url(../../Img/images/black65.png) center center repeat; position: absolute; left: 0; bottom: 0; height: 260px; width: 194px; padding: 40px 20px; display: none; } #patent .main2 .pic .up2 h3 { color: #fff; font-size: 16px; } #patent .main2 .pic .up2 p { color: #fff; font-size: 12px; line-height: 1.6; margin-top: 10px; } /* 合作伙伴 */ #partner .main1 { height: 500px; position: relative; } #partner .bread p, #partner .bread a, #partner .bread span { color: #fff; } #partner .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #partner .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black100.png) center center repeat; } #partner .main1 .text { position: absolute; top: 170px; width: 1250px; left: 50%; margin-left: -625px; text-align: center; } #partner .main1 .text h3 { color: #fff; width: 100%; font-size: 28px; position: absolute; left: 40%; margin-left: -625px; top: 0; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #partner .main1 .text p { color: #fff; width: 890px; position: absolute; left: 40%; margin-left: -445px; font-size: 14px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #partner .main1 .text .learn { font-size: 14px; color: #fff; width: 188px; height: 43px; border: solid 1px #fff; text-align: center; line-height: 43px; display: block; position: absolute; left: 40%; margin-left: -95px; top: 145px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #partner .main1 .text .learn:hover { background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #partner .main2 { padding: 80px 0; } #partner .main2 .ul { height: 95px; } #partner .main2 .ul .li { float: left; width: 33.3%; background: #ededed; height: 95px; cursor: pointer; } #partner .main2 .ul .li .in { margin-left: 107px; height: 70px; padding-left: 65px; padding-top: 25px; width: 244px; } #partner .main2 .ul .li.now { background: url(../../Img/images/bg6.png) center center repeat; } #partner .main2 .ul .li.now .in h3, #partner .main2 .ul .li.now .in h4 { color: #fff; } #partner .main2 .ul .li.l1 .in { background: url(../../Img/images/img15.png) left center no-repeat; } #partner .main2 .ul .li.l2 .in { background: url(../../Img/images/img16.png) left center no-repeat; } #partner .main2 .ul .li.l3 .in { background: url(../../Img/images/img17.png) left center no-repeat; } #partner .main2 .ul .li.l1.now .in { background: url(../../Img/images/img15-1.png) left center no-repeat; } #partner .main2 .ul .li.l2.now .in { background: url(../../Img/images/img16-1.png) left center no-repeat; } #partner .main2 .ul .li.l3.now .in { background: url(../../Img/images/img17-1.png) left center no-repeat; } #partner .main2 .ul .li .in h3 { color: #474747; font-size: 18px; line-height: 1.2; } #partner .main2 .ul .li .in h4 { color: #474747; font-size: 14px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; text-transform: uppercase; } #partner .main2 .t { margin-top: 60px; } #partner .main2 .t .inner { display: none; } #partner .main2 .t .inner.a { display: block; } #partner .main2 .t .inner .div { float: left; background: url(../../Img/images/line4.png) center center no-repeat; width: 251px; height: 132px; float: left; text-align: center; margin: -1px 0 0 -1px; } #partner .main2 .t .inner .div i { display: inline-block; height: 100%; vertical-align: middle; } /* 分支机构 */ #branch { background: url(../../Img/images/bg8.jpg) center top no-repeat; height: 854px; } #branch .bread p, #branch .bread a, #branch .bread span { color: #fff; } #branch .main { margin-top: 75px; } #branch .main .text { width: 924px; position: relative; margin: 40px auto 0; text-align: center; height: 235px; } #branch .main .text h3 { width: 100%; font-size: 28px; color: #fff; position: absolute; left: 40%; margin-left: -462px; line-height: 1.2; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #branch .main .text .p { width: 100%; font-size: 14px; color: #fff; position: absolute; left: 40%; margin-left: -462px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #branch .main .text .more { width: 188px; height: 45px; position: absolute; left: 40%; margin-left: -95px; top: 127px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border: solid 1px #fff; color: #fff; text-align: center; line-height: 45px; font-size: 14px; } #branch .main .text .more:hover { width: 190px; height: 47px; background: #b50100; border: none; line-height: 47px; } #branch .main .div { width: 304px; height: 166px; overflow: hidden; float: left; margin: 0 0 11px 11px; } #branch .main .div.first { margin-left: 0; } #branch .main .div .d1 { width: 214px; height: 106px; background: url(../../Img/images/black45.png) center center repeat; padding: 60px 45px 0; } #branch .main .div .d1 h3 { color: #fff; font-size: 18px; line-height: 1.3; } #branch .main .div .d2 { width: 234px; height: 146px; background: url(../../Img/images/white45.png) center center repeat; padding: 20px 35px 0; display: none; } #branch .main .div .d2 h3 { color: #474747; font-size: 18px; line-height: 1.3; margin-bottom: 5px; } #branch .main .div .d2 p { color: #474747; font-size: 14px; line-height: 1.7; } #branch .main .focus { height: 398px; width: 100%; position: relative; overflow: hidden; } #branch .main .focus .frame { width: 100%; height: 354px; overflow: hidden; position: relative; } #branch .main .focus .frame .child { float: left; width: 1250px; } #branch .main .focus .nav { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } #branch .main .focus .nav a { display: inline-block; background: url(../../Img/images/nav1.png) center center no-repeat; width: 30px; height: 7px; margin: 0 2px; } #branch .main .focus .nav a.now { background: url(../../Img/images/nav2.png) center center no-repeat; } /* 维拓学院 */ #school .main1 { height: 500px; position: relative; } #school .bread p, #school .bread a, #school .bread span { color: #fff; } #school .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #school .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black100.png) center center repeat; } #school .main1 .text { position: absolute; top: 205px; width: 1250px; left: 50%; margin-left: -625px; text-align: center; } #school .main1 .text h3 { color: #fff; width: 100%; font-size: 28px; position: absolute; left: 40%; margin-left: -625px; top: 0; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #school .main1 .text p { color: #fff; width: 1000px; position: absolute; left: 40%; margin-left: -500px; font-size: 14px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #school .main2 { padding: 70px 0 85px; text-align: center; } #school .main2 h3 { font-size: 28px; color: #474747; line-height: 1.2; } /*?/ #school .main2 p { font-size: 14px; color: #707070; line-hegiht: 1.5; margin-top: 15px; line-height: 1.5; } #school .main3 { background: #f2f2f2; padding-top: 70px; height: 690px; } #school .main3 h2 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #school .main3 .focus { margin-top: 35px; height: 600px; position: relative; overflow: hidden; } #school .main3 .focus .frame { height: 570px; position: relative; overflow: hidden; } #school .main3 .focus .frame .child { float: left; width: 1250px; } #school .main3 .focus .div { width: 403px; height: 275px; overflow: hidden; position: relative; cursor: pointer; float: left; margin: 0 0 10px 10px; } #school .main3 .focus .div.first { margin-left: 0; } #school .main3 .focus .div h3 { line-height: 45px; font-size: 16px; color: #474747; } #school .main3 .focus .div .pic { width: 403px; height: 230px; overflow: hidden; position: relative; } #school .main3 .focus .div .up { background: url(../../Img/images/black50.png) center center repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; } #school .main3 .focus .div .up span { padding-top: 62px; color: #fff; font-size: 12px; margin: 90px auto 0; background: url(../../Img/images/search2.png) center top no-repeat; display: block; text-align: center; } #school .main3 .focus .div .hide { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black50.png) center center repeat; cursor: auto; display: none; z-index: 10; } #school .main3 .focus .div .hide .inner { width: 740px; height: 600px; position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -370px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #school .main3 .focus .div .hide .inner .close { position: absolute; display: block; background: url(../../Img/images/close.png) center center no-repeat; width: 35px; height: 36px; top: 12px; right: 12px; } #school .main3 .focus .div .hide .inner h3 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; margin-top: 30px; } #school .main3 .focus .div .hide .inner .big { width: 638px; height: 364px; overflow: hidden; margin: 20px auto 0; } #school .main3 .focus .div .hide .inner .big .pic { width: 100%; height: 100%; display: none; } #school .main3 .focus .div .hide .inner .big .pic.a { display: block; } #school .main3 .focus .div .hide .inner .big .pic img { width: 100%; height: auto; } #school .main3 .focus .div .hide .inner .list { margin: 10px auto 0; width: 638px; height: 148px; position: relative; overflow: hidden; } #school .main3 .focus .div .hide .inner .list ul { width: 10000px; height: 148px; position: absolute; left: 0; top: 0; } #school .main3 .focus .div .hide .inner .list ul li { float: left; width: 207px; height: 118px; overflow: hidden; margin-right: 10px; cursor: pointer; position: relative; } #school .main3 .focus .div .hide .inner .list ul li .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black40.png) center center repeat; } #school .main3 .focus .div .hide .inner .list ul li.now .black { display: none; } #school .main3 .focus .div .hide .inner .list .arrow_l { background: url(../../Img/images/arrow2.png) center center no-repeat; width: 40px; height: 56px; position: absolute; display: block; left: 0; top: 31px; } #school .main3 .focus .div .hide .inner .list .arrow_r { background: url(../../Img/images/arrow3.png) center center no-repeat; width: 40px; height: 56px; position: absolute; display: block; right: 1px; top: 31px; } #school .main3 .focus .nav { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } #school .main3 .focus .nav a { display: inline-block; background: url(../../Img/images/dian1.png) center center no-repeat; width: 16px; height: 16px; margin: 0 10px; } #school .main3 .focus .nav a.now { background: url(../../Img/images/dian2.png) center center no-repeat; } /*?/ #school .main4 { /*height:1105px;*/ padding-top: 70px; } #school .main4 .list { height: 180px; width: 1206px; margin: 0 auto 16px; } #school .main4 .list .pic { float: left; width: 241px; height: 180px; overflow: hidden; } #school .main4 .list .pic img { width: 100%; height: auto; } #school .main4 .list .text { width: 965px; height: 180px; float: right; position: relative; } #school .main4 .list .text .arrow { display: block; background: url(../../Img/images/arrow4.png) center center no-repeat; width: 8px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; display: none; } #school .main4 .list .text .date { width: 145px; text-align: center; float: left; } #school .main4 .list .text .r { float: right; width: 790px; padding-right: 30px; } #school .main4 .list .text .date h2 { font-family: Arial, Helvetica, sans-serif; font-size: 66px; color: #810c18; line-height: 0.9; margin-top: 50px; } #school .main4 .list .text .date h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #810c18; line-height: 1; } #school .main4 .list .text .r h3 { font-size: 18px; color: #474747; line-height: 1.2; margin-top: 45px; } #school .main4 .list .text .r p { font-size: 12px; color: #707070; line-height: 1.8; margin-top: 10px; } #school .main4 .list:hover .text { background: url(../../Img/images/bg6.png) center center repeat; } #school .main4 .list:hover .text .arrow { display: block; } #school .main4 .list:hover .text .date h2, #school .main4 .list:hover .text .date h3, #school .main4 .list:hover .text .r h3, #school .main4 .list:hover .text .r p { color: #fff; } #school .main4 .page { margin-top: 37px; } /* 发展战略 */ #develop .focus { height: 100%; width: 100%; position: relative; overflow: hidden; } #develop .focus .frame { height: 100%; width: 100%; position: relative; overflow: hidden; } #develop .focus .frame .child { height: 100%; width: 100%; position: relative; } /*?/ #develop .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #develop .bread p, #develop .bread a, #develop .bread span { color: #fff; } #develop .focus .up { position: absolute; left: 0; top: 0; background: url(../../Img/images/black30.png) center center repeat; width: 100%; height: 100%; z-index: 1; } #develop .focus .frame .child .inner { background: url(../../Img/images/black50.png) center center repeat; width: 606px; height: 266px; position: absolute; left: 50%; top: 50%; margin: -133px 0 0 -343px; padding: 0 40px; z-index: 6; /*filter:alpha(opacity=0);-moz-opacity:0;opacity:0;*/ left: 50%\0; } #develop .focus .frame .child .inner h3 { color: #fff; font-size: 28px; line-height: 1.2; margin-top: 38px; } #develop .focus .frame .child .inner p { font-size: 12px; color: #fff; line-height: 1.5; margin-top: 25px; } #develop .focus .frame .child .inner .more { font-size: 14px; color: #fff; margin-top: 15px; display: block; float: left; } #develop .focus .arrow { background: url(../../Img/images/arrow5.png) center center no-repeat; width: 56px; height: 31px; display: block; position: absolute; left: 50%; margin-left: -28px; bottom: 20px; z-index: 6; } /* 栏目?*/ #column .main1 { background: url(../../Img/images/bg10.jpg) center top no-repeat #000; height: 750px; position: relative; } #column .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #column .bread p, #column .bread a, #column .bread span { color: #fff; } #column .main1 .img { position: absolute; left: 40%; width: 100%; text-align: center; margin-left: -625px; top: 150px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #column .main1 .line { width: 110px; border-top: solid 1px #fff; position: absolute; top: 296px; left: 40%; margin-left: -55px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #column .main1 .div { width: 100%; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 40%; margin-left: -625px; } #column .main1 .div.d1 { top: 330px; } #column .main1 .div.d2 { top: 530px; } #column .main1 .div h3 { color: #fff; font-size: 24px; text-align: center; line-height: 1.2; } #column .main1 .p { width: 1020px; color: #fff; font-size: 12px; text-align: center; line-height: 1.6; margin: 20px auto 0; } #column .main1 .more { font-size: 14px; color: #fff; width: 188px; height: 43px; border: solid 1px #fff; text-align: center; line-height: 43px; display: block; margin: 20px auto 0; } #column .main1 .more:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #column .main2 { height: 580px; } #column .main2 .text { float: left; width: 582px; margin-top: 193px; background: url(../../Img/images/text2.png) left top no-repeat; position: relative; height: 280px; } #column .main2 .text h3 { position: absolute; top: 55px; left: -50px; font-size: 28px; color: #474747; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 } #column .main2 .text .p { position: absolute; top: 105px; left: -50px; color: #707070; line-height: 1.6; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 582px; } #column .main2 .text .learn { font-size: 14px; color: #707070; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; position: absolute; top: 192px; left: -50px; display: block; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #column .main2 .text .learn:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #column .main2 .pic { width: 621px; height: 351px; overflow: hidden; float: right; margin-top: 122px; } #column .main3 { height: 950px; background: url(../../Img/images/bg11.jpg) center top no-repeat; overflow: hidden; } #column .main3 .text { text-align: center; padding-top: 90px; height: 210px; } #column .main3 .text h3 { color: #fff; font-size: 28px; line-height: 1.2; } /*?/ #column .main3 .text p { width: 865px; margin: 12px auto 0; color: #fff; line-height: 1.6; font-size: 14px; } #column .main3 .text .learn { font-size: 14px; color: #fff; width: 188px; height: 43px; border: solid 1px #fff; text-align: center; line-height: 43px; display: block; margin: 20px auto 0; } #column .main3 .text .learn:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #column .main3 .box { height: 650px; position: relative; } #column .main3 .box .div1 { position: absolute; left: 0; top: 0; width: 312px; height: 432px; overflow: hidden; } #column .main3 .box .div2 { position: absolute; left: 312px; top: 0; width: 625px; height: 217px; overflow: hidden; } #column .main3 .box .div3 { position: absolute; left: 937px; top: 0; width: 313px; height: 217px; overflow: hidden; } #column .main3 .box .div4 { position: absolute; left: 312px; top: 217px; width: 313px; height: 216px; overflow: hidden; } #column .main3 .box .div5 { position: absolute; left: 0; top: 432px; width: 313px; height: 217px; overflow: hidden; } #column .main3 .box .div6 { position: absolute; left: 313px; top: 432px; width: 313px; height: 217px; overflow: hidden; } #column .main3 .box .div7 { position: absolute; left: 625px; top: 217px; width: 625px; height: 432px; overflow: hidden; } #column .main4 { margin-top: 60px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 406px; } #column .main4 h2 { font-size: 75px; color: #94000f; text-align: center; line-height: 1; } #column .main4 h3 { font-size: 28px; color: #474747; text-align: center; line-height: 1.2; margin-top: 15px; } /*?/ #column .main4 .ch { color: #707070; font-size: 14px; line-height: 1.6; text-align: center; margin-top: 20px; } #column .main4 .en { color: #707070; font-size: 12px; line-height: 1.6; text-align: center; margin-top: 15px; } #column .main4 .learn { font-size: 14px; color: #707070; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; display: block; margin: 30px auto 0; } #column .main4 .learn:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #column .main5 { margin-top: 70px; height: 603px; position: relative; overflow: hidden; } #column .main5 .pic { width: 960px; height: 603px; position: absolute; top: 0; left: 50%; margin-left: -960px; } #column .main5 .pic .up { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black35.png) center center repeat; } #column .main5 .pic .up h3 { color: #fff; font-size: 48px; font-family: Arial, Helvetica, sans-serif; width: 625px; text-align: center; float: right; line-height: 1.2; margin-top: 275px; text-transform: uppercase; } #column .main5 .pic .up h4 { color: #fff; font-size: 28px; line-height: 1.2; margin-top: 5px; width: 625px; text-align: center; float: right; } #column .main5 .text { width: 960px; height: 603px; position: absolute; top: 0; right: 50%; margin-right: -960px; background: url(../../Img/images/bg12.png) center center repeat; } #column .main5 .text .inner { width: 550px; margin: 185px 0 0 75px; } #column .main5 .text .inner h2 { color: #94000f; font-size: 50px; font-family: Arial, Helvetica, sans-serif; line-height: 1; } #column .main5 .text .inner h3 { color: #474747; font-size: 28px; line-height: 1.2; } #column .main5 .text .inner .p { margin-top: 17px; font-size: 12px; color: #707070; line-height: 1.5; } #column .main5 .text .inner .p p { margin-bottom: 10px; } #column .main6 { height: 575px; } #column .main6 .text { float: left; width: 532px; margin-top: 183px; background: url(../../Img/images/text3.png) left top no-repeat; position: relative; height: 280px; } #column .main6 .text h3 { position: absolute; top: 55px; left: -50px; font-size: 28px; color: #474747; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #column .main6 .text .p { position: absolute; top: 105px; left: -50px; color: #707070; line-height: 1.6; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 532px; } #column .main6 .text .learn { font-size: 14px; color: #707070; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; position: absolute; top: 192px; left: -50px; display: block; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #column .main6 .text .learn:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } #column .main6 .pic { float: right; width: 654px; height: 380px; margin-top: 105px; } #column .main6 .pic .div { float: left; margin: 0 0 10px 10px; position: relative; width: 317px; height: 180px; overflow: hidden; } #column .main6 .pic h3 { text-align: center; background: url(../../Img/images/red.png) center center repeat; height: 100%; width: 100%; line-height: 180px; font-size: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif; position: absolute; left: 0; top: 0; display: none; } #column .main7 { background: url(../../Img/images/bg13.jpg) center top no-repeat; height: 370px; } #column .main7 .div { padding: 0 33px 0 23px; width: 360px; float: left; } #column .main7 .div .img { width: 60px; height: 60px; overflow: hidden; margin-top: 116px; } #column .main7 .div h3 { color: #fff; font-size: 18px; line-height: 1.2; margin-top: 13px; } #column .main7 .div .p { color: #fff; font-size: 12px; line-height: 1.6; margin-top: 10px; } /* 公司概况 */ #survey .main1 { height: 500px; position: relative; } #survey .bread p, #survey .bread a, #survey .bread span { color: #fff; } #survey .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #survey .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black100.png) center center repeat; } #survey .main1 .text { position: absolute; top: 205px; width: 1250px; left: 50%; margin-left: -625px; text-align: center; } #survey .main1 .text h3 { color: #fff; width: 100%; font-size: 28px; position: absolute; left: 40%; margin-left: -625px; top: 0; line-height: 1.2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } /*?/ #survey .main1 .text p { color: #fff; width: 1014px; position: absolute; left: 40%; margin-left: -507px; font-size: 14px; line-height: 1.5; top: 45px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #survey .main2 { padding: 75px 0 85px; background: #f2f2f2; } /*?/ #survey .main2 .text { width: 1115px; margin: 0 auto; text-align: center; } #survey .main2 .text h3 { font-size: 28px; color: #474747; line-height: 1.2; } /*?/ #survey .main2 .text p { color: #707070; line-height: 1.5; font-size: 14px; margin-top: 12px; } #survey .main2 .year { background: url(../../Img/images/line5.png) left bottom no-repeat; height: 85px; margin: 15px auto 0; position: relative; width: 1000px; } #survey .main2 .year .arrow_l { background: url(../../Img/images/left.png) center center no-repeat; position: absolute; left: 0; top: 35px; width: 17px; height: 31px; cursor: pointer; } #survey .main2 .year .arrow_r { background: url(../../Img/images/right.png) center center no-repeat; position: absolute; right: 0; top: 35px; width: 17px; height: 31px; cursor: pointer; } #survey .main2 .year .ul { width: 708px; margin: 0 auto; position: relative; overflow: hidden; height: 90px; } #survey .main2 .year .ul ul { position: absolute; top: 0; left: 0; width: 20000px; } #survey .main2 .year .ul ul li { float: left; width: 60px; margin: 0 40px; } #survey .main2 .year .ul ul li.now h3, #survey .main2 .year .ul ul li:hover h3 { font-size: 36px; font-weight: bold; color: #cc0100; } #survey .main2 .year .ul ul li h3 { text-align: center; padding-top: 37px; font-size: 24px; color: #474747; } #survey .main2 .year .ul ul li span { display: block; background: url(../../Img/images/dian6.png) center center no-repeat; height: 15px; width: 15px; margin: 21px auto 0; } #survey .main2 .list { margin-top: 30px; } #survey .main2 .list .ul { display: none; position: relative; } #survey .main2 .list .ul.a { display: block; } #survey .main2 .list .cur { display: block; padding-bottom: 40px; } #survey .main2 .list .ul .pic { float: left; width: 621px; height: 355px; overflow: hidden; } #survey .main2 .list .ul .r { float: right; width: 590px; } #survey .main2 .list .ul .r .div { margin-bottom: 10px; } #survey .main2 .list .ul .r .div h3 { font-size: 30px; color: #474747; line-height: 1.6; font-family: Arial, Helvetica, sans-serif; } #survey .main2 .list .ul .r .div h4 { color: #474747; font-size: 14px; line-height: 1.2; } #survey .main2 .list .ul .r .div p { font-size: 12px; color: #707070; line-height: 1.2; padding-top: 6px; } #survey .main2 .list .ul .r .div:hover h3, #survey .main2 .list .ul .r .div:hover h4 { color: #810c18; } #survey .main3 { height: 535px; } #survey .main3 .focus { height: 535px; overflow: hidden; position: relative; } #survey .main3 .focus .frame { height: 535px; overflow: hidden; position: relative; } #survey .main3 .focus .frame .child { float: left; width: 1250px; height: 535px; } #survey .main3 .focus .nav { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } #survey .main3 .focus .nav a { display: inline-block; background: url(../../Img/images/dian1.png) center center no-repeat; width: 16px; height: 16px; margin: 0 5px; } #survey .main3 .focus .nav a.now { background: url(../../Img/images/dian2.png) center center no-repeat; } #survey .main3 .text { float: left; width: 590px; margin-top: 170px; background: url(../../Img/images/text4.png) left top no-repeat; position: relative; height: 280px; } #survey .main3 .text h3 { position: absolute; top: 55px; left: 0; font-size: 28px; color: #474747; line-height: 1.2; } #survey .main3 .text .p { position: absolute; top: 105px; left: 0; color: #707070; line-height: 1.6; width: 590px; } #survey .main3 .pic { width: 620px; height: 354px; overflow: hidden; float: right; margin-top: 90px; } #survey .main4 { padding: 95px 0 55px; background: #f2f2f2; } #survey .main4 h3 { font-size: 28px; color: #474747; line-height: 1.2; text-align: center; } #survey .main4 .pic { margin-top: 35px; text-align: center; } #survey .main5 { padding: 105px 0 80px; } #survey .main5 h3 { font-size: 28px; color: #474747; line-height: 1.2; text-align: center; } #survey .main5 .pic { margin-top: 35px; text-align: center; } /*?/ #survey .main6 { /*height:530px;*/ padding-bottom: 30px; } #survey .main6 .img { width: 1220px; margin: 0 auto 20px; } #survey .main6 .text { width: 1096px; margin: 0 auto; text-align: center; padding-top: 75px; height: 120px; } #survey .main6 .text h3 { font-size: 28px; color: #474747; line-height: 1.2; } /*?/ #survey .main6 .text p { color: #707070; line-height: 1.5; font-size: 14px; margin-top: 12px; } #survey .main6 .div { float: left; width: 293px; margin-left: 16px; } #survey .main6 .div .pic { width: 293px; height: 220px; text-align: center; background: #ececec; } #survey .main6 .div .pic i { display: inline-block; height: 100%; vertical-align: middle; } #survey .main6 .div h3 { text-align: center; font-size: 16px; color: #474747; line-height: 55px; } #survey .banner { height: 575px; background: url(../../Img/images/bg3.jpg) center top no-repeat; } #survey .banner .block { position: relative; } #survey .banner .text { position: absolute; top: 150px; left: 50%; margin-left: -625px; text-align: center; width: 100%; display: none; } #survey .banner .text.a { display: block; } #survey .banner .text h3 { color: #fff; font-size: 130px; font-family: Impact; line-height: 1; position: absolute; left: 50%; width: 100%; margin-left: -625px; } /*?/ #survey .banner .text p { font-size: 14px; color: #fff; line-height: 1.3; width: 834px; position: absolute; left: 50%; width: 100%; margin-left: -625px; top: 150px; } #survey .banner .year { background: url(../../Img/images/line3.png) left bottom no-repeat; height: 85px; padding-top: 50px; position: absolute; top: 330px; width: 100%; } #survey .banner .arrow_l { background: url(../../Img/images/left.png) center center no-repeat; position: absolute; left: 0; top: 75px; width: 17px; height: 31px; cursor: pointer; } #survey .banner .arrow_r { background: url(../../Img/images/right.png) center center no-repeat; position: absolute; right: 0; top: 75px; width: 17px; height: 31px; cursor: pointer; } #survey .banner .ul { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; height: 90px; } #survey .banner .ul ul { position: absolute; top: 0; left: 0; width: 20000px; } #survey .banner .ul ul li { float: left; width: 100px; margin: 0 20px; } #survey .banner .ul ul li.now h3, #honor .banner .ul ul li:hover h3 { font-size: 37px; font-weight: bold; color: #810c18; } #survey .banner .ul ul li h3 { text-align: center; padding-top: 37px; font-size: 30px; color: #fff; } #survey .banner .ul ul li span { display: block; background: url(../../Img/images/dian5.png) center center no-repeat; height: 15px; width: 15px; margin: 21px auto 0; } /* 全部作品 */ #works { padding-bottom: 78px; } #works .bread p { float: left; } #works .bread .share { float: right; } #works .text { text-align: center; width: 894px; margin: 40px auto 0; } #works .text h3 { font-size: 28px; color: #474747; line-height: 1.2; } /*?/ #works .text p { font-size: 14px; color: #474747; line-height: 1.5; margin-top: 10px; } #works .links { background: url(../../Img/images/bg14.jpg) center top no-repeat; height: 73px; margin: 38px auto 0; padding-top: 12px; width: 1240px; } #works .links li { float: left; height: 30px; line-height: 30px; margin-left: 30px; width: 82px; } #works .links li a { font-size: 14px; color: #fff; } #works .links li.now a, #works .links li:hover a { color: #e20100; font-size: 16px; } #works .container { position: relative; width: 1250px; margin-top: 32px; display: none; } #works .container.a { display: block; } #works .grid { width: 305px; margin: 5px; top: 0; left: 0; position: absolute; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease; } #works .grid .text0 { background: #f6f6f6; padding-top: 25px; height: 72px; } #works .grid .text0 h3 { color: #474747; font-size: 16px; line-height: 1.2; margin-left: 25px; } #works .grid .text0 h4 { color: #707070; font-size: 12px; line-height: 1.2; margin: 10px 0 0 25px; } #works .grid .text0 .s2 { margin-left: 28px; } #works .grid .text0 .s3 { margin-left: 8px; } #works .more { font-size: 14px; color: #474747; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; margin: 70px auto 0; display: block; } #works .more:hover { color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } /* 维拓团队 */ #team .main1 { height: 500px; position: relative; } #team .bread p, #team .bread a, #team .bread span { color: #fff; } #team .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #team .main1 .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black100.png) center center repeat; } #team .main1 .black .block { height: 100%; overflow: hidden; } #team .main1 .pic { position: absolute; left: -200px; bottom: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #team .main1 .text { position: absolute; right: -200px; top: 125px; width: 483px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #team .main1 .text .top { border-bottom: solid 2px #fff; height: 55px; } #team .main1 .text .top h3 { color: #fff; font-size: 30px; line-height: 55px; float: left; } #team .main1 .text .top h4 { color: #fff; font-size: 34px; font-family: Arial, Helvetica, sans-serif; margin-left: 18px; float: left; line-height: 55px; } #team .main1 .text .p1 { margin-top: 20px; font-size: 20px; color: #fff; line-height: 35px; } #team .main1 .text .p2 { margin-top: 20px; font-size: 16px; color: #fff; line-height: 1.6; } #team .main1 .text .sign { text-align: right; margin-top: 10px; padding-right: 25px; } #team .main2 { height: 1000px; padding-top: 90px; } #team .main2 h2 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #team .main2 .ul { width: 1249px; height: 420px; overflow: hidden; position: relative; margin-top: 33px; } #team .main2 .ul ul { width: 10000px; position: absolute; left: 0; top: 0; height: 363px; } #team .main2 .ul ul li { float: left; height: 420px; margin-right: 11px; width: 304px; } #team .main2 .ul ul li .pic { width: 304px; height: 354px; overflow: hidden; position: relative; cursor: pointer; } /*?/ #team .main2 .ul ul li .text { /*padding:0 20px;*/ } /*?/ #team .main2 .ul ul li .text h3 { float: left; font-size: 22px; color: #474747; line-height: 1.2; margin-top: 10px; } /*?/ #team .main2 .ul ul li .text h4 { float: left; font-size: 22px; color: #474747; font-family: Arial, Helvetica, sans-serif; margin-left: 30px; line-height: 1.2; margin-top: 10px; } #team .main2 .ul ul li .text h5 { padding-top: 5px; font-size: 16px; color: #474747; line-height: 1.2; clear: both; } /*#team .main2 .ul ul li .pic .black{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../Img/images/black50.png) center center repeat;} #team .main2 .ul ul li.now{background:url(../../Img/images/arrow7.png) center bottom no-repeat;} #team .main2 .ul ul li.now .pic .black{display:none;} #team .main2 .ul .arrow_l{background:url(../../Img/images/arrow8.png) center center no-repeat;width:69px;height:96px;display:block;position:absolute;left:0;top:130px;} #team .main2 .ul .arrow_r{background:url(../../Img/images/arrow9.png) center center no-repeat;width:69px;height:96px;display:block;position:absolute;right:0;top:130px;} #team .main2 .p{padding:15px 38px 0;} #team .main2 .p .inner{display:none;} #team .main2 .p .inner.a{display:block;} #team .main2 .p .top{height:30px;line-height:30px;} #team .main2 .p .top h3{float:left;font-size:28px;color:#474747;} #team .main2 .p .top h4{float:left;font-size:28px;color:#474747;font-family:Arial, Helvetica, sans-serif;margin-left:30px;} #team .main2 .p p{margin-top:8px;font-size:20px;color:#474747;line-height:1.5;} #team .main2 .p p span{margin-right:25px;}*/ #team .main3 { height: 715px; background: #f2f2f2; padding-top: 100px; } #team .main3 h2 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #team .main3 .focus { margin-top: 35px; height: 635px; overflow: hidden; position: relative; } #team .main3 .focus .frame { position: relative; overflow: hidden; height: 590px; } #team .main3 .focus .frame .child { float: left; height: 100%; position: absolute; left: 0; top: 0; width: 100%; } #team .main3 .focus .frame .child .pic { float: left; width: 240px; height: 283px; overflow: hidden; position: relative; margin: 0 0 12px 12px; } #team .main3 .focus .frame .child .pic.first { margin-left: 0; } /*?/ #team .main3 .focus .frame .child .pic .up { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Img/images/black50.png) center center repeat; /*display:none;*/ } /*?/ #team .main3 .focus .frame .child .pic h3 { position: absolute; top: 195px; left: 18px; color: #fff; text-transform: uppercase; font-size: 26px; line-height: 1.2; } /*?/ #team .main3 .focus .frame .child .pic h4 { position: absolute; top: 225px; left: 18px; color: #fff; font-size: 16px; line-height: 1.2; } /*?/ #team .main3 .focus .frame .child .pic h5 { position: absolute; top: 245px; left: 18px; color: #fff; font-size: 14px; line-height: 1.2; } #team .main3 .focus .nav { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } #team .main3 .focus .nav a { display: inline-block; background: url(../../Img/images/dian1.png) center center no-repeat; width: 16px; height: 16px; margin: 0 10px; } #team .main3 .focus .nav a.now { background: url(../../Img/images/dian2.png) center center no-repeat; } /* 项目展示 */ #project .main1 { height: 550px; position: relative; background: #f2f2f2; position: relative; overflow: hidden; } #project .bread p, #project .bread p a, #project .bread p span { color: #fff; } #project .bread { position: absolute; left: 0; top: 80px; width: 100%; z-index: 2; } #project .main1 .focus { position: absolute; width: 2400px; top: 0; height: 550px; left: 50%; margin-left: -1200px; overflow: hidden; } #project .main1 .focus .black1 { position: absolute; left: 50%; top: 0; width: 800px; height: 550px; background: url(../../Img/images/black68.png) center center repeat; margin-left: -1200px; } #project .main1 .focus .black2 { position: absolute; right: 50%; top: 0; width: 800px; height: 550px; background: url(../../Img/images/black68.png) center center repeat; margin-right: -1200px; } #project .main1 .focus .arrow_l { background: url(../../Img/images/arrow11.png) center center no-repeat; width: 49px; height: 89px; display: block; position: absolute; top: 212px; left: 50%; margin-left: -500px; z-index: 5; } #project .main1 .focus .arrow_r { background: url(../../Img/images/arrow12.png) center center no-repeat; width: 49px; height: 89px; display: block; position: absolute; top: 212px; right: 50%; margin-right: -500px; z-index: 5; } #project .main1 .focus .frame { position: relative; overflow: hidden; width: 2400px; height: 550px; } #project .main1 .focus .frame .child { float: left; width: 800px; overflow: hidden; height: 550px; position: relative; } #project .main1 .focus .frame .child img { width: 100%; height: auto; } #project .main1 .focus .title { position: absolute; bottom: 0; left: 50%; height: 50px; width: 800px; color: #fff; margin-left: -400px; line-height: 50px; font-size: 16px; text-align: center; background: url(../../Img/images/black40.png) center center repeat; } #project .main2 { height: 268px; } #project .main2 .focus { width: 100%; height: 268px; position: relative; overflow: hidden; margin-top: 55px; } #project .main2 .focus .frame { width: 100%; height: 268px; position: relative; overflow: hidden; } #project .main2 .focus .frame .child { width: 100%; height: 268px; } #project .main2 .child h3 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #project .main2 .child h4 { text-align: center; font-size: 16px; color: #474747; line-height: 1.2; margin-top: 13px; } #project .main2 .child .p { text-align: center; color: #707070; line-height: 1.5; margin-top: 5px; } #project .main2 .child .expect { font-size: 14px; color: #474747; width: 178px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; margin: 35px auto 0; display: block; } #project .main2 .child .expect:hover { color: #fff; background: #b50100; border: none; width: 180px; height: 45px; line-height: 45px; } #project .main2 .focus .share { position: absolute; right: 0; bottom: 17px; color: #707070; font-size: 12px; } #project .main2 .focus .nav { position: absolute; left: 0; top: 72px; } #project .main2 .focus .nav .a { margin-bottom: 8px; position: relative; height: 22px; } #project .main2 .focus .nav .a .a1 { background: url(../../Img/images/dian3.png) center center no-repeat; width: 10px; height: 10px; display: block; position: absolute; left: 8px; top: 6px; } #project .main2 .focus .nav .a .a2 { background: url(../../Img/images/dian4.png) center center no-repeat; width: 65px; height: 22px; display: block; position: absolute; left: 0; top: 0; color: #fff; padding-left: 27px; text-align: center; line-height: 22px; font-size: 12px; display: none; } #project .main2 .focus .nav .a.now .a2 { display: block; } #project .main2 .focus .nav .a.now .a1 { display: none; } #project .main2 .focus .arrow_u { display: block; background: url(../../Img/images/arrow10.png) left top no-repeat; width: 18px; height: 11px; position: absolute; top: 45px; left: 4px; } #project .main2 .focus .arrow_d { display: block; background: url(../../Img/images/arrow10.png) right top no-repeat; width: 18px; height: 11px; position: absolute; top: 170px; left: 4px; } #project .main2 .focus .arrow_u:hover { background: url(../../Img/images/arrow10.png) right bottom no-repeat; } #project .main2 .focus .arrow_d:hover { background: url(../../Img/images/arrow10.png) left bottom no-repeat; } #project .main3 { background: #f2f2f2; padding: 70px 0 77px; } #project .main3 h2 { color: #474747; font-size: 28px; line-height: 1.2; text-align: center; margin-bottom: 35px; } /*?/ #project .main3 .div { float: left; width: 305px; height: 310px; margin: 0 0 7px 7px; } #project .main3 .div.a { margin-left: 0; } #project .main3 .div .pic { width: 305px; height: 228px; overflow: hidden; } #project .main3 .div .pic img { width: 100%; height: auto; } #project .main3 .div .text { background: #fff; padding-top: 20px; height: 62px; } #project .main3 .div .text h3 { color: #474747; font-size: 16px; line-height: 1.2; margin-left: 25px; } #project .main3 .div .text h4 { color: #707070; font-size: 12px; line-height: 1.2; margin: 10px 0 0 25px; } #project .main3 .div .text .s2 { margin-left: 28px; } #project .main3 .div .text .s3 { margin-left: 8px; } #detail2 .main { margin-top: 40px; padding-bottom: 80px; } #detail2 .main h1 { text-align: center; font-size: 28px; color: #474747; line-height: 1.2; } #detail2 .main h3 { text-align: center; font-size: 12px; color: #707070; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; margin-top: 15px; } #detail2 .main .share { position: absolute; top: 40px; right: 29px; font-size: 12px; color: #707070; height: 28px; } #detail2 .main .share span { float: left; line-height: 28px; } #detail2 .main .share .bdsharebuttonbox { float: left; } #detail2 .main .p { margin-top: 20px; font-size: 14px; color: #707070; line-height: 1.5; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(font/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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AG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto;box-sizing:content-box}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto;box-sizing:content-box}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-ms-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:relative;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding-left:2em;padding-right:2em;padding-bottom:3em}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{-webkit-transition:width 1s;-moz-transition:width 1s;-ms-transition:width 1s;-o-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:focus,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;-ms-transition:width .1s;-o-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control{width:0!important;white-space:nowrap}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;margin-left:5px}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}} @charset "utf-8"; #footer .f2 .r{ font-size: 12px; line-height: 45px; overflow: hidden; color: #c3c3c3; } #footer .f2 .title{ float: left; } #footer .f2 .foot-jszc{ float: left; overflow: hidden; } #footer .f1 h2 a{ background-size: 16px; } @media screen and (max-width: 1250px){ #footer .f2 .m{ margin-left: 5em; } } @media screen and (max-width: 1150px){ #footer .f2 .m{ margin-left: 3em; } } @media screen and (max-width: 1100px){ #footer .f2{ height: auto; line-height: 26px; overflow: hidden; text-align: center; padding: 15px 0; width: 100%; } #footer .f2 .l{ float: none; margin: 0; } #footer .f2 .m{ float: none; margin: 0; line-height: 18px; margin: 4px 0; } #footer .f2 .r{ float: none; line-height: 20px; height: 20px; overflow: hidden; text-align: center; } #footer .f2 .title{ display: none; } #footer .f2 .foot-jszc{ float: none; } } @media screen and (min-width: 768px){ #footer .f1 .div1 p{ clear: both; display: flex; } #footer .f1 .div1 span:first-child{ width: 36px; white-space: nowrap; } #footer .f1 .div2 p{ clear: both; display: flex; } #footer .f1 .div2 span:first-child{ width: 60px; text-align: right; white-space: nowrap; } } @media screen and (max-width: 767px){ .cnav{ display: none; } #footer{ height: auto; } #footer b{ display: block; } #footer .b1{ font-size: 0; line-height: 0; } .foot-support{ display: inline-block; } #footer .f2 .r{ float: none; text-align: center; margin: 0; line-height: 20px; height: 20px; } #footer .f2 .title{ display: none; } #footer .f1{ height: auto; padding-bottom: 0.25rem; overflow: hidden; } #footer .f1 .links{ width: 100%; margin: 0; } #footer .f1 .links a{ display: none !important; } #footer .f1 .links .hide2{ position: relative; display: block !important; opacity: 1 !important; right: 0; top: 0; width: 80px; height: 80px; margin: 0.2rem auto 0; } #footer .f1 h2{ margin-left: 0; padding-top: 0.3rem; } #footer .f1 .div1{ margin-left: 0; width: 50%; padding-right: 0.3rem; box-sizing: border-box; } #footer .f1 .div2{ width: 50%; padding-left: 0.25rem; padding-right: 0; margin-left: 0; background: none; box-sizing: border-box; text-align: right; } } @media screen and (max-width: 767px){ #footer .f1 .div2{ text-align: left; } } #header{ z-index: 1000; } #header-ph{ z-index: 1000; height: 46px; display: none; background: #f8f8f8; position: fixed; top: 0; left: 0; width: 100%; } @media screen and (min-width: 1101px){ .pop-nav-box{ display: none !important; } } @media screen and (max-width: 1100px){ body{ padding-top: 46px; } #header{ display: none; } #header-ph{ display: block; } #header-ph .logo{ height: 32px; position: absolute; left: 50%; margin-left: -53px; top: 8px; } #header-ph .nav{ background: url(../../Img/images/nav.png) center center no-repeat; width: 25px; height: 46px; display: block; position: absolute; top: 0; right: 10px; background-size: 100% auto; } #header-ph .nav.on{ background: url(../../Img/images/close-btn2-2.png) center center no-repeat; background-size: 20px auto; } } .pop-nav-box { width: 100%; height: 100%; display: none; background: #fff; overflow: hidden; position: fixed; left: 0; top: 46px; z-index: 600; border-top: 1px solid #ccc; } .pop-nav-box>div, .pop-nav-box h5, .pop-nav-box li{ box-sizing: border-box; } .pop-nav-box .inner { width: 100%; max-height: 100%; overflow: hidden; padding: 0 0 4em; } .pop-nav-box .btn-language { width: 100%; display: block; font-size: 1.125em; line-height: 1.56em; color: #333; padding: 1em 4%; } .pop-nav-list { width: 100%; overflow: hidden; position: relative; } .pop-nav-list>li { width: 100%; overflow: hidden; position: relative; } .pop-nav-list>li.active .menu-level1 .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); width: 0.5rem; height: 100%; } .pop-nav-list>li.current .menu-level1 a { color: #ff8f00; } .pop-nav-list>li.has-subnav .menu-level1 .arrow { display: block; } .pop-nav-list a { font-size: 1.125em; float: left; } .pop-nav-list .menu-level1 { width: 100%; display: block; overflow: hidden; position: relative; background: #fff; padding: 0 4%; border-bottom: solid 1px #e6e6e6; } .pop-nav-list .menu-level1 a { float: left; font-size: 0.2rem; line-height: 1em; color: #333; padding: 1em 0; width: 50%; } .pop-nav-list .menu-level1 .arrow { width: 20%; height: 100%; display: none; overflow: hidden; background: url(../../Img/images/qian-arrow04-1.png) no-repeat right 0.18rem center; background-size: 0.5em auto; position: absolute; right: 0; top: 0; z-index: 20; } .pop-subnav-list { width: 100%; display: none; overflow: hidden; background: #b50100; } .pop-subnav-list li { width: 91%; overflow: hidden; border-top: 1px solid #e44342; margin: auto; } .pop-subnav-list a { font-size: 0.18rem; line-height: 2.875em; color: #fff; float: left } @charset "utf-8"; #works .text{ width: auto; max-width: 894px; } #works .links{ width: 100%; max-width: 1240px; overflow: hidden; height: auto; background-size: cover; padding-bottom: 12px; } #works .container, #news .container{ width: 100%; min-height: 500px !important; max-width: 1250px; margin: 32px 0 0; } #works .container.a, #news .container.a{ max-width: 100%; height:100%; overflow: auto; overflow: hidden; position: relative; } #works .container.a.on, #news .container.a.on{ /* max-width: 100%; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; column-count: 4;*/ } #works .grid img, #news .grid img{ width: 100%; max-width: 100%; height: 170px; height: 205px; } #works .grid, #news .grid{ /*width: calc(25% - 20px); height: 100%; overflow: auto; margin: 0 2.5px 5px; position: relative; float: left;*/ position: absolute; transition: none; } #works .on .grid, #news .on .grid{ width: 100%; float: none; margin: 0 0 5px; } .bread-ph{ display: none; height: 40px; background: #b50100; position: relative; } #news .grid .text0{ text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 15px; height: 45px; background: #f6f6f6; } #news .grid .text0 h3{ color: #474747; font-size: 16px; line-height: 1.2; height: 1.2em; overflow: hidden; margin: 0; } #news .grid .text0 h4{ display: none; } @media screen and (max-width: 1100px){ #works .container.a.on, #news .container.a.on{ column-count: 3; } #works .grid, #news .grid{ width: calc(33.333% - 15px); } .bread{ display: none; } .bread-ph{ display: block; } .bread-ph .arrow{ display: block; background: url(../../Img/images/arrow2.png) center center no-repeat; width: 10px; height: 40px; background-size: 100% auto; position: absolute; left: 12px; top: 0; } .bread-ph h3{ color: #fff; font-size: 17px; line-height: 40px; text-align: center; } } @media screen and (max-width: 767px){ #works{ padding-bottom: 0.5rem; } #works .grid img, #news .grid img{ height: auto; } #works .container.a.on, #news .container.a.on{ -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; column-count: 1; width: 100%; } #works .grid, #news .grid{ width: 100%; margin: 0 0 5px; } #works .grid{ margin: 0 0 5px; } #works .text, #news .text{ margin: 0.25rem auto 0; } #works .text h3, #news .text h3{ font-size: 16px; color: #474747; line-height: 1.2; } #works .text p, #news .text p{ display: none; } #works .links, #news .links{ margin: 12px auto 0; padding: 12px 0; } #works .container, #news .container{ width: 95%; margin: 0.3rem auto 0; } } #project .main2{ height: auto; padding-bottom: 46px; } #project .main2 .focus{ height: auto; } #project .main2 .focus .frame{ height: auto; } #project .main2 .focus .frame .child{ height: auto; } #project .main2 .child .p{ font-size: 12px; } #project .main1 .focus.noli .frame .child{ float: none; margin: 0 auto; } #project .main1 .focus .frame .child .imgbg{ width: 800px; height: 550px; background-repeat: no-repeat; background-position: center; background-size: cover; } #project .main3 #fu_click{ max-width: 100%; height:100%; overflow: auto; overflow: hidden; } #project .main3 #fu_click.on{ max-width: 100%; /*-webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; column-count: 4;*/ } #project .main3 #fu_click .grid{ width: calc(25% - 20px); height: 100%; overflow: auto; margin: 0 2.5px 5px; position: relative; float: left; } /*#project .main3 #fu_click.on .grid{ width: 100%; margin: 0 0 5px; }*/ #project .main3 #fu_click .grid img{ width: 100%; max-width: 100%; height: 170px; height: 205px; } #project .main3 #fu_click .grid .text0{ background: #f6f6f6; padding-top: 25px; height: 72px; padding-left: 10px; padding-right: 10px; } #project .main3 #fu_click .grid .text0 h3{ color: #474747; font-size: 16px; line-height: 1.2; height: 1.2em; overflow: hidden; text-align: center; } #project .main3 #fu_click .grid .text0 h4{ color: #707070; font-size: 12px; line-height: 1.2; margin: 10px 0 0; text-align: center; } #project .main3 #fu_click .grid .text0 .s1{ display: none; } #project .main3 #fu_click .grid .text0 .s3{ margin-left: 8px; } #project .main1 .frame-ph{ position: relative; display: none; } #project .main1 .frame-ph{ height: 3rem; } #project .main1 .frame-ph .imgbg{ height: 3rem; background-repeat: no-repeat; background-position: center; background-size: cover; } #project .main1 .frame-ph .child{ position: absolute; width: 100%; } #project .main1 .frame-ph h3{ background: url(../../Img/images/black40.png) center center repeat; background-size: cover; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 11px; } #project .main1 .nav{ position: absolute; bottom: 42px; text-align: center; width: 100%; left: 0; } #project .main1 .nav a{ display: inline-block; width: 15px; height: 4px; background: #fff; margin: 0 2px; } #project .main1 .nav a.now{ background: none; border: solid 1px #fff; box-sizing: border-box; } #project .main1 .frame-ph .swiper-pagination{ bottom: 42px; display: none; } #project .main1 .frame-ph .swiper-pagination-bullet { display: inline-block; width: 15px; height: 4px; background: #fff; margin: 0 2px; border-radius: 0; opacity: 1; } #project .main1 .frame-ph .swiper-pagination-bullet-active { background: none; border: solid 1px #fff; box-sizing: border-box; } @media screen and (max-width: 1100px){ #project .main1 .focus .arrow_l{ margin-left: -475px; } #project .main1 .focus .arrow_r{ margin-right: -475px; } } @media screen and (max-width: 991px){ #project .main1{ height: auto; } #project .main1 .focus{ display: none; } #project .main1 .frame-ph{ display: block; } #project .main3 #fu_click.on{ /*column-count: 3;*/ } #project .main3 #fu_click .grid{ /*width: calc(33.333% - 15px);*/ } } @media screen and (max-width: 767px){ #project .main2 { padding: 0.37rem 2.5% 0.4rem; text-align: center; } #project .main2 .focus{ margin-top: 0; } #project .main2 .child h3{ font-size: 16px; color: #474747; line-height: 1.2; } #project .main2 .child h4{ font-size: 12px; color: #474747; line-height: 1.2; margin-top: 7px; } #project .main2 .child .p{ font-size: 14px; color: #474747; line-height: 1.5; padding-top: 13px; margin-top: 0; } #project .main2 .child .expect{ display: block; width: 107px; height: 25px; text-align: center; margin: 17px auto 0; color: #fff; background: #b50100; line-height: 25px; font-size: 11px; border: none; } #project .main2 .child .expect:hover{ border: none; width: 107px; height: 25px; line-height: 25px; font-size: 11px; } #project .main3{ padding: 0.4rem 0; } #project .main3 h2{ font-size: 18px; color: #474747; line-height: 1.2; margin-bottom: 15px; } #project .main3 #fu_click.on{ /*-webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; column-count: 1;*/ } #project .main3 #fu_click .grid{ width: 100%; margin: 0 0 5px; } #project .main3 #fu_click .grid img{ height: auto; } #project .main3 #fu_click .grid .text0{ background: #f6f6f6; padding-top: 15px; height: auto; min-height: 45px; } #project .main3 #fu_click .grid .text0 h3{ color: #474747; margin-left: 10px; } #project .main3 #fu_click .grid .text0 h4{ color: #707070; font-size: 0.14rem; line-height: 1.6; margin: 5px 0 0 10px; display: none; } #container .grid .text0 .s3{ margin-left: 5px; } #project .main3 #fu_click .grid .text0 .s2{ margin-left: 0; } } #detail .main{ min-height: 75vh; } #detail .main .left{ float: none; width: 100%; margin: 0 auto; padding: 0; } #detail .main .left img{ max-width: 100% !important; height: auto !important; float: none; display: block; margin: 5px auto; } #detail .main .left .p{ font-size: 16px; line-height: 2; } @media screen and (max-width: 767px){ #detail .main{ padding: 28px 0 37px; margin-top: 0; } #detail .main .left h1{ width: 80%; margin: 0 auto; font-size: 0.23rem; color: #474747; line-height: 1.2; text-align: center; font-weight: bold; } #detail .main .left h3{ width: 80%; margin: 10px auto 7px; font-size: 14px; color: #707070; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; text-align: center; } #detail .main .left .p{ font-size: 0.18rem; color: #707070; line-height: 2; margin-top: 0.5em; } #detail .main .left .p p{ margin: 5px 0; } } #join .main1{ height: auto; margin: 0; padding: 3.8em 0; } #join .main1 .block{ overflow: hidden; } #join .main1 .text{ width: 46.8%; height: auto; min-height: 270px; } #join .main1 .pic{ width: 50%; height: auto; } #join .main1 .pic img{ width: 100%; } #join .main1 .text p{ width: 100%; height: 4.5em; overflow: hidden; } @media screen and (max-width: 767px){ #join .main1{ padding: 0.38rem 0; } #join .main1 .text{ width: 100%; background: url(../../Img/images/bg4.png) no-repeat top center; background-size: 100%; min-height: 0; padding-bottom: 0.3rem; } #join .main1 .pic{ width: 100%; } #join .main1 .text h2{ position: relative; left: 0; top: 0; opacity: 1; margin-top: 0.2rem; } #join .main1 .text h3{ margin-top: 7px; position: relative; left: 0; top: 0; opacity: 1; } #join .main1 .text p{ position: relative; left: 0; top: 0; opacity: 1; font-size: 0.16rem; margin-top: 0.16rem; } #join .main1 .text .learn{ position: relative; left: 0; top: 0; opacity: 1; margin-top: 0.15rem; display: inline-block; } } #join .main2{ height: auto; padding: 4.8em 0; } #join .main2 .title{ padding-top: 0; } #join .main2 .focus{ height: auto; } #join .main2 .box{ overflow: hidden; } #join .main2 .box .pic:first-child{ margin-left: 0; } #join .main2 .box .pic{ margin-bottom: 0; height: auto; width: calc((100% - 20px)/3); } #join .main2 .box .pic .imgbg{ height: 340px; background-repeat: no-repeat; background-position: center; background-size: cover; } #join .main2 .swiper-pagination{ position: relative; bottom: 0; margin-top: 32px; height: 16px; } #join .main2 .swiper-pagination-bullet{ display: inline-block; background: url(../../Img/images/dian1.png) center center no-repeat; width: 16px; height: 16px; margin: 0 5px; vertical-align: top; opacity: 1; } #join .main2 .swiper-pagination-bullet-active{ background: url(../../Img/images/dian2.png) center center no-repeat; } #join .main2 .box .pic h3{ overflow: hidden; } #join .main3{ padding: 4.5em 0 3.8em; } #join .main3 table .bg_black .inner .p{ line-height: 2; } #join .main3 .bot span{ font-size: 12px; } @media screen and (max-width: 1100px){ #join .main2 .box .pic .imgbg{ height: 300px; } .cnav{ top: auto; bottom: 10%; } } @media screen and (max-width: 900px){ #join .main2 .box .pic .imgbg{ height: 270px; } #join .main3 table .bg_black .inner{ width: 95%; height: 80%; margin: 0; left: 2.5%; top: 10%; box-sizing: border-box; padding: 0.3rem; } #join .main3 table .bg_black .inner h2{ font-size: 0.22rem; line-height: 0.3rem; } #join .main3 table .bg_black .inner .close{ width: 0.3rem; height: 0.3rem; background-size: 0.3rem; top: 0.3rem; } #join .main3 table .bg_black .inner h3{ font-size: 0.18rem; margin-top: 0.08rem; } #join .main3 table .bg_black .inner h4{ font-size: 0.18rem; margin-top: 0.15rem; } #join .main3 table .bg_black .inner .p{ font-size: 0.18rem; line-height: 1.7; } #join .main3 table .bg_black .inner .text{ height: calc(80vh - 1.75rem); overflow-x: hidden; } #join .main3 table .bg_black .inner .fs{ width: 100%; max-width: 258px; margin-top: 0.25rem; font-size: 0.16rem; line-height: 0.38rem; height: 0.38rem; } } @media screen and (max-width: 767px){ #join .main2{ padding: 0.38rem 0; } #join .main2 .title h2{ font-size: 20px; } #join .main2 .title h3{ display: none; } #join .main2 .box{ margin-top: 0.2rem; } #join .main2 .box .pic{ width: calc((100% - 10px)/2); } #join .main2 .box .pic:last-child{ display: none; } #join .main2 .box .pic .imgbg{ height: 2.5rem; } #join .main2 .box .pic h3{ overflow: hidden; font-size: 0.16rem; line-height: 0.4rem; height: 0.4rem; } #join .main2 .swiper-pagination{ margin-top: 0.15rem; height: 10px; } #join .main2 .swiper-pagination-bullet{ width: 10px; height: 10px; } #join .main3{ padding: 0.38rem 0; } #join .main3 table tr{ height: 0.5rem; font-size: 0.18rem; } #join .main3 .title h2{ display: none; } #join .main3 .title h3{ display: none; } #join .main3 .link{ margin-top: 0; height: 0.45rem; } #join .main3 .link a{ width: 1.5rem; height: 0.43rem; line-height: 0.43rem; } #join .main3 .link a:hover, #join .main3 .link a.now{ width: 1.5rem; height: 0.45rem; line-height: 0.45rem; } #join .main3 .link a:last-child{ margin-right: 0; } #join .main3 table tbody{ width: 100%; } #join .main3 table .t2{ width: calc(100vw * 0.665); } #join .main3 table .t5{ width: calc(100vw * 0.285); } #join .main3 table.a, #join .main3 table{ margin-top: 0; } #join .main3 table .t1, #join .main3 table td:nth-child(1){ display: none; } #join .main3 table .t6, #join .main3 table td:nth-child(2){ display: none; } #join .main3 table .t3, #join .main3 table td:nth-child(4){ display: none; } #join .main3 table .t4, #join .main3 table td:nth-child(5){ display: none; } } #contact{ background: url(../../Img/images/bg3.jpg) center top no-repeat; background-size: cover; height: auto; padding-bottom: 80px; } #contact .main .map #bdmap1{ display: block; } #contact .main .map{ width: calc(100% - 315px); } #contact .block{ overflow: hidden; } #news .main1{ overflow: hidden; position: relative; } #news .main1 .imgpc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-repeat: no-repeat; background-position: center; background-size: cover; } #news .main1 .imgph{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-repeat: no-repeat; background-position: center; background-size: cover; display: none; } #news .main1 .black{ z-index: 10; } @media screen and (max-width: 767px){ #contact .main .map{ width: 100%; height: 4rem; } #contact .main .r .information{ width: 100%; height: auto; box-sizing: border-box; padding: 0.15rem; } #contact .main .r{ width: 100%; height: auto; margin-top: 0.1rem; } #news .main1 .imgpc{ display: none; } #news .main1 .imgph{ display: block; } } @media screen and (max-width: 1100px){ #news .main1{ height: 2.4rem; } #news .main1 .text p{ display: none; } #news .main1 .text{ left: 0; position: relative; margin: 0 auto; top: 0; width: 95%; transform: none; } #news .main1 .text h3{ position: relative; left: 0 !important; margin: 0; transform: none; font-size: 0.22rem; line-height: 1.2; padding-top: 0.76rem; } #news .main1 .text .learn{ position: relative; left: 0 !important; top: 0; margin: 0.35rem auto 0; transform: none; display: block; width: 112px; height: 0.26rem; line-height: 0.26rem; height: 0.32rem; line-height: 0.32rem; text-align: center; border: solid 1px #fff; color: #fff; font-size: 11px; } #news .main1 .text .learn:hover{ width: 112px; height: 0.26rem; line-height: 0.26rem; font-size: 11px; border: solid 1px #b50100; } } #news .main2{ padding: 3.5em 0 4em; } .view { font-size: 16px; color: #b50100; width: 196px; height: 57px; line-height: 57px; display: block; text-align: center; border: 1px solid #b50100; cursor: pointer; transition: all 0.3s; position: relative; } .view span { position: relative; display: inline-block; width: 30px; height: 5px; margin: 13% 0 0 10px; vertical-align: top; } .view span i { position: absolute; left: 0; bottom: 0; display: inline-block; width: 30px; height: 2px; background-color: #b50100; -webkit-transition: width 0.5s; transition: width 0.5s; } .view span i:after { display: block; position: absolute; bottom: 2px; right: 0; width: 6px; height: 2px; background: #b50100; transform: rotate(45deg); content: ''; } .view:hover span i { width: 40px; } @media only screen and (max-width:1440px) { .view { width: 9.8em; height: 2.85em; line-height: 2.85em; } .schoolbox .left { padding: 45px 25px 21px; } .schoolbox .imgbox { width: 62%; } } .group-box { width: 100%; max-width: 1250px; margin: 0 auto; } .group-box>div{ box-sizing: border-box; } .group-box li { padding: 50px 40px; overflow: hidden; width: 100%; transition: all 0.3s; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .group-box li a{ display: flex; } .group-box li .imgs-box { width: 29.2%; height: 12em; overflow: hidden; margin-right: 2em; float: left; min-width: 29.2%; } .group-box li .imgs-box .bgimage { width: 100%; height: 100%; transition: all 0.3s; background: no-repeat center; background-size: cover; } .group-box li .item-box { float: left; /*width: 67%;*/ padding-top: 11px; } .group-box li .time { font-size: 16px; color: #4c4c4c; line-height: 23px; } .group-box li .item-txt1 { margin: 5px 0 8px; font-size: 24px; color: #1a1a1a; line-height: 33px; height: 33px; overflow: hidden; } .group-box li .item-txt2 { font-size: 16px; color: #4c4c4c; line-height: 30px; height: 60px; overflow: hidden; } .group-box li.noimg .item-box { float: none; width: 100%; } .group-box li .view { margin-top: 2em; } .group-box li .view:hover { color: #b50100; } .group-box li:hover { background: #ededed; } .group-box li:hover .bgimage { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } @media screen and (max-width: 1600px) { .group-box li .view { margin-top: 1.2em; } /*.group-box li .item-box { width: 65%; }*/ .group-box li { padding: 50px 20px 50px 40px; } } @media screen and (max-width: 1440px) { .group-box li { padding: 40px 2%; } } @media screen and (max-width: 767px) { #news .main2{ padding: 0.15rem 0 0.5rem; } .group-box { width: 100%; } .group-box li { padding: 0.2rem 0; border-bottom: 0.02rem solid #e5e5e5; } .group-box li a{ display: block; } .group-box li .imgs-box { width: 100%; height: 2.5rem; margin-right: 0; float: none; margin-bottom: 0.2rem; } .group-box li .item-box { float: none; width: 100%; padding-top: 0; } .group-box li .time { font-size: 0.12rem; color: #999999; line-height: 0.21rem; } .group-box li .item-txt1 { margin: 0.07rem 0 0; font-size: 0.2rem; line-height: 0.27rem; height: 0.27rem; } .group-box li .item-txt2 { display: none; } .group-box li .view { display: none; } .group-box .inner-pages { margin-top: 0.5rem; } } #news .main2{ padding-top: 0; } #news .main2 .doc{ font-size: 0.8em; line-height: 2; color: #222222; } .aboutlist{ padding: 0 1.35em 0 1.6em; } .aboutlist p{ font-size: 16px; line-height: 2; color: #222222; margin: 0 0 15px; } .aboutlist p:first-child{ margin-top: 100px; } .aboutlist img{ width: auto; height: auto; display: block; margin: 100px auto 0; max-width: 100%; } .aboutlist .text{ max-width: 1096px; margin: 0 auto 30px; text-align: center; } .aboutlist .text h3 { font-size: 28px; color: #474747; line-height: 1.2; margin-top: 40px; } .aboutlist .text p { color: #707070; line-height: 1.5; font-size: 14px; margin-top: 12px; } @media screen and (max-width: 1600px){ .aboutlist p:first-child{ margin-top: 70px; } .aboutlist img{ margin: 70px auto 0; } } @media screen and (max-width: 1400px){ .aboutlist p:first-child{ margin-top: 50px; } .aboutlist img{ margin: 50px auto 0; } } @media screen and (max-width: 900px){ .aboutlist p:first-child{ margin-top: 0.4rem; } .aboutlist img{ margin: 0.4rem auto 0; } } @media screen and (max-width: 767px){ .aboutlist p{ font-size: 0.18rem; } .aboutlist .text h3 { font-size: 0.24rem; margin-top: 0.4rem; } .aboutlist .text p { font-size: 0.18rem; line-height: 2; margin-top: 8px; } .aboutlist{ padding: 0 0.05rem; } } .aboutlist .item{ padding: 2.6em 0 2em; border-bottom: 1px dashed #dadada; } .aboutlist .item .tit{ font-size: 1em; line-height: 1.5; color: #b50100; } .aboutlist .item .tit2{ font-size: 1.6em; line-height: 1.3125; color: #b50100; margin-top: 0.75em; } .aboutlist .item .det{ font-size: 0.8em; line-height: 2; color: #222222; margin-top: 1.25em; } @media screen and (max-width: 767px){ .aboutlist .item{ padding: 0.3rem 0; } .aboutlist .item .tit{ font-size: 0.18rem; } .aboutlist .item .tit2{ font-size: 0.23rem; margin-top: 0.1rem; } .aboutlist .item .det{ font-size: 0.18rem; margin-top: 0.1rem; } } #join .main2 .swiper-slide .imgbg{ height: 340px; background-repeat: no-repeat; background-position: center; background-size: cover; } #join .main2 .swiper-slide h3 { position: absolute; left: 0; bottom: 0; height: 50px; background: url(../../Img/images/black65.png) center center repeat; line-height: 50px; text-align: center; color: #fff; font-size: 16px; width: 100%; overflow: hidden; } #join .main2 .swiper-container{ margin-top: 2.25em; } @media screen and (max-width: 900px){ #join .main2 .swiper-slide .imgbg{ height: 270px; } } @media screen and (max-width: 767px){ #join .main2{ padding: 0.38rem 0; } #join .main2 .title h2{ font-size: 20px; } #join .main2 .title h3{ display: none; } #join .main2 .swiper-container{ margin-top: 0.2rem; } #join .main2 .swiper-slide .imgbg{ height: 1.5rem; } #join .main2 .swiper-slide h3{ overflow: hidden; font-size: 0.16rem; line-height: 0.4rem; height: 0.4rem; } #join .main2 .swiper-pagination{ margin-top: 0.15rem; height: 10px; } #join .main2 .swiper-pagination-bullet{ width: 10px; height: 10px; } #join .main3 .bot b{ display: block; } } #works .links li{ width: 120px; } @media screen and (max-width: 7366px){ #works .links li{ margin-left: 22px; } } #news .page{ margin-top: 2.5em; } .inner-navswh{ background: #e9e9e9; position: relative; z-index: 30; } .inner-navswh .navcon{ width: 95%; max-width: 1250px; margin: 0 auto; } .inner-navswh .ntit{ display: none; } .inner-navswh .nlist{ overflow: hidden; } .inner-navswh .nlist .item{ padding: 0 10px 0 6px; float: left; position: relative; } .inner-navswh .nlist .item a{ display: block; padding: 1.4em 1.35em 1.2em 1.6em; position: relative; } .inner-navswh .nlist .item a:hover:before, .inner-navswh .nlist .item.on a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #b50100; } .inner-navswh .nlist .item span{ display: block; font-size: 18px; line-height: 28px; color: #222; position: relative; } .inner-navswh .nlist .item a:hover span, .inner-navswh .nlist .item.on a span{ color: #b50100; } .inner-navswh .nlist .item:after{ content: ""; position: absolute; left: 0; top: 1.4em; height: 28px; width: 1px; background: #fff; } .inner-navswh .nlist .item:before{ content: ""; position: absolute; right: 0; top: 1.4em; height: 28px; width: 1px; background: #b3b3b3; } .inner-navswh .nlist .item:first-child:after{ display: none; } .inner-navswh .nlist .item:last-child:before{ display: none; } @media screen and (min-width: 991px){ .inner-navswh .nlist{ display: block !important; } } @media screen and (max-width: 991px){ .inner-navswh .ntit{ display: block; } .inner-navswh .nlist{ position: absolute; width: 100%; top: 100%; left: 0; background: #f8f8f8; display: none; } .inner-navswh .ntit{ text-align: center; font-size: 17px; line-height: 40px; color: #b50100; } .inner-navswh .nlist .item{ width: 100%; box-sizing: border-box; padding: 0 2.5%; } .inner-navswh .nlist .item a{ text-align: center; padding: 0.1rem 0; border-bottom: 1px solid #d8d8d8; } .inner-navswh .nlist .item:before{ display: none; } .inner-navswh .nlist .item a:hover:before, .inner-navswh .nlist .item.on a:before{ display: none; } .inner-navswh .nlist .item span{ font-size: 0.18rem; line-height: 0.3rem; } .inner-navswh .nlist .item a:hover span, .inner-navswh .nlist .item.on a span{ color: #b50100; } .inner-navswh .ntit span{ display: inline-block; padding-right: 15px; background: url(../../Img/images/arrow3.png) no-repeat right center; background-size: 10px 5px; margin-right: -15px; } } .adjust{ opacity: 0; width: 100%; } .gcal-swh{ margin-top: 3em; display: flex; } .gcal-swh .item{ text-align: center; width: 100%; } .gcal-swh .item a{ display: block; font-size: 1em; line-height: 3.5em; color: #222222; background: #ededed; } .gcal-swh .item.on a, .gcal-swh .item:hover a{ background: url(../../Img/images/bg6bg.png) center repeat; color: #fff; } .gcal-list{ margin: 1.7em -6px 0; overflow: hidden; } .gcal-list .item{ float: left; width: 50%; padding: 0 6px; margin-bottom: 10px; box-sizing: border-box; } .gcal-list .item a{ display: block; position: relative; overflow: hidden; } .gcal-list .item .imgbg{ background-repeat: no-repeat; background-position: center; background-size: cover; } .gcal-list .item .txtbg{ position: absolute; z-index: 10; left: 0; bottom: 0; width: 100%; height: 3em; transition: height 0.5s ease-out; background: rgba(46,54,66,.8); box-sizing: border-box; padding: 0 1.75em; display: flex; flex-flow: column; justify-content: center; flex-wrap: wrap; } .gcal-list .item .txtbg:hover{ height: 100%; } .gcal-list .item .txtbg .ttit{ font-size: 0.9em; line-height: 3.334em; height: 3.334em; overflow: hidden; color: #fff; width: 100%; margin-right: 300px; } .gcal-list .item .txtbg .ttxt{ font-size: 0.8em; line-height: 1.75; color: #fff; opacity: 0.6; width: 100%; height: 7em; overflow: hidden; } .pop-swp-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; overflow: hidden; display: none; } .pop-swp-con{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .pop-swp-box .pop-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: #000; opacity: 0.6; } .pop-swp-box .pop-content{ z-index: 10; padding: 1em 3.25em; box-sizing: border-box; } .pop-swp-box .pop-box{ position: relative; } .pop-swp-box .pop-content .adjust{ max-width: 910px; } .pop-swp-box .pop-box .swiper-container{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; } .pop-swp-box .pop-box .swiper-wrapper{ height: 100%; } .pop-swp-box .pop-box .swiper-slide{ height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .pop-swp-box .pop-close{ position: absolute; right: -4.95em; top: -13px; width: 54px; height: 54px; background: url(../../Img/images/pop-swp-close.png) no-repeat center; background-size: 54px; cursor: pointer; } .pop-swp-box .pop-prev{ position: absolute; left: -3.25em; top: 0; width: 3.25em; height: 100%; background: url(../../Img/images/pop-left.png) no-repeat left center; background-size: 1.7em auto; cursor: pointer; } .pop-swp-box .pop-next{ position: absolute; right: -3.25em; top: 0; width: 3.25em; height: 100%; background: url(../../Img/images/pop-right.png) no-repeat right center; background-size: 1.7em auto; cursor: pointer; } @media screen and (max-width: 991px){ .pop-swp-box .pop-close{ right: -3.25em; top: -54px; z-index: 50; } } @media screen and (max-width: 767px){ .gcal-swh{ margin-top: 0.38rem; } .gcal-swh .item a{ font-size: 0.17rem; line-height: 0.44rem; } .gcal-list{ margin: 0.2rem -4px 0; } .gcal-list .item{ padding: 0 4px; margin-bottom: 8px; } .gcal-list .item .txtbg{ padding: 0 0.15rem; height: 0.4rem; } .gcal-list .item .txtbg .ttit{ font-size: 0.16rem; line-height: 0.35rem; height: 0.35rem; } .gcal-list .item .txtbg .ttxt{ font-size: 0.15rem; line-height: 0.24rem; height: 0.72rem; } .gcal-list .item .txtbg:hover{ height: 0.4rem; } .pop-swp-box .pop-content{ padding: 0 0.23rem; } .pop-swp-box .pop-prev{ display: none; } .pop-swp-box .pop-next{ display: none; } .pop-swp-box .pop-close{ right: 0; top: -0.45rem; width: 0.35rem; height: 0.35rem; background-size: 0.35rem; } } .xhb-list{ overflow: hidden; margin: 3.5em -0.5em 0; } .xhb-list .item{ overflow: hidden; box-sizing: border-box; padding: 0 0.5em; margin-bottom: 1em; float: left; width: 50%; } .xhb-list .item a{ display: block; position: relative; padding: 18px 4em 20px 1.4em; background-color: #f2f2f2; color: #222; } .xhb-list .item .time{ font-size: 14px; line-height: 22px; opacity: 0.5; } .xhb-list .item .text{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-top: 6px; } .xhb-list .item .icon{ position: absolute; right: 2em; bottom: 22px; width: 22px; height: 22px; background: url(../../Img/images/pdf.png) no-repeat center; background-size: contain; } .xhb-list .item:hover a{ color: #fff; background-color: #b50100; } .xhb-list .item:hover .icon{ background: url(../../Img/images/pdf1.png) no-repeat center; background-size: contain; } @media screen and (max-width: 767px){ .xhb-list{ margin-top: 0.38rem; } .xhb-list .item{ width: 100%; margin-bottom: 0.1rem; } } #page{ height: auto; } #page a{ display: inline-block; min-width: 0.2rem; padding: 0 0.05rem; height: 0.3rem; line-height: 0.3rem; background: #fff; font-size: 0.14rem; font-family: Arial, Helvetica, sans-serif; color: #707070; margin: 2px; border: solid 1px #7e7e7e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #page a.now, #page a:hover{ background: #444; border: solid 1px #444; color: #fff; } #news .main2{ min-height: 450px; } .nodata{ font-size: 1em; line-height: 2em; padding-top: 1em; } @media screen and (max-width: 767px){ #news .main2{ min-height: 300px; } } #works .grid .text0{ text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 15px; height: 45px; } #works .grid .text0 h3{ height: 1.2em; overflow: hidden; margin: 0; } #works .grid .text0 h4{ margin: 10px 0 0; text-align: center; display: none; } #works .grid .text0 .s1{ display: none; } #works .grid .text0 .s2{ margin-left: 0; } .pop-tvspot-map{ width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; } @media screen and (min-width: 768px){ .pop-tvspot-map{ display: none !important; } } .pop-tvspot-map .pop-box { width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 1020; } .pop-tvspot-map.has-open .pop-inner { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .pop-tvspot-map .pop-zhe { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); display: block; position: absolute; left: 0; top: 0; z-index: 1021; } .pop-tvspot-map .pop-inner { width: 90%; max-width: 25em; display: none; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -70%); -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); transition: transform 0.3s; -webkit-transition: transform 0.3s; background: #fff; z-index: 1030; -webkit-overflow-scrolling: touch; } .pop-tvspot-map .pop-inner::-webkit-scrollbar { width: 3px; background: transparent; } .pop-tvspot-map .pop-inner::-webkit-scrollbar-track { border-radius: 3px; background: transparent; } .pop-tvspot-map .pop-inner::-webkit-scrollbar-thumb { width: 3px; border-radius: 3px; background: #e5e5e5; } .pop-tvspot-map .pop-bd { background: #fff; overflow: hidden; overflow-y: auto; padding: 0 7%; margin: 0 0.8%; -webkit-overflow-scrolling: touch; position: relative; z-index: 1032; } .pop-tvspot-map .pop-bd::-webkit-scrollbar { width: 5px; background: #fff; } .pop-tvspot-map .pop-bd::-webkit-scrollbar-track { border-radius: 3px; background: #fff; } .pop-tvspot-map .pop-bd::-webkit-scrollbar-thumb { width: 5px; border-radius: 3px; background: #e5e5e5; } .pop-tvspot-map .pop-close { width: 1.875em; height: 1.875em; display: block; overflow: hidden; background: #b50100 url(../../Img/images/close-btn2-1.png) no-repeat right center; background-size: 1.375em auto; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1040; } .pop-tvspot-map { background: rgba(0,0,0,0.8); z-index: 100000000; } .pop-tvspot-map .map-box { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1030; } .pop-tvspot-map .map-box img { display: block; } .pop-tvspot-map .map-tips { display: block; position: absolute; right: 5px; bottom: 5px; z-index: 1040; font-size: 0.875em; line-height: 1.286em; color: #fff; } .pop-tvspot-map .map-tips .item { width: 3.4em; height: 3.4em; display: block; background: #b50100; text-align: center; margin-bottom: 1px; box-sizing: border-box; } .pop-tvspot-map .map-tips img { width: 100%; max-width: 100%; display: block; } .pop-tvspot-map .map-tips .txt { padding: 0.4em 0.5em; } .pop-tvspot-map .pop-close { background-position: center center; position: fixed; right: 0.875em; top: 0.875em; z-index: 1040; } .xhxcpbox{ overflow: hidden; margin: 0 auto; max-width: 990px; position: relative; } .xhxcpbox .adjust{ margin: 0 !important; width: 100%; opacity: 0; } .xhxcpbox .video-js { width: 100% !important; height: 100% !important; display: block; overflow: hidden; position: absolute !important; left: 0; top: 0; z-index: 20; } /*6.28*/ .group-box-honor{ margin-top: 2em; } .group-box-honor li{ padding: 30px 2%; } .group-box-honor li .item-box{ padding-top: 0; } .group-box-honor li .item-txt1{ margin: 0; font-size: 20px; } @media screen and (max-width: 767px){ .group-box-honor li { padding: 0.2rem 0; border-bottom: 0.02rem solid #e5e5e5; } .group-box-honor li .item-txt1 { font-size: 0.2rem; line-height: 0.27rem; height: 0.27rem; } } .pop-video-box{ position: fixed; background: rgba(0,0,0,0.6); z-index: 30000000; width: 100%; height: 100%; top: 0; left: 0; display: none; } .pop-video-box > div{ box-sizing: border-box; } .pop-video-box .pop-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -5; } .pop-video-box .pop-header{ width: 100%; padding: 2.5em 2.8em 1em 3.6em; position: relative; max-width: 49.5em; margin: 0 auto; } .pop-video-box .pop-close{ width: 40px; height: 40px; display: block; background: url(../../Img/images/close_05w.png) no-repeat center center; background-size: contain; position: absolute; right: 0; top: 2.5em; margin-top: -20px; cursor: pointer; } .pop-video-box .pop-content{ width: 100%; max-width: 49.5em; padding: 1.5em 0 3.75em 2.5em; margin: 0 auto; } .pop-video-box .video-box{ width: 100%; position: relative; margin: 0 auto; } .pop-video-box .video-box .video-js { width: 100% !important; height: 100% !important; display: block; overflow: hidden; position: absolute !important; left: 0; top: 0; z-index: 20; } .video-box .adjust { width: 100%; max-width: 100%; display: block; } @media (max-width: 991.98px) { .pop-video-box .pop-header { padding: 0.13rem 0.18rem; } .pop-video-box .pop-close { width: 0.66rem; height: 0.66rem; right: 0; top: 50%; margin-top: -0.33rem; background-size: 0.3rem auto; } .pop-video-box .pop-content { padding: 0.3rem 0.18rem 0.5rem; } .pop-video-box{ padding-top: 1rem; } } .xhvdlist{ overflow: hidden; margin: 0 -5px; } .xhvdlist .item-li{ float: left; width: 33.333%; margin-bottom: 10px; } .xhvdlist .item-li .libox{ padding: 0 5px; } .xhvdlist .item-li .libox .imgs{ position: relative; overflow: hidden; height: 230px; background-repeat: no-repeat; background-position: center; background-size: cover; } .xhvdlist .item-li .libox h3{ height: 45px; overflow: hidden; font-size: 16px; line-height: 45px; color: #474747; text-align: center; } .xhvdlist .item-li .libox .play{ position: absolute; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; background: rgba(0,0,0,0.3) url(../../Img/images/video_play.png) no-repeat center; background-size: 50px; transition: all .5s; } @media screen and (max-width: 767px){ .xhxcpbox, .xhvdlist{ margin-top: 0.3rem; } .xhvdlist .item-li{ width: 100%; } .xhvdlist .item-li .libox .imgs{ height: 2rem; } .xhvdlist .item-li .libox .play{ top: 0; background: url(../../Img/images/video_play.png) no-repeat center; background-size: 0.5rem; } .xhvdlist .item-li .libox h3{ font-size: 0.18rem; line-height: 0.45rem; height: 0.45rem; } } .deovhd{ margin-top: 2.25em; overflow: hidden; } .deovhd #demo, .deovhd #demo3{ width: 100%; overflow: hidden; } .deovhd #indemo, .deovhd #indemo3{ display: none; float: left; width: 100%; } .deovhd #indemo.showli, .deovhd #indemo3.showli{ display: none; float: left; width: 3000%; } .deovhd #demo1, .deovhd #demo2, .deovhd #demo4, .deovhd #demo5{ float: left; } .deovhd .swiper-slide{ width: calc((100% - 20px)/3); position: relative; float: left; margin-right: 10px; } .deovhd .showli .swiper-slide{ width: 458px; } .deovhd .swiper-slide .imgbg{ height: 340px; background-repeat: no-repeat; background-position: center; background-size: cover; } .deovhd .swiper-slide h3{ position: absolute; left: 0; bottom: 0; height: 50px; background: url(../../Img/images/black65.png) center center repeat; line-height: 50px; text-align: center; color: #fff; font-size: 16px; width: 100%; overflow: hidden; } #demo{ display: block; } #demo3{ display: none; } @media screen and (max-width: 767px){ #demo{ display: none; } #demo3{ display: block; } .deovhd .swiper-slide{ width: calc((100% - 20px)/2); } .deovhd .showli .swiper-slide{ width: 190px; } .deovhd .swiper-slide .imgbg{ height: 1.5rem; background-repeat: no-repeat; background-position: center; background-size: cover; } .deovhd .swiper-slide h3{ overflow: hidden; font-size: 0.16rem; line-height: 0.4rem; height: 0.4rem; } } .morepage{ font-size: 14px; color: #474747; width: 188px; height: 43px; border: solid 1px #a7a7a7; text-align: center; line-height: 43px; display: block; margin: 30px auto 0; cursor: pointer; } .morepage:hover{ color: #fff; background: #b50100; border: none; width: 190px; height: 45px; line-height: 45px; } @media screen and (max-width: 767px){ .morepage{ width: 108px; height: 33px; line-height: 33px; margin: 20px auto 0; cursor: pointer; } .morepage:hover{ color: #fff; background: #b50100; border: none; width: 110px; height: 35px; line-height: 35px; } }