html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 1px; } html, body { min-height: 100%; overflow-x: hidden; } body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol { list-style: none; margin-bottom: 0 !important; } img { border: none; vertical-align: middle; } a { text-decoration: none; color: #232323; } a:hover, a:active, a:link { text-decoration: none; } table { border-collapse: collapse; table-layout: fixed; } input, textarea { outline: none; border: none; } textarea { resize: none; overflow: auto; } .clearfix { zoom: 1; } .clearfix:after { content: "."; width: 0; height: 0; visibility: hidden; display: block; clear: both; } .fl { float: left } .fr { float: right } .left { float: left; } .right { float: right; } .tl { text-align: left; } .tc { text-align: center } .tr { text-align: right; } .ellipse { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .inline { display: inline-block; *display: inline; *zoom: 1; } .m-center { text-align: center; font-size: 0; } .m-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .m100 img { display: inline-block; width: 100%; height: 100% !important; } .line1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .line2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; } .line3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -moz-line-clamp: 3; -o-line-clamp: 3; -webkit-box-orient: vertical; } .wide { width: 1200px; margin: 0 auto; } /* img {max-width: 100%;} */ a { transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .imgrd5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .boxShadow:hover { box-shadow: 0 0 8px 2px #ccc; -webkit-box-shadow: 0 0 8px 2px #ccc; -ms-box-shadow: 0 0 5px 2px #ccc; -moz-box-shadow: 0 0 5px 2px #ccc; -o-box-shadow: 0 0 5px 2px #ccc; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } /* 导航条 end*/ @-moz-keyframes dblock { from { display: none; } to { display: block; } } @-o-keyframes dblock { from { display: none; } to { display: block; } } @keyframes dblock { from { display: none; } to { display: block; } } @-webkit-keyframes dblock /* Safari and Chrome */ { from { display: none; } to { display: block; } } .nav li .dl_1 { display: inline-block; height: 100%; width: 1200px; } .nav li .dl_1 dd { display: inline-block; padding: 0; background: none; height: 100%; width: auto; padding-top: 30px; margin-left: 27px; margin-right: 27px; } .nav li .dl_1 dd a { float: initial; padding: 0; height: auto; background: none; color: #555; display: inline-block; text-align: center; position: relative; background-color: transparent !important; font-size: 14px; line-height: normal; } .nav li .dl_1 dd i { font-size: 46px; color: #8a8a8a; margin-left: 0; transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .nav li .dl_1 dd p { margin-top: 14px; transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .nav li .dl_1 dd a:hover i { color: #1769B3; } .nav li .dl_1 dd a:hover p { color: #1769B3; } .nav li .dl_1 dd i.icon-Group { font-size: 40px; } .nav li .dl_1 dd i.juz { position: relative; left: 5px; } .banner-box.n { max-height: 400px; } .banner-box img { width: 100%; height: 100%; position: absolute; left: 50%; margin-left: -50%; max-width: initial; } .ya_box { padding: 40px 0; } .box p.title { font-size: 32px; color: #1769B3; height: 66px; background: url(../images/x1.png) no-repeat bottom center; text-align: center; } .ya-title { margin-bottom: 50px; } .ya-title h3 { text-align: center; color: #fff; font-size: 28px; line-height: 1em; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .4); position: relative; } .ya-title.gr h3 { color: #1769B3; border-bottom-color: rgba(220, 220, 220, .4); } .ya-title h3:after { content: ''; display: inline-block; width: 30px; height: 3px; background-color: #7cb6ec; position: absolute; bottom: -2px; left: 50%; margin-left: -15px; } .ya-title p { margin-top: 10px; text-align: center; color: #ffffff; font-size: 14px; line-height: 1em; } .ya-title.gr p { color: #999999; } .ui-contact {} .ya-can { padding: 40px 0; overflow: hidden; } .ya-home { background: url(../images/home-bg1.jpg) no-repeat 50% 100%; } .ya-hometodo { overflow: hidden; } .ya-hometodo .i { display: block; border: 1px solid #e5e5e5; border-radius: 8px; behavior: url(../cx/PIE.htc); } .ya-hometodo .i:hover { background-color: #1769B3; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); behavior: url(../cx/PIE.htc); } .ya-hometodo .i:hover * { color: #fff !important; } .ya-hometodo .i>.hd { padding-top: 20px; } .ya-hometodo .i>.hd p { line-height: 1em; text-align: center; } .ya-hometodo .i>.hd p.p1 { color: #333333; font-size: 18px; } .ya-hometodo .i>.hd p.p2 { color: #999999; font-size: 14px; margin-top: 8px; } .ya-hometodo .i>.ct { margin-top: 35px; } .ya-hometodo .i>.ct p { text-align: center; } .ya-hometodo .i>.ct p i { display: inline-block; width: 72px; height: 72px; background: none no-repeat center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: -o-transform 300ms; -moz-transition: transform 300ms, -moz-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms; } .ya-hometodo .i:hover>.ct p i { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .ya-hometodo .i>.ct p i.ico1 { background-image: url(../images/srveicon-ico1.png); } .ya-hometodo .i:hover>.ct p i.ico1, .ya-hometodo .i.on>.ct p i.ico1 { background-image: url(../images/srveicon-ico1-on.png); } .ya-hometodo .i>.ct p i.ico2 { background-image: url(../images/srveicon-ico2.png); } .ya-hometodo .i:hover>.ct p i.ico2, .ya-hometodo .i.on>.ct p i.ico2 { background-image: url(../images/srveicon-ico2-on.png); } .ya-hometodo .i>.ct p i.ico3 { background-image: url(../images/srveicon-ico3.png); } .ya-hometodo .i:hover>.ct p i.ico3, .ya-hometodo .i.on>.ct p i.ico3 { background-image: url(../images/srveicon-ico3-on.png); } .ya-hometodo .i>.ct p i.ico4 { background-image: url(../images/srveicon-ico4.png); } .ya-hometodo .i:hover>.ct p i.ico4, .ya-hometodo .i.on>.ct p i.ico4 { background-image: url(../images/srveicon-ico4-on.png); } .ya-hometodo .i>.ft { margin: 0 8px; margin-top: 40px; border-top: 1px solid #e7e7e8; padding-top: 24px; padding-bottom: 30px; } .pages { width: 100%; height: 30px; margin: 0 auto; text-align: center; line-height: 30px; } .ya-hometodo .i>.ft p { text-align: center; color: #999999; font-size: 14px; line-height: 20px; height: 40px; } .ya-hometodo .foot { margin-top: 80px; padding-top: 50px; background: url(../images/line.png) no-repeat 50% 0; } .ya-hometodo .foot p { line-height: 20px; font-size: 14px; text-align: center; color: #999999; } .container1 { width: 100% !important; padding: 0 15px; } .container1.full { width: 100%; width: 100% !important; padding: 0px; } /*友情链接*/ .foorterLink { background-color: #f0f0f0; padding: 40px 0; } .foorterLink span { color: #333333; font-size: 14px; } .foorterLink a { font-size: 14px; color: #666666; padding: 0 15px 2px 1px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; display: inline-block; } .foorterLink a:hover { color: #006eec } .foorterLink a:last-child { border-right: 0; } .foorterLink .container { padding-left: 30px; } /*底部*/ .footer { padding: 20px 0; background-color: #1d2023; } .footerNav { margin-bottom: 16px; } .footerNav a { font-size: 14px; color: #fff; margin-right: 20px; display: inline-block; } .footerContact { font-size: 12px; color: #9f9f9f; line-height: 30px; } .footerContact a { color: #9f9f9f; } .footerContact a:hover { color: #fff; } .Fcode { margin: 10px 0 0; } .Fcode li { text-align: center; float: right; margin: 0 6.989247311827957% 0 0; } .Fcode li:first-child { margin: 0px; } .Fcode li img { width: 100px; height: 100px; } .Fcode li .name { line-height: 24px; color: #fff; margin: 10px 0 0; } .footer_box { background: #333333; } .footer_box .footer-cent { background: #333333; } .footer_box .footer-bottom { background: #2b2b2b; height: 100px; } .footer_box .byul { padding: 12px 0; } .footer_box .byul li { font-size: 16px; color: #FFFFFF; line-height: 36px; font-weight: bold; text-align: center; } .footer_box .byul li a { color: #FFFFFF; display: block; } .footP { text-align: center; position: absolute; bottom: -36px; right: 54px; } .footP h3 { font-size: 24px; line-height: 24px; color: #FFFFFF; margin-bottom: 12px; font-family: arial; } .footP .week { font-size: 14px; color: #cccccc; line-height: 14px; } .footP .wbicon { width: 35px; height: 27px; background: url(../img/icon/weibo-icon.png) no-repeat; } .footP .wbspan { font-size: 14px; color: #FFFFFF; line-height: 14px; padding: 0px 9px 0px 5px; } .footP a { width: 73px; height: 24px; background: #4cc33c; text-align: center; color: #FFFFFF; line-height: 24px; font-size: 14px; } .footP a, .footP .wbspan, .footP .wbicon { vertical-align: middle; display: inline-block; } .footbot { text-align: center; padding: 30px 0px 0px 0px; } .footbot p { font-size: 12px; color: #808080; line-height: 12px; margin-bottom: 11px; text-align: left; } .footbot p a { color: #808080; } .footbot img { padding: 0px 15px 0px 0px; } .footbot .footer-con-r { margin-left: 40px; } .footer_box .product-center { background: #ffffff; } .footer-cent .top { height: auto; overflow: hidden; padding-bottom: 25px; } .footer-cent .top ul { width: 100%; height: auto; position: relative; } .footer-cent .top ul li { height: auto; color: #666; font-size: 14px; line-height: 40px; } .footer-cent .top ul li .tit { padding-top: 20px; } .footer-cent .top ul li .blue { color: #e5e5e5; font-size: 16px; font-weight: bold; } .imgpc { height: 40px; padding-top: 10px; } .footer-cent .top ul li a { color: #666; } .footer-cent .top ul li .phone { padding-top: 20px; text-indent: 50px; background: url("../img/footer_phone.png") no-repeat left center; } .footer-cent .top ul li .fenxiang { text-align: center; margin-top: 15px; } .footer-cent .top ul li .fenxiang img { margin-right: 20px; } .footer-cent .top ul li p img { vertical-align: middle; } .footer-cent .top ul li.col-xs-6 { text-align: center; } .footer-cent .top ul li.col-xs-6 img { display: inline-block; } .footer-cent .top ul li.f-r { float: right; margin: 0; margin-top: 40px; width: 150px; text-align: center; } .footer-nrtext { text-align: center; } .footer-ul li p a:hover { color: #1769B3; } .footer-con-l p span { padding-left: 20px; } .f-cityjs { margin: 12px auto; } .f-cityjs a { color: #0ca1ff; display: inline-block; margin-right: 4px; font-size: 14px; margin-bottom: 2px; } .f-cityjs a:hover { color: #fff; } .f-cityjs a:first-of-type { margin-left: 15px; } /*banner广告*/ .homebanner { width: 100%; text-align: center; color: rgb(255, 255, 255); display: table; position: relative; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } .homebanner.curr { margin-top: 148px; } #video { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -o-object-fit: fill; object-fit: fill; } .hb_bg { background: rgba(22, 35, 44, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } .hb_txt { text-align: center; vertical-align: middle; display: table-cell; position: relative; z-index: 3; } .hb_txt .inner { margin: 0px auto; width: 60%; display: none; } .hb_txt .h2 { line-height: 80px; font-family: "microsoft yahei"; font-size: 0.6rem; margin-bottom: 15px; position: relative; } .hb_txt .desc { line-height: 35px; font-size: 18px; position: relative; } .increase-txt { line-height: 30px; color: #777; text-align: center; margin-top: 18px; margin-bottom: 20px; } /*新闻详细  网站优化 */ .case_bg .hot { margin: 45px auto 30px; } .case_bg .hot ul { overflow: hidden; } .case_bg .hot li { height: 485px; float: left; border-bottom: 2px solid #e5e5e5; position: relative; margin-bottom: 12px; } .case_bg .hot li:after { content: ""; position: absolute; width: 0; left: 0; bottom: -2px; height: 2px; background-color: #c30900; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .case_bg .hot li a { display: block; width: 100%; height: 100%; position: relative; } .case_bg .hot li .pic { display: block; height: 280px; overflow: hidden; } .case_bg .hot li .pic img { display: block; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .case_bg .hot li .time { position: absolute; left: 0; top: 0; width: 80px; height: 80px; text-align: center; font-size: 14px; color: #fff; background-color: #1769B3; } .case_bg .hot li .time b { font-size: 44px; font-weight: normal; display: block; } .case_bg .hot li .txt { height: 160px; overflow: hidden; padding: 25px 10px 20px; color: #5a5a5a; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; font-size: 14px; line-height: 28px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .case_bg .hot li .txt h5 { font-size: 18px; color: #232323; font-weight: normal; margin-bottom: 10px; } .case_bg .hot li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .case_bg .hot li:hover:after { width: 100%; } .case_bg .hot li:hover .txt { -webkit-box-shadow: 0 0 22px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 22px 5px rgba(0, 0, 0, 0.1); behavior: url(../cx/PIE.htc); } .case_bg .hot li:hover .txt h5 { color: #c30900 } .case_bg .hot li:nth-child(3) { margin-right: 0 } .case_view { margin: 50px 0 0 110px; display: -webkit-inline-box; width: 227px; text-align: center; background: #fff; border-radius: 5px; height: 40px; behavior: url(../cx/PIE.htc); } .case_view span { font-size: 18px; display: block; padding: 7px 0 0 70px; } .footer_box * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-top { background: transparent; } .wzyh_yap_01 { width: 100%; height: 780px; background: #333; position: relative; z-index: 1; } #svg_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .svg_lay { width: 100%; height: 100%; background: url(Img/Common/fade50.png); position: absolute; left: 0; top: 0; z-index: 5; } .wzyh_yap_01_particle { height: 514px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 6; margin-top: 8%; text-align: center; } .wzyh_yap_01_particle img { display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; max-width: 100%; } .wzyh_yap_01_particle { -webkit-animation: tantan 1.3s 1s ease both; -moz-animation: tantan 1.3s 1s ease both; -o-animation: tantan 1.3s 1s ease both; animation: tantan 1.3s 1s ease both; } @-webkit-keyframes tantan { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } 50% { -webkit-transform: perspective(400px) rotateY(-10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1 } } @-moz-keyframes tantan { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0 } 50% { -moz-transform: perspective(400px) rotateY(-10deg) } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1 } } @-o-keyframes tantan { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0 } 50% { transform: perspective(400px) rotateY(-10deg) } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1 } } @keyframes tantan { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 50% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } /* 企业为什么一定要做网站优化 （SEO） */ .wzyh_yap_02 { width: 100%; /*background:url(../images/wzjs/bg_02.jpg) center top no-repeat;height:1130px;*/ position: relative; z-index: 2; } .wzyh_yap_02_title { text-align: center; color: #333; padding-top: 30px; } .wzyh_yap_02_title h3 { font-size: 45px; margin: 0px auto 40px; } .wzyh_yap_02_title h3 em { font-style: normal; color: red; font-size: 68px; } .wzyh_yap_02_title p { font-size: 20px; margin-bottom: 10px; } .wzyh_seo { width: 100%; margin-top: 40px; } .wzyh_seo ul { overflow: hidden; } .wzyh_seo ul li { -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; -moz-transition: 0.5s all ease; transition: 0.5s all ease; height: 290px; border: 1px solid #eee; margin-bottom: 26px; text-align: center; } .wzyh_seo ul li i { display: block; width: 77px; height: 77px; margin: 30px auto 20px; background: url(../images/heji.png) no-repeat; } .wzyh_seo ul span:nth-of-type(1) li i { background-position: -82px 0px; } .wzyh_seo ul span:nth-of-type(2) li i { background-position: -82px -83px; } .wzyh_seo ul span:nth-of-type(3) li i { background-position: -82px -166px; } .wzyh_seo ul span:nth-of-type(4) li i { background-position: -82px -249px; } .wzyh_seo ul span:nth-of-type(5) li i { background-position: -82px -333px; } .wzyh_seo ul span:nth-of-type(6) li i { background-position: -82px -416px; } .wzyh_seo ul span:nth-of-type(7) li i { background-position: -82px -499px; } .wzyh_seo ul span:nth-of-type(8) li i { background-position: -82px -582px; } .wzyh_seo ul li span { display: block; width: 100%; font-size: 18px; color: #444; } .wzyh_seo ul li p { width: 80%; margin: 0 auto; font-size: 14px; color: #999; margin-top: 25px; line-height: 20px; } .wzyh_seo ul li:hover { border: 1px solid #e8e8e8; behavior: url(../cx/PIE.htc); -webkit-box-shadow: 8px 10px 30px rgba(0, 0, 0, 0.267); box-shadow: 8px 10px 30px rgba(0, 0, 0, 0.267); -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .wzyh_seo ul span:hover li i { background-position-x: 0px; } .wzyh_yap_06 { position: relative; z-index: 6; } .wzyh_yap_06_intro { width: 100%; text-align: center; margin-bottom: 40px; } .wzyh_yap_06_intro h4 { font-size: 24px; color: #333333; margin-bottom: 35px; } .wzyh_yap_06_intro h4 b { color: #3479b8; } .wzyh_yap_06_intro p { font-size: 15px; color: #333; margin: 0 auto; line-height: 30px; } .wzyh_yap_06_text01 { position: absolute; left: 0px; text-align: right; font-size: 24px; color: #333; top: 375px; width: 25%; font-weight: bold; } .wzyh_yap_06_text01 p { margin-bottom: 115px; } .wzyh_yap_06_text02 { position: absolute; left: 70%; font-size: 24px; color: #333; top: -235px; width: 245px; font-weight: bold; } .wzyh_yap_06_text02 p { margin-bottom: 115px; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1 } } .wzyh_yap_02_text01 { width: 1500px; position: absolute; top: 640px; } .wzyh_yap_02_text01 h3 { float: left; width: 240px; text-align: center; color: #fff; font-size: 40px; margin-right: 60px; } .wzyh_yap_02_text02 { width: 1500px; position: absolute; top: 896px; } .wzyh_yap_02_text02 p { float: left; width: 240px; text-align: center; color: #fff; font-size: 24px; margin-right: 60px; font-weight: bold; } .wzyh_yap_05 { width: 100%; height: 1394px; background: url(../images/bg_05.jpg) center top no-repeat; position: relative; z-index: 5; } .wzyh_yap_05_intro { position: absolute; width: 100%; text-align: center; top: 200px; } .wzyh_yap_05_intro p { font-size: 20px; color: #333; } .wzyh_yap_05_texts { text-align: center; position: absolute; } .wzyh_yap_05_texts h3 { color: #3479b8; font-size: 40px; margin-bottom: 10px; } .wzyh_yap_05_texts p { color: #333333; font-size: 18px; } .wzyh_yap_05_text01 { left: 360px; top: 645px; } .wzyh_yap_05_text02 { left: 1080px; top: 645px; } .wzyh_yap_05_text03 { left: 0px; top: 930px; } .wzyh_yap_05_text04 { left: 720px; top: 930px; } /* 热点新闻 */ .wzyh_news { margin-top: 32px; overflow: hidden; } .content_wrap { margin-top: 25px; overflow: hidden; } .wzyh_newbox { margin-bottom: 20px; } .case_wrap_heart { float: left; margin-bottom: 20px; margin-right: 20px; } .case_wrap_heart:nth-child(3n) { margin-right: 0; } .wzyh_newbox_border { behavior: url(../cx/PIE.htc); position: relative; overflow: hidden; border: 1px solid #efefef; display: block; height: 410px; -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); } .wzyh_newbox_heart { behavior: url(../cx/PIE.htc); position: relative; overflow: hidden; border: 1px solid #efefef; display: block; height: auto; -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); } .wzyh_newbox_heart img { width: 384px } /* .seo-box */ .seo-box { background: #373d41; overflow: hidden; padding-top: 24px; } .seo-box li { text-align: center; height: 400px; margin-bottom: 12px; } .seo-box li .item { position: relative; display: block; width: 100%; height: 100%; } .seo-box li .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .seo-box li .cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(89, 92, 94, 0.6); } .seo-box li .icon { padding: 100px 0 8px; width: 72px; height: 42px; margin: 0 auto; } .seo-box li .icon img { vertical-align: top; margin-top: -30px; } .seo-box li .title { font-size: 18px; color: #fff; line-height: 36px; } .seo-box li .line { width: 30px; height: 2px; background: #fff; display: block; margin: 12px auto; } .seo-box li .desc { margin: 10px 0; line-height: 24px; color: rgba(255, 255, 255, 0.75); } .seo-box li .item:hover .cont { background: rgba(23, 141, 204, 0.9); } .seo-box li .item:hover .desc { color: #fff; } /*--- Header ---*/ .Header-wrapper { z-index: 99; } .Header-wrapper .Header-cl { height: 72px; position: relative; } .header-container { behavior: url(../cx/PIE.htc); padding: 0 2.5%; width: 100%; background: #fff; -webkit-box-shadow: 0px 4px 5px rgba(9, 2, 4, .17); box-shadow: 0px 4px 5px rgba(9, 2, 4, .17); position: fixed; top: 0px; left: 0px; z-index: 90; } /*logo*/ .Hlogo { margin-top: 9px; height: 72px; line-height: 72px; font-size: 0px; float: left; overflow: hidden; position: relative; z-index: 5; } .H-intro { padding: 0 0 0 10px; line-height: 17px; font-family: '微软雅黑'; color: #444444; border-left: 1px solid #d9d9d9; float: left; margin: 19px 0 0 10px; } .H-intro .num { font-size: 16px; } /*srch*/ .Hsrch { padding: 0 20px; border-left: 1px solid #e5e5e5; float: right; } .Hsrch-menu { display: block; width: 43px; height: 72px; background: url(../images/icon-Hsrch.png) no-repeat center center; } .Hsrch-box { width: 100%; height: 72px; background: #fff; position: absolute; top: 0px; left: 0px; display: none; z-index: 3; } .Hsrch-block { padding: 0 0 0 4rem !important; width: 12rem !important; height: 32px; margin: 20px 4% 0; float: right; } .Hsrch-block .btn { width: 24px; height: 32px; background: url(../images/icon-Hsrch.png) no-repeat center center; float: left; } .Hsrch-block .close { display: block; width: 24px; height: 32px; background: url(../images/icon-close.png) no-repeat center center; float: right; } .Hsrch-block .text { width: 70%; height: 32px; font-size: 16px; float: left; margin: 0 0 0 10px; border-bottom: 1px solid #eeeeee; } .Hsrch-block .text::-webkit-input-placeholder { color: #6f6f6f; } /*nav*/ .Hnav { position: relative; float: right; margin: 0 15px 0 0; } .Hnav>li { padding: 0 42px; position: relative; float: left; z-index: 2; } .Hnav .Hname { display: block; height: 90px; line-height: 90px; font-size: 16px; position: relative; overflow: hidden; } .Hnav .Hname i { display: block; width: 50px; height: 50px; background: url(../images/icon-dd1.png) no-repeat center center / 12px auto; position: absolute; right: 0px; top: 0px; z-index: 2; display: none; } .Hn2nd-box { padding: 23px 0 0; width: 178px; position: absolute; top: 70px; left: 22px; display: none; } .Hn2nd-box:after { content: ""; display: block; border-bottom: 9px solid #e7e8ec; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 14px; left: 20px; } .Hn2nd-box a { display: block; padding: 10px 0 10px 27px; line-height: 26px; color: #666666; border-bottom: 1px solid #c7d2df; background: #e7e9ec; } .Hn2nd-box a.cur, .Hnav>li>a { color: #000; } .Hnav>li.cur, .Hnav>li:hover { background: #3479b8; } .Hnav>li.cur>a.Hname, .Hnav>li:hover a.Hname { color: #fff; } @media all and (min-width:980px) { .Hnav>li:hover .Hn2nd-box { display: block; -moz-animation: HnavDD .6s ease-in-out; -o-animation: HnavDD .6s ease-in-out; animation: HnavDD .6s ease-in-out; -webkit-animation: HnavDD .6s ease-in-out; } .Hlang:hover .Hlang-box { display: block; } } @-moz-keyframes HnavDD { from { -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } top { -moz-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } } @-o-keyframes HnavDD { from { -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } top { -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } } @keyframes HnavDD { from { -moz-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } top { -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } } @-webkit-keyframes HnavDD { from { transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } top { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } } .yhyc { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dhyc { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; -ms-box-orient: vertical; } .dhyc3 { -webkit-line-clamp: 3; } .ftc { background: #064da5; } .ftc a { display: inline-block; text-align: center; line-height: 40px; color: #fff; } .ftc p a:first-child { border-right: 1px dashed #ddd; } .ftc p a:focus, .ftc p a:hover { color: #fff; } .mbx { margin: 16px auto 4px; } .mbx25 { margin: 25px auto 12px; } .mbx .breadcrumb { border-bottom: 1px dashed #ccc; background: transparent; } .foot-link a { font-size: 18px; color: #dfdfdf; line-height: 80px; } .foot-link a:hover { color: #ffff; } .yaweb-footer-fix { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #1769B3; z-index: 4749; } .yaweb-footer-fix li { float: left; width: 33.33%; position: relative; } .yaweb-footer-fix li.current { background-color: #d9241c; } .yaweb-footer-fix li a { color: #FFFFFF; display: block; text-align: center; font-size: 16px; line-height: 1; margin: 3px auto 6px; } .yaweb-footer-fix li i { display: block; height: 28px; background: no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; margin: 6px auto 6px; } .yaweb-footer-fix li i.i1 { background-image: url(../images/n_01.png); } .yaweb-footer-fix li i.i2 { background-image: url(../images/n_02.png); } .yaweb-footer-fix li i.i3 { background-image: url(../images/n_03.png); } .yaweb-footer-fix li i.i4 { background-image: url(../images/n_04.png); } .yaweb-footer-fix li i.i5 { background-image: url(../images/n_05.png); } a:hover { text-decoration: none !important; } .b_contact_list { position: absolute; width: 100px; background-color: #fff; right: 16%; -webkit-transform: translate(50%, -100%); -moz-transform: translate(50%, -100%); -ms-transform: translate(50%, -100%); -o-transform: translate(50%, -100%); transform: translate(50%, -100%); list-style: none; padding: 2px 1px 2px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; box-shadow: 0px 2px 12px #0000004f; -webkit-box-shadow: 0px 2px 12px #0000004f; behavior: url(../cx/PIE.htc); display: none; } .b_contact_list li { width: 100%; padding: 2px; border-bottom: 1px dashed #cccc; text-align: center; } .b_contact_list li:last-of-type { border: 0; } .b_contact_list li a { display: block; } .b_contact_list li img { max-width: 100%; margin-top: 8px; } .b_contact_list li.wechat img { width: 50px; height: 50px; position: relative; } .WechatEwm { width: 180px; height: 180px; background-color: #eee; position: absolute; left: -8%; -webkit-transform: translate(-100%, -95%); -moz-transform: translate(-100%, -95%); -ms-transform: translate(-100%, -95%); -o-transform: translate(-100%, -95%); transform: translate(-100%, -95%); overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 2px 12px #0000004f; -webkit-box-shadow: 0px 2px 12px #0000004f; display: none; behavior: url(../cx/PIE.htc); } .wx { width: 90%; margin-left: 5%; font-size: 18px; color: white; text-align: center; background-color: #ff7f2e; border-radius: 5px; line-height: 40px; behavior: url(../cx/PIE.htc); } .wx a { font-size: 18px; color: white; } /*弹窗*/ .tan { width: 250px; background-color: #f2f2f2; position: fixed; left: 0%; display: none; z-index: 200; -webkit-transform: translate(-75.1%, -50.1%); -moz-transform: translate(-75.1%, -50.1%); -ms-transform: translate(-75.1%, -50.1%); -o-transform: translate(-75.1%, -50.1%); transform: translate(-75.1%, -50.1%); padding-bottom: 12px; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 2px 12px #0000004f; -webkit-box-shadow: 0px 2px 12px #0000004f; text-align: center; behavior: url(../cx/PIE.htc); } .tan img { max-width: 100%; max-height: 250px; } .kuang { text-align: center; padding: 20px 0px 4px; } .txtcss { color: red; font-weight: 800; font-size: 18px; } .copy { font-size: 16px; /* float: left; */ background-color: #5AD700; padding: 5px 20px; /* margin-left: 25%; */ color: #004b85; border-radius: 5px; behavior: url(../cx/PIE.htc); } .copy a { color: white; } .guanbi { width: 36px; height: 36px; position: absolute; right: -16px; top: -16px; background-image: url(../images/fancybox_sprite.png); -webkit-background-size: 44px 152px; -o-background-size: 44px 152px; background-size: 44px 152px; } /* 响应式调整 */ .ya-hometodo .row { margin: 0; } .ya-hometodo .row li { margin-bottom: 12px; } .banner-box { height: 412px; position: relative; overflow: hidden; } /*side*/ .side-btn { width: 90px; padding: 16px; background-color: #fff; border-radius: 3px; position: fixed; right: 15px; top: 390px; z-index: 500; cursor: pointer; text-align: center; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); font-size: 13px; behavior: url(../cx/PIE.htc); } .side-btn .getTop { display: none; border-radius: 3px; position: absolute; top: 100%; width: 100%; left: 0; margin-top: 10px; background: #f6f6f6; color: #333; padding: 10px 0; -webkit-box-shadow: 0 0 10px 3px #00000033; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); text-decoration: none; behavior: url(../cx/PIE.htc); } .side-btn .getTop:hover { background: #3479b8; color: #fff; text-decoration: none; } .side-btn .getTop i { width: 20px; height: 11px; display: block; margin: 0 auto 3px; background: url(../images/top.png) no-repeat right top; } .side-btn .getTop:hover i { background-position: left top; } .side-btn .qqzx { display: block; border-top: 1px dashed #ccc; margin-top: 6px; padding-top: 4px; } .side { background-color: #fff; position: fixed; top: 150px; right: 60px; z-index: 510; -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2); opacity: 0; right: -100%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; behavior: url(../cx/PIE.htc); } .side2 { background-color: #fff; position: fixed; left: auto; top: auto; bottom: 375px; right: 150px; opacity: 0; right: -100%; } .side-btn .telzx { border-top: 1px dashed #ccc; margin-top: 6px; padding-top: 8px; } .side-telzx { line-height: 24px; } .side .app-imgbox { padding: 10px; text-align: center; position: relative; } .side .app-imgbox:before { content: ''; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 10px 7px; border-style: solid solid dashed dashed; border-color: #fff #fff transparent transparent; position: absolute; right: 0; bottom: 0; opacity: 0; } .side .app-imgbox img { width: 150px; height: 150px; } .side .app-imgbox span { color: #333; font-size: 14px; display: block; padding-top: 5%; } .side.side2 .app-imgbox { padding: 10px 15px; text-align: left; } .side.side2 .app-imgbox img { height: auto; width: auto; } .side.side2 .app-imgbox span { color: #333; font-size: 24px; display: block; padding-top: 0; } .side.side2 .app-imgbox:before { display: none; } .side-active { opacity: 1; right: 60px; } .side-active .app-imgbox:before { opacity: 1; bottom: -18px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .side2.side-active1 { opacity: 1; right: 150px; } @media screen and (min-width:768px) and (max-width:998px) { .Hnav>li { padding: 0px 2px !important; } } @media screen and (min-width:998px) { .Hnav>li { padding: 0px 13px !important; } } @media screen and (min-width:1200px) { .Hnav>li { padding: 0px 23px !important; } } @media screen and (min-width:1440px) { .Hnav>li { padding: 0px 33px !important; } .Hlogo { margin-left: 8%; } } @media screen and (min-width:1660px) { .Hnav>li { padding: 0px 46px !important; } } /* 新闻 */ .redian-box .redian-bar { margin: 40px auto; } .redian-bar .tag-bar .tit { height: 36px; line-height: 36px; font-size: 18px; position: relative; margin-bottom: 2px; color: #333; font-weight: bold; } .redian-bar .tag-bar .tit a { display: block; } .box-shadow { background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05); behavior: url(../cx/PIE.htc); } .redian-bar .tag-bar { float: left; width: 32%; height: 140px; margin: 0 1.33% 40px 0; position: relative; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .redian-bar .tag-bar .all { padding: 10px 20px 20px; position: absolute; left: 0; top: 0; right: 0; z-index: 2; } .redian-bar .tag-bar .ovh { height: 98px; overflow: hidden; z-index: 2; } .redian-bar .tag-bar a { float: left; white-space: nowrap; margin-right: 30px; line-height: 36px; color: #333; width: 100%; list-style-type: square; } .redian-bar .tag-bar a:hover { color: #3479b8 } .redian-bar .tag-bar.hover { z-index: 10; } .redian-bar .tag-bar.hover .all { -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .2); box-shadow: 0 2px 40px rgba(0, 0, 0, .2); behavior: url(../cx/PIE.htc); } .redian-bar .tag-bar.hover .tit { font-weight: 600; } .redian-bar .tag-bar.hover .tit .line { display: block; } .redian-bar .tab-item .tag-bar:nth-of-type(3n) { margin-right: 0; } .redian-bar .tag-bar:hover { z-index: 3; } .redian-bar .tag-bar:hover .ovh { height: auto; } /* 网站建设内页banner */ @-webkit-keyframes scaleAnim { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-moz-keyframes scaleAnim { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } } @-o-keyframes scaleAnim { 0% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } @keyframes scaleAnim { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } .cont_page { overflow: hidden; position: relative; } .ya_xban { overflow: hidden; background-repeat: no-repeat; height: 78px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; width: 100%; -webkit-animation: scaleAnim 5s ease forwards; -moz-animation: scaleAnim 5s ease forwards; -o-animation: scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards; } .ya_xban img { width: 100%; filter: Alpha(Opacity=0); opacity: 0; } .cont_page .cons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cont_page .cons .wrap { height: 100%; display: table; position: relative; } .cont_page .h2 { font-weight: normal; display: table-cell; vertical-align: middle; color: #333; font-size: 16px; } .cont_page .h2.bgs2 { color: #fff; } .cont_page .h2 span { display: block; line-height: 36px; overflow: hidden; } .cont_page .h2 label { display: inline-block; position: relative; line-height: 64px; vertical-align: top; font-size: 42px; color: #eee; font-weight: bold; } .cont_page .h2.bgs2 label { color: #fff; } /*内页导航列表*/ .case_bg { overflow: hidden; } .case_a { background: url(../images/rgba80.png) repeat; padding: 0 16px; text-align: center; position: absolute; bottom: 0; width: 100%; } .case_a a { display: inline-block; padding-left: 40px; padding-right: 40px; font-size: 18px; color: #fff; height: 45px; line-height: 45px; position: relative; behavior: url(../cx/PIE.htc); border-radius: 30px; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .case_a a:hover, .case_a a.isel { background: #1769B3; color: #fff; } /*建站案例 更多*/ .ya-case-more { color: #fff/9; display: block; width: 205px; height: 50px; line-height: 48px; border: 1px solid #1769B3; text-align: center; font-size: 16px; color: #1769B3; margin: 12px auto; behavior: url(../cx/PIE.htc); border-radius: 6px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .ya-case-more:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1769B3; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .ya-case-more:hover { color: #fff; } .ya-case-more:hover:before { color: #fff; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .wzjsBox { width: 100%; background: #fff; padding: 30px 0px 40px; margin-bottom: 0; border-bottom: 1px solid #eaeaea; } .wzjsBox ul { margin: 0 auto; display: table; text-align: center; } .wzjsBox li { font-size: 18px; color: #373737; display: inline-block; margin-right: 15px; width: 20%; height: 45px; line-height: 45px; padding: 0 6px; } .wzjsBox li a { display: block; position: relative; } .wzjsBox li.cur, .wzjsBox li:hover { background: #0166ce; } .wzjsBox li.cur a, .wzjsBox li:hover a { color: #fff; } .wzjsBox li.cur a:before, .wzjsBox li:hover a:before { content: ""; display: inline-block; border-top: 14px solid #0166ce; border-right: 18px solid transparent; border-left: 18px solid transparent; position: absolute; bottom: -14px; left: 50%; margin-left: -18px; } .HomeCase-list { margin-bottom: 18px; background: #fff; } .HomeCase-list .item { position: relative; text-align: left; } .HomeCase-list a { position: relative; display: block; } .HomeCase-list .thumb { position: relative; overflow: hidden; margin-bottom: 4px; } .HomeCase-list .thumb .after { display: block; width: 100%; padding-bottom: 62.7451%; } .HomeCase-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; max-width: 100%; width: 100%; max-height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } li.HomeCase-list:hover .thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .HomeCase-list .title { font-size: 17px; line-height: 34px; font-weight: bold; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; } .HomeCase-list .desc { display: none; font-size: 14px; line-height: 30px; color: #999; } .HomeCase-list .content { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 32px; z-index: 4; width: 100%; overflow: hidden; background: url(../images/icasebg.png) repeat 0 0; width: 0%; height: 0%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 0%; } .HomeCase-list .content .msg { padding: 52px 25px 25px; } .HomeCase-list .content .msg h4 { font-size: 15px; line-height: 24px; color: #fff; opacity: 0.92; } .HomeCase-list .content .msg h4 { font-size: 15px; line-height: 24px; color: #fff; opacity: 0.92; } .HomeCase-list .content .msg h4 { font-size: 15px; line-height: 24px; color: #fff; opacity: 0.92; } .HomeCase-list .content .desc { color: #fbaaac; padding: 0 25px 0; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .HomeCase-list .content .ico-line { display: block; width: 100%; height: 37px; background: url(../images/icaseline.png) no-repeat 25px bottom; } .HomeCase-list .tag a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 34px; padding-left: 5px; color: #666; } li.HomeCase-list:hover .content { display: block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 100%; height: 100%; } /* 手机新闻案例导航 */ .yaweb-pro-in { margin: 5px; } .yaweb-pro-in .btn span { float: left; width: 33.3333%; } .yaweb-pro-in .btn a { display: block; margin: 5px; text-align: center; color: #fff; background-color: #1B4F9B; line-height: 40px; border-radius: 8px; behavior: url(../cx/PIE.htc); } .news_type li { width: 40.6%; float: left; } .news_type li a { line-height: 1.8; text-align: center; display: block; color: #fff; font-size: 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .news_type li:nth-of-type(1) a { background-color: #0c7ad0; } .news_type li:nth-of-type(2) a { background-color: #0f609f; } .news_type li:nth-of-type(3) a { background-color: #30a4ff; } .news_type li.more { width: 18.75%; background-color: #318b96; color: #fff; margin: 0; } .news_type li.more a span { width: 17.5%; display: inline-block; } .news_type dl { margin-bottom: 8px; } .news_type dd { padding: 3% 0px; border-bottom: 1px solid #dddddd; width: 32.33%; margin-right: 1%; float: left; } .news_type dd:nth-of-type(even) { margin-right: 0; } .news_type dd a { display: block; line-height: 1; width: 94%; margin: 0 auto; color: #333; } .news_type dd a span { display: inline-block; font-size: 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 93%; } .news_type dd a span.cur { color: #da251d; } .news_type dd div { width: 6.0313%; float: right; } .width100 { width: 100%; } .dlShow { display: none; } .yaweb-pro-city .news_type li:nth-of-type(1) a { background-color: #21ab00; } .yaweb-pro-city .news_type li:nth-of-type(2) a { background-color: #f78800; } .yaweb-pro-city .news_type li:nth-of-type(3) a { background-color: #30a4ff; } .yaweb-pro-city .news_type li.more { width: 18.75%; background-color: #1769B3; color: #fff; margin: 0; } .yaweb-pro-city .news_type dd { width: 24%; } .yaweb-pro-city.ctyh24 { margin-top: 24px; } /* 手机 */ @media (max-width: 768px) { .cityPic { margin: 4px auto; } .box p.title { font-size: 25px; height: 54px; } .ya_box .new-box { margin-top: 12px; } .ya_newbox_l { margin-bottom: 12px; } .boxShadow:hover, .boxShadow { box-shadow: 0 0 8px 2px #ccc; -webkit-box-shadow: 0 0 8px 2px #ccc; -ms-box-shadow: 0 0 5px 2px #ccc; -moz-box-shadow: 0 0 5px 2px #ccc; -o-box-shadow: 0 0 5px 2px #ccc; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .pageion { padding: 24px 0px 28px 0 !important; } #y_contbox { padding-left: 0; } #map { display: none; } .case_bg .case_box { margin-top: 2px; } .ya_service { padding-bottom: 0px !important; } .ya_box.ya_service { padding-bottom: 40px !important; } /* 新闻 */ .redian-box .redian-bar { margin-bottom: 8px !important; } .redian-box .redian-bar .tag-bar { width: 100%; } /*-- Header --*/ .Header-wrapper .Header-cl, .Hnav>li .header-container, .Hlogo, .Hlang-menu, .Hsrch-box, .Hnav .Hname { height: 50px; } .Hlogo, .Hlang-menu, .Hnav .Hname { line-height: 50px; } .Hlogo img { height: 38px; } .Hmenu-btn, .Hnav .Hname i { display: block !important; } .Hlang { padding: 0px; border: 0px; margin: 0 10px 0 0; } .Hlang-menu { width: 50px; padding: 0px; font-size: 0px; background-position: center center; } .Hlang-box { top: 50px; } .Hsrch { padding: 0px; border: 0px; } .Hsrch-menu { width: 50px; height: 50px; } .Hsrch-box { top: 50px; border-top: 1px solid #ccc; } .Hsrch-block { width: 100% !important; padding: 0px 4% !important; margin: 9px 0 0 !important; } .H-intro, .Hnav, .Hnav>li.Hnav-cur { display: none; } .Hnav { padding: 10px 0; width: 100%; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px; position: absolute; top: 50px; left: 0px; } .Hnav>li { width: 100%; padding: 0px; } .Hnav .Hname { padding: 0 4%; } .Hn2nd-box { padding: 0px; width: 100%; position: relative; top: 0px; left: 0px; } .Hn2nd-box a { padding: 10px 6%; } .Hn2nd-box:after { display: none; } a:hover { text-decoration: none; } .main-left a { margin-top: 12px !important; } /* .ya_js_box{padding-top: 12px !important;} .ya_js_box .main-left{margin-top: 0px !important;} */ .case_boxxq { margin-bottom: 2px !important; } .case_con { padding-top: 2px !important; } .header .navbar { -webkit-box-shadow: 0 0 5px 1px #000; box-shadow: 0 0 5px 1px #000; behavior: url(../cx/PIE.htc); } .banner-box { height: 180px; } .header .navbar-nav>li { padding: 0 12px; } .ya_xban { /* height: 12px; */ height: 280px !important; } .ya_xban.xcx_top { height: 500px !important; } .case_a { background: rgba(0, 0, 0, 0.3); padding: 0 4px; text-align: center; position: inherit; bottom: 0; width: auto; filter: Alpha(opacity=30); } .wzyh_yap_01 { height: 320px; } .wzyh_yap_01_particle { margin-top: 8%; } .wzyh_yap_02_title { padding-top: 28px; } .wzyh_yap_02_title h3 { font-size: 19px; display: inline-block; line-height: 32px; font-weight: bold; margin: 0px auto 18px; } .case_bg h3 { font-size: 32px; } .wzyh_yap_02_title h3 em { font-size: 18px; } .cont_page .cons .h2 label { /* font-size: 20px; line-height: 80px; */ font-size: 19px; line-height: 36px; } .cont_page .case_a { left: 0; padding: 8px 16px; } .ya_part .about_t h2 { font-size: 28px; } .carousel-inner>.item>img { height: 185px !important; } .home_num .item .txt .no { font-size: 21px; } .ya-can { padding: 16px 0; } /* .con 3 4 */ .con3 .nr dl dt, .con3 .nr dl span { float: inherit; display: block; text-align: center; width: 100%; padding: 2px 4px; } .con3 .nr dl span .dd2 { padding-right: 4px; } .con3 .bt.fadeInUp h4, .con4 .bt.fadeInUp h4 { font-size: 28px; } .con3 .bt p { padding: 2px; } .con3 .nr .row dl .dd1 { font-size: 21px; } .con3 .nr.container { padding: 8px 0 0 0; } .con3 { padding: 0px 8px 40px; } .ya-case-text, .ya_service-txt { padding-left: 8px; padding-right: 8px; } #bro-list { padding: 0 4px; } .con4 .nr .cpt dl { margin: 0 2%; } .con4 .nr .cpt dl dt, .con4 .nr .cpt dl dd { width: 98%; } .con4 .nr .cpt dl dt { margin-top: 12px; } .con4 .nr .cpt dl .dd1 { font-size: 24px; margin-top: 2px; } .con4 .nr .cpt dl .dd3 { margin-top: 4px; } .con4 .nr .cpt dl .dd4 { margin-top: 12px; } .con4 .nr.slideBox.slideBox { margin-top: 20px; } .con4.container { padding: 40px 0; } .con4 .nr .cpul.hd li { height: 45px; line-height: 45px; } .ya_box.news { padding-bottom: 0; } .footer-top-li h2 { font-size: 15px; } .footer-top-li p { font-size: 12px; } .ya_box.ya_part { padding-bottom: 12px; } .case_bg .case_boxxq .case_boxxq_l .case_txt .h2 { margin-top: 8px; height: auto; font-size: 20px; line-height: 28px; padding-bottom: 8px; margin-bottom: 8px; } .case_bg .case_t { font-size: 24px; margin-top: 0px; } .case_bg .case_box.cs { margin: 0; } .case_boxxq .case_boxxq_l .case_txt .ya-fx { margin: 30px auto; } .HomeCase-list .thumb img { position: relative; height: 170px; } .HomeCase-list .title { font-size: 16px; line-height: 28px; font-weight: inherit; width: 100%; padding: 0; } .wzyh_seo ul li i { margin: 12px auto; } .wzyh_seo ul span { padding: 0 4px !important; } .wzyh_yap_06_intro h4 { font-size: 20px; margin-bottom: 18px; line-height: 36px; } .ya_service-ul.row li i { height: 90px; width: 90px; line-height: 90px; margin-top: 12px; } .ya_service-ul.row li i.i1 { font-size: 40px; } .ya_service-ul.row li h3 { font-size: 16px; margin-top: 12px; margin-bottom: 8px; line-height: 24px; } .ya_service-ul.row li p { font-size: 13px; } .ya_service-ul.row li div { padding-bottom: 12px; height: 340px; margin-bottom: 20px; } .news_l .view-arit .view-titl { font-size: 21px; } .ya-ys-div-1 { margin-top: 20px; padding-bottom: 20px; } .ya-ys-div-1 .title h4:after { left: 15px; } .ya-ys-div-1 .title p { margin-top: 12px; } /* 新闻列表 */ .hide768 { display: none; } .newsBOX .nlist-box { margin-top: 0; } .newsBOX .nlist-box span { margin-top: 2px; display: inline-block; padding-left: 8px !important; font-size: 12px !important; } .newsBOX .news-list li { padding: 6px 4px !important; border: none; border-bottom: 1px solid #ccc; margin-bottom: 8px !important; } .newsBOX .nlist-box .t { line-height: 18px !important; font-size: 16px !important; } .newsBOX .nlist-box .c a { -webkit-line-clamp: 2; line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; line-height: 20px !important; } .newsBOX .nlist-box { width: 69%; padding-left: 1%; } .newsBOX .nlist-box .c { margin-top: 4px; height: 48px; } .newsBOX .list-date { font-size: 15px; padding-right: 2px; padding-top: 10px; } .newsBOX .list-date b { font-size: 28px; } .newsBOX .nlist-box .btn { line-height: 14px; } .newsBOX .nlist-img { width: 26%; height: 7em; line-height: 7em; font-size: 12px; } .newsBOX .nBox p { width: 85%; margin-bottom: 4px; } .case_bg .hot li { height: auto; width: 100%; } .case_bg .hot li .pic { height: 175px; } .case_bg .hot li .txt { padding: 0; height: 100px; } .container .about_ybox .h2 { font-size: 28px; margin: 8px 0; } .ya_abtpage .layout .ya_abtour .h2 { font-size: 28px; } .ya_abtpage .layout .ya_abtour { padding-top: 20px } .anim-show .about_ybox .p, .anim-show .about_ybox .about_li_box { margin-bottom: 12px } .ya_abtpage .layout .ya_abtour .ul_abtour li { margin-top: 20px } .ya_part { padding: 8px 0 !important; } .ya_part .about_t { padding: 0; } .ya_part .about_t.anim h2 { line-height: 30px; padding: 0px 2px; } .ya_part .case_box.cs { margin: 0; } .about_bj { padding-top: 12px !important; } .about_bj .about_yat2 { font-size: 28px; height: 43px; } .wzyh_new .case_bg { margin-bottom: 12px !important; } .case_ny .case_box ul li .imgs img { height: 180px; } .case_ny .case_box ul li .txts { padding-top: 0; } .case_ny .case_box ul li .txts .cons .h2 { margin: 0; } .case_ny .case_box ul li .txts em { margin-top: 4px; } /* 网站建设 */ .qcys { margin-bottom: 4px !important; } .wzjsBox { padding-bottom: 8px; } .wzjsBox ul { display: block } .wzjsBox li.cur a:before, .wzjsBox li:hover a:before { display: none } .wzjsBox ul li { width: 49%; margin-right: 2%; font-size: 16px; float: left; margin-bottom: 8px; } .wzjsBox ul li:nth-of-type(even) { margin-right: 0%; } .yxwzbtd .text { height: 160px; } .wzjs_td .ya_service-ul li div { height: 340px !important; margin-bottom: 10px; } .ya_service-ul li:nth-last-of-type(1), .ya_service-ul.row li:nth-last-of-type(1) div, .ya_service-ul li:nth-last-of-type(2), .ya_service-ul.row li:nth-last-of-type(2) div { margin-bottom: 0px; } .jzlc li { width: 33.33% !important; text-align: center; } .jzlc li img { width: 60px; } .jzlc li b { font-size: 32px !important; display: none; } .jzlc li p { font-size: 14px !important; height: 40px; } .jzlc { background: none !important; margin-bottom: 0px !important; } /* 为什么选择我们？ */ .xzwm .xzwm_box b { padding: 0; text-align: center; font-size: 20px; margin-bottom: 12px; } .xzwm .xzwm_box li { padding: 0; text-align: center; font-size: 14px; padding-right: 2px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xzwm .xzwm_R li>span { font-size: 16px; width: 70px; left: -1px; } .xzwm .xzwm_box .xzwm_R li { padding-left: 72px; } .redian-bar .tag-bar { width: 100% !important; } /* 新闻 */ .wzjsNews { background-color: #fcfcfc; padding-bottom: 16px !important; } /* 小程序 */ .xcxys .xcxysLb li { background: #2da4db; padding: 20px 12px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 12px; behavior: url(../cx/PIE.htc); } .xcxys .xcxysLb li:nth-child(2) { background: #2cb97a } .xcxys .xcxysLb li:nth-child(3) { background: #ac2af8 } .xcxys .xcxysLb li:nth-child(4) { background: #679ad8 } .xcxys .xcxysLb li:nth-child(5) { background: #cf8a35 } .xcxys .xcxysLb li:last-child { background: #da583e } .xcxys .xcxysLb li h5 { line-height: normal; color: #fff; padding-left: 8px; } .xcxys .xcxysLb li p { top: 0; overflow: hidden; color: #fff; padding-left: 8px; padding-top: 0; } .xcxzf .xcxzf-nrbox { display: block !important; margin-bottom: 12px; } .xcxzf .xcxzf-nrbox .xc-nrbox-L { padding: 12px 8px; border-radius: 8px; -webkit-border-radius: 8px; behavior: url(../cx/PIE.htc); } .xcxzf .xcxzf-nrbox .pic { width: 100%; height: 200px; line-height: 200px; padding-top: 0px; } .xcxzf .xcxzf-nrbox .xc-nrbox-R { padding: 0px; width: 100%; } .xcxzf .xcxzf-nrbox .nrbox-R-gn { padding-top: 0px; } .xcxzf .xcxzf-nrbox .nrbox-R-gn li { width: 33.3%; } .xcxzf .xcxzf-nrbox .nrbox-R-gn .nrbox-Rjj { padding-left: 0; width: 100%; height: auto; padding: 0 1%; position: inherit; top: 0px; clear: both; visibility: visible; line-height: 30px; font-size: 14px; color: #666; } .llrkBox .llrk li { text-align: center; margin-bottom: 12px; } .llrkBox .llrk li img { float: initial; } .llrkBox .llrk li .text span { font-size: 16px; } .llrkBox .llrk li .text { padding-left: 0px; font-size: 14px; } .kssc .kssc_list { background-image: none; } .kssc .kssc_list li { width: 50%; } .kssc .kssc_list li b { margin: 4px 0; position: inherit; } .kssc .kssc_list li p { font-size: 13px; height: 36px; } .wzyh_seo ul li { height: 320px; } .llrkBox .mscj { margin: 16px auto 28px; width: 80%; height: 50px; line-height: 50px; } .container.caseCity a { width: 32.33%; margin-right: 1%; font-size: 15px; height: 32px; line-height: 32px; } .case_bg { padding-top: 12px; } .footer_box .footer-cent .top ul li .blue { font-size: 15px; } .footer_box .footer-cent .top ul li .tit { padding-top: 8px; } .view-arit .view-xxtop { height: auto; line-height: 28px; padding-bottom: 4px; } .news-list li:hover, .news-list li { -webkit-box-shadow: 0 0 10px 4px #d4d4d4; box-shadow: 0 0 10px 4px #d4d4d4; behavior: url(../cx/PIE.htc); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0; -o-transition: all 0; -moz-transition: all 0; transition: all 0; } /* 联系我们 */ #dituContent { height: 360px; } .ctUs-list .culist-icon { width: 100px; height: 100px; line-height: 100px; } .ctUs-list .culist-type { margin-top: 12px; } .full-ya-cont { padding: 40px 15px; } .ya-cont-info { padding: 5px 0px; } .ya-cont-lf { padding-left: 54px; margin-left: 8px; -webkit-background-size: 45px 45px; -o-background-size: 45px; background-size: 45px; margin-bottom: 12px; } .ya-cont-lf .arr-title h4 { font-size: 24px; line-height: 32px; } .ya-cont-lf .arr-title { margin-bottom: 12px; } .ya-cont-lf .addr { margin-left: -45px; } .ya-cont-rg .tag { font-weight: bold; font-size: 20px; margin-bottom: 4px; } * .col-xs-6:nth-of-type(2n+1) { padding-right: 0; } .ya_newbox_r ul li dl dt { font-size: 40px; } .ya_newbox_r ul li dl dd { font-size: 14px; } .conts-zf li { margin-bottom: 16px; } .zfbox .pic { height: 60px; line-height: 60px; } .zfbox h4 { font-size: 17px; } .zfbox p { margin-left: 0px; } }