body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif } body { color: #555; min-width: 1000px } input:focus,textarea:focus { outline: none } h1,h2,h3,h4,h5,h6 { font-size: 100% } a { color: #555; text-decoration: none; cursor: pointer } a:hover { text-decoration: none } img { max-width: 100%; height: auto; vertical-align: bottom; -ms-interpolation-mode: bicubic; border: 0 } i,em { font-style: normal } li { list-style: none } button,input,select,textarea { font-size: 100% } .clearfix:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both } .wrap { width: 1560px; margin: 0 auto; overflow: hidden } .wrap1 { width: 1560px; margin: 0 auto; position: relative; z-index: 1 } .banner img { width: 100%; text-align: center; display: block; height: auto } .l { float: left } .r { float: right } .head { width: 100%; background: #131e2d; height: 72px } .head-nav { width: 90%; margin: 0 auto } .head-nav .logo { display: block; float: left; width: 20%; margin-top: 10px } .head-nav ul { float: left; width: 60%; line-height: 72px } .head-nav ul li { float: left; width: 14%; text-align: center } .head-nav ul li a { color: #fff; font-size: 16px; display: block } .head-nav ul li a .down { display: inline-block; width: 20px; height: 20px; background: url(/images/down.png) center center no-repeat; vertical-align: middle; margin-left: 5% } .head-nav ul .fw { position: relative } .head-nav ul li .xl { display: none; position: absolute; width: 100%; top: 100%; left: 0; background-color: #f5f5f5; z-index: 21 } .head-nav ul li .xl p { font-size: 16px; border-bottom: 1px solid #efefef; line-height: 38px } .head-nav ul li .xl p a { display: block; color: #666; text-align: center; font-weight: normal } .head-nav .tel { display: block; float: right; line-height: 72px; width: 20% } .head-nav .tel img { vertical-align: middle } .head2 { width: 100%; background: #131e2d; height: 72px } .head2-nav .logo { display: block; float: left; width: 28%; margin-top: 5px } .head2-nav ul { float: right; width: 71%; line-height: 72px } .head2-nav ul li { float: left; width: 14%; text-align: center } .head2-nav ul li.active { color: #e6221a } .head2-nav ul li a { color: #fff; font-size: 16px; display: block } .head2-nav ul li a .down { display: inline-block; width: 20px; height: 20px; background: url(/images/down.png) center center no-repeat; vertical-align: middle; margin-left: 5% } .head2-nav ul .fw { position: relative } .head2-nav ul li .xl { display: none; position: absolute; width: 100%; top: 100%; left: 0; background-color: #f5f5f5; z-index: 21 } .head2-nav ul li .xl p { font-size: 16px; border-bottom: 1px solid #efefef; line-height: 38px } .head2-nav ul li .xl p a { display: block; color: #666; text-align: center; font-weight: normal } .head2-nav .tel { display: block; float: right; line-height: 72px; width: 20% } .head2-nav .tel img { vertical-align: middle } .copyrights { width: 100%; padding: 10px 0 10px 0; float: left; background: #15181E; color: #4d5560; font-size: 14px } .copyrights a { color: #4d5560 } .copyrights a:hover { color: #FFF; text-decoration: none } .copyright_links { float: right } .copyright_links li { display: inline; float: left; padding: 0 10px } .one-half { width: 60%; float: left } .inner_wrap { margin: 0 auto; overflow: hidden } .about-sub-title { position: relative; margin-bottom: 15px; text-align: center } .about-sub-title h2 { position: absolute; left: 0; bottom: 23px; width: 100%; font-size: 42px; font-weight: 600; line-height: 1; color: #07284E } .tit-en { font-family: Arial; font-weight: bold; line-height: 1; color: #eff2f9; text-transform: uppercase; text-indent: -99999; background: url(/images/hongxing.png) center center no-repeat } .ab-txt { text-indent: 2em; color: #666; font-size: 16px; line-height: 32px; margin-bottom: 50px } .changqu { margin-bottom: 50px; overflow: hidden } .changqu li { width: 30.333%; margin: 0 1.5%; background-color: #f0f3fa; position: relative; overflow: hidden; cursor: pointer; float: left } .changqu .box_top .tit { font-size: 18px; color: #07284E; text-align: center; line-height: 80px; height: 80px } .changqu .innerbox { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; background: #ffd900; text-align: center; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease } .changqu .innerbox .c_icon { display: block; padding-top: 20%; margin: 0 auto } .changqu .innerbox:hover img { transform: scale(1); -webkit-transform: scale(1) } .changqu li:hover .innerbox { top: 0; opacity: 1 } .changqu li:hover .innerbox .c_icon { transform: rotateY(-180deg); transition-delay: .2s } .opc0 { max-width: 1920px; margin: 0 auto; overflow: hidden } .about-pro { width: 100%; margin: 0 auto; margin-top: 50px; overflow: hidden } .about-pro h2 { font-size: 36px; color: #07284E; font-weight: 600; line-height: 72px; display: block; text-align: center; margin: 0 auto } .about-pro .line { margin: 0 auto; height: 3px; width: 110px; background: #fc0; margin-bottom: 10px } .about-pro p { line-height: 65px; color: #666; font-size: 18px; margin-bottom: 15px } .about-bg { background: url(/images/about_pro.jpg) 50%; background-size: cover; padding: 50px 0; height: 670px } .about-bg .slider { overflow: hidden; padding-bottom: 50px; width: 65% } .about-bg .about-bg-box { width: 65%; margin-bottom: 30px } .about-bg p { color: #f5f5f5; line-height: 38px; margin-top: 40px } .about-bg ul { width: 45%; padding: 40px 0 0 0 } .about-bg .slick-dots { width: 100%; z-index: 1; bottom: 0 } .int-content-three { margin-top: 200px; margin-bottom: 70px } .event_box { position: relative; min-height: 360px } .fz-bg { position: absolute; left: 5%; top: -28%; z-index: 10 } .event_box .parhd { width: 100%; display: inline-block; height: 92px; overflow: hidden; margin-top: 70px } .parhd ul { text-align: center; margin: 0 auto; padding-top: 25px !important } .parhd .tempWrap { margin: 0 auto; width: 100% } .parhd .tempWrap:after { content: ''; width: 100%; height: 1px; background: #C7D1E9; position: absolute; right: 0; top: 35%; z-index: 10 } .parhd li.no_line:before { display: none } .parhd li { display: inline-block; cursor: pointer; padding-top: 30px; font-size: 20px; color: #555; margin: 0 30px; position: relative } .parhd li:after { content: ''; background: #fff; width: 20px; height: 20px; border-radius: 50%; position: absolute; z-index: 20; top: -8px; left: 50%; margin-left: -12px; border: 2px solid #E9EDF6 } .parhd .act:after { background: #ed1c24; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #E9EDF6 } .parbd .slidebox .slidebox-left { width: 40%; float: left } .parbd .slidebox .slidebox-right { max-height: 400px; width: 60%; float: right } .parbd h4 { position: relative; font-size: 120px; margin-bottom: 3%; padding: 45px 5% 0; display: inline-block; color: #E9EDF6; margin-left: 8%; font-weight: 600 } .parbd p { line-height: 36px; font-size: 16px; width: 70%; color: #555; margin: 0 auto } div#listBox { width: 100% } .sprev,.snext { width: 40px; height: 40px; display: block; position: absolute; bottom: 50px } .sprev { left: 5% } .snext { right: 5% } .sprev img,.snext img { transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -moz-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -o-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95) } .int-content-four { background-size: 100% 100%; color: #fff } .int-content-four h2 { text-align: center; font-size: 50px; padding: 50px 0 } .int-content-four p { font-size: 16px; line-height: 30px; text-align: center; padding-bottom: 100px } .about-xz { margin-top: 50px; background: #252A33; padding: 50px 5% } .about-xz h2 { text-align: center; font-size: 36px; color: #fff; font-weight: 600 } .about-xz p { font-size: 18px; color: #a0a0a0; line-height: 36px; text-align: center; margin-bottom: 20px } .about-xz li { width: 13%; float: left; margin: 15px 0.6% } .pgwSlideshow .tt { font-size: 42px; line-height: 48px; font-weight: bold; color: #333; margin: 20px auto 50px; text-align: center } .pgwSlideshow { padding-top: 130px; margin: 0 auto } .pgwSlideshow img { text-align: center; margin: 0 auto; display: block } .case-one { width: 100%; height: 120px; padding: 50px 0; background: #f0f3fa; margin: 50px auto } .box { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .case-one .pdlt { width: 70%; float: left } .case_tit { font-size: 30px; margin-bottom: 20px } .case-one .pdrt { width: 25%; float: right; text-align: right } .case-one .pdrt .txt { font-size: 18px; line-height: 12px; margin: 10px 0 } .case-one .pdrt .num { font-size: 36px; font-weight: bold; color: #e60d02 } .case-one .pdrt a { display: inline-block; width: 40%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; background: #e6221a; border-radius: 5px; margin-top: 10px } .case-one .pdrt a:hover { background: #0c5f95 } .case-one .pdlt .sp0 { background: url(/images/ico_1.png) 3px center no-repeat; padding-left: 40px; width: 50% } .case-one .pdlt .sp1 { background: url(/images/ico_2.png) 3px center no-repeat; width: 50%; padding-left: 40px; float: left } .case-one .pdlt .sp2 { background: url(/images/ico_3.png) 3px center no-repeat; width: 100%; padding-left: 40px; margin-top: 15px; display: block } .case-two { margin-bottom: 50px } .case-two h2 { text-align: center; font-size: 42px; color: #333; line-height: 60px; font-weight: 600 } .case-two-tit { text-align: center; font-size: 16px; color: #666; line-height: 32px; width: 75%; margin: 0 auto 30px } .case-two ul li { width: 20%; float: left; text-align: center; margin-left: 4% } .case-two ul li a { display: block; overflow: hidden } .case-two ul li a img { -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; display: block; width: 100% } .case-two ul li a img:hover { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .case-two ul li h4 { display: block; border: 1px solid #666; margin-top: 30px } .case-two ul li h4 a { font-size: 16px; line-height: 54px; height: 54px; display: block } .case-two ul li:hover h4 { border: 1px solid #e6221a; background: #e6221a; transition: all 1s ease } .case-two ul li:hover h4 a { color: #fff; transition: all 1s ease } .case-three,.case-five { background: #f0f3fa; padding: 50px 10% } .case-three { line-height: 30px } .case-three h3 { margin: 20px 0; font-size: 32px; color: #333 } .case-three-l { float: left; width: 50% } .case-three-l h3 { font-size: 36px; color: #333; font-weight: 600 } .case-three-l p { font-size: 16px; color: #666; line-height: 32px; text-indent: 2em; margin-top: 30px } .case-three-r { float: right; width: 40% } .case-four,.case-six { margin: 50px auto } .case-four h3 { text-align: center; font-size: 36px; font-weight: 600; color: #333 } .case-four-tit { text-align: center; font-size: 16px; color: #666; line-height: 32px; margin: 10px auto } .case-four ul { width: 100%; margin: 0 auto 20px; overflow: hidden } .case-four li { width: 22%; float: left; margin-right: 3% } .case-four li a { display: block; width: 100%; text-align: center; line-height: 21px; padding-top: 20px; font-size: 14px; color: #9a9a9a } .case-four li b { display: block; font-size: 18px; font-weight: normal; font-family: "微软雅黑"; margin-bottom: 5px; margin-top: 20px; color: #242424 } .case-four-ico { display: inline-block; width: 145px; height: 145px; vertical-align: middle; background: url(/images/sy_15.png) no-repeat #fff; margin: 0 0.3em; box-shadow: 2px 0 20px rgba(21,53,129,0.2); border-radius: 50% } .case-four-ico_2 { background-position: -145px 0 } .case-four-ico_3 { background-position: -290px 0 } .case-four-ico_4 { background-position: -435px 0 } .case-four li:hover .case-four-ico { background-position: 0 -145px } .case-four li:hover .case-four-ico_2 { background-position: -145px -145px } .case-four li:hover .case-four-ico_3 { background-position: -290px -145px } .case-four li:hover .case-four-ico_4 { background-position: -435px -145px } .case-five-l { float: left; width: 12%; text-align: center } .case-five-l span { background: linear-gradient(#D5E1FC, #A6B6E2); border-radius: 50%; display: block } .case-five-l img { width: 100%; border-radius: 50% } .case-five-l strong { text-align: center; font-size: 18px; color: #333; font-weight: 600; line-height: 42px } .case-five-r { float: right; width: 80%; background: url(/images/yinhao.png) no-repeat right top } .case-five-r h4 { font-size: 30px; color: #333; font-weight: 600; line-height: 60px } .case-five-r p { font-size: 16px; color: #666; line-height: 32px; text-indent: 2em; margin-top: 15px; margin-bottom: 20px } .case-five-r a { height: 50px; line-height: 50px; width: 40%; margin: 3px 1.5%; *margin: 3px 1.3%; float: left; font-size: 20px; text-align: center; border-radius: 30px } .case-five-r .zixun { background: #e6221a; color: #fff } .case-five-r .tel { background: #38425a; color: #fff } .case-six h3 { text-align: center; font-size: 36px; font-weight: 600; color: #333 } .case-six-tit { text-align: center; font-size: 16px; color: #666; line-height: 32px; margin: 10px auto } .case-six ul { margin: 30px 0 } .case-six li { float: left; width: 22%; margin: 0 1.5% } .case-six li a { display: block } .case-six li img { width: 100% } .case-six li h4 { font-size: 16px; color: #333; text-align: center; margin: 15px auto; line-height: 24px } .case-six li h4 a { color: #333 } .case-six li:hover img { filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7 } .case-six li:hover h4 a { color: #FF3F3C } .nav-bar { border-bottom: #d5ddf0 1px solid; background: #f4f6fa; color: #666; font-size: 14px; height: 45px; line-height: 45px } .nav-bar .left { float: left; display: inline-block } .nav-bar .right { float: right; margin-right: 40px } .nav-bar .right a { background: url(/images/pro_ico.png) left 7px no-repeat; margin-left: 15px; overflow: hidden; height: 15px; line-height: 15px; padding-left: 15px } .pro-l { float: left; width: 53%; margin-top: 60px; margin-bottom: 80px; position: relative } .pro-l .three-d { width: 20%; border-radius: 50%; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); position: absolute; left: 0; bottom: -5%; float: left; overflow: hidden } .pro-l .pro-bot { float: right; width: 78%; margin-top: 3%; margin-left: -4% } .pro-l .pro-bot p { display: block; margin-left: 4%; float: left; font-size: 14px; color: #2d2d2d } .pro-l .pro-bot i { display: inline-block; width: 18px; height: 18px; vertical-align: middle } .pro-l .pro-bot span { font-size: 22px; color: #f20d01 } .pro-r { float: right; width: 42%; margin-top: 55px } .pro-r h1 { font-size: 40px; line-height: 45px; font-weight: 500; color: #010101 } .pro-r .ys { font-size: 14px; margin-top: 12px; color: #ff5000; line-height: 24px; background: #FEEDE8; border-radius: 0 40px 0 0; padding: 20px } .pro-r .ys span { display: inline-block; border-radius: 10px 0; background: #3d3d3d; color: #FEF197; margin-right: 10px; padding: 2px 5px; line-height: 18px; font-size: 12px } .pro-r .pro_shuxing { margin-top: 30px } .pro-r .pro_shuxing p { line-height: 26px; font-size: 14px; color: #666 } .pro-r .pro_shuxing p strong { font-size: 16px; font-weight: normal; line-height: 26px } .pro-r .ptop { padding: 20px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; overflow: hidden; margin-bottom: 20px } .pro-r .ptop p { width: 20.2%; float: left; border-right: 1px solid #eaeaea; margin-right: 5% } .pro-r .ptop p:nth-child(1) { background: url(/images/proicon2.png) left 3px no-repeat; padding-left: 8% } .pro-r .ptop p:nth-child(2) { background: url(/images/proicon1.png) left 3px no-repeat; padding-left: 8% } .pro-r .ptop p:nth-child(3) { background: url(/images/proicon3.png) left 3px no-repeat; padding-left: 8% } .pro-r .ptop p:last-child { border: none } .pro-r .ptop p span { font-size: 16px; font-weight: 600; display: block; color: #2d2d2d } .pro-r .pm { margin-bottom: 10px } .pro-r .pm strong { float: left; width: 16% } .pro-r .pm span { float: left; width: 83%; display: block; line-height: 30px; color: #666 } .pro-r .baojia { margin: 40px 0 } .pro-r .baojia .get-price { height: 55px; line-height: 55px; text-align: center; border-radius: 5px; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f20d01), to(#ff461f)); background: -webkit-gradient(linear, left top, right top, from(#f20d01), to(#ff461f)); background: -webkit-linear-gradient(top, #f20d01, #ff461f); background: linear-gradient(90deg, #f20d01, #ff461f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f20d01, endColorstr = #ff461f); display: block; width: 42%; cursor: pointer; float: left; font-size: 22px; color: #fff } .pro-r .baojia .pro-tel { font-size: 20px; float: right; width: 50%; background: url(../images/pro_t.png) no-repeat left 6px } .pro-r .baojia .pro-tel p { font-size: 14px; padding-left: 17% } .pro-r .baojia .pro-tel a { color: #eb0001; font-size: 32px; font-weight: 600; padding-left: 17% } .cont-nav { background: #f6f6f6; margin: 50px auto } .leave { position: fixed; width: 100%; left: 0; top: 0; background-color: #f6f6f6; z-index: 100; margin-top: 0; border-bottom: #f1f1f1 1px solid; border-top: #f1f1f1 1px solid } .cont-nav li { position: relative; width: 25%; float: left; text-align: center; border-right: 4px solid #fff; margin-left: -4px } .cont-nav li i { display: block; width: 30px; height: 30px; background: url(/images/pd_ico.png) no-repeat; margin: 0 auto } .cont-nav li .icon_1 { background-position: 0px 0px } .cont-nav li .icon_2 { background-position: -30px } .cont-nav li .icon_3 { background-position: -60px } .cont-nav li .icon_4 { background-position: -90px } .cont-nav .on { background: #424355 } .cont-nav .on a { color: #fff } .cont-nav li a { color: #333; font-size: 18px; line-height: 28px; display: block; padding: 15px 0 } .cont-nav .on:after { content: ""; width: 0; height: 0; overflow: hidden; border-color: #424355 transparent transparent; border-style: solid dashed dashed; border-width: 10px; position: absolute; left: 50%; margin-left: -10px; bottom: -20px } .one-l { float: left; width: 65% } .one-l h3 { font-size: 28px; font-weight: 500; margin-bottom: 20px; text-indent: 0; line-height: 36px; color: #303030 } .one-l p,.three-r p { text-indent: 30px; font-size: 15px; margin: 15px 0; line-height: 32px; color: #555 } .one-r { float: right; width: 30% } .pro-four { margin-top: 60px } .pro-two h2,.pro-three h2,.pro-four h2 { text-align: center; background: url(/images/line.png) no-repeat center bottom; padding-bottom: 25px; margin: 0 auto 30px; font-size: 38px; color: #07284E; font-weight: 600 } .pro-two li { float: left; width: 22%; margin: 0 1.5% 2%; background-color: #fff; cursor: pointer; position: relative; overflow: hidden; opacity: .99; -webkit-transition: all .8s; transition: all .8s; display: block; background: #f8f8f8; color: #555 } .pro-two li:before { content: ''; background-color: #ffcd11; width: 120%; height: 120%; position: absolute; top: -120%; left: -120%; -webkit-transition: all .8s; transition: all .8s; border-bottom-right-radius: 50% } .pro-two li i { -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background: #ffcd11 url(/images/zh_icos.png) no-repeat -5px; width: 60px; height: 60px; margin-bottom: 10px; border-bottom-right-radius: 1560px; position: relative } .pro-two li h3 { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 10px; position: relative } .pro-two li h4 { text-align: center; font-weight: 500; margin: 0 8% 10%; font-size: 14px; line-height: 28px; position: relative } .pro-two li:hover:before { top: 0; left: 0 } .pro-two li:hover { color: #fff; -webkit-transition: all .8s; transition: all .8s } .pro-two li:hover i { background: #07284E url(/images/zh_icos.png) no-repeat -5px } .pro-three { margin-top: 50px } .three-l { float: left; width: 30% } .three-r { float: right; width: 65% } .pro-five { margin: 30px auto } .pro-five h2 { font-size: 38px; color: #07284E; font-weight: 600; margin: 30px auto } .pro-five ul { margin-left: -2%; padding-bottom: 20px } .pro-five ul li { float: left; width: 22%; margin: 0 1.5%; *margin: 0 1%; transition: all .3s ease; position: relative; display: block; overflow: hidden } .pro-five li img { width: 100%; height: auto } .pro-five ul li a { display: block; float: left; width: 100% } .pro-five ul li i { display: block; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg) } .pro-five ul li a:hover i { transition: all .3s ease; left: 100% } .pro-five li h4 { font-size: 16px; font-weight: 500; text-align: center; line-height: 34px } .pro-five a:link,.pro-five a:active,.pro-five a:visited,.pro-five a:hover { background: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } .pro-five ul li:hover { transition: all .3s ease; transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,0.5); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.5); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.5) } .pro-five li .five-js { line-height: 25px; display: none; width: 52%; float: right; padding: 3% 2% 4% 5%; min-height: 152px; background: #f4f4f4; overflow: hidden } .pro-five li:hover .five-js { background: #ff2d11; color: #fff } .pro-five li .five-js p { margin-bottom: 3px; font-size: 14px } .num_list { margin-top: 60px } .num_list li { width: 23%; height: 141px; overflow: hidden; float: left; background: #f4f4f4; margin: 0 1%; box-sizing: border-box; text-align: left } .num_list li ._conadv { padding: 5%; position: relative } .num_list li i { background: url(/images/brand_num.png) no-repeat 0 0; display: inline-block; width: 80px; height: 100px } .num_list .li2 i { background-position: -115px 0 } .num_list .li3 i { background-position: -230px 0 } .num_list .li4 i { background-position: -345px 0 } .num_list .li5 i { background-position: -460px 0 } .num_list li ._txt { position: absolute; left: 30%; top: 0; font-size: 18px; width: 85%; color: #333; padding-top: 17% } .ser-one,.ser-two,.ser-three,.ser-four { margin-top: 80px } .ser-one h1,.ser-two h2,.ser-three h2,.ser-four h2 { font-size: 38px; color: #07284E; font-weight: 600; line-height: 60px; text-align: center } .ser-txt { font-size: 16px; color: #666; text-align: center; margin: 10px auto 30px } .ser-one ul li { float: left; width: 22% !important; width: 21%; margin: 0 1.5%; text-align: center } .ser-one ul li img { width: 100%; height: auto } .ser-one ul li div { background: #f5f9ff; padding: 15px 0 } .ser-one ul li h3 { display: block; color: #eb0001; font-size: 36px; font-weight: 600 } .ser-one ul li h3 span { font-size: 16px } .ser-one ul li p { font-size: 14px; color: #666 } .ser-two { max-width: 1920px; margin: 40px auto 0; overflow: hidden } .ser-two ul { margin-left: -2% } .ser-two ul li { float: left; width: 49% !important; width: 48%; position: relative; margin-left: 1% } .ser-two ul li img { width: 100%; height: auto } .ser-two ul li div { position: absolute; left: 5%; bottom: 20px; background: url(/images/white_bg.png) repeat; padding: 3%; width: 40% } .ser-two ul li h4 { font-size: 30px; color: #07284E; font-weight: 600; margin-bottom: 15px } .ser-two ul li p { font-size: 16px; color: #666; line-height: 32px } .ser-two ul li p a { color: #ff2d11; font-size: 28px; font-weight: 600 } .item1 { margin-left: -2% } .item1 li { position: relative; float: left; width: 18%; *width: 17%; margin-left: 2%; overflow: hidden; cursor: pointer } .item1 li img { width: 100%; height: auto } .item1 div { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; background: url(/images/demo02.png); color: #FFF; overflow: hidden } .item1 p { display: none; margin: 5px auto 0; line-height: 20px; font-size: 14px; text-align: center } .item1 h3 { font-size: 18px; line-height: 50px } .item1 li:hover h3 { margin-top: 50px; font-size: 24px; font-weight: 600 } .ser-four { margin-bottom: 80px; overflow: hidden } .ser-four-l { float: left; width: 30%; margin-right: 2% } .ser-four-l h4 a { color: #07284E } .ser-four-l h4,.ser-four-r h4 { font-size: 32px; color: #07284E; line-height: 80px; font-weight: bold } .ser-four-l .text { background: url(/images/ser_icon1.png) left center no-repeat; padding-left: 15% } .ser-four-r .text1 { background: url(/images/ser_icon2.png) left center no-repeat; padding-left: 15% } .ser-four-r .text2 { background: url(/images/ser_icon3.png) left center no-repeat; padding-left: 15% } .ser-four-l .fu { font-size: 14px; color: #727171; margin-bottom: 20px; line-height: 28px; height: 80px; overflow: hidden } .ser-four-l .four-a { display: block; padding: 40px 10%; background: #ffcd11 } .ser-four-l .four-a p,.ser-four-r p { color: #666; line-height: 28px; font-size: 14px } .ser-four-r { float: left; width: 65% } .ser-four-r .img-box { position: relative } .ser-four-r .img-box>img { max-width: none; width: 1150px } .ser-four-r ul { position: absolute; top: 180px; left: 0; width: 100% } .ser-four-r ul li { float: left; width: 48%; margin-right: 2% } .ser-four-r ul li a { padding: 40px 8%; display: block; background: url(/images/white_bg.png) repeat } .ser-four-r ul li:hover a { background: #ffcd11 } .gaide-banner { position: relative } .gaide-banner .gaide-lc { position: absolute; top: 200px; color: #fff } .gaide-lc h1 { font-size: 36px; text-align: center; line-height: 50px; margin-bottom: 15px; font-weight: 600 } .gaide-lc .text { font-size: 14px; text-align: center; line-height: 32px; margin: 0 20% } .gaide-lc ul { text-align: center; margin-top: 70px } .gaide-lc ul li { float: left; width: 20%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .gaide-lc ul .ico { display: block; height: 70px; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; overflow: hidden } .gaide-lc ul .con strong { font-size: 16px; color: #fff; display: block; line-height: 40px; margin-bottom: 38px; font-weight: normal } .gaide-lc ul .con span { font-size: 36px; color: #fff; line-height: 46px } .gaide-lc ul .con p { font-size: 14px; color: #f27823; line-height: 32px; overflow: hidden; position: absolute; right: -100%; width: 50%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; top: 35px; opacity: 0; filter: alpha(opacity=0) } .gaide-lc ul .item { text-align: center; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .gaide-lc ul li:last-child .con { border: none } .gaide-lc ul .con .ico1 { background-image: url(/images/gaide_1.png) } .gaide-lc ul .con .ico2 { background-image: url(/images/gaide_2.png) } .gaide-lc ul .con .ico3 { background-image: url(/images/gaide_3.png) } .gaide-lc ul .con .ico4 { background-image: url(/images/gaide_4.png) } .gaide-lc ul .con .ico5 { background-image: url(/images/gaide_5.png) } .gaide-lc ul .con { border-right: 1px solid #999; overflow: hidden; position: relative } .gaide-lc ul .open .item { float: left; margin: 0 20px } .gaide-lc ul .open p { right: 5px; opacity: 1; filter: alpha(opacity=100) } .gaide-lc ul .open .ico1 { background-image: url(/images/s-ico5.png) } .gaide-lc ul .open .ico2 { background-image: url(/images/s-ico6.png) } .gaide-lc ul .open .ico3 { background-image: url(/images/s-ico7.png) } .gaide-lc ul .open .ico4 { background-image: url(/images/s-ico8.png) } .gaide-lc ul .open .ico5 { background-image: url(/images/s-ico9.png) } .gaide-lc ul .open span { color: #f27823 } .gaide-lc ul .open strong { color: #f27823 } .gaide-one { margin: 50px auto } .gaide-one .left { float: left; width: 50% } .gaide-one .right { float: right; width: 45% } .gaide-one .right h3,.gaide-two .left h3 { font-size: 32px; font-weight: 600; color: #07284E; margin: 50px 0 } .gaide-one .right p,.gaide-two .left p { font-size: 14px; color: #666; line-height: 32px } .gaide-two { background: #f4f4f4; padding: 50px 15% } .gaide-two .right { float: right; width: 55% } .gaide-two .left { float: left; width: 40% } .rep { margin: 70px auto } .rep h1 { text-align: center; color: #07284E; font-size: 32px; font-weight: 600; line-height: 60px } .rep .text { font-size: 14px; color: #666; line-height: 24px; text-align: center } .rep ul { float: left; width: 48% } .rep ul+ul { margin-left: 4% } .rep li { margin: 30px auto; position: relative; padding-left: 100px } .rep li span { font-size: 16px; color: #666; display: block; width: 100px; text-align: right; position: absolute; left: 0; top: 0; line-height: 46px } .rep li b { color: #f20d01 } .rep li input { width: 100%; height: 46px; line-height: 44px; border-radius: 5px; border: 1px solid #ddd; padding: 0 10px } .rep li select { width: 100%; height: 46px; line-height: 44px; border-radius: 5px; border: 1px solid #ddd; color: #555; padding: 0 10px } .rep .textarea { position: relative; padding-left: 100px } .rep .textarea span { font-size: 16px; color: #666; display: block; width: 100px; text-align: right; position: absolute; left: 0; top: 0; line-height: 46px } .rep .textarea span b { color: #f20d01 } .rep .textarea textarea { display: block; width: 100%; border-radius: 5px; border: 1px solid #ddd; padding: 10px } .rep .sub { margin-top: 50px; padding-left: 100px } .rep .sub .submit { color: #fff; background: #ed1c24; padding: 10px 5%; display: inline-block; border-radius: 5px; border: none; cursor: pointer } .rep .sub .reset { color: #fff; background: #424355; padding: 10px 5%; display: inline-block; margin-left: 3%; border-radius: 5px; border: none; cursor: pointer } .pro-list { margin: 40px auto; overflow: hidden; width: 100% } .pro-list ul { margin: 0 auto } .pro-list li { float: left; width: 21%; margin: 10px 2% 30px; list-style: none; background: #f0f3fa } .port-1 .text-desc { position: absolute; left: 0; background: url(/images/porlist_bg.png); height: 100%; width: 100%; transition: 0.5s; color: #fff; top: auto; bottom: -100%; overflow: hidden } .port-1 { float: left; width: 100%; position: relative; overflow: hidden } .port-1 .image-box { background: url(/images/pro_x.png) repeat } .port-1 .image-box img { transition: 0.5s; display: block; margin: 6px auto 0; width: 96% } .port-1 .image-box { overflow: hidden } .port-1 .bj-btn,.port-1 .r_btn { width: 90px; margin: 0 5px 15px; display: inline-block; text-align: center; font-size: 14px; line-height: 36px } .port-1 .bj-btn { color: #3d3d3d; border: #333 1px solid; background: #fff } .port-1 .r_btn { background: #99A4AE; border: #99A4AE 1px solid; color: #fff } .port-1 .bj-btn:hover { color: #07284E; background: #fff; border: 1px solid #999 } .port-1 .r_btn:hover { color: #fff; background: #252A3C; border: 1px solid #252A3C } .port-1 .image-box h4 { height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #07284E } .port-1 .image-box h4 a { color: #07284E } .port-1:hover .text-desc { bottom: 0 } .port-1 p { text-align: center } .port-1 .text-desc h4 { font-size: 20px; line-height: 1; font-weight: normal; margin-bottom: 30px; text-overflow: ellipsis; white-space: nowrap; margin-top: 15%; text-align: center } .port-1 .text-desc p { font-size: 18px; margin: 10px auto 0 20%; text-align: left } .port-1 .text-desc a { color: #fff } .pro-link { font-size: 16px; text-align: center } .pro-link a img { margin-right: 1% } .pro-list .pro-arr { position: absolute; right: 25%; bottom: 20% } .new-cont { margin: 50px auto } .com-new { margin: 60px auto } .com-new h2,.new_tj h2 { margin-top: 60px; line-height: 80px; font-size: 38px; font-weight: bold; text-align: center } .com-new h2 a,.new_tj h2 a { color: #07284E } .com-new .com-p,.new_tj p { text-align: center; font-size: 16px } .new_tj h2 { margin-top: 20px } .new_tj p { margin-bottom: 35px } .com-new .new-l { width: 50%; float: left } .com-new .new-l li { padding: 38px 34px; margin: 0 20px 30px 0; background-color: #f3f3f3; transition: all 0.2s ease; -webkit-transition: all 0.2s ease } .com-new .new-l li a { padding-left: 150px; display: block; position: relative; padding-right: 30px } .com-new .new-l li a .news_abt_timer { position: absolute; top: 50%; margin-top: -28px; left: 18px; font-size: 40px; font-family: 'Arial'; color: #808080; line-height: 1 } .com-new .new-l li a .news_abt_timer_h { display: block; line-height: 1; text-align: right; font-size: 16px; font-family: 'Arial' } .com-new .new-l li a.news_abt_timer_h { display: block; line-height: 1; text-align: right; font-size: 16px; font-family: 'Arial' } .com-new .new-l li a h3 { height: 1.6em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-bottom: 15px; font-size: 18px; color: #333; display: block } .com-new .new-l li a .news_abt_p { display: none; font-size: 14px; color: #808080; line-height: 1.8; height: 50px; overflow: hidden } .com-new .new-l li.active { padding-top: 50px; padding-bottom: 45px } .com-new .new-l li.active .news_abt_p { display: block } .com-new .new-l li.active .news_abt_n { font-weight: bold; margin-bottom: 15px } .com-new .new-l li.active .news_abt_timer { color: #ed1c24 } .com-new .new-r { width: 47%; float: right } .com-new .new-r img { width: 100%; height: auto } .new-r .news_abt_slide_p { height: 85px; background-color: #ed1c24; font-size: 18px; color: #ffffff; line-height: 85px; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .new-r .news_abt_slide_p .news_abt_timer { font-size: 40px; font-family: 'Arial'; color: #fff; line-height: 1; float: left; margin-top: 3% } .new-r .news_abt_slide_p .news_abt_timer_h { text-align: right; display: block; line-height: 1; font-size: 16px; font-family: 'Arial'; color: #fff } .new-r .news_abt_slide_p h3 { display: block; width: 85%; float: right; padding-left: 20px; box-sizing: border-box } .new_banner { background: url(/images/newszh.jpg) 50%; background-size: cover; height: 700px; overflow: hidden } .sp_banner { background: url(/images/sp_ban.jpg) 50%; background-size: cover; height: 700px; overflow: hidden } .cover { width: 100%; height: 100%; background: url(/images/video_cover.png) repeat; color: #fff; text-align: center } .new_banner .tit { margin-top: 40px } .new_banner .tit h3 { color: #333; font-size: 42px; line-height: 48px; color: #fff; margin-bottom: 15px; text-align: center } .new_banner .tit p { font-size: 16px; text-align: center; margin-top: 10px } .new_banner p { font-size: 13px; margin-bottom: 28px; line-height: 28px } .camor { color: #fff } .new-bag { background: url(/images/new_ban.jpg) 50%; background-size: cover; height: 700px; overflow: hidden } .new-bag .tit { padding-top: 70px; margin-bottom: 30px } .new-bag .tit h2 { display: block; float: left; width: 90%; font-size: 38px; color: #fff; font-weight: 600 } .new-bag .tit span { display: block; float: right; width: 10% } .new-bag .tit span a { color: #fff; font-size: 18px; line-height: 38px } .new-bag .new-bg-two { background: url(/images/white_bg.png) repeat; overflow: hidden; padding: 2%; width: 100% } .new-bag .new-bg-l { width: 50%; float: left } .new-bag .new-bg-r { width: 48%; float: right } .new-bag .new-bg-r h4 { font-size: 24px; color: #07284E; font-weight: 600; padding: 20px 0 } .new-bag .new-bg-r p { font-size: 16px } .new-bag .new-bg-r ul { margin-left: -2%; margin-top: 40px } .new-bag .new-bg-r li { float: left; width: 48%; *width: 46%; margin-left: 2% } .new-bag .new-bg-r li img { width: 100% } .new-bag .new-bg-r li h3 { font-size: 16px; line-height: 32px; margin-top: 15px } .new-bag .new-bg-r li h3 a { color: #07284E } .new-cp h2 { font-weight: 600; font-size: 38px; text-align: center; margin-bottom: 20px; margin-top: 30px } .new-cp h2 a { color: #07284E } .new-cp .tit { text-align: center; font-size: 16px; margin-bottom: 20px } .new-cp ul { margin-bottom: 50px } .new-cp ul li { width: 30.333%; margin: 0 1.5%; float: left } .new-cp ul li .new-cp { background-color: #fff; padding: 3% 3% } .new-cp ul li .new-cp a { line-height: 28px } .new-cp ul li .new-cp h4 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-weight: 600; color: #07284E; line-height: 45px } .new-cp ul li .new-cp p { font-size: 14px; margin-bottom: 10px; height: 80px; overflow: hidden } .new-cp ul li .new-cp .date { background-color: #ff4a00; color: #fff; padding: 8px 20px } .new_tj { font-weight: 600; font-size: 38px; text-align: left; margin-bottom: 20px; font-weight: 500; margin-top: 30px } .new_tj ul { margin-bottom: 50px } .new_tj ul li { width: 30.333% !important; width: 30%; margin: 0 1.5%; float: left } .new_tj ul li a { display: block; overflow: hidden } .new_tj ul li img { display: block; transition: all ease 1s; width: 100% } .new_tj ul li:hover img { transform: scale(1.1) } .new_tj ul li .con { background-color: #fff; padding: 3% 3% } .new_tj ul li .con a { line-height: 28px } .new_tj ul li .con h4 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-weight: 600; color: #07284E; line-height: 45px } .new_tj ul li .con p { font-size: 14px; margin-bottom: 10px; height: 70px; overflow: hidden; text-align: left } .new_tj ul li .con .date { background-color: #ff4a00; color: #fff; font-size: 14px; padding: 8px 20px } .new_tj ul li .con:hover { -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2); box-shadow: 0 3px 10px rgba(0,0,0,0.2); top: -5px; background: #c00 } .new_tj ul li .con:hover h4 a { color: #fff } .new_tj ul li .con:after { content: ""; position: absolute; right: 100%; bottom: 0; width: 100%; height: 2px; background-color: #eb0001; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter: alpha(Opacity=0); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .new_tj ul li .con :hover::after { right: 0; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter: alpha(Opacity=100) } .new_tj ul li .con:hover a h4,.new_tj ul li .con:hover a p,.new_tj ul li .con a:hover h4,.new_tj ul li a:hover p { color: #fff } .new_tj ul li .con a:hover .date,.new_tj ul li .con:hover a .date { background: #FC0; color: #07284E } .new_tj_tit { background: #f5f5f5; padding: 20px 0 20px 30px } .new_tj_tit h2 { font-weight: 600; font-size: 38px; text-align: left; margin-bottom: 20px; border-left: 6px solid #eb0001; display: inline-block; padding-left: 15px; line-height: 35px; height: 35px; margin-top: 30px } .new_tj_tit h2 a { color: #07284E } .new_tj_tit p { text-align: left; font-size: 16px; margin-bottom: 20px } .new-list ul li { padding: 40px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd } .new-list ul li .l { float: left; width: 14%; overflow: hidden } .new-list ul li .l img { -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease } .new-list ul li .fl { float: left; width: 60%; padding: 0 2% } .new-list ul li .fl h3 { font-size: 20px; color: #202020; font-weight: normal; margin-bottom: 8px } .new-list ul li .fl .new-click { font-size: 12px; color: #c9c9c9; padding: 10px 0px } .new-list ul li .fl .list-text { font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden } .new-list ul li .fr { float: right; width: 10%; text-align: center; font-size: 14px; color: #8d8b8b; padding: 0 0 2% 0; border-left: 1px solid #e6e6e6; font-family: Arial } .new-list ul li .fr .time-day { display: block; font-size: 50px; color: #ed1c24; line-height: 50px; font-family: helvetica; padding-top: 25px } .new-list ul li:hover .l img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .new-list ul li:hover .fl h3 a { color: #ed1c24 } .new-content { margin-top: 60px; margin-bottom: 60px } .new-content h1 { line-height: 36px; font-size: 34px; margin-bottom: 15px; color: #07284E; text-align: center } .new-content .z-day { font-size: 14px; color: #666 } .new-content .z-day span { padding-right: 2% } .new-content ._date { height: 30px; line-height: 30px; margin-bottom: 7px; font-size: 13px; color: #676767; background: url(/images/clock.png) no-repeat left center; padding: 3px 0 3px 25px } .new-content ._back { background: url(/images/icon_newfh.jpg) no-repeat left center; padding-left: 25px } .new-content ._author { background: url(/images/author.png) no-repeat left center; background-size: 25px; padding-left: 30px } .daodu { background: url(/images/newkf.png) no-repeat 50px center #FEEDE9; background-size: 74px; padding: 30px 0px 30px 150px; margin-bottom: 50px; margin-top: 13px; color: #FA3B1F; border: 1px dashed #f90; overflow: hidden; box-sizing: border-box } .daodu p.tip { text-indent: 0; font-size: 16px } .daodu .tel { width: 52%; float: left; color: #ed2225; font-size: 28px; font-weight: bold; margin-top: 8px } .daodu .tel span { font-size: 15px; color: #333; font-weight: normal; vertical-align: center } .daodu .tool { float: right; width: 22%; *margin-right: 60px } .daodu .tool a { font-size: 15px; color: #fff; display: block; float: left; text-align: center } .daodu .tool a img { width: 35px; vertical-align: middle; margin-right: 5px; animation: myfirst 0.5s infinite; display: inline-block; margin-left: 10px } .daodu .tool a.baojia { padding: 8px 45px; background: #f20d01; font-size: 20px; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f20d01), to(#ff461f)); -webkit-box-shadow: #ff461f 0px 2px 5px; -moz-box-shadow: #ff461f 0px 0px 5px; margin-top: -15px } @keyframes myfirst { 0% { -webkit-transform: translatex(0); transform: translateY(0) } 50% { -webkit-transform: translatex(-5px) scale(1.01); transform: translatex(-5px) cale(1.01) } 70% { -webkit-transform: translatex(1px) scale(1); transform: translatex(1px) scale(1) } 100% { -webkit-transform: translatex(0); transform: translatex(0) } } .new-content .cont p { line-height: 32px; padding-bottom: 15px; font-size: 16px; color: #3d3d3d; text-indent: 2em } .new-content .cont p img { display: block; margin: 15px auto; text-align: center } .new-content .cont .left { float: left; width: 75%; line-height: 30px } .new-content .cont .left img { display: block; margin: 15px auto } .new-content .cont .right { float: right; width: 20% } ._detailPage_bottom { border: #f3f3f3 10px solid } ._detailPage_bottom ul { padding: 10px 7% } ._detailPage_bottom li ._mark { padding-bottom: 8px; font-size: 19px; font-weight: bold; color: #07284E; width: 100%; display: block } ._detailPage_bottom .date { height: 30px; line-height: 30px; margin-bottom: 7px; *width: 100%; *overflow: hidden; font-size: 13px; color: #676767; display: block; background: url(/images/clock.png) no-repeat left center; padding-left: 25px } ._detailPage_bottom li ._title:hover { color: #5c5c5c } ._detailPage_bottom li ._title { font-size: 16px; font-weight: bold; color: #5c5c5c } ._detailPage_bottom li { padding: 27px 0 } ._detailPage_bottom li._prev { border-bottom: 1px #ececec solid } .new-guide { background: #f0f0f0; margin-top: 30px; font-size: 16px; height: 45px; line-height: 45px } .new-guide .pre { width: 49%; float: left; text-align: left } .new-guide .next { width: 47%; float: right } .new-guide span { background: #e0e0e0; line-height: 45px; height: 45px; width: 15%; display: inline-block; margin-right: 15px; text-align: center } .new-guide a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .new-guide .pre:hover a,.new-guide .next:hover a { color: #ed1c24 } .newd-tj { margin-bottom: 60px } .newd-tj h3 { background: url(/images/newtit_bg.png) no-repeat left top; text-indent: 10px; font-size: 32px; color: #07284E; line-height: 64px; font-weight: 600; margin: 20px auto 5px } .newd-tj ul li { width: 47%; font-size: 16px; font-weight: 400; text-indent: 30px; line-height: 46px; height: 46px; overflow: hidden; float: left; background: url(/images/new_ico.png) no-repeat left center; background-size: 20px; text-overflow: ellipsis; white-space: nowrap } .newd-tj ul li a { color: #3d4c63 } .ban_lxbg { width: 100%; background: url(/images/contact_ban.jpg) 50%; background-size: cover; height: 664px } .ban_lx { width: 100%; height: 100%; background: url(/images/video_cover.png) repeat } .lx_con { width: 70%; margin: 0 auto } .lx_info { float: right; width: 54%; padding: 30px; overflow: hidden; background: url(/images/bg_lxbaise.png) repeat; margin-top: 18% } .lx_info h1 { color: #111; font-size: 34px } .lx_info b { width: 50px; height: 3px; margin: 20px 0 15px; background-color: #F90016; display: block } .lx_info p { color: #333; line-height: 30px; font-size: 16px; line-height: 30px } .lx_info p img { width: 30px; height: 30px; margin-right: 5px } .lx_info ul { clear: both; overflow: hidden; margin: 25px 0 25px -1% } .lx_info ul li { float: left; width: 56%; *width: 54%; margin-left: 1% } .lx_info ul li.lx_zx { width: 42% } .lx_info ul li img { float: left; width: 64px; margin-right: 10px } .lx_info ul li a { float: left; color: #333; font-size: 18px } .lx_info ul li a i { display: block; color: #F2003A; font-size: 22px; font-weight: bold; margin-top: 5px } .lx_info ul li a i font { font-size: 30px } .lx_info ul li.lx_zx a i { text-decoration: underline; margin-top: 8px } .aj_lx { margin-top: 60px } .aj_lx .aj_lxl p { text-align: center } .aj_lx_tit { position: relative; margin-bottom: 15px; text-align: center } .aj_lx_tit .line,.aj_lx_tit .line2 { display: inline-block; width: 40%; height: 1px; background: #ccc; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .aj_lx_tit h3 { position: absolute; left: 35%; bottom: 10px; width: 30%; font-size: 42px; font-weight: 600; line-height: 1; color: #07284E; padding: 10px 0 } .tit_contact_en { font-size: 137px; font-family: Arial; font-weight: bold; line-height: 1; color: #eff2f9; text-transform: uppercase; text-indent: -99999; background: url(/images/contactus.png) center center no-repeat } .aj_lxp { font-size: 16px; text-align: center; margin: 0 auto 40px; width: 80%; line-height: 32px; color: #666 } .ul-contact { overflow: hidden; margin: 0 -1.5%; text-align: center; width: 100% } .ul-contact li { float: left; width: 17%; margin: 0 1.5% } .ul-contact h4 { font-size: 20px; margin: 15px 0 0 0; font-weight: 600; text-align: center; color: #07284E } .ul-contact p { font-size: 17px; text-align: center; color: #666 } .ul-contact h5 { font-size: 14px; line-height: 24px; font-weight: 400; margin: 8px 0; text-align: center; color: #888 } .ul-contact li strong { position: relative; z-index: 1; display: block; width: 57%; padding: 12%; font-weight: normal; text-align: center; background: url(/images/contact__item_bg.png) center no-repeat; background-size: 100% auto; margin: 5px auto 10px } .ul-contact li strong img { width: 100%; border-radius: 50%; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1) } .ul-contact li:hover strong { background: url(/images/contact__item_bg_on.png) center center no-repeat; background-size: 100% auto } .ul-contact li span { font-size: 14px; color: #07284E; line-height: 1; display: block; margin-top: 15px; margin-bottom: 5px } .ul-contact li span strong { font-size: 30px } .ul-contact li p { font-size: 15px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666 } .contact-wz { border: #B9C2D9 1px dashed; min-height: 202px; padding: 60px 10px 0; margin-top: -70px; overflow: hidden } .contact-wz:hover { border: #ff4a00 1px dashed } .jl30 { margin-top: 30px } .map { margin-top: 60px; text-align: center } .map_tit { margin-bottom: 30px } .map_tit h3 { font-size: 42px; position: relative; z-index: 2; display: inline-block; padding: 0 10px; color: #475770; text-align: center } .map_tit h3:after,.map_tit h3:before { content: ''; position: absolute; width: 70px; height: 40px; top: 50%; margin-top: -20px } .map_tit h3:after { left: -70px; background: url(/images/map_l.png) no-repeat center center; background-size: 60px } .map_tit h3:before { right: -70px; background: url(/images/map_r.png) no-repeat center center; background-size: 60px } .message { margin-top: 70px; background: url(/images/ly_b.jpg) center bottom no-repeat #E9EEF7; overflow: hidden; padding: 40px 0 } .message_yingdao { position: relative; margin-bottom: 40px } .message_yingdao .right { width: auto; position: absolute; right: 15px; bottom: 10px; margin-left: 2% } .message_yingdao .left { background: #D8E8F7; background: #FFF4EA; border: 1px solid #FDCEB0; border-radius: 0rem 1.024rem 1.024rem 1.024rem; padding: 20px 65px 20px 0; overflow: hidden } .message_yingdao .left .con { margin-right: 10%; margin-left: 3% } .message_yingdao .left .tip { text-indent: 0; font-size: 16px; line-height: 34px; color: #ff5000 } .message_yingdao .left .tel { width: 52%; float: left; color: #ed2225; font-size: 28px; font-weight: bold; margin-top: 8px } .message_yingdao .left .tel span { font-size: 15px; color: #333; font-weight: normal; vertical-align: center } .pro_kh_yingdao .btn { display: block; float: right; margin-top: -15px } .pro_kh_yingdao .btn a img { width: 35px; vertical-align: middle; margin-right: 5px; animation: myfirst 0.5s infinite; display: inline-block; margin-left: 10px } .pro_kh_yingdao .btn a.baojia { padding: 8px 45px; background: #f20d01; color: #fff; font-size: 20px; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f20d01), to(#ff461f)); -webkit-box-shadow: #ff461f 0px 2px 5px; -moz-box-shadow: #ff461f 0px 0px 5px } .left_form h3 { color: #07284E; font-weight: 600; font-size: 36px; padding: 5px 0; margin-bottom: 5px } .left_form .tit { width: 100%; overflow: hidden; margin-bottom: 15px } .left_form .tit span { background: #ff4a00; padding: 5px 7px; margin: 0 8px; color: #fff; font-size: 16px } .left_form .tit p { font-size: 15px; width: 85%; float: left; color: #FA3B1F; background: #FEEDE9 url(/images/newkf.png) no-repeat 20px center; background-size: 60px; border: 1px dashed #f90; border-radius: 15px; padding: 15px 0 15px 9% !important; padding: 15px 0 15px 12%; line-height: 32px; text-indent: 20px; margin-top: 15px; margin-bottom: 15px } .left_form .icon-text-user { background: url(/images/icon-text-user.png) no-repeat 10px center #fff } .left_form .icon-text-tel { background: url(/images/icon-text-tel.png) no-repeat 12px center #fff } .left_form .icon-text-message { background: url(/images/icon-text-message.png) no-repeat 10px 17px #fff; padding: 17px 18px 0 44px } .left_form { width: 52%; float: left; background: #fff; -moz-box-shadow: 5px 5px 5px #a4cef4; padding: 30px 20px; border-radius: 20px 20px; margin: 10px; box-shadow: #a4cef4 0px 1px 10px } .left_form ul li { margin-bottom: 5px; overflow: hidden; width: 48%; float: left } .left_form ul li+li { margin-left: 4% } .left_form ul li.wenb { height: 175px; position: relative; _height: 170px; width: 100%; margin-left: 0 } .left_form ul li span { width: 100%; display: block; overflow: hidden; text-align: left; font-size: 18px; line-height: 50px; color: #07284E } .left_form input.intxt { width: 100%; color: #666; font-size: 15px; height: 42px; line-height: 42px; background-color: #fff; border: #999 1px solid; text-indent: 35px; *text-indent: 0px } .left_form ul li textarea { width: 100%; background-color: #fff; border: #999 1px solid; height: 100px; line-height: 20px; font-size: 15px; margin: 6px 0 0; padding: 3%; color: #666; resize: none } .left_form .btnclick { float: left; width: 100%; overflow: hidden } .left_form .btnclick input.btn_submit { background: #eb0001; background: -webkit-linear-gradient(left, #ff6255, #ec0823); background: -o-linear-gradient(left, #ff6255, #ec0823); background: -moz-linear-gradient(left, #ff6255, #ec0823); background: linear-gradient(left, #ff6255, #ec0823); border-radius: 2rem; border: 0; margin: 20px auto 0; -webkit-appearance: none; display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: white; cursor: pointer; font-size: 16px; overflow: hidden; -webkit-appearance: none } .contact_right { width: 58%; float: right } .contact_xinxi { width: 100% } .right_contact { float: right; width: 25%; padding: 4% 2%; margin-top: 30px; overflow: hidden; background: #eb0001; display: none } .right_contact p { line-height: 30px; font-size: 14px; color: #fff } .right_contact p.nosame,.right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both } .right_contact h6 { font-size: 24px; color: #fff; font-weight: bold; margin: 20px 0 } .right_contact a { display: block; border: #fff 1px solid; width: 29%; *width: 28%; height: 35px; line-height: 35px; float: left; color: #fff; font-size: 16px; *font-size: 14px; font-weight: 500; text-align: center; margin: 10px 1.5% 10px; overflow: hidden } .pro_banner { background: url(/images/pro_banner.jpg) no-repeat center top; height: 853px; overflow: hidden; width: 100%; position: relative; margin: 0 auto } .sol_banner { background: url(/images/sol_ban.jpg) no-repeat 50%; background-size: cover; height: 800px; overflow: hidden } .sol_lx { width: 100%; height: 100% } .about_banner { background: url(/images/about_banner.jpg) no-repeat 50%; background-size: cover; height: 800px; overflow: hidden } .service_banner { background: url(/images/serdetail_banner.jpg) no-repeat 50%; background-size: cover; height: 650px; overflow: hidden } .ser_banner { background: url(/images/ser_banner.jpg) no-repeat 50%; background-size: cover; height: 650px; overflow: hidden } .pro_ban { padding: 3%; max-width: 650px; text-align: left; float: right; margin-top: 20%; background: url(/images/red.png) repeat } .ban_tit { padding: 10% 0 3% 0 } .pro_ban1 { padding: 3%; max-width: 650px; text-align: left; float: left; margin-top: 18%; background: url(/images/white_bg.png) repeat } .pro_ban ._sub { display: inline-block; position: relative; text-align: left; font-size: 40px; color: #fff; line-height: 1; margin-bottom: 25px } .ban_tit ._txt { font-size: 17px; line-height: 38px; text-align: left; color: #fff } .ban_tit1 ._txt { font-size: 17px; line-height: 38px; text-align: left; color: #fff } .pro_ban_tit ._txt { font-size: 16px; text-align: center } .pro_ban1 ._txt { color: #07284E; line-height: 30px; font-size: 16px } .pro_ban ._txt { color: #fff; font-size: 16px } .pro_ban1 ._sub { display: inline-block; position: relative; text-align: left; font-size: 40px; color: #07284E; line-height: 1; margin-bottom: 25px } .about_banner_tit { padding: 3%; max-width: 800px; text-align: left; float: right; margin-top: 32%; background: #F2003A } .service_banner_tit { padding: 3%; max-width: 800px; text-align: left; float: left; margin-top: 22%; background: #F2003A } .about_banner ._txt,.service_banner ._txt { font-size: 17px; line-height: 38px; text-align: left; color: #fff } .about_banner ._sub,.service_banner ._sub { display: inline-block; position: relative; text-align: left; font-size: 40px; color: #fff; line-height: 1; margin-bottom: 25px } .tech { background: #F2F2F2 } .allist_cont { margin: 60px auto 40px } .allist_cont li { width: 30.33%; float: left; margin: 0 1.5% 50px; box-sizing: border-box; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .allist_cont .allist_con { -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; top: 0; overflow: hidden } .allist_cont .allist_con a { display: block; overflow: hidden } .allist_cont .allist_con img { display: block; transition: all ease 1s; width: 100% } .allist_cont .allist_con:hover img { transform: scale(1.1) } .allist_cont .allist_con a i { display: block; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg) } .allist_cont .allist_con a:hover i { transition: all .3s ease; left: 100% } .allist_cont .allist_con .allist_text { padding: 20px 20px 25px; border: #f0f0f0 1px solid; background: #F2F6FF url(/images/pro_x.png) repeat repeat } .allist_cont .allist_con .allist_text h3 { display: block; font-size: 20px; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 0 } .allist_cont .allist_con .allist_text .more { float: right; width: 60px; height: 60px; border-radius: 50px 0 0 0; background: #fff url(/images/case_ico.png) no-repeat; background-position: -60px 0; margin-top: -35px; margin-right: -20px; -moz-box-shadow: 1px 0 20px #c2cdef; -webkit-box-shadow: 1px 0 20px #c2cdef; box-shadow: 1px 0 20px #c2cdef } .allist_cont .allist_con .allist_text p { font-size: 16px; color: #666; line-height: 30px } .allist_cont .allist_con:hover { -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2); box-shadow: 0 3px 10px rgba(0,0,0,0.2); top: -5px; background: #fff } .allist_cont .allist_con:hover .allist_text .more { background: #c2cdef url(/images/case_ico.png) no-repeat; background-position: 0 0 } .allist_cont .allist_con:hover h3 a { color: #d21423 } .allist_cont .allist_con::after { content: ""; position: absolute; right: 100%; bottom: 0; width: 100%; height: 2px; background-color: #eb0001; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter: alpha(Opacity=0); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .allist_cont .allist_con:hover::after { right: 0; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter: alpha(Opacity=100) } .sercn_one { margin-top: 60px; margin-bottom: 50px } .sercn_one h1 { font-size: 38px; color: #07284E; font-weight: 600; line-height: 60px; text-align: center } .sercn_one li { width: 30.33%; float: left; margin: 0 1.5% 30px; position: relative; padding: 45px 40px 35px; box-sizing: border-box; text-align: center; border: 1px solid #f2f2f2; overflow: hidden } .sercn_one li strong { display: block; font-size: 26px; color: #333; line-height: 1.1em; margin-bottom: 5px } .sercn_one li span { display: block; font-size: 14px; color: #666; line-height: 1.2em; height: 1.2em; overflow: hidden } .sercn_one li .num { font-size: 100px; font-family: Arial; color: #f8f8f8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 } .sercn_one li .text { position: relative; z-index: 3 } .sercn_one li .mask { position: absolute; background: url(/images/yellow_bg.jpg) repeat; left: 0; top: 100%; width: 100%; height: 100%; z-index: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease } .sercn_one li:hover strong { color: #07284E } .sercn_one li:hover span { color: #07284E } .sercn_one li:hover .num { color: #f8f8f847 } .sercn_one li:hover .mask { top: 0 } .sercn_two { height: 620px; overflow: hidden; background-position: center center; background: url(/images/sercn_two.jpg) center repeat-x } .sercn_two .l_box { width: 51%; float: left; position: relative; height: 620px } .sercn_two .pd { position: relative; z-index: 3; padding: 80px 40px 0 10px } .sercn_two .mask { position: absolute; width: 960px; height: 100%; right: 0; top: 0; background: url(/images/yellow_bg.jpg) repeat; z-index: 2 } .sercn_two .pd h2 { font-size: 33px; font-weight: bold; color: #fff; margin-bottom: 40px } .sercn_two .pd .info { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 30px } .sercn_two .pd .text_box { font-size: 14px; color: #fff; line-height: 33px } .sercn_stree { margin-top: 60px; margin-bottom: 50px } .sercn_stree h2 { font-size: 38px; color: #07284E; font-weight: 600; line-height: 60px; text-align: center } .sercn_stree .ser-txt { line-height: 1.8em } .sercn_stree ul { width: 100% } .sercn_stree ul li { width: 30.33%; margin: 0 1.5%; float: left } .sercn_streeli { position: relative; overflow: hidden; margin-bottom: 20px } .sercn_streeli img { width: 100%; height: auto } .sercn_streeli .zhezhao { background-color: #fff; width: 100%; height: 180px; padding: 3%; overflow: hidden; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; position: absolute; bottom: -130px; left: 0; transition: all 0.5s ease } .sercn_streeli .zhezhao h4 { font-size: 20px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .sercn_streeli .zhezhao p { font-size: 14px; margin-bottom: 15px; line-height: 0; overflow: hidden } .sercn_streeli:hover .zhezhao { bottom: 0; background-color: #ed2225; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1 } .sercn_streeli:hover .zhezhao h4 { margin: 10px 0; color: #fff } .sercn_streeli:hover .zhezhao p { color: #fff; height: 90px; overflow: hidden; line-height: 24px } .pd_guide,.pd_guide * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease } .pdico { display: block; width: 30px; height: 30px; background: url(../images/pd_ico1.png) no-repeat; margin: 0 auto } .pi01 { background-position: 0 0 } .pi02 { background-position: -30px 0 } .pi03 { background-position: -60px 0 } .pi04 { background-position: -90px 0 } .pd_guide li { width: 25%; *width: 24.8%; float: left; text-align: center; color: #07284E; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f5f5f5), to(#f0f0f0)) } .pd_guide a { display: block; color: #07284E; font-size: 20px; padding: 14px 0; border-right: #fff 4px solid; position: relative } .pd_guide a:after { content: ""; display: none; width: 0; height: 0; overflow: hidden; border-color: #424355 transparent transparent; border-style: solid dashed dashed; border-width: 10px; position: absolute; left: 50%; margin-left: -10px; bottom: -19px } .pd_guide.fixed { position: fixed; top: 0; z-index: 10 } .fixed .pdico { display: none } .pd_guide li.active a { background-color: #55566F; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#55566F), to(#424354)); color: #fff } .pd_guide li.active a:after { display: block } .fixed { position: fixed; top: 0px; left: 0; z-index: 99; height: 50px; width: 100% } .fixed .pd_guide { margin: 0 auto } .fixed .pd_guide li { width: 25%; *width: 24.8%; float: left; text-align: center; background-color: #e1e3e5; color: #07284E } .fixed .pd_guide li.active a { background-color: #424355; color: #fff } #header-wrapper { height: auto; margin: 0 auto; width: 100%; border-bottom: #f1f1f1 1px solid; overflow: hidden; border-top: #f1f1f1 1px solid; background: #f6f6f6 } #header-wrapper ul { width: 100%; margin: 0 auto } .fixed #header-wrapper { height: 45px; margin: 0 auto; width: 100% } .sub_tit_h3 { font-size: 28px; font-weight: 500; margin-bottom: 20px; text-indent: 0; line-height: 36px; color: #303030 } .w47 { width: 47% } .w35 { width: 35% } .w55 { width: 55% } .w60 { width: 60% } .w25 { width: 25% } .w70 { width: 70% } .w40 { width: 40% } .w65 { width: 65% } .w75 { width: 75% } .w30 { width: 30% } .w58 { width: 58% } .w38 { width: 38% } .w45 { width: 45% } .w50 { width: 50% } .w49 { width: 49% } .w20 { width: 20% } .w46 { width: 46% } .m30 { margin-top: 30px } .w1 { width: 42% } .w2 { width: 52% } .jt_top90 { margin-top: 90px } .content_1 { width: 100% } .content_1 p,.content_2 p,.content_3 p { text-indent: 30px; font-size: 15px; margin: 15px 0; line-height: 32px } .content_2,.content_3,.adv_pro4,.content_4 { margin-top: 70px } .content_1 embed { display: block; margin: 0 auto 40px; text-align: center } .pro_tit_h2 { text-align: center; background: url(/images/line.png) no-repeat center bottom; padding-bottom: 18px; width: 300px; font-weight: 600; margin: 0 auto 30px; font-size: 38px; color: #07284E; background-size: 160px 3px } .lingyu_tit_h2 { text-align: center; margin-bottom: 30px; font-size: 38px; font-weight: 500; color: #303030 } .pro_tit_h4 { text-align: left; font-size: 15px; font-weight: 400; width: 97%; margin: 0 auto; line-height: 32px } .pro_tit_h4 p { margin: 10px 0 } .field_bg h4 { text-align: center; margin-top: -20px; margin-bottom: 20px } .adv_pro1,.adv_pro2,.adv_pro3,.adv_pro4,.adv_pro5,.adv_pro6 { width: 1560px; margin: 0 auto; overflow: hidden; margin-top: 60px } .adv_pro1 ul { overflow: hidden; margin-top: 50px } .pro_zi { width: 97%; margin: 0 auto; overflow: hidden; margin-top: 40px } .pro_zi p { margin: 15px 0; font-size: 16px; line-height: 32px } .adv_pro1 li { float: left; width: 22%; *width: 21.9%; margin: 0 1.5% 2%; overflow: hidden; position: relative } .adv_pro5 li { float: left; width: 17%; *width: 16.9%; margin: 0 1.5% 2%; overflow: hidden; position: relative } .adv_pro1 li span,.adv_pro5 li span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background: #402a55; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.8s, height 0.8s; transition: width 0.8s, height 0.8s; z-index: -1 } .adv_pro1 li:hover,.adv_pro5 li:hover { color: #fff } .adv_pro1 li:hover span,.adv_pro5 li:hover span { width: 800px; height: 800px } .adv_pro1 li img,.adv_pro5 li img { width: 100%; height: auto } .adv_pro1 li h4,.adv_pro5 li h4 { text-align: center; margin-top: 10px; font-weight: 500; line-height: 26px; color: #666; margin: 0 4% 6% } .adv_pro5 li h4 { padding: 20px 0 0 } .adv_pro5 li h4:before { content: ''; background-color: #ffc527; width: 20%; height: 40%; position: absolute; top: -17%; left: -20%; -webkit-transition: all .8s; transition: all .8s; border-bottom-right-radius: 100% } ._con { display: inline-block; background-color: #fff; cursor: pointer; text-align: center; position: relative; overflow: hidden; opacity: .99; -webkit-transition: all .8s; transition: all .8s; display: block; background: #f8f8f8; padding: 5%; *overflow: hidden } ._con:before { content: ''; background-color: #ffc527; width: 120%; height: 120%; position: absolute; top: -120%; left: -120%; -webkit-transition: all .8s; transition: all .8s; border-bottom-right-radius: 50% } ._con:hover:before { top: 0; left: 0 } ._con h3 { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 10px; position: relative } ._con h4 { font-size: 14px; font-weight: normal; text-align: center; margin: 0 auto; position: relative; line-height: 26px } ._con .ic { -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background: #ffc527 url(/images/zh_icos.png) no-repeat center 0; width: 65px; height: 90px; margin-bottom: 10px; margin-left: -290px; margin-top: -55px; border-bottom-right-radius: 60%; position: relative } ._con .icc { -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background: #ffc527 url(/images/zh_icos.png) no-repeat center 0; width: 65px; height: 90px; margin-bottom: 10px; margin-left: -400px; margin-top: -60px; border-bottom-right-radius: 60%; position: relative } ._con .iccc { -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background: #ffc527 url(/images/zh_icos.png) no-repeat center 0; width: 65px; height: 90px; margin-bottom: 10px; margin-left: -132%; margin-top: -75px; border-bottom-right-radius: 60%; position: relative } ._con .ic1 { background-position: 0 33px } ._con .ic2 { background-position: -60px 33px } ._con .ic3 { background-position: -120px 33px } ._con .ic4 { background-position: -180px 33px } ._con .ic5 { background-position: -240px 33px } ._con .ic6 { background-position: -300px 33px } ._con .ic7 { background-position: -420px 33px } ._con .ic8 { background-position: -480px 33px } ._con .ic9 { background-position: -560px 33px } ._con .ic10 { background-position: 33px 33px } ._con .ic11 { background-position: -60px 33px } ._con .ic12 { background-position: -120px 33px } ._con .ic13 { background-position: -180px 33px } ._con .ic14 { background-position: -240px 33px } ._con .ic15 { background-position: -360px 33px } ._con:hover { color: #fff; -webkit-transition: all .8s; transition: all .8s } ._con:hover .ic { background: #07284E url(/images/zh_icos.png) no-repeat center 0 } ._con:hover .icc { background: #07284E url(/images/zh_icos.png) no-repeat center 0 } ._con:hover .iccc { background: #07284E url(/images/zh_icos.png) no-repeat center 0 } ._con:hover .ic1 { background-position: 0 33px } ._con:hover .ic2 { background-position: -60px 33px } ._con:hover .ic3 { background-position: -120px 33px } ._con:hover .ic4 { background-position: -180px 33px } ._con:hover .ic5 { background-position: -240px 33px } ._con:hover .ic6 { background-position: -300px 33px } ._con:hover .ic7 { background-position: -420px 33px } ._con:hover .ic8 { background-position: -480px 33px } ._con:hover .ic9 { background-position: -560px 33px } ._con:hover .ic10 { background-position: 33px 33px } ._con:hover .ic11 { background-position: -60px 33px } ._con:hover .ic12 { background-position: -120px 33px } ._con:hover .ic13 { background-position: -180px 33px } ._con:hover .ic14 { background-position: -240px 33px } ._con:hover .ic15 { background-position: -300px 33px } .adv_pro2 li { width: 14.6%; margin: 0 1%; width: 29.333%; *width: 29.2%; margin: 0 2% 3%; float: left } .adv_pro3 li { width: 48%; margin: 0 1%; float: left } .adv_pro3 p { text-indent: 30px; margin: 15px 0; font-size: 16px; line-height: 32px } .adv_pro5 ul { width: 100% } .adv_pro5 dl { width: 13.6%; margin: 0 1.5%; float: left; text-align: center } .adv_pro5 dt { width: 100%; margin-bottom: 15px } .adv_pro5 dt img { display: block; margin: 0 auto; text-align: center } .adv_pro5 dd { font-size: 14px; line-height: 26px; font-weight: 500; color: #07284E } .adv_pro4 dl { width: 42.8%; padding: 2%; margin: 0 1.5%; background: #f4f4f4; float: left } .adv_pro4 dt { width: 20%; float: left } .adv_pro4 dt img { width: 100%; height: auto } .adv_pro4 dd { float: right; font-size: 16px; margin-top: 25px; width: 75% } .adv_pro4 dd h4 { font-size: 22px } .adv_pro6 dl { width: 47%; margin: 2% 1.5% 2%; float: left } .adv_pro6 dt img { width: 100%; height: auto } .adv_pro6 dt { width: 21%; float: left } .adv_pro6 dd { float: right; width: 76% } .adv_pro6 dd h4 { font-size: 18px; font-weight: 500 } .adv_pro6 dd p { font-size: 14px; font-weight: 400; color: #999 } .adv_pro6 li { width: 47%; float: left; margin: 0 1.5%; background: #f4f4f4 } .adv_pro6 li h3 { display: inline-block; background: #f2f2f2 } .scroll_wrap { margin-top: 30px } .pro_choose { margin-top: 50px; overflow: hidden; width: 100%; margin-bottom: 40px } .pro_choose h3 { font-size: 42px; margin-bottom: 30px; text-align: center; color: #303030 } .pro_choose li { width: 22%; margin: 0 1.5%; *margin: 0 1.3%; float: left } .pro_choose li img { width: 100%; height: auto } .kehu { background: #f1f3f4; padding: 50px 0; overflow: hidden; width: 100%; margin-top: 40px } .kehu li { width: 12.18571%; *width: 11.2%; margin: 1%; float: left } .kehu li img { padding: 8px; width: 100%; height: auto; background: #fff; border: #d8d8d8 1px solid } .kehu_h3,.pro_choose_h3 { font-size: 42px; text-align: center; display: block; width: 100%; margin-bottom: 12px; color: #07284E } .pro_choose_h3 b { color: #eb0001; font-size: 50px } .pro_choose_h3 span { font-size: 40px; color: #eb0001; vertical-align: top } .kehu_h4,.pro_choose_h4 { width: 100%; text-align: center; font-size: 19px; color: #3d3d3d; font-weight: 400; margin-bottom: 30px } .pro_ser ul { margin-top: 40px; width: 100%; height: auto; overflow: hidden } .pro_ser li { width: 18%; display: block; background: url(/images/ser_li.jpg) no-repeat right top; float: left; margin: 0 1%; *margin: 0 0.8% } .pro_ser .ser_ico { display: block; margin: 0 auto; width: 106px; height: 105px; margin-bottom: 15px; text-align: center; background: url(../images/ser_bg.png) no-repeat center 0; line-height: 21px; color: #9a9a9a } .pro_ser li b { display: block; font-size: 22px; font-weight: normal; text-align: center; font-family: "微软雅黑"; color: #242424 } .pro_ser li p { text-align: center; font-size: 15px } .pro_ser li .ico1 { background-position: 0 0 } .pro_ser li .ico2 { background-position: -106px 0 } .pro_ser li .ico3 { background-position: -212px 0 } .pro_ser li .ico4 { background-position: -318px 0 } .pro_ser li .ico5 { background-position: -424px 0 } .pro_ser { margin: 60px auto 80px } .pro_ser h3 { font-size: 42px; color: #07284E; text-align: center } blockquote { text-align: center; line-height: 34px; font-size: 18px; width: 80%; margin: 20px auto 0 } q::before { content: "\201C"; padding: 0 20px 5px 0; font-size: 42px; color: #eb0001; margin-bottom: -7px } q::after { content: "\201D"; padding: 0 25px 15px 0; font-size: 42px; color: #eb0001; margin-bottom: -7px } .company_center.main { padding: 60px 0 0 } .company_center .part1 { margin-bottom: 1% } .company_center .part_hd { margin-bottom: 50px; text-align: center } .company_center .hd_title { font-size: 35px; color: #07284E; font-weight: normal; transition: all ease .3s; -webkit-transition: all ease .3s; text-align: center; padding-bottom: 3% } .company_center .hd_title:hover { color: #15499a } .company_center .part1 .part_hd .dec { text-align: left; margin-left: 10%; margin-bottom: 3% } .company_center .part1 .more { display: inline-block; padding: 1% 4%; border: 1px solid #ff8d14; color: #ff8d14; transition: all .5s ease } .company_center .part1 .more:hover { background: #ff8d14; color: #fff } .company_center .part1 .part_bd li .img_box,.company_center .part1 .part_bd li .cont { width: 50% } .company_center .li1 .r { background: #f0840d } .company_center .li2 .l { background: #0a479a } .company_center img { max-width: 100%; height: auto } .company_center .part1 .part_bd li .cont .cont_box { padding: 15% 10% } .company_center .part1 .part_bd li .cont .title { font-size: 35px; color: #fff; padding-bottom: 2% } .company_center .part1 .part_bd li .cont .dec { font-size: 14px; color: #fff } .imgZoom img,.imgY180 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s } .imgZoom { overflow: hidden } .imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .imgY180:hover img { cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } @keyframes hover1 { from,to { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0) } 50% { transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px) } } @-moz-keyframes hover1 { from { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0) } to { transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px) } } @-webkit-keyframes hover1 { from { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0) } to { transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px) } } @-o-keyframes hover1 { from { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0) } to { transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px) } } .tj_pro li { width: 25%; float: left } .tj_pro li img { display: block; text-align: center } .opc0 .left,.opc0 .right { width: 50%; *width: 49.9% } .opc0 .left { position: relative } .opc0 .left .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/ipart3_video_cover.png) } .opc0 .left .play { position: absolute; width: 103px; height: 103px; background: url(/images/ipart3_video_play.png) no-repeat; top: 50%; margin-top: -53px; right: 50%; margin-right: -53px; cursor: pointer } .opc0 .right { position: relative } .opc0 .right .cont { position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 8% 15% } .opc0 .right .cont .tit { font-family: "arial"; font-size: 70px; margin-bottom: 10px; color: #d0112b; line-height: 1; font-weight: 800 } .opc0 .right .cont .title { font-size: 24px; color: #d0112b } .opc0 .right .cont .dec { font-size: 15px; color: #fff; line-height: 32px; margin-bottom: 12px; margin-top: 20px } .opc0 .right .cont ul { margin-bottom: 5% } .opc0 .right .cont li { display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6% } .opc0 .right .cont li .num { font-size: 59px; font-family: "impact" } .opc0 .right .cont li.jia { font-size: 59px; font-family: "impact" } .opc0 .right .cont li .num_dec { font-size: 16px } .opc0 .right .cont .more { font-family: "arial"; color: #8f8f8f; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; padding: 2% 5% } .opc0 .right .cont .more:hover { color: #d0112b } .about_us .jianjie { margin-bottom: 40px } .about_us .jianjie .l_box { width: 65%; position: relative } .about_us .jianjie img { width: 100%; height: auto } .about_us .jianjie .r_box { width: 32% } .about_us .jianjie .l_box .pd { position: absolute; left: 50px; top: 13%; width: 70%; padding: 30px 30px 30px; background: url(/images/white87.png) repeat } .about_us .jianjie h5 { line-height: 1; color: #1f1f1f; margin-bottom: 10px; font-size: 24px } .about_us .jianjie .r_box .pd .title { margin-bottom: 20px } .about_us .jianjie .l_box .pd p { font-size: 14px; color: #787878; line-height: 26px; margin-bottom: 40px } .about_us .jianjie .l_box .icon_list li { width: 25%; float: left; text-align: center } .about_us .jianjie .l_box .icon_list li a { display: block } .about_us .jianjie .l_box .icon_list li a:hover .icon { transform: rotateY(180deg); -webkit-transform: rotateY(180deg) } .about_us .jianjie .l_box .icon_list li .icon { width: 55px; height: 55px; margin: 0 auto 15px; display: block; background: url(/images/about_icons.png) 0 0 no-repeat } .about_us .jianjie .l_box .icon_list .li2 .icon { background-position: -55px 0 } .about_us .jianjie .l_box .icon_list .li3 .icon { background-position: -110px 0 } .about_us .jianjie .l_box .icon_list .li4 .icon { background-position: -165px 0 } .about_us .jianjie .l_box .icon_list .name { display: block; font-size: 14px; color: #1f1f1f; line-height: 20px } .about_us .info_box { background: #F2F6FF url(/images/pro_x.png) repeat repeat; padding: 13px } .about_us .jianjie .r_box .pd { background: #fff; box-shadow: #E2E8FB 0px 3px 10px; padding: 15px } .about_us .jianjie .r_box .pd ul { margin: 10px 0 5px } .about_us .jianjie .r_box .pd li { font-size: 15px; color: #787878; line-height: 29px } .channel_content { padding: 70px 0 30px } .about-mb h3 { font-size: 36px; color: #333; font-weight: 500; margin: 0 auto 20px; text-align: center } .solution_list { margin: 60px auto 40px } .solution_list .solution_title { font-size: 40px; color: #414141; font-weight: normal; text-align: center } .solution_list .solution_con { font-size: 15px; color: #666; width: 80%; margin: 0 auto; overflow: hidden; text-align: center; padding-bottom: 30px } .solution_list .list_text { padding: 8% 4% 0; float: right; width: 50%; overflow: hidden; text-align: left } .solution_list li:hover { background-color: #105db6 } .solution_list h3 { font-size: 30px; font-weight: normal } .solution_list p { font-size: 13px; color: #858585; line-height: 26px; padding: 20px 0px } .solution_list li:hover h3,.solution_list li:hover p { color: #fff } .solution_list .list_img { float: left; width: 50%; overflow: hidden } .solution_list li .list_img img { transition: transform 400ms; -webkit-transition: -webkit-transform 400ms } .solution_list li:hover .list_img img { transform: scale(1.15); -webkit-transform: scale(1.15) } .solution_list li.odd .list_img { float: right } .solution_list li.odd .list_text { float: left } .solution_list .kase_more a { display: inline-table; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #878787; text-align: center; padding: 0 25px; overflow: hidden; position: relative } .solution_list li:hover .kase_more a { border: 1px solid #fff; color: #fff; background-color: transparent } .solution_list ul li { margin-bottom: 45px; width: 100%; transition: .2s width ease; background: #f0f3fa; overflow: hidden } .pro_tab { margin: 0 auto 100px; text-align: center; position: relative; height: 120px; line-height: 120px; background: #1F2B4D; padding-left: 3% } .pro_tab li { float: left; margin: 0 1%; text-align: center; width: 17.9%; border-right: #23375C 1px solid; height: 120px } .pro_tab li ._title { margin-top: 0 } .pro_tab li:nth-child(5) { border-right: 0 } .pro_tab li a { display: block; font-size: 20px; color: #333; font-weight: 600; margin-left: -27px; z-index: 9; zoom:1} .pro_tab li ._ico { display: block; width: 87px; height: 87px; margin: 16px auto 0; background: url(/images/news_tab_ico.png) no-repeat center top } .pro_tab li ._ico1 { background-position: 0 0 } .pro_tab li ._ico2 { background-position: -87px 0 } .pro_tab li ._ico4 { background-position: -174px 0 } .pro_tab li ._ico3 { background-position: -261px 0 } .pro_tab li ._ico5 { background-position: -348px 0 } .pro_tab li ._t { font-size: 16px; margin: 0; padding: 0; line-height: 28px; color: #272c4c; font-weight: 500 } .pro_tab ul li a.act { background: #e40045; color: #07284E; margin-top: -10px; padding-top: 10px; height: 130px } .tj_pro { margin-bottom: 20px } .h3_tit h3 { font-size: 38px; text-align: center; margin: 40px 10px 0px; color: #222; display: inline-block; *zoom:1;*display: inline } .h3_tit { width: 100%; margin: 0 auto 30px; text-align: center; overflow: hidden } .left-line { width: 175px; height: 11px; vertical-align: 6px; display: inline-block; *zoom:1;*display: inline; background: url(/images/left_l.png) no-repeat } .right-line { width: 175px; height: 11px; vertical-align: 6px; display: inline-block; *zoom:1;*display: inline; background: url(/images/right_l.png) no-repeat } .ul-sec-case { overflow: hidden; margin: 0 -2px; width: 100% } .ul-sec-case li { float: left; width: 18%; margin: 0 1%; *margin: 0 0.8%; overflow: hidden } .ul-sec-case li .item { position: relative; margin: 0 2px; padding-bottom: 90px; background-color: #f5f5f5 } .ul-sec-case img { display: block; width: 100% } .ul-sec-case .txt { padding: 0 2% 20px; text-align: center; overflow: hidden; position: absolute; left: 0; bottom: -150px; width: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s } .ul-sec-case .txt h3 a { display: block; font-size: 22px; color: #333; line-height: 36px; text-align: center; margin: 0 0 5px } .ul-sec-case .txt strong a { display: block; font-size: 24px; color: #4d5560; line-height: 36px; text-align: center } .ul-sec-case .txt p { font-size: 16px; color: #595959; line-height: 24px; text-align: left; opacity: 0; filter: alpha(opacity=0); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .ul-sec-case .txt p strong { color: #4d5560; margin: 0 10px 0 30px; float: left } .ul-sec-case .txt span { display: inline-block; font-size: 15px; color: #4d5560; line-height: 26px; position: relative; margin-bottom: 20px } .ul-sec-case .txt .more { display: inline-block; width: 170px; height: 44px; line-height: 44px; border-radius: 4px; background-color: #E00046; color: #fff; margin-bottom: 20px } .ul-sec-case .item:hover .txt { background: url(/images/white_bg_pro.png) repeat; bottom: 0; padding: 15px 0 0 } .ul-sec-case .item:hover .txt p { opacity: 1; filter: alpha(opacity=100); display: block } .ul-sec-case .item:hover h3 a { margin-bottom: 15px; color: #07284E } .pro_fenlei { bottom: 1.5%; text-align: center; z-index: 10; overflow: hidden; position: absolute; width: 100% } .pro_fenlei ul { width: 90%; margin: 0 auto; overflow: hidden; text-align: center } .pro_fenlei li { display: inline-block; color: #07284E; font-size: 20px; cursor: pointer; position: relative; z-index: 999; color: #fff; vertical-align: middle } .pro_fenlei li em { display: block; width: 50%; height: 13px; border-bottom: 1px solid #fff; position: absolute; right: -18px; top: 0 } .pro_fenlei li cite { display: block; width: 50%; height: 13px; border-bottom: 1px solid #fff; position: absolute; left: -18px; top: 0 } .pro_fenlei li a { color: #3D4B69; display: inline-block; overflow: hidden; margin: 0 30px } .pro_fenlei li ._title { background: -webkit-linear-gradient(top, #fff, #e7eefe); background: -webkit-gradient(linear, left top, right top, from(#fff), to(#E7EEFE)); background: linear-gradient(to bottom, #fff, #E7EEFE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #E7EEFE); border-radius: 10rem; line-height: 2.1rem; padding: 7px 26px; display: inline-block; font-weight: 600 } .pro_fenlei li.active .active { background-color: #DB0047; border-radius: 10rem; line-height: 2.1rem; padding: 5px 20px; display: block; color: #fff } .pro_fenlei li.active ._title { background: -webkit-linear-gradient(top, #eb0001, #c00); background: -webkit-gradient(linear, left top, right top, from(#eb0001), to(#c00)); background: linear-gradient(to bottom, #eb0001, #c00); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #eb0001, endColorstr = #c00); color: #fff } .pro_fenlei .dot_icon { width: 26px; height: 26px; border: 1px solid transparent; border-radius: 50%; display: block; margin: 0 auto 16px; position: relative; z-index: 20 } .pro_fenlei .dot_icon:after { content: ""; width: 20px; height: 20px; background: #fff; display: block; position: absolute; z-index: 10; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; border-radius: 50% } .pro_fenlei li.active .dot_icon { border-color: #eb0001; z-index: 999 } .pro_fenlei li.active .dot_icon:after { background: #eb0001; content: "" } .pro_fenlei li.active { z-index: 1000 } .pro_fenlei_float { bottom: 3%; text-align: center; z-index: 10; overflow: hidden; position: absolute; background: #313131; width: 100%; padding: 5px 0 } .pro_fenlei_float h3 { color: #fff; display: inline-block; font-size: 30px; float: left } .pro_fenlei_float h3:after { content: ''; width: 6rem; height: 0.4rem; background: #ffc40f; display: block; margin-top: -0.4rem } .pro_fenlei_float ul { width: 80%; float: right } .pro_fenlei_float li { display: inline-block; *display: inline; *zoom:1;margin: 0 4%; color: #07284E; float: left; font-size: 20px; cursor: pointer; position: relative; z-index: 999; color: #fff } .pro_fenlei_float li a { color: #07284E } .pro_fenlei_float li ._title { background: -webkit-linear-gradient(top, #fff, #f0f0f0); background: -webkit-gradient(linear, left top, right top, from(#fff), to(#F4F7FE)); background: linear-gradient(to bottom, #fff, #F4F7FE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #999999); box-shadow: #666 0px 2px 5px; border-radius: 10rem; line-height: 2.1rem; padding: 5px 26px; display: block } .pro_fenlei_float li.active .active { background-color: #DB0047; border-radius: 10rem; line-height: 2.1rem; padding: 5px 20px; display: block; color: #fff } .pro_fenlei_float li.active ._title { background: -webkit-linear-gradient(top, #eb0001, #c00); background: -webkit-gradient(linear, left top, right top, from(#FF2434), to(#eb0001)); background: linear-gradient(to bottom, #FF2434, #eb0001); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FF2434, endColorstr = #eb0001); box-shadow: #c00 0px 2px 5px; color: #fff } @media screen and (max-width: 1280px) { .pro_fenlei_float li { font-size:16px } .pro_fenlei_float li ._title { padding: 0 20px } } .header-bg { z-index: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(4,14,53,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000) } .header { width: 100% } .header_home { padding: 7px 0; -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); position: absolute; z-index: 9999 } .proshowtop { background: #424355 url(/images/nav_bg.jpg) repeat-x } .header .logo { float: left; width: 15%; text-align: left; display: block } .header .logo img { vertical-align: top } .header ul { float: right; width: 70% } .header ul li { float: left; position: relative; width: 14%; display: block; line-height: 24px; padding-bottom: 10px } .header ul li .downav { position: absolute; left: 50%; top: 50px; background: #fff; width: 130px; display: none; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%) } .header_scroll .downav { top: 41px !important } .header ul li .downav a { clear: both; display: block; color: #333; text-align: center; padding: 2px 5px } .header ul li .downav a:hover { background: #ff9600; color: #fff } .header ul li:hover .downav { display: block } .header ul li a .down { display: inline-block; width: 20px; height: 20px; background: url(/images/down.png) center center no-repeat; vertical-align: middle; margin-left: 5% } .header ul .fw { position: relative } .header ul li .xl { display: none; position: absolute; width: 100%; top: 100%; left: 0; background-color: #f5f5f5; z-index: 21 } .header ul li .xl p { font-size: 16px; border-bottom: 1px solid #efefef; line-height: 38px } .header ul li .xl p a { display: block; color: #666; text-align: center; font-weight: normal } .header_home ul li { padding-top: 16px } .header_home ul li a { color: #fff; font-size: 16px; display: block } .header_home ul li a:hover { color: #ff9600 } .headerbox { height: 55px } .header_inside { height: 55px; padding-top: 8px; padding-bottom: 8px; background: #fff; border-bottom: 1px solid #ededed; box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); -webkit-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); -moz-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1) } .header_inside ul li .downav { top: 40px } .header_inside ul li { padding-top: 7px } .header_inside .Yscroll { width: 94px } .header_inside .logo { height: auto; padding-top: 0px } .pro_wz { padding-top: 70px } .pro_wz.nav-bar { height: 115px } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider.slick-list,.slick-track,.slick-slide,.slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; zoom:1} .slick-track:before,.slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-prev,.slick-next { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none } .slick-prev:focus,.slick-next:focus { outline: none } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25 } .slick-prev:before,.slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; filter: alpha(opacity=80); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0px; width: 100% } .slick-dots li { position: relative; display: inline-block; *zoom:1;*display: inline; margin: 0px 5px; padding: 0px; cursor: pointer } .slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none } .slick-dots li button:focus { outline: none } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75 } .slick-dots li button { background: #666; border-radius: 50% } .slick-slider .slick-active button { background: #f7ac1b; width: 35px; border-radius: 20px; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.8s ease-in-out } .pro_list { height: auto; overflow: hidden; width: 104%; margin-left: -4% } .pro_list .tj_tit { margin: 20px 0 30px 4%; font-size: 36px; bottom: 30px; overflow: hidden } .pro_list .tj_tit h3 { display: inline-block; float: left; color: #07284E; font-weight: bold; border-bottom: 6px solid #eb0001; padding-bottom: 0.5rem } .pro_list .tj_tit a { color: #07284E } .pro_list .tj_tit span { color: #666; float: right; font-size: 16px; padding-top: 20px; font-weight: 500 } .pro_list dl { float: left; width: 20.8%; height: auto; margin: 0 0 3% 4% } .pro_list dl:hover { -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid:DXImageTransform.Microsoft.Shadow(color='#AFBEDA',Direction=125,Strength=9) } .pro_list dl>a { display: block } .pro_list dt { width: 100%; float: left; border: #CCD5E9 1px solid; text-align: center; padding: 10px 1%; background: #fff url(/images/pro_x.png) repeat } .pro_list dt img { width: 96%; height: auto; margin-bottom: 3px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; box-shadow: #E2E8FB 0px 3px 10px } .pro_list dt a:hover img { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 } .pro_list dd h3 { font-size: 26px; margin-bottom: 15px; padding: 2px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .pro_list dd h3 a { color: #475770 } .pro_list dd { line-height: 25px; padding: 8% 2% 4% 8%; min-height: 152px; width: 100%; overflow: hidden; background: #f0f3fa; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .pro_list dd:hover { background: #d21423; -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2); color: #fff; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2); box-shadow: 0 3px 10px rgba(0,0,0,0.2); top: -5px } .pro_list dd:hover h3 a { color: #fff } .pro_list dd p { margin: 10px 0; font-size: 16px; color: #617798 } .pro_list dd:hover p { color: #fff } .pro_list { margin-top: 20px } .pro_list .bj-btn,.pro_list .r_btn { width: 90px; margin: 15px 0 15px; display: inline-block; text-align: center; font-size: 14px; line-height: 36px } .pro_list .bj-btn { color: #617798; border: #617798 1px solid; -webkit-transform: skew(-8deg, 0); transform: skew(-8deg, 0); background: #fff } .pro_list .r_btn { background: #617798; border: #333 1px solid; color: #fff } .pro_list .bj-btn:hover { color: #07284E; background: #fff; border: 1px solid #999 } .pro_list .r_btn:hover { color: #fff; background: #252A3C; border: 1px solid #252A3C } .pages { color: #999; margin: 15px; clear: both } .pages a,.pages .cpb { text-decoration: none; padding: 12px 18px; margin: 2px; border: 1px solid #ddd; background: #ffff; font-size: 13px; color: #07284E } .pages a:hover { background-color: #E61636; color: #fff; border: 1px solid #E61636; text-decoration: none } .pages .cpb { font-weight: bold; color: #fff; background: #E61636; border: 1px solid #E61636 } .video-opacity { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #07284E; filter: alpha(Opacity=50); opacity: 0.5; z-index: 100 } .video-wrap { position: fixed; width: 900px; height: 528px; left: 50%; margin-left: -496px; top: 50%; margin-top: -279px; z-index: 1551 } .video-wrap .close { position: absolute; display: block; width: 50px; height: 50px; top: 0; right: -62px; background: url(/images/video-close.png) no-repeat } .video-wrap .close:hover { -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .fornewslyccs { clear: both } #Div_techdata1 p { height: 32px; line-height: 32px; margin: 15px 0 5px } .pro-four table tr td { padding: 8px 10px } .csccc>h5 { cursor: pointer; display: inline-block; margin: 15px 20px 15px 0; padding-left: 15px; position: relative; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .csccc>h5:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 4px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -2px } .csccc>h5.on { color: red } .csccc>h5.on:before { background: red } .pt1 { padding-bottom: 50px } .pt1 .tit_box { margin-bottom: 50px } .pt1 .tit_box a { display: block } .pt1 .title_en { font-size: 48px; font-family: Titillium; line-height: 50px; margin-bottom: 15px } .pt1 .title_en span { display: block } .pt1 .title { font-size: 36px; line-height: 41px; border-bottom: 3px solid #c4c4c4; padding-bottom: 20px } .pt1 .title span { border-bottom: 10px solid #aace39; padding-bottom: 20px } .pt1 .l_box { width: 50% } .pt1 .l_box .img_box { position: relative } .pt1 .img_box img { width: 100%; height: auto } .pt1 .l_box .mask { position: absolute; right: -14px; top: 40px; width: 195px; height: 60px; background: url(/images/i_tip.png) center center no-repeat; font-size: 24px; color: #fff; padding: 6px 0 0 15px; z-index: 1 } .pt1 .pd { padding: 3.8%; background: #F4F7FE; width: 50%; background: -webkit-gradient(linear, top left, bottom right, from(#F4F7FE), to(#DCE1F1)); background: -webkit-linear-gradient(left, #F4F7FE, #DCE1F1) } .pt1 .pd .name { font-size: 18px; line-height: 40px; color: #404040; text-align: center } .pt1 .pd .img_list { margin-bottom: 20px; overflow: hidden } .pt1 .pd .img_list li { width: 32.33333% !important; width: 32.13333333%; float: left; float: left; margin-right: 1% } .desc { line-height: 32px } .common_btn { display: block; margin-top: 40px; width: 160px; font-size: 0 } .common_btn a { display: block; width: 100% } .common_btn .text_more { display: inline-block; *display: inline; *zoom:1;float: left; width: 115px; text-align: center; font-size: 16px; background: #424355; color: #fff; line-height: 45px; margin-right: 2px; vertical-align: middle } .common_btn .jt { display: inline-block; *display: inline; *zoom:1;float: right; width: 43px; height: 45px; background: #424355 url(/images/btn.png) no-repeat; vertical-align: middle } .common_more:hover { background-position: -43px 0; background-color: #aace39 } #owl-demo { position: relative; margin: 0 auto } #owl-demo .item_ie7 { position: relative; display: block } #owl-demo img { display: block; width: 100%; height: auto } .owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center } .owl-page { display: inline-block; width: 14px; height: 14px; margin: 0 5px; background-image: url(/images/bg15.png); *display: inline; *zoom:1} .owl-pagination .active { width: 35px; background-image: url(/images/bg16.png) } .owl-buttons { display: none } .owl-buttons div { position: absolute; top: 43%; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px } .owl-prev { left: 0; background-image: url(/images/bg17.png) } .owl-next { right: 0; background-image: url(/images/bg18.png) } .owl-prev:hover { background-image: url(/images/bg19.png) } .owl-next:hover { background-image: url(/images/bg20.png) } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-page,.owl-controls .owl-buttons div { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .jl35 { margin-top: 35px } .new_cate { padding: 20px 0; text-align: center; z-index: 10; overflow: hidden; margin-top: 35px } .new_cate li { display: inline-block; *display: inline; *zoom:1;margin: 0 4%; color: #07284E; font-size: 20px; cursor: pointer; position: relative; z-index: 999; color: #fff } .new_cate li a { color: #07284E } .new_cate li ._title { background: #999; border-radius: 10rem; line-height: 2.1rem; color: #fff; padding: 7px 26px; display: block; font-weight: 600 } .new_cate li.active .active { background-color: #c00; border-radius: 10rem; line-height: 2.1rem; padding: 5px 20px; display: block; color: #fff } .new_cate li.active ._title { background: #c00; color: #fff } .new_cate .dot_icon { width: 26px; height: 26px; border: 1px solid transparent; border-radius: 50%; display: block; margin: -8px auto 10px; position: relative } .new_cate .dot_icon:after { content: ""; width: 20px; height: 20px; background: #999; display: block; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; border-radius: 50% } .new_cate li.active .dot_icon { border-color: #c00; z-index: 999 } .new_cate li.active .dot_icon:after { background: #c00 } .new_cate li:after { content: ""; width: 230px; height: 1px; background: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99cfcecf,endcolorstr=#99000000); position: absolute; top: 6px; right: 63% } .new_cate li:first-child:after { display: none } .pro_tj_tit { background: #f5f5f5 url(/images/kehu_bg.jpg); overflow: hidden; padding: 20px 0 20px 30px; margin-bottom: 35px } .pro_tj_tit h3 { font-weight: 600; font-size: 38px; text-align: left; margin-bottom: 20px; border-left: 6px solid #eb0001; color: #fff; display: inline-block; padding-left: 15px; line-height: 35px; height: 35px; margin-top: 30px } .pro_tj_tit h3 a { color: #fff } .pro_tj_tit p { text-align: left; font-size: 16px; margin-bottom: 20px; color: #fff } .pro_kh_yingdao { position: relative; padding-top: 70px; overflow: hidden; margin-bottom: 40px } .pro_kh_yingdao .left { width: auto; position: absolute; left: 15px; bottom: 10px; margin-right: 2% } .pro_kh_yingdao .right { background: #fff1f0; padding: 50px 65px 20px 0; overflow: hidden } .pro_kh_yingdao .right .con { margin-left: 13% } .pro_kh_yingdao .right .tip { text-indent: 0; font-size: 16px; color: #3d3d3d } .pro_kh_yingdao .right .tel { width: 52%; float: left; color: #ed2225; font-size: 28px; font-weight: bold; margin-top: 8px } .pro_kh_yingdao .right .tel span { font-size: 15px; color: #333; font-weight: normal; vertical-align: center } .pro_kh_yingdao .btn { display: block; float: right; margin-top: -15px } .pro_kh_yingdao .btn a img { width: 35px; vertical-align: middle; margin-right: 5px; animation: myfirst 0.5s infinite; display: inline-block; margin-left: 10px } .pro_kh_yingdao .btn a.baojia { padding: 8px 45px; background: #f20d01; color: #fff; font-size: 20px; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f20d01), to(#ff461f)); -webkit-box-shadow: #ff461f 0px 2px 5px; -moz-box-shadow: #ff461f 0px 0px 5px } .pro_kh { margin: 0 auto; overflow: hidden } .pro_kh li { width: 12.18571%; *width: 11.2%; margin: 1%; float: left } .pro_kh li img { padding: 8px; width: 100%; height: auto; background: #fff; border: #d8d8d8 1px solid } .pro_contact { clear: both; background: #FFD8CA; border-radius: 0.5rem } .pro_contact .left { width: 6rem; float: left; margin: 0; margin: -2rem 0 0 1rem; padding: 0rem } .pro_contact .left img { width: 90% } .pro_contact .left span { display: block; background: #FF8455; margin: 0.3rem auto 0; color: #fff; height: 1.6rem; line-height: 1.6rem; font-size: 0.9rem; border-radius: 2rem; text-align: center } .pro_contact .left span a { color: #fff } .pro_contact .right { color: #3d3d3d; padding: 0.5rem 0.5rem 0.5rem 1rem; margin-left: 1rem; position: relative; border-left: 1px dashed #ffad88 } .pro_contact .right:after,.pro_contact .right:before { content: ""; position: absolute; left: -4px; width: 8px; height: 8px; background-color: #f2f2f2; border-radius: 999px } .pro_contact .right:before { top: -.33333rem } .pro_contact .right:after { bottom: -.33333rem } .pro_contact .zi { font-size: 1.2rem; margin: 0; line-height: 2rem; padding: 0rem } .message_zi { margin-left: 1rem } .pro_contact .tel { margin-top: 0.5rem; font-size: 1.2rem } .video_cate ul { width: 70%; margin-top: 40px } .video_cate li { float: left; width: 25%; text-align: center; position: relative } .video_cate li:after { position: absolute; background: url(/images/sp_cate_bg.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -123px; top: 50%; margin-top: -25px } .video_cate li:last-child:after { background: none } .video_cate li img { display: block; margin: 0 auto } .video_cate li .name { font-size: 24px; color: #05163f; font-weight: bold; margin-top: 10px; display: block } .video_list { margin-top: 50px } .video_list ul li { float: left; width: 22%; margin: 0 1.5% 60px; position: relative } .video_list li .pic img { display: block; width: 100%; border-radius: 0 0 0 20px } .video_list li .tit { background: #DDE6EC; margin-top: -20px; line-height: 30px } .video_list .tit h3 { float: left; line-height: 26px; background: #E4EAF5; color: #282828; font-weight: 500; width: 97%; padding: 30px 0 10px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .video_list .tit h3 a { color: #111; font-size: 16px } .video_list ul li:hover h3 a { color: #e61e37 } .video_list .tit .look { float: right; margin-right: 20px } .video_list .pic { text-align: center; display: block; margin: 0 auto } .video_list h2 { font-size: 38px; color: #05163f; text-align: center; font-weight: bold; margin-top: -50px } .video_list h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px } .video_list ul li .video-time { position: absolute; right: 0; bottom: 8px; height: 28px; padding: 5px 6px; color: #666; background: #D3DDED; border-radius: 20px 0 0 20px; font-size: 12px } .video_show_top { margin-top: 50px } .video_show_top video { margin: 60px auto; width: 1100px; height: 620px; text-align: center; display: block } .video_show_top_tit { position: relative; margin: 1rem 0 1rem 0; text-align: center } .video_show_top_tit h1 { font-size: 42px; position: relative; z-index: 2; display: inline-block; padding: 0 1rem; color: #04153C } .video_show_top_tit h1:after,.video_show_top_tit h1:before { content: ''; position: absolute; width: 120px; height: 2.6rem; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .video_show_top_tit h1:after { left: -100px; background: url(/images/video_icon01.png) no-repeat center center; background-size: 82px 21px } .video_show_top_tit h1:before { right: -100px; background: url(/images/video_icon02.png) no-repeat center center; background-size: 82px 21px } .video_kh_yingdao { position: relative; padding-top: 70px; overflow: hidden; margin-bottom: 40px } .video_kh_yingdao .left { width: auto; position: absolute; left: 35px; bottom: 25px; margin-right: 2% } .video_kh_yingdao .right_box { background: #F4F7FE url(/images/pro_x.png) repeat; padding: 15px } .video_kh_yingdao .right { display: block; box-sizing: border-box; font-size: 18px; color: #05163f; font-weight: bold; background: #fff; padding: 30px 65px 30px 0; overflow: hidden } .video_kh_yingdao .right .con { margin-left: 13% } .video_kh_yingdao .right .tip { text-indent: 0; font-size: 16px; color: #3d3d3d } .video_kh_yingdao .right .tel { width: 52%; float: left; color: #ed2225; font-size: 28px; font-weight: bold; margin-top: 8px } .video_kh_yingdao .right .tel span { font-size: 15px; color: #333; font-weight: normal; vertical-align: center } .video_kh_yingdao .btn { display: block; float: right } .video_kh_yingdao .btn a img { width: 35px; vertical-align: middle; margin-right: 5px; animation: myfirst 0.5s infinite; display: inline-block; margin-left: 10px } .video_kh_yingdao .btn a.baojia { padding: 10px 65px; background: #f20d01; color: #fff; border-radius: 30px; font-size: 20px; background: -webkit-gradient(linear, 0% 2%, 60% 10%, from(#f20d01), to(#ff461f)); -webkit-box-shadow: #ff461f 0px 2px 10px; -moz-box-shadow: #ff461f 0px 0px 10px } .video_pro { margin-top: 60px } .video_pro .tit { width: 100%; overflow: hidden } .video_pro .tit h3 { font-size: 32px; float: left; display: inline-block; color: #07284E; background: url(../images/rete_pro.png) no-repeat left center; background-size: 35px 35px; text-indent: 43px; margin-bottom: 20px } .video_pro .tit span { color: #666; float: right; font-size: 16px; padding-top: 20px; font-weight: 500 } .video_pro ul { margin-left: -3.5% } .video_pro li { width: 21.3%; margin-left: 3.5%; border: #f0f3fa 1px solid; box-shadow: 2px 0 20px rgba(21,53,129,0.1); background: #fff; float: left } .video_pro li a { display: block } .video_pro li .img { padding: 4%; margin: 0 auto; text-align: center; display: block } .video_pro li h4 { font-size: 16px; color: #333; background: #DCE3F1; padding: 15px 0; text-align: center; line-height: 24px } .video_pro li h4 a { color: #333 } .video_pro li:hover img { filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7 } .video_pro li:hover h4 a { color: #FF3F3C } .related_videos { margin-top: 60px } .related_videos .tit { width: 100%; overflow: hidden } .related_videos .tit h3 { font-size: 32px; float: left; color: #07284E; display: inline-block; background: url(/images/rete_video.png) no-repeat left center; background-size: 35px 30px; text-indent: 43px; margin-bottom: 20px } .related_videos .tit span { color: #666; float: right; font-size: 16px; padding-top: 20px; font-weight: 500 } .related_videos ul { margin-left: -2.8% } .related_videos li { width: 22%; margin-left: 2.8%; float: left; overflow: hidden } .related_videos li a { display: block; overflow: hidden; position: relative } .related_videos li img { width: 100%; height: auto; _height: 163px; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); float: left } .related_videos li a span.icon-bg { display: none } .related_videos li a span.icon-plus { background: none; width: 60px; height: 60px; position: absolute; left: 40%; top: -60px; transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -webkit-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; display: block } .related_videos ul li a:hover span.icon-bg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 200px; background: rgba(0,0,0,0.5) } .related_videos ul li a:hover span.icon-plus { display: block; background: url(/images/sp_ico.png) no-repeat; background-size: 40px; position: absolute; left: 43%; top: 40%; width: 60px; height: 60px; transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -webkit-transition: all 0.15s ease-out 0s; -ms-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s } .related_videos li a.tit { display: block } .related_videos .pro_time { background: #f0f3fa; padding: 15px 0; font-weight: 600; color: #07284E; text-align: center; position: absolute; right: 0; bottom: 0; background: none repeat scroll 0 0 rgba(0,0,0,0.6); height: 20px; line-height: 20px; padding: 0 5px; color: #fff; font-size: 12px } .related_videos h4 { font-size: 16px; color: #333; padding: 15px 0; text-align: center; line-height: 24px; font-weight: 500 } .case_top { width: 100%; margin: 0 auto 60px; background: #31395B; padding: 10px 0 50px } .case_top h1 { font-size: 34px; color: #fff; margin-top: 20px; margin-bottom: 8px; display: inline-block; color: #c3311c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #fff, #F3F5FD) } .case_top h1:before { background: url(../images/case_ico0.png) no-repeat; display: inline-block; content: ""; width: 35px; height: 37px; background-size: 30px; vertical-align: middle } .f_tit { color: #C1C7DE; font-size: 18px } .case_top_con { width: 100%; overflow: hidden; margin-top: 20px } .case_top_con_left { float: left; width: 73% } .case_top_con_left img { width: 100%; border-radius: 0 50px 0 50px; height: auto } .case_top_con_right { float: left; width: 25%; margin-top: 30px } .case_contact { width: 100%; margin: 40px 0 0 0; position: relative } .case_contact span:after { content: ''; width: 98px; height: 160px; display: block; background: url(../images/case_kefu.png) no-repeat; background-size: contain; position: absolute; left: -30px; top: -40px } .case_contact .prony_order { display: block; width: 85%; margin-top: 8px; float: left } .case_contact .prony_order a { display: block; font-size: 18px; background-color: #c9221e; background-image: linear-gradient(90deg, #FF5A69 30%, #eb0001 50%, #FF2434); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; padding: 12px 0; text-align: center; color: #fff; border-radius: 40px 25px 0 30px } .case_contact .prony_order a:hover { background-position: right center } .case_contact .prony_order a:hover { background: #ff4a00 } .case_top_con_right_zi_bg { background: #F2F6FF url(../images/pro_x.png) repeat repeat; overflow: hidden; width: 100%; margin-left: -30px; padding: 4%; overflow: hidden } .case_top_con_right_zi { background: #fff; box-shadow: 2px 0 20px rgba(21,53,129,0.2); width: 92%; padding: 5% 3% 5% 5%; overflow: hidden } .case_top_con_right_zi p { padding: 10px 0; line-height: 30px } .case_top_con_right_zi span { display: block; margin: 10px 0; line-height: 30px } .case_tel { font-size: 20px; width: 100%; background: url(../images/case_tel.png) no-repeat left top; background-size: 50px; margin: 20px 0 0; padding-left: 70px } .case_tel span { font-size: 14px; margin: 0; line-height: 18px } .case_tel a { color: #eb0001; font-size: 25px; font-weight: 600; line-height: 30px } .case_top_con_right_ser { background: #Fff; box-shadow: 2px 0 20px rgba(21,53,129,0.2); border-radius: 0 40px 40px 0; width: 92%; padding: 4%; overflow: hidden } .case_top_con_right_ser p { padding: 10px 0 10px 30px; background: url(../images/case_ico1.png) no-repeat 5px center } .jl30 { margin-top: 30px } @media screen and (max-device-width: 640px), screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 768px) and (max--moz-device-pixel-ratio: 2) { .jquery-lightbox-button-close,.jquery-lightbox-button-close:hover,.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right,.jquery-lightbox-buttons .jquery-lightbox-buttons-init,.jquery-lightbox-buttons .jquery-lightbox-buttons-end,.jquery-lightbox-buttons .jquery-lightbox-button-left,.jquery-lightbox-buttons .jquery-lightbox-button-left:hover,.jquery-lightbox-buttons .jquery-lightbox-button-right,.jquery-lightbox-buttons .jquery-lightbox-button-right:hover,.jquery-lightbox-buttons .jquery-lightbox-button-max,.jquery-lightbox-buttons .jquery-lightbox-button-max:hover,.jquery-lightbox-buttons .jquery-lightbox-button-min,.jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-size:834px auto } .jquery-lightbox-button-close { background-position: -380px -230px; width: 58px; height: 58px; right: -52px; -webkit-tap-highlight-color: transparent; outline: none } .jquery-lightbox-button-close:hover { background-position: -440px -230px } .jquery-lightbox-buttons .jquery-lightbox-buttons-init,.jquery-lightbox-buttons .jquery-lightbox-buttons-end { width: 10px; height: 78px } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { background-position: -302px -306px } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { background-position: -488px -306px } .jquery-lightbox-buttons .jquery-lightbox-button-left { background-position: -312px -306px; width: 48px; height: 78px; -webkit-tap-highlight-color: transparent; outline: none } .jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background-position: -312px -388px } .jquery-lightbox-buttons .jquery-lightbox-button-right { background-position: -440px -306px; width: 48px; height: 78px; -webkit-tap-highlight-color: transparent; outline: none } .jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background-position: -440px -388px } .jquery-lightbox-buttons .jquery-lightbox-button-max { background-position: -364px -306px; width: 72px; height: 78px; -webkit-tap-highlight-color: transparent; outline: none } .jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background-position: -364px -388px } .jquery-lightbox-buttons .jquery-lightbox-button-min { background-position: -324px -470px; width: 72px; height: 78px; -webkit-tap-highlight-color: transparent; outline: none } .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-position: -414px -470px } } @media (min-width: 1366px) { .header_inside .container { width:1366px } } @media (min-width: 1440px) { .header_inside .container { width:1440px } } @media (min-width: 1600px) { .header_inside .container { width:100%; padding: 0px 8% } .header .logo { margin-left: 0px } } .header_scroll { padding-top: 8px; padding-bottom: 8px; background: rgba(0,0,0,0.5) !important; position: fixed !important; top: 0 !important; box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); -webkit-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); -moz-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); z-index: 50; -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); z-index: 9999999 } .header_scroll .logo { width: 12%; -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); background: none; line-height: 1; height: auto; padding-top: 0px } .header_scroll ul li { float: left; padding-top: 7px } .header_scroll ul li a { color: #fff } .header_scroll ul li a:hover,.header_scroll ul li#on a { color: #ff9600 } @media only screen and (max-width: 3840px) { .pt1 .pd { padding:3.9% 3.8% } } @media only screen and (max-width: 2560px) { .gaide-banner .gaide-lc { margin-left:13% } .pro_banner { background-size: auto } } @media only screen and (max-width: 1920px) { .gaide-banner .gaide-lc { margin-left:0 } } @media only screen and (max-width: 1680px) { .pt1 .pd { padding:4% 3.8% } } @media only screen and (max-width: 1600px) { .pro_banner { height:auto; padding: 20% 0 23%; background-size: 100% } .port-1 .text-desc p { font-size: 20px; margin-bottom: 4px } .port-1 .text-desc h4 { margin-bottom: 15px } .pro-list .pro-arr img { max-width: 90% } .about_banner,.sol_banner,.new_banner,.ban_lxbg,.service_banner { height: auto } .pro_banner .pro_ban1 { margin-top: 2% } .gaide-banner .gaide-lc { margin-left: 2% } .case-five { padding: 50px 0 } .pt1 .pd { padding: 3.9% 3.8% } } @media (max-width: 1560px) { .wrap,.wrap1,.adv_pro1,.adv_pro2,.adv_pro3,.adv_pro4,.adv_pro5,.adv_pro6,.opc0,ser-two { width:99% } ._con .icc,._con .ic { display: none } .ul-sec-case .txt h3 a { font-size: 16px; line-height: 28px } .ul-sec-case .txt { bottom: -170px } .ul-sec-case li .item { padding-bottom: 50px } .pro_choose { margin-top: 30px; margin-bottom: 10px } .pro_choose h3,.pro-two h2,.pro-three h2,.pro-four h2,.pro_ser h3,.pro-five h2 { font-size: 36px } .ser-two ul li p a { font-size: 20px } .ser-one,.ser-two,.ser-three,.ser-four { margin-top: 40px } .case-two-tit { width: 80% } .lx_con { width: 70%; float: right; margin-right: 2% } .gaide-two { padding: 30px 0 } .gaide-two .right { width: 44% } .gaide-two .left { text-align: right; padding-left: 20px } .gaide-one .right p,.gaide-two .left p { text-align-last: left } .pro_list dl { margin: 0 2% 3% 2% } .pro_list { margin: 0 auto; width: 100% } .pro_fenlei li a { margin: 0 20px } .pro_list .tj_tit { margin: 20px 2% 30px 2% } #class1 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .pro_banner { background-size: auto } .case-five { padding: 50px 0 } } @media (max-width: 1440px) { .pro-r .baojia .pro-tel a { font-size:30px } .pro-r .pm strong { width: 18% } .pro-r .pm span { width: 80% } .pro-five { margin: 0 auto } .adv_pro2,.content_2,.content_3,.adv_pro4,.content_4,.pro-four,.jt_top90 { margin-top: 40px } .pro-r h1 { font-size: 26px } .header_scroll .logo { width: 16% } .header ul { width: 70%; padding-top: 5px } .header_scroll { padding-top: 5px } .box { margin: 0 1% } .gaide-banner .gaide-lc { top: 20% } .gaide-lc ul { margin-top: 30px } .gaide-lc ul .con p { display: none } .parhd li { font-size: 14px } .pt1 .pd { padding: 3.2% 3.8% } .pro_list dd h3 { font-size: 23px } } @media (max-width: 1366px) { .pro-r .baojia .pro-tel a { font-size:24px } .pro_banner .pro_ban1 { margin-top: 0 } .com-new .new-l li { margin: 0 0 10px 0; padding: 33px } .gaide-lc ul .open .item { float: none; margin: 0 } .pro-r .ptop p:nth-child(1),.pro-r .ptop p:nth-child(2),.pro-r .ptop p:nth-child(3) { background-size: 34px 34px } .pro-r .baojia .pro-tel { background-size: 40px 40px } .pro_choose h3,.pro-two h2,.pro-three h2,.pro-four h2,.pro_ser h3,.pro-five h2,.pro_tit_h2,.aj_lx h2,.ser-one h1,.ser-two h2,.ser-three h2,.ser-four h2,.new-bag .tit h2,.pro_ban ._sub,.com-new h2,.new-cp h2,.about-sub-title h2,.about-xz h2,.pro_ban1 ._sub,.product_center .product_center_title,.pgwSlideshow .tt,.case-two h2,.case-four h3,.new-content h1,.lx_info h1 { font-size: 30px } .case-three h3,.newd-tj h3,.left_form h3 { font-size: 28px } .ser-four-l h4,.ser-four-r h4,.ser-two ul li h4 { font-size: 26px } .pro-r .pm strong { width: 20% } .pro-r .pm span,.lx_info { width: 78% } .pro_ser blockquote { font-size: 16px } .new_banner { height: auto } .opc0 .right .cont .tit { font-size: 60px } .opc0 .right .cont { padding-top: 5% } .pro_ban ._sub,.new_banner p { margin-bottom: 15px } .parbd h4 { padding-top: 0 } .parbd p { font-size: 14px } .product_list { padding: 0 } .pgwSlideshow .tt { margin: 0px auto 20px } .pgwSlideshow { padding-top: 90px } .case-one .pdrt a { width: 70% } .case-two-tit { width: 100%; margin-top: 10px } .case-three,.case-five { padding: 30px 1% } .case-four ul { width: 100% } .case-five-r p { font-size: 14px; line-height: 26px } .ivideo_banner.act .cover .text1 { background-size: auto 90% } .new-content { margin-top: 40px } .ser_banner { height: 600px } .pt1 .pd { padding: 2.8% 3.8% } } @media (max-width: 1280px) { .pro-r .ptop p:nth-child(1),.pro-r .ptop p:nth-child(2),.pro-r .ptop p:nth-child(3) { background:none; padding-left: 0 } .pro-r .ptop p { width: 28% } .pro-r .pm strong { width: 22% } .pro-r .pm span { width: 76% } .pro-l { margin-top: 40px; margin-bottom: 60px } .pro-r { margin-top: 35px } .message { margin-top: 40px } .ser-four-l .text,.ser-four-r .text1,.ser-four-r .text2 { padding-left: 20% } .ser-two ul li p { font-size: 13px; line-height: 26px } .new-bag .new-bg-r h4 { padding-top: 0 } .new-bag .new-bg-r ul,.com-new h2 { margin-top: 20px } .new-bag .new-bg-r li h3 { font-size: 14px; margin-top: 10px } .new-bag .tit { padding-top: 30px } .new-bag { height: 520px } .com-new { margin: 0 auto 50px } .case-two-tit { font-size: 14px } .new-content .cont .left { width: 72% } .new-content .cont .right { width: 26% } .daodu p.tip { font-size: 13px } .daodu .tool a.baojia { padding: 8px 20px } .product_list ul li { padding: 40px 0.5% 15px; width: 21.7% } .gaide-banner .gaide-lc { top: 140px } .gaide-lc ul,.com-new .new-l li:nth-child(4) { display: none } .pro_list dd h3 { font-size: 20px } .pro_fenlei li a { margin: 0 30px } .pt1 .pd .name { font-size: 13px } .desc { font-size: 12px; line-height: 26px } .common_btn { margin-top: 20px } .pt1 .pd .img_list,.tj_pro { margin-bottom: 0 } .pt1 .pd { padding: 4.3% 3.8% } .pro_ser { margin: 40px auto } .left_form .tit p { padding: 15px 0 15px 11%; font-size: 12px } } @media (max-width: 1170px) { .pro-r .pm strong { width:24% } .pro-r .pm span { width: 74% } .pro-r .baojia .get-price { height: 46px; line-height: 46px; width: 36%; font-size: 18px } .pro-r .baojia .pro-tel { width: 57% } .pro-l .pro-bot span { font-size: 15px } .pro_list .pm:nth-child(2),.product_list .bj-btn1 { display: none } .sub_tit_h3 { font-size: 22px } .ser-two ul li div { width: 55% } .new_banner { height: 500px } .opc0 .right .cont .tit,.opc0 .right .cont .num_area .nums .num,.opc0 .right .cont .num_area .nums .jia { font-size: 40px } .opc0 .right .cont { padding-top: 5% } .about_us .pt1 .r_box .pd li { font-size: 14px } .sol_banner { background-size: 100% 100% } .product_center .solution_list .list_text_box { padding: 50px 70px 0 } .header_scroll .logo { width: 18% } .case-one .pdrt .num { font-size: 30px } .ul-sec-case .txt h3 a { font-size: 14px } .pro_list dd h3 { font-size: 16px } .pro_fenlei li a { margin: 0 15px } .about_us .jianjie .r_box .pd ul { margin: 5px 0 } .pro-r .pm { display: none } .parbd p { line-height: 30px } .pt1 .pd { padding: 3.8% 3.8% } .pro_kh_yingdao .right .con { margin-left: 16%; width: 60% } .pro_kh_yingdao .right .tel { width: 100% } } @media (max-width: 1024px) { .pro-r .pm strong { width:26% } .pro-r .pm span { width: 72% } .pro-l .pro-bot span { font-size: 13px } .pro_choose { padding: 20px 0 } .pro_ser blockquote,.ul-sec-case .txt,.opc0 .right .cont ul { display: none } .ul-sec-case li .item { padding-bottom: 0 } .pt1 .pd { padding: 2.8% 3.8% } .pro_fenlei li a { margin: 0 10px } .left_form .tit p { background-image: none; padding: 15px 0 15px 3%; font-size: 12px; width: 96% } .pro_kh_yingdao .right .con { margin-left: 18%; width: 55% } .pro_kh_yingdao .right .tel { width: 100% } .nav-bar .right a { margin-left: 10px; padding-right: 10px } .nav-bar .right { margin-right: 10px } } @media (max-width: 999px) { .pro-r .pm,.pro-top,.pro_ser,.pro-r .ys,.content_1 embed,.header ul li a .down { display:none } .pro-r .baojia .pro-tel a { font-size: 22px } .pro-r .baojia .pro-tel { width: 62% } .pro-r .baojia .pro-tel { background-size: 34px 34px } .pro-r .baojia .get-price { height: 40px; line-height: 40px; width: 34%; font-size: 16px } .header .logo { width: 25% } .header_home ul li { padding-top: 10px } } @media (max-width: 767px) { .pro_choose h3,.pro-two h2,.pro-three h2,.pro-four h2,.pro_ser h3,.pro-five h2,.pro_tit_h2,.left_form h3 { font-size:24px } .pro-l,.pro-r,.w65,.w70,.left_form,.header ul,.w40 { width: 100% } .pro-five li h4 { font-size: 14px } .adv_pro2 li { width: 45% } ._con p,.pdico,.right_contact,.header .logo,.copyrights,.w30,.w25,.w55,.pro_choose,.pro-r .ys { display: none } .pro-r h1 { font-size: 24px; border-bottom: #f1f1f1 1px solid; padding-bottom: 10px } .pro-r,.pro-l { margin-top: 20px } .pro-l { margin-bottom: 0 } .m30 { margin-top: 0 } .pro-r .ptop { padding: 0; border: 0 } .pro-r .ptop p { width: 100% } .pro-r .ptop p:nth-child(1) { margin-bottom: 10px } .pro-r .ptop p:nth-child(1) strong { font-size: 13px; font-weight: bold; display: inline-table; background: url(/images/jl.png) 5px center no-repeat #FCE4C2; text-indent: 18px; background-size: 15px; padding: 0 5px; color: #ff4a00; border-radius: 10px; margin-right: 6px } .pro-r .ptop p:nth-child(2) strong { font-size: 13px; font-weight: bold; display: inline-table; background: url(/images/jl2.png) 5px center no-repeat #FCE4C2; text-indent: 18px; background-size: 15px; padding: 0 5px; color: #ff4a00; border-radius: 10px; margin-right: 6px } .pro-r .ptop p:nth-child(1) span,.pro-r .ptop p:nth-child(2) span { font-size: 14px; margin-bottom: 7px; font-weight: 500; display: contents } .pro_list .pm:nth-child(1),.pro-r .pm { display: block } .pro-r .pro_list { margin-top: 10px } .pro-r .baojia { margin: 20px auto 40px } .pro-r .baojia .get-price { width: 100%; font-size: 20px; height: 46px; line-height: 46px } .pro-r .baojia .pro-tel { width: 100%; margin-top: 25px } .pro-r .baojia .pro-tel a { font-size: 30px } .pro-r .baojia .pro-tel { background-size: 50px 50px } .pd_guide a { font-size: 16px } .sub_tit_h3 { font-size: 20px } .content_1 p,.content_2 p,.content_3 p,.pro_tit_h4 p { font-size: 13px; line-height: 26px } .pro_tit_h2,.pro-two h2,.pro-three h2,.pro-four h2 { padding-bottom: 10px; width: 200px; margin-bottom: 20px } .adv_pro2,.content_2,.content_3,.adv_pro4,.content_4,.pro-four,.jt_top90 { margin-top: 20px } .left_form ul li.wenb { width: 100% } .left_form ul li textarea { width: 85% } ._con h3 { font-size: 16px } ._con h4 { font-size: 13px; line-height: 26px } .pro-r .pm strong { width: auto; float: none } .pro-r .pm span { width: auto; float: none; display: contents } .header ul { padding-top: 0 } .header_home ul li { padding-top: 10px } } @media (max-width: 480px) { .pro_choose li,.pro-five li { width:47%; margin: 0 1.5% 4% } .adv_pro2 li { width: 100% } } .proclassdivcss { padding-top: 8px; padding-bottom: 8px; position: fixed !important; top: 0 !important; z-index: 50; z-index: 999999999; display: block; height: 66px } .proclassdivcss .dot_icon,.proclassdivcss li:after { display: none } .proclassdivcss li { width: 17%; margin: 0 1.5% } .site-map ul { margin: 20px auto 60px; overflow: hidden } .site-map ul li { margin-top: 10px; width: 33.33333%; float: left; overflow: hidden; padding-right: 10px } .site-map ul li a:hover { color: red } *,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .floating_ck { position: fixed; right: 0; bottom: 28%; *bottom: 26%; z-index: 999 } .floating_ck dl dd { position: relative; background-color: #E60012; margin-bottom: 3px; text-align: center; cursor: pointer } .floating_ck dl dd a,.floating_ck dl dd p { width: 100%; position: relative } .floating_ck dl dd img { margin: 0 auto; text-align: center } .floating_ck dl dd p { text-align: center } .floating_ck dl dd:hover .floating_left { display: block } .quote,.qrcord { padding: 8px 0 4px } .floating_ck dl dd a,.floating_ck dl dd p { color: #fff } .floating_ck dl dd a img { display: inline-block; text-align: center; margin: 0 auto } .floating_left { position: absolute; left: -190px; top: 0px; width: 300px; z-index: 999; height: 70px; line-height: 70px; background: #E60012; display: none } .floating_left a { color: #fff } .floating_ewm p { color: #Fff } .floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px } .floating_ewm .qrcord_p02 { font-size: 20px } .is-ie8 { display: block; width: 90%; height: 50px; border: 1px dashed #f7685e; background-color: #ff4c44; margin: 10px auto; padding: 0 20px } .is-ie8 span { display: inline-block; height: 48px; line-height: 48px; font-size: 16px; color: #e5e5e5; position: relative; padding-left: 24px } .is-ie8 span i { display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 15px; background: url("../images/index/icon_notice.png") center center no-repeat } .is-ie8 a { display: inline-block; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: bold; text-decoration: underline } .fixed-flolt { position: fixed; right: 0; top: 50%; margin-top: -200px; line-height: 1; z-index: 9999; transform: scale(0.9) } .fixed-flolt .btnbox { width: 189px; height: 433px; padding: 100px 4px 0; background: url(../images_pc/rlflbg.png) center top no-repeat; background-size: 100%; position: relative } .fixed-flolt .btnbox:before { content: ""; width: 146px; height: 146px; background: url(../images_pc/rlflpic.png) center no-repeat; background-size: 100%; position: absolute; right: 15px; top: -50px } .fixed-flolt .btn { width: 171px; padding: 12px 0; padding-left: 62px; margin-top: 15px; background: rgba(244,244,244,0.3); border: 1px solid #ffa69a; border-radius: 6px 6px 6px 0; font-size: 16px; color: #850101; display: block; position: relative; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .btn:before { content: ""; width: 40px; height: 42px; border-radius: 8px; position: absolute; left: 12px; top: 0; bottom: 0; margin: auto 0; box-shadow: 0 7px 18px rgba(167,19,14,0.67); transition: all linear 0.3s } .fixed-flolt .btn:after { content: ""; width: 0; border-top: 7px solid #6d2213; border-right: 0 solid transparent; border-left: 8px solid transparent; position: absolute; left: 0; bottom: -8px; z-index: -1 } .fixed-flolt .btn span { color: #fff; font-weight: bold; text-shadow: 0 2px 13px #ba210d; display: block; margin-top: 6px; transition: all linear 0.3s } .fixed-flolt .btn span:before { content: ""; height: 1px; background-image: linear-gradient(to right, transparent, #fdeac0, transparent); position: absolute; left: 0; right: 0; bottom: -1px } .fixed-flolt .btn:hover { background: rgba(0,0,0,0.5); color: rgba(255,237,233,0.75) } .fixed-flolt .btn:hover span { color: #ffcf11 } .fixed-flolt .btn1:before { background: url(../images_pc/rlfltb01.png) center no-repeat; background-size: 100% } .fixed-flolt .btn1:hover:before { background: url(../images_pc/rlfltb01.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn2:before { background: url(../images_pc/rlfltb02.png) center no-repeat; background-size: 100% } .fixed-flolt .btn2:hover:before { background: url(../images_pc/rlfltb02.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn3 { padding: 10px 0; color: #ffede9; color: rgba(255,237,233,0.75); text-align: center; background: rgba(0,0,0,0.5) } .fixed-flolt .btn3:before { display: none } .fixed-flolt .btn3 span { font-size: 19px; color: #ffcf11; letter-spacing: 0.5px; text-shadow: none } .fixed-flolt .btn4 { width: 157px; height: 42px; background: url(../images_pc/rlflxsbg.png) center no-repeat; background-size: 100%; display: block; margin-left: 18px; margin-top: 24px; font-size: 20px; color: #1f1f1f; text-align: center; font-weight: bold; line-height: 42px; cursor: pointer; animation: effect 1.2s linear infinite } .fixed-flolt .btn4:after { content: ""; width: 23px; height: 30px; background: url(../images_pc/rlflxstb.png) center no-repeat; display: inline-block; vertical-align: middle; margin-left: 7px } .fixed-flolt .btn4:hover { animation: none } .fixed-flolt .wxgz_code { width: 193px; position: absolute; right: -220px; bottom: -155px; opacity: 0; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close { width: 20px; height: 20px; display: block; position: absolute; left: -4px; top: -6px; background: #9a9c9c; border-radius: 50%; font-size: 16px; color: #fff; text-align: center; line-height: 17px; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close:hover { background: #ffcf11; color: #080808 } .fixed-flolt.fixed-flolt_active .wxgz_code { right: 0; opacity: 1 } .fixed-flolt.fixed-flolt_active .back-top { bottom: -220px } .back-top { width: 100px; height: 40px; border-radius: 40px; background: #fff; position: absolute; z-index: 9999; bottom: -70px; right: 35px; box-shadow: 0 6px 24px rgba(222,56,53,0.3); cursor: pointer; transition: all .3s linear; display: none } .back-top span { display: block; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; border-top: 1px solid #e15856 } .back-top span:after { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: 1px solid #d51511; border-right: 1px solid #d51511; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; left: 2px; -webkit-animation: backTop 1s linear infinite; animation: backTop 1s linear infinite } .back-top:hover { -webkit-box-shadow: 0 6px 12px rgba(222,56,53,0.1); -moz-box-shadow: 0 6px 12px rgba(222,56,53,0.1); box-shadow: 0 6px 12px rgba(222,56,53,0.1) } @keyframes backTop { 0%,100% { top: 8px } 50% { top: 5px } } @-webkit-keyframes backTop { 0%,100% { top: 8px } 50% { top: 5px } } @keyframes scaleChange { 0%,100% { transform: scale(1) } 50% { transform: scale(0.6) } } @-webkit-keyframes scaleChange { 0%,100% { transform: scale(1) } 50% { transform: scale(0.6) } } @keyframes effect { 0% { transform: scale(1) } 50% { transform: scale(0.9) } 100% { transform: scale(1) } } .gq-decor { width: 311px; height: 169px; position: fixed; padding-left: 12px; padding-right: 1px; padding-top: 2px; padding-bottom: 16px; overflow: hidden; left: 0; bottom: 0; z-index: 333 } .gq-decor .decor-top { position: relative; width: 298px; height: 144px } .gq-decor .decor-top .decor-flag { width: 225px; height: 144px; position: absolute; left: 0; bottom: 0px; -webkit-animation: flagmove 5s linear; -moz-animation: flagmove 5s linear; -o-animation: flagmove 5s linear; animation: flagmove 5s linear } .gq-decor .decor-top .decor-text { position: absolute; width: 100%; height: 144px; left: 0; top: 0 } .gq-decor .decor-top .decor-text .d_text { right: 12px; bottom: 33px; position: absolute; width: 209px; height: 56px; -webkit-animation: textsee 5s linear; -moz-animation: textsee 5s linear; -o-animation: textsee 5s linear; animation: textsee 5s linear } .gq-decor .decor-top .decor-text .d_num { width: 127px; height: 105px; position: absolute; left: 116px; bottom: 8px; -webkit-animation: numrotate 5s linear; -moz-animation: numrotate 5s linear; -o-animation: numrotate 5s linear; animation: numrorate 5s linear } .gq-decor .decor-top .decor-text .d_year { width: 53px; height: 9px; position: absolute; left: 176px; bottom: 25px; -webkit-animation: numberup 5s linear; -moz-animation: numberup 5s linear; -o-animation: numberup 5s linear; animation: numberup 5s linear } .gq-decor .decor-top .decor-birds .bird01 { width: 29px; height: 30px; left: 212px; top: 14px; position: absolute; -webkit-animation: bird01fly 5s linear; -moz-animation: bird01fly 5s linear; -o-animation: bird01fly 5s linear; animation: bird01fly 5s linear } .gq-decor .decor-top .decor-birds .bird02 { width: 25px; height: 25px; left: 242px; top: 17px; position: absolute; -webkit-animation: bird02fly 5s linear; -moz-animation: bird02fly 5s linear; -o-animation: bird02fly 5s linear; animation: bird02fly 5s linear } .gq-decor .decor-top .decor-birds .bird03 { width: 35px; height: 31px; left: 266px; top: -2px; position: absolute; -webkit-animation: bird03fly 5s linear; -moz-animation: bird03fly 5s linear; -o-animation: bird03fly 5s linear; animation: bird03fly 5s linear } .gq-decor .decor-bottom { position: absolute; left: 12px; bottom: 16px; width: 298px; height: 27px } .gq-decor .decor-bottom .text_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; -webkit-animation: bgmove 5s linear; -moz-animation: bgmove 5s linear; -o-animation: bgmove 5s linear; animation: bgmove 5s linear } .gq-decor .decor-bottom .light { position: absolute; left: 135px; bottom: 0; width: 200px; height: auto; z-index: 1; -webkit-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; -moz-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; -o-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; animation: lightmove 5s linear, lightmove2 5s linear infinite 6s } .gq-decor .decor-bottom .text_desc { position: absolute; width: 264px; height: 13px; left: 19px; top: 7px; z-index: 2; -webkit-animation: textfade 5s linear; -moz-animation: textfade 5s linear; -o-animation: textfade 5s linear; animation: textfade 5s linear } @-webkit-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-moz-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-o-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-webkit-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-moz-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-o-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-webkit-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-moz-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-o-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-webkit-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-moz-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-o-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-webkit-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-moz-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-o-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-webkit-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-moz-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-o-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-webkit-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-moz-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-o-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-webkit-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-moz-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-o-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-webkit-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-moz-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-o-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-webkit-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-moz-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-o-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-webkit-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @-moz-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @-o-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } .wrap2 { margin-left: auto; margin-right: auto; width: 1520px; position: relative; z-index: 1 } .header2 { padding: 15px 0; width: 100%; z-index: 99999; transition: all .3s; background: #1d1d1f; position: absolute; left: 0; top: 0 } .header2 .logo { display: block; float: left; height: 50px; transition: all .3s } .header2 .logo img { display: block; height: 100% !important; transition: all .3s } .header2 ul { float: right; line-height: 0; font-size: 0; width: 70%; transition: all .3s } .header2 ul li { display: block; position: relative; float: left; width: 14%; transition: all .3s } .header2 ul li>a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: right; transition: all .3s; padding-right: 24px } .header2 ul li>a .down { display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 16px; height: 16px; background: url(/images/down.png) center center no-repeat } .header2 ul li:hover a { color: #ff9600 } .header2 ul li:hover a .down { background: url(/images/down_hover.png) center center no-repeat } .header2 ul li .sub-menu.active { visibility: inherit; opacity: 1; top: 50px } .header2 ul li .sub-menu { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 60px; background: #f5f5f5; width: 150px; transition: all .3s } .header2 ul li .sub-menu p a { display: block; height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px; transition: all .3s; color: #666; text-align: center } .header2 ul li .sub-menu p a:hover { color: #ff9600 } .header2 ul li .sub-menu p+p { border-top: 1px solid #efefef } @media (max-width: 1760px) { .wrap2 { width:1440px } } @media (max-width: 1600px) { .wrap2 { width:1280px } } @media (max-width: 1440px) { .wrap2 { width:1120px } .header2 { padding: 12px 0 } .header2 .logo { height: 44px } .header2 ul { width: 70% } .header2 ul li>a { height: 44px; line-height: 44px } .header2 ul li .sub-menu.active { top: 44px } } @media (max-width: 1280px) { .wrap2 { width:960px } .header { padding: 10px 0 } .header2 .logo { height: 40px } .header2 ul { width: 70% } .header2 ul li>a { font-size: 14px; height: 40px; line-height: 40px } .header2 ul li .sub-menu.active { top: 40px } .header2 ul li .sub-menu p a { font-size: 14px } } .fixed-flolt { position: fixed; right: 0; top: 50%; margin-top: -200px; line-height: 1; z-index: 9999; transform: scale(0.9) } .fixed-flolt .btnbox { width: 189px; height: 433px; padding: 100px 4px 0; background: url(../images_pc/rlflbg.png) center top no-repeat; background-size: 100%; position: relative } .fixed-flolt .btnbox:before { content: ""; width: 146px; height: 146px; background: url(../images_pc/rlflpic.png) center no-repeat; background-size: 100%; position: absolute; right: 15px; top: -50px } .fixed-flolt .btn { width: 171px; padding: 12px 0; padding-left: 62px; margin-top: 15px; background: rgba(244,244,244,0.3); border: 1px solid #ffa69a; border-radius: 6px 6px 6px 0; font-size: 16px; color: #850101; display: block; position: relative; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .btn:before { content: ""; width: 40px; height: 42px; border-radius: 8px; position: absolute; left: 12px; top: 0; bottom: 0; margin: auto 0; box-shadow: 0 7px 18px rgba(167,19,14,0.67); transition: all linear 0.3s } .fixed-flolt .btn:after { content: ""; width: 0; border-top: 7px solid #6d2213; border-right: 0 solid transparent; border-left: 8px solid transparent; position: absolute; left: 0; bottom: -8px; z-index: -1 } .fixed-flolt .btn span { color: #fff; font-weight: bold; text-shadow: 0 2px 13px #ba210d; display: block; margin-top: 6px; transition: all linear 0.3s } .fixed-flolt .btn span:before { content: ""; height: 1px; background-image: linear-gradient(to right, transparent, #fdeac0, transparent); position: absolute; left: 0; right: 0; bottom: -1px } .fixed-flolt .btn:hover { background: rgba(0,0,0,0.5); color: rgba(255,237,233,0.75) } .fixed-flolt .btn:hover span { color: #ffcf11 } .fixed-flolt .btn1:before { background: url(../images_pc/rlfltb01.png) center no-repeat; background-size: 100% } .fixed-flolt .btn1:hover:before { background: url(../images_pc/rlfltb01.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn2:before { background: url(../images_pc/rlfltb02.png) center no-repeat; background-size: 100% } .fixed-flolt .btn2:hover:before { background: url(../images_pc/rlfltb02.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn3 { padding: 10px 0; color: #ffede9; color: rgba(255,237,233,0.75); text-align: center; background: rgba(0,0,0,0.5) } .fixed-flolt .btn3:before { display: none } .fixed-flolt .btn3 span { font-size: 19px; color: #ffcf11; letter-spacing: 0.5px; text-shadow: none } .fixed-flolt .btn4 { width: 157px; height: 42px; background: url(../images_pc/rlflxsbg.png) center no-repeat; background-size: 100%; display: block; margin-left: 18px; margin-top: 24px; font-size: 20px; color: #1f1f1f; text-align: center; font-weight: bold; line-height: 42px; cursor: pointer; animation: effect 1.2s linear infinite } .fixed-flolt .btn4:after { content: ""; width: 23px; height: 30px; background: url(../images_pc/rlflxstb.png) center no-repeat; display: inline-block; vertical-align: middle; margin-left: 7px } .fixed-flolt .btn4:hover { animation: none } .fixed-flolt .wxgz_code { width: 193px; position: absolute; right: -220px; bottom: -155px; opacity: 0; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close { width: 20px; height: 20px; display: block; position: absolute; left: -4px; top: -6px; background: #9a9c9c; border-radius: 50%; font-size: 16px; color: #fff; text-align: center; line-height: 17px; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close:hover { background: #ffcf11; color: #080808 } .fixed-flolt.fixed-flolt_active .wxgz_code { right: 0; opacity: 1 } .fixed-flolt.fixed-flolt_active .back-top { bottom: -220px }