.yqdq_wrap dd@charset "utf-8"; /* CSS Document */ a, a:link { color: #040404; text-decoration: none; } iframe { margin: 0 auto; display: block; width: 500px; height: 500px; } table tr td { border: 1px solid #ddd; } .container { width: 75%; margin: 0 auto; } .container > .clearfix { display: flex; padding: 20px 0; } .container > .clearfix > .logo > a { height: 100%; display: inline-block; } .container > .clearfix > .logo > a > img { width: 480px; } .container > .clearfix > .text { margin: 3.5px 0 0 15px; padding-left: 15px; border-left: 1px solid #ddd; line-height: 30px; color: #333; font-size: 17px; flex: 1; margin-left: 95px; } .container > .clearfix > .ipone { background: url(../images/tel.png) no-repeat left center; background-size: auto; background-size: 40px; padding-left: 50px; } .container > .clearfix > .ipone > strong { font-size: 20px; display: block; color: #1171be; line-height: 68px; letter-spacing: 1px; } .container > .clearfix > .menuB { display: none; } #menu { background: #1171be; line-height: 56px; height: 56px; font-size: 16px; text-align: center; } #menu > .container { width: 80%; margin: 0 auto; } #menu > .container > .clearfix { display: flex; padding: 0; } #menu > .container > .clearfix > .on { background: #ec6915; } #menu > .container > .clearfix > li > a { } #menu > .container > .clearfix > li { flex: 1; position: relative; } #menu > .container > .clearfix > li :hover { background: #ec6915; } #menu > .container > .clearfix > li > a { display: block; color: #fff; } #menu > .container > .clearfix > li > .drop { width: 100%; position: absolute; left: 0; display: flex; flex-direction: column; background: rgb(17, 113, 190); display: none; z-index: 99999; } #menu > .container > .clearfix > li > .drop > a { width: 100%; /* border-bottom: 1px solid rgba(119, 187, 243, 0.4); */ font-size: 14px; line-height: 45px; display: block; color: #fff; } .yincang{display:none; } /* -------------- top -------------- */ .top { color: #888; height: 23.8px; line-height: 23.8px; background-color: transparent; } .tt { display: flex; margin: 0 215px; } .lee { flex: 1; } .lee > P { font-size: 14px !important; } .rii > a { font-size: 14px !important; color: #c0c0c0; } .copyr3 { text-align: center; } .copyr3 .coch { margin: 10px; float: left; } .copyr3 .coch img { display: block; width: 30px; height: 30px; } .fixed { position: fixed; right: 0; top: 20%; z-index: 999; } .fixed li { position: relative; } .fixed li .box { position: absolute; right: -200px; top: 0; transition: 0.3s; z-index: -1; border-right: 1px solid #fff; } .fixed li .box a { width: 170px; display: block; line-height: 60px; background: #1c89e4; color: #fff; font-size: 18px; text-align: center; } .fixed li .box1 { background: #fff; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .fixed li .box1 img { width: 150px; } .fixed li span { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #1c89e4; border-bottom: 1px solid #fff; cursor: pointer; } .fixed li span img { height: 20px; padding-top:20px; } .fixed li:last-child span { border-bottom: none; } .fixed li span img { width:20px; vertical-align: middle; } .fixed li:hover .box { right: 60px } .fixed li:hover .box a { width: 170px; display: block; line-height: 60px; background: #1c89e4; color: #fff; font-size: 18px; text-align: center; } .pr15 {padding-right: 15px;} .pr30 {padding-right: 30px;} .pl15 {padding-left: 15px;} .pb20 {padding-bottom: 20px;} .pt20 {padding-top: 20px;} .pl30 {padding-left: 30px;} .ml20 {margin-left: 20px;} .pb30 {padding-bottom: 30px;} .mt20 {margin-top: 20px;} .mb20 {margin-bottom: 20px;} .lh24 {line-height: 24px;} .lh30 {line-height: 30px;} .bg_f8f {background-color: #f8f8f8;} .color_555 {color: #555555;} .color_8e8 {color: #8e8e8e;} .border {border: #efefef solid 1px;} .border_top { border-top: #efefef solid 1px;} .pull_left { float: left !important;} .serviceForm .title { min-width: 60px; text-align: right; font-size: 14px; color: #313131;background: #fff; padding-bottom: 0px; } .serviceForm .title span{ color:#ef1f1f;} .radioBoxs { } .radioBoxList li { cursor: pointer; } .radioBoxList li { height: 18px; line-height: 18px; border-bottom: none; } .radioBoxList .icon { width: 18px; height: 18px; background: url(../images/icon5-1.png) no-repeat left; overflow: hidden; float: left; } .radioBoxList .choose { background-position: right; } .serviceForm .inputBox, .serviceForm .area { line-height: 40px; margin-top: 18px; } .serviceForm .inputBox input { width: 70%; height: 40px; line-height: 38px; border-radius: 2px; padding-left: 10px; padding-right: 10px; border: 1px solid #efefef; } .openSelect { opacity: 1 !important; transform: translateY(0%) !important; -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; -o-transform: translateY(0%) !important; } .divselect ul li a { display: block; height: 40px; line-height: 40px; color: #8e8e8e; text-decoration: none; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #efefef; } .divselect ul li a:hover { background-color: #efefef; } .textareaBox .title { line-height: 40px; } .textareaBox .textarea { width: 70%; } .textareaBox textarea { width: 100%; padding: 10px; outline: none; line-height: 38px;border: 1px solid #efefef; height: 120px; border-radius: 2px; } .tjBtn {height: 40px;line-height: 40px;display: inline-block;padding-left: 83px;padding-right: 83px;border-radius: 2px;border:none;outline:none; } .bg_f04 {background-color: #f0475b;} .color_fff {color: #fff !important;} @media screen and (max-width: 880px) { .fdpc { display: none !important; } .tt { /* display: flex; */ margin: 0 16px; } .rii { display: none; } .fx{flex-direction: column;} } .f_left { float: left; } /* -------------- main -------------- */ .main { width: 80%; /* height: 100px; */ display: flex; margin: 0 auto; } .main > .main_left { flex: 7; } .main > .main_right { flex: 3; margin-left: 30px; } .main .title { background: #1171be; height: 43px; position: relative; margin-bottom: 10px; overflow: hidden; box-sizing: border-box; } .main .title h3 { color: #fff; font-size: 18px; line-height: 43px; font-weight: 500; float: left; position: relative; padding-left: 12px; } .main .title h3 span { display: inline-block; font-size: 13px; text-transform: uppercase; } .main .title a { display: block; float: right; font-size: 14px; color: #fff; line-height: 45px; margin-right: 12px; } .main > .main_left > .banner_text { width: 100%; display: flex; position: relative; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; } .main > .main_left > .banner_text > .banner { width: 59% !important;/* position: absolute; */ } .main > .main_left > .banner_text > .text { width: 59%; padding: 10px 25px 0; line-height: 25px; box-sizing: border-box; } .main > .main_left > .banner_text > .text > .text { height: 225px; overflow: hidden; } .main > .main_left > .banner_text > .text > .text > h3 { font-size: 18px; font-weight: 500; color: #1171be; line-height: 21px; margin-bottom: 8px; } .main > .main_left > .banner_text > .text > a { display: block; width: 100px; line-height: 26px; text-align: center; margin-top: 20px; border: 1px solid #1171be; background: #fff; box-sizing: border-box; color: #1171be; transition: 0.3s; } .main > .main_left > .banner_text > .text > a:hover { background: #1171be; color: #fff; } .main > .main_left > .tjBox { margin-top: 22px; } .main > .main_left > .tjBox > .clearfix { border: 1px solid #e8e8e8; overflow: hidden; padding-bottom: 0px; } .main > .main_left > .tjBox > .clearfix > li { width: 25%; float: left; padding: 0 8px; box-sizing: border-box; margin-top: 15px; overflow: hidden; } .main > .main_left > .tjBox > .clearfix > li > a, .main > .main_left > .tjBox > .clearfix > li > a:link { color: #040404; text-decoration: none; } .main > .main_left > .tjBox > .clearfix > li .pho { position: relative; overflow: hidden; } .main > .main_left > .tjBox > .clearfix > li:hover .pho { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); position: relative; z-index: -1; } .main > .main_left > .tjBox > .clearfix > li:hover img { transform: scale(1.05); } .main > .main_left > .tjBox > .clearfix > li img { transition: 0.3s; } img { width: 100%; vertical-align: top; } .main > .main_left > .tjBox > .clearfix > li > a > p { padding: 14px 4px; font-size: 15px; text-align: center; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main > .main_left > .tjBox > .clearfix > li:hover p { background: #1171be; color: #fff; } .main > .main_left > .yqdq { margin-top: 30px; } .main > .main_right > .jjfa { margin-top: 30px; } .main > .main_right > .lxwm { margin-top: 30px; } .alBox { background: url(../images/alBg.jpg) no-repeat; background-size: cover; padding: 30px 0 60px; } .alBox > .container { width: 80%; margin: 0 auto; } .alBox > .container > .title1 { text-align: center; padding-bottom: 20px; } .alBox > .container > .title1 > h3 { color: #fff; font-size: 32px; position: relative; } .alBox > .container > .title1 > h3::after { content: ""; width: 40px; height: 4px; position: absolute; left: 50%; margin-left: -20px; bottom: -15px; background: #fff; } .alBox > .container > .title1 > span { color: #fff; font-size: 15px; display: block; margin: 25px 0 0; text-transform: uppercase; } .alBox > .container > ul { padding: 0 6px; } .alBox > .container > ul > li { width: 20%; float: left; padding: 0 6px; margin-top: 10px; box-sizing: border-box; } .alBox > .container > ul > li > a { display: block; } .alBox > .container > ul > li > a > div { overflow: hidden; } .heightLine-2 { height: 217px; } .alBox > .container > ul > li > a > div > img { transition: 0.3s; } .alBox > .container > ul > li > a > p { text-align: center; padding: 3px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.3s; font-size: 16px; background: #fff; } .alBox > .container > ul > li:hover p { color: #fff; background: #1171be; } .zzBox { padding-bottom: 10px; background: none !important; } .zzBox > .container { width: 80%; margin: 0 auto; } .zzBox > .container > .title1 { text-align: center; padding-bottom: 20px; } .zzBox > .container > .title1 > h3 { color: #1171be; } .zzBox > .container > .title1 > h3::after { background: #cdcdcd; } .zzBox > .container > .title1 > span { color: #aaa; } .zzBox > .container > .hzSwiper { padding: 20px; } .zzBox .hzSwiper img { box-shadow: none; border-radius: 0; } .zzBox .hzSwiper .swiper-slide { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-bottom: 0; } .cpzz { background: url(../images/cpzz.jpg) no-repeat !important; /* background-size: auto; */ background-size: cover !important; margin-top: 30px; padding: 30px 0 50px; } .cpzz > .container { background: rgba(255, 255, 255, 0.9); padding: 25px; border-radius: 8px; margin-bottom: 25px; } .cpzz > .container > ul li a p { background: #4f99f3; color: #fff; font-size: .65vw; /* padding-bottom: 15px; */ } .cpzz ul li a { background: #1171be; padding: 0; } .cpzz ul li a .pho { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);/* height: 375px; */ } .xwBox { margin: 28px 0 0px; background: url(../images/nlBox.jpg) no-repeat center !important; padding: 30px 0 50px; } .container { width: 75%; margin: 0 auto; } .xwBox > .container > .newsBox { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px 25px 30px; overflow: hidden; } .xwBox .newsBox .comBox { position: relative; width: 48%; padding: 10px; box-sizing: border-box; margin-right: 2%; border-bottom: 1px dashed #ddd; float: left; } .xwBox .newsBox .comBox .pho { width: 200px; height:200px; box-sizing: border-box; float: left; } .xwBox .newsBox a { display: block; overflow: hidden; height: 100%; } .xwBox .newsBox .comBox .text { margin-left: 220px; } .xwBox .newsBox .comBox .text h4 { font-weight: 500; font-size: 16px; margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xwBox .newsBox .comBox .text span.time { color: #171717; font-size: 13px; } .xwBox .newsBox .comBox .text a p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; width: 100%; } .xwBox .newsBox a.more { display: block; margin-top: 10px; margin: 20px auto 0; width: 150px; line-height: 40px; color: #1171be; border: 1px solid #1171be; box-sizing: border-box; text-align: center; transition: 0.3s; } /* -------------- foot -------------- */ #footer { background: url(../images/ftBg.jpg) no-repeat; color: #fff; overflow: hidden; } #footer .fl { float: left; } #footer .fr { float: right; } #footer .fl .link { display: block; width: 900px; padding-top: 10px; overflow: hidden; } #footer .fl h5 { float: left; width: 80px; font-size: 16px; font-style: oblique; color: #fefefe; line-height: 36px; font-weight: 500; } #footer .fl .link .fLink { float: left; } #footer .fl .link a { line-height: 36px; margin: 0 4px; display: inline-block; font-style: oblique; color: #fefefe; } #footer .fl .nav { margin-top: 30px; } #footer .fl .nav li { display: inline-block; margin: 0 40px 24px 0; } #footer .fl .nav li a { color: #fff; } #footer .fl .text { border-top: 1px solid #fff; margin-top: 20px; padding: 20px 0; color: #fff; line-height: 28px; } #footer .fl .text a { color: #fff; } #footer .fr { margin: 30px 0; padding: 35px 0 15px 20px; text-align: center; } #footer .fr .ewm:first-child { margin-left: 0; } #footer .fr .ewm { display: inline-block; text-align: center; margin-left: 20px; } #footer .fr img { width: 160px; } #footer .fr .ewm p { line-height: 30px; } .hzBox { margin: 30px 0 40px; overflow: hidden; } .hzSwiper img { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border-radius: 5px; } .hzSwiper p { text-align: center; line-height: 40px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .proBox .proTit { margin-top: 10px; line-height: 48px; border-bottom: 3px solid #39a8ed; font-size: 20px; } .proBox .proTit a { display: block; overflow: hidden; } .proBox .proTit h3 { font-weight: 500; color: #39a8ed; float: left; } .proBox .proTit span { display: block; float: right; color: #39a8ed; font-size: 13px; margin-right: 30px; } .proBox .box { border: 1px solid #d1d1d1; border-top-color: rgb(209, 209, 209); border-top-style: solid; border-top-width: 1px; border-top: none; } .proBox .box .ul1 li { width: 20%; float: left; padding: 20px 4px 10px; box-sizing: border-box; } .proBox .box .ul1 li a { display: block; overflow: hidden; } .proBox .box .ul1 li .pho { width: 80%; margin: 0 auto 5px; border: 2px solid #ddd; box-sizing: border-box; } .proBox .box .ul1 li p { color: #323433; line-height: 32px; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .proBox .box .ul2 { border-top: 1px solid #d1d1d1; padding: 10px; } .proBox .box .ul2 li { width: 20%; float: left; padding-left: 4%; box-sizing: border-box; line-height: 28px; } .proBox .box .ul2 li:nth-child(1), .proBox .box .ul2 li:nth-child(2), .proBox .box .ul2 li:nth-child(3), .proBox .box .ul2 li:nth-child(4), .proBox .box .ul2 li:nth-child(5) { display: none; } .proBox .box .ul2 li a { color: #454545; } .CpContent { /* width: 80%; */ max-width: 80%; margin: 20px auto; } /* ------------------------------------- */ .titname { width: 665px; height: 23px; border-bottom: 2px solid #ccc; margin: 0px auto; text-align: center; padding-top: 65px; } .titname span { padding: 0px 20px 0px 20px; background: #fff; height: 40px; margin-top: -15px; font-size: 24px; color: #000; } .titname b { font-size: 34px; font-family: Arial, Helvetica, sans-serif; } .titname2 { text-align: center; font-size: 13px; color: #9c9c9c; text-transform: uppercase; padding-top: 15px; margin-bottom: 40px; } .applielist { width: 100%; text-align: center; padding-top: 80px; } .applielist ul { width: 1300px; margin: 0px auto; } .applielist ul li { display: inline-block; width: 200px; padding: 0px 50px 0px 50px; } .applielist ul li a:hover .appicon img { margin-top: -150px; } .appicon { width: 150px; height: 150px; text-align: center; margin: 0px auto; overflow: hidden; } .appliname { text-align: center; font-size: 20px; color: #767676; padding-top: 20px; } .appliname span { text-transform: uppercase; font-size: 16px; color: #afafaf; } .appiles { height: 550px; } .proserlist { width: 1200px; margin: 0px auto; padding-top: 10px; } .proserlist ul li { width: 350px; float: left; padding: 10px 25px 50px 25px; height: 555px; } .proserlist ul li a { display: block; width: 100%; height: 555px; background: #f6f6f6; } .proserlist ul li a:hover { background: #1171be; } .proserlist ul li a:hover .pronames { color: #fff; } .proserlist ul li a:hover .promoress { color: #fff; } .proserlist ul li a:hover .proboxs { background: #fff; } .proimages { width: 350px; height: 324px; } .pronames { width: 100%; text-align: center; height: 46px; line-height: 46px; padding-top: 30px; font-size: 22px; color: #4e4e4e; } .proboxs { width: 55px; height: 4px; margin: 0px auto; margin-top: 0px; margin-top: 25px; background: #a1a1a1; } .promoress { text-align: center; padding-top: 25px; width: 100%; font-size: 18px; color: #acacac; } .item_title_lang { box-sizing: border-box; width: 100%; height: 43px; line-height: 50px; background-color: #1171be; color: #fff; font-size: 22px; padding: 0 8px; background-image: url(../images/item_title_icon.jpg); background-repeat: repeat-x; background-position: 0 4px; overflow: hidden; } .item_title_big > span, .item_title_short > span, .item_title_lang > span { float: left; } .item_title_lang small, .item_title_short small, .item_title_big small { font-size: 14px; } .item_title_big > a, .item_title_short > a, .item_title_lang > a { float: right; font-size: 14px; color: #fff; } .c_both { clear: both; } .lang_wrap { box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; border-top-color: rgb(232, 232, 232); border-top-style: solid; border-top-width: 1px; border-top: none; background-color: #fff; } .yqdq_wrap dl { padding: 0 16px 10px; } .yqdq_wrap dt { padding: 10px 0 5px 0; float: left; } .yqdq_wrap dt .f_left { background: url(../images/icon.png) left no-repeat; background-size: auto 75%; } .yqdq_wrap dt a { color: #1171be; font-size: 24px; margin-left: 30px; } .yqdq_wrap dd { display: inline-block; margin: 5px 0 !important; } .yqdq_wrap dd a { color: #464646; font-size: 14px; } .yqdq_wrap dd span { margin: 0 12px; } .yqdq_wrap dl:nth-child(2n) { background-color: #e2f3fd !important; } .f_right { float: right; } .item_title_short { box-sizing: border-box; width: 100%; height: 43px; line-height: 50px; background-color: #1171be; color: #fff; font-size: 22px; padding: 0 8px; background-image: url(../images/item_title_icon.jpg); background-repeat: repeat-x; background-position: 0 4px; } .lxwm_wrap { height: auto; padding: 2px 18px; margin: 8px 0; background: url(../images/lxwm_icon.jpg) no-repeat center center; } .short_wrap { box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; border-top-color: rgb(232, 232, 232); border-top-style: solid; border-top-width: 1px; border-top: none; background-color: #fff; } .lxwm_wrap > p { margin-bottom: 12px; color: #282828; font-size: 14px; line-height: 1.8; text-align: left; } .item_title_short { box-sizing: border-box; width: 100%; height: 43px; line-height: 50px; background-color: #1171be; color: #fff; font-size: 22px; padding: 0 8px; background-image: url(../images/item_title_icon.jpg); background-repeat: repeat-x; background-position: 0 4px; } .xzzx_wrap { margin-bottom: 0; } .short_wrap { box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; border-top-color: rgb(232, 232, 232); border-top-style: solid; border-top-width: 1px; border-top: none; background-color: #fff; } .yxpzmx_wrap li, .sysc_wrap li, .yqyw_wrap li, .xzzx_wrap li { height: 42px; line-height: 42px; padding: 0 16px; overflow:hidden; } .yxpzmx_wrap li a, .sysc_wrap li a, .yqyw_wrap li a, .xzzx_wrap li a { color: #5c5c5c; } .yxpzmx_wrap li a b, .sysc_wrap li a b, .yqyw_wrap li a b, .xzzx_wrap li a b { color: #5c5c5c; margin-right: 12px; } .content_width { width: 1320px; margin: 0 auto; } .column { width: 100%; height: auto; overflow: hidden; } .column ul { width: 100%; height: auto; float: left; } .column ul li { width: 31%; height: auto; float: left; margin-right: 2%; margin-bottom: 2%; position: relative; overflow: hidden; } .column ul li .picbox { width: 100%; height: 0; padding-bottom: 75%; position: relative; } .column ul li .picbox img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .column ul li:hover .info { bottom: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .column ul li .info { width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%; background: rgba(17, 78, 159, 0.8); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .column ul li .info h3 { text-align: center; font-size: 24px; line-height: 1.8; display: block; width: 100%; float: left; margin-top: 16%; color: #fff; } .column ul li .info h3 a { color: #fff; } .column ul li .info p { text-align: center; display: block; width: 100%; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 1.8; } .column ul li .info p a { text-align: center; width: 40%; margin: 0.5% 4%; display: inline-block; font-size: 16px; color: #fff; line-height: 1.8; } .head { width: 100%; height: 80px; background: url(../images/head_01.jpg) no-repeat center bottom #1171be; -webkit-box-shadow: 0 0 5px #c8c8c8; -moz-box-shadow: 0 0 5px #c8c8c8; box-shadow: 0 0 5px #c8c8c8; background-position-x: -80px; } .logo1 { float: left; padding-top: 0px; height: 80px; } .xian { float: left; height: 12px; width: 1px; background: #3072cc; margin: 10px 20px 0px 20px; } .topright { float: right; width: 200px; margin-top: 25px; } .toplink { height: 28px; padding-top: 5px; } .serch { width: 200px; height: 30px; float: left; background: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; } .serch .kk { width: 160px; height: 30px; background: #fff; float: left; text-indent: 10px; font-size: 12px; color: #bcbcbc; } .serch .input { width: 40px; height: 30px; background: url(../images/index_10.png) no-repeat center center; float: left; cursor: pointer; } .fuw { padding: 70px 0 0; } .content1 { width: 1300px; margin: 0 auto; } h2.yin_t { text-align: center; font-size: 32pt; color: #0271bd; margin-bottom: 30px; } .fuw .yin_t { height: 110px; } .yin_t span { display: block; font-size: 16px; color: #666; text-transform: uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 0; margin-top: 20px; } .prolist { display: none; } .ys01 { width: 45%; height: 450px; overflow: hidden; margin-top: 30px; background: #f6f6f6; float: left; position: relative; margin: 20px 2.5%; } .ys01 dl { width: 100%; height: 420px; padding: 20px 0 0; margin: 0 auto; } .ys01 dl dt { width: 100%; line-height: 0; } .ys01 dl dt img { width: 58%; height: 235px; margin: 0 21%; } .ys01 dl dd { width: 96%; text-align: center; margin: 30px auto 0; height: 138px; border: #cdcdcd 1px solid; position: relative; } .ys01 dl dd h5 { font-size: 21px; color: #333; width: 300px; height: 36px; line-height: 36px; margin: -18px auto 0; background: #f6f6f6; overflow: hidden; } .ys01 .fuw_desc { width: 73%; margin: 0 auto; font-size: 14px; color: #666; line-height: 22px; padding: 10px 0 0; height: 66px; overflow: hidden; } .ys01 dl dd span { display: block; width: 54px; height: 54px; position: absolute; bottom: -27px; left: 45%; } .ys01 dl dd span img { width: 54px; height: 54px; } .ys01:hover .ys01m { height: 425px; } .ys01m { width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background: rgba(45, 151, 211, 0.9); transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; } .ys01m h6 { height: 66px; line-height: 66px; overflow: hidden; background: url(../image/fuw_line.gif) no-repeat center 64px; margin: 44px 0 20px; text-align: center; } .ys01m h6 a { font-size: 26px; color: #fff; } .ys01m ul li { font-size: 16px; color: #fff; line-height: 38px; width: 45%; float: left; height: 38px; padding: 0 2.5% 0 2.5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .ys01m ul li a { color: #fff; } .clear { clear: both; height: 0; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; } input, button, ul, ol { margin: 0px; padding: 0px; } body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333; } h1, h2, h3, h4, h5, h6, font { } ul, ol, li { list-style: none; } input { background: none; border: 0 none; } img, iframe { border: 0px; } em, i { font-style: normal; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; } .red { color: #ba292e; } .fl { float: right; } .fr { float: left; } .tac { text-align: center; } .tar { text-align: right; } .poa { position: absolute; } .por { position: relative; } .hidden { display: none; } .w1200 {width: 80%; max-width: 80%; margin: 20px auto;} .fx{display: flex;} .ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle; } a { color: #333; text-decoration: none; } a:hover { color: #1171be; text-decoration: none; } a:visited { text-decoration: none; } .ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } :-moz-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } /*清除浮动*/ .clearfix { zoom: 1; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*top_main*/ .top_main { width: 100%; height: 30px; line-height: 30px; position: relative; background-color: #f5f5f5; color: #999999; font-size: 12px; } .top_main li { display: inline-block; *display: inline; zoom: 1; text-align: center; margin: 0 8px; } .top_main li a { color: #999999; cursor: pointer; font-size: 12px; } .top_main li a:hover { color: #1171be; } .top_main .split { display: inline-block; *display: inline; *zoom: 1; width: 1px; height: 10px; background: #999999; vertical-align: middle; margin: 0; } .header_main { width: 100%; height: 110px; padding-top: 20px; background: #fff; } .header_main .logo { margin-right: 80px; display: block; } .header_main .logo img { display: block; } .header_main .tel { width: 350px; line-height: 44px; margin-top: 15px; font-family: impact; font-size: 32px; color: #1171be; } .header_main .tel span { color: #999999; font-size: 14px; line-height: 16px; display: block; } .header_main .tel strong { font-weight: normal; display: block; white-space: nowrap; font-size: 42px; color: #1171be; } .header_main .tel s { width: 85px; height: 65px; float: left; background-position: 0 3px; margin-right: 12px; } /*nav_main*/ .nav_main { height: 45px; line-height: 45px; background: #313131; position: relative; z-index: 111; /*subNav*/ } .nav_main li { width: 152px; height: 45px; line-height: 45px; text-align: center; display: block; z-index: 11; float: left; position: relative; background: url(../images/nav_split.png) no-repeat left center; } .nav_main li:first-child { background: none; } .nav_main li .nav1 { display: block; font-size: 16px; color: #fff; } .nav_main li .nav1:hover, .nav_main li.hover .nav1 { background: #1171be; } .nav_main .subNav { background: #313131; height: 45px; line-height: 45px; position: absolute; z-index: 11; left: 0px; top: 45px; } .nav_main .subNav { position: absolute; left: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width: 100%; transition: all 0.6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .nav_main li:hover .subNav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .nav_main .subNav a { color: #fff; line-height: 45px; height: 45px; font-size: 14px; display: block; border-bottom: 1px solid rgba(170, 170, 170, 0.2); } .nav_main .subNav a:hover { background: #1171be; } /* banner*/ .banner { width: 100%; /* min-width: 1000px; */ z-index: 20; position: relative; } .banner .list, .banner li, .banner img { /* height: 600px; */ } .banner li { width: 100%; position: absolute; z-index: 1; overflow: hidden; background: #fff; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .banner li img { width: 100%; height: 100%; margin: 0 auto; display: block;/* width: 1920px; position: relative; left: 50%; margin-left: -960px; top: 0; */ } .banner li a { display: block; width: 100%; } .banner .tip { width: 100%; height: 6px; text-align: center; position: absolute; left: 0; bottom: 24px; z-index: 10; } .banner .tip span { width: 6px; height: 6px; margin: 0 9px; border: 2px solid #1171be; display: inline-block; cursor: pointer; vertical-align: top; border-radius: 100%; } .banner .tip span.cur { background: #1171be; } .banner .prev, .banner .next { width: 50px; height: 70px; position: absolute; z-index: 12; top: 50%; margin-top: -40px; cursor: pointer; transition: none; background: url(../images/banner-btn.png) no-repeat 0 center; } .banner .prev { left: 3%; background-position: 8px center; } .banner .next { right: 3%; background-position: -59px 0; } .search_main { width: 100%; height: 65px; line-height: 65px; background: #fff; font-size: 12px; } .search_main > .search { display: flex; margin: 0 auto; } .search_main .search_form { width: 256px; height: 36px; margin-top: 14px; border: 1px solid #1171be; position: relative; margin-right: 40px; } .search_main .search_form input { border: 0 none; display: block; outline: none; } .search_main .search_form .stxt { width: 230px; height: 36px; padding-left: 12px; line-height: 36px; background: #fff; background: none; border: 0px; color: #666666; } .search_main .search_form .sbtn { width: 60px; height: 36px; line-height: 36px; position: absolute; top: 0; right: 0; cursor: pointer; background-position: -95px 5px; background-color: #1171be; } .search_main .skey a { margin-right: 20px; color: #666666; } .search_main .skey a:hover { color: #1171be; } .search_main .skey span { color: #1171be; font-weight: bold; } /*footer*/ .footer_main { width: 100%; padding: 20px 0; background: #1171be; color: #fff; line-height: 32px; } .footer_main .tit { font-size: 25px; margin-bottom: 10px; font-weight: bold; } .footer_main .bnav { float: left; overflow: hidden; } .footer_main .bnav .list { float: left; } .footer_main .bnav .item { width: 129px; float: left; } .footer_main .bnav .item .tit a { font-size: 14px; } .footer_main .bnav .item .tit2 { margin-top: 16px; } .footer_main .bnav .item a { display: block; color: #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size: 12px; } .footer_main .bnav .item a:hover { opacity: 0.8; filter: alpha(opacity=80); } .footer_main .ilinks { padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; border-bottom: 1px solid #f2c200; } .footer_main .ilinks span { color: #f9f9f9; display: inline-block; } .footer_main .ilinks a { display: inline-block; color: #f9f9f9; padding-left: 10px; } .footer_main .ilinks a:hover { opacity: 0.8; filter: alpha(opacity=80); } .footer_main .bcontact { width: 275px; float: left; } .footer_main .bcontact .txt { font-size: 12px; padding-bottom: 20px; font-weight: bold; } .footer_main .bcontact a { width: 168px; height: 28px; line-height: 28px; display: block; text-align: center; border: 1px solid #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #fff; } .footer_main .bcontact a:hover { background: #fff; color: #1171be; } .footer_main .ewmlist { float: right; font-size: 12px; } .footer_main .ewmlist li { width: 170px; float: left; text-align: center; color: #fff; } .footer_main .ewmlist li img { width: 110px; height: 110px; padding: 5px; background: #fff; display: block; margin: 0 auto 7px; } .footer_main .ewmlist li:first-child { margin-left: 0; } /*copyright*/ .copyright { width: 100%; height: 42px; line-height: 42px; color: #fff; font-size: 12px; background: #1171be; border-top: 1px solid #f2c200; text-align: center; } .copyright a { color: #fff; } .copyright a:hover { opacity: 0.8; filter: alpha(opacity=80); } .gridlist { width: 100%; } .gridlist .item { width: 280px; margin: 30px 26px 0 0; float: left; position: relative; overflow: hidden; } .gridlist .item img { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .gridlist .item .bg { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: url(../images/black70.png) repeat 0 0; position: absolute; left: -100%; top: 0; } .gridlist .item .plus { width: 280px; height: 210px; display: block; transition: all ease 0.4s; background: url(../images/ipro_hover.png) no-repeat center center; position: absolute; left: -100%; top: 0; } .gridlist .item h3 { color: #000; line-height: 28px; text-align: center; padding-top: 8px; height: 28px; overflow: hidden; } .gridlist .item:hover .bg { left: 0; } .gridlist .item:hover .plus { left: 0; } .gridlist .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .gridlist .item:hover h3 { color: #1171be; } @media (max-width: 1260px) { .gridlist { width: 745px; } .gridlist .last-w1260 { display: none; } } /*******index css*******/ .iservice { width: 100%; padding: 60px 0; height: 120px; background: #f9f9f9; } .iservice .item { height: 120px; float: left; width: 406px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .iservice .item a { width: 100%; display: block; } .iservice .item img { width: 120px; height: 120px; display: block; float: left; margin-right: 15px; border-radius: 50%; -webkit-border-radius: 50%; } .iservice .item h3 { color: #1171be; font-size: 24px; padding: 28px 0 8px; color: #67b308; font-weight: bold; } .iservice .item span { display: block; color: #999999; font-size: 16px; } .iservice .item:hover { margin-top: -5px; } .icase { padding-bottom: 45px; } .icase .title { padding: 45px 0 45px; text-align: center; font-weight: bold; color: #000; font-size: 36px; } .icase .title span { color: #1171be; } .icase .tab { text-align: center; padding-bottom: 50px; } .icase .tab a { padding: 0 16px; height: 40px; line-height: 40px; background: #333333; font-size: 18px; display: inline-block; margin: 0 20px; color: #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .icase .tab a:hover { background: #1171be; } .icase .icaseCon { width: 100%; overflow: hidden; } .icase .icaseCon .gridlist { width: 110%; } .icase .icaseCon .gridlist .item .plus { height: 82%; background-image: url(../images/ipro_case_hover.png); } .icase .icaseCon .gridlist .item h3 { width: 100%; position: absolute; left: -100%; bottom: 55px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size: 16px; color: #fff; text-align: center; height: 40px; line-height: 40px; overflow: hidden; transition: all ease 0.4s; } .icase .icaseCon .gridlist .item:hover h3 { left: 0; } .ixbanner { width: 100%; height: 180px; position: relative; overflow: hidden; background: url(../images/ixbanner.jpg) no-repeat center top; } .ixbanner .tel { float: right; width: 220px; line-height: 16px; padding-top: 65px; color: #fff; } .ixbanner .tel span { font-size: 14px; display: block; } .ixbanner .tel strong { font-size: 27px; line-height: 28px; } .ixbanner .btn { float: right; width: 140px; height: 36px; line-height: 36px; border: 2px solid #fff; margin: 67px 20px 0 0; text-align: center; color: #1171be; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff; } .ixbanner .btn:hover { background: none; color: #fff; } .iproduct { width: 100%; padding: 74px 0; background: #f5f5f5; } .iproduct .iproList { width: 892px; float: right; overflow: hidden; } .iproduct .iproList .gridlist { width: 120%; } .iproduct .iproList .title { width: 100%; background: url(../images/ipro-titbg.png) no-repeat 98px center; } .iproduct .iproList .title h3 { color: #000; font-size: 18px; font-weight: bold; } .iproduct .iproList .title a { color: #67b308; } .iproduct .iproList .title a:hover { text-decoration: underline; } .iproduct .iproNav { width: 278px; height: 475px; float: left; position: relative; padding-top: 90px; background: #fff; border: 1px solid #dcdcdc; border-bottom: 4px solid #1171be; } .iproduct .iproNav .title { width: 100%; height: 80px; line-height: 80px; position: absolute; left: 0; top: 0; text-align: center; background: #1171be; color: #fff; font-size: 30px; font-weight: bold; } .iproduct .iproNav .item { margin: 0 5%; padding: 12px 0; } .iproduct .iproNav .item a { display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .iproduct .iproNav .item h3 { font-size: 18px; font-weight: bold; color: #1171be; } .iproduct .iproNav .item h3 a { color: #1171be; padding-left: 15px; } .iproduct .iproNav .item h3 s { display: inline-block; vertical-align: middle; margin-right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #1171be; border-width: 4px; width: 0; height: 0; overflow: hidden; } .iproduct .iproNav .item .list { border-bottom: 1px dashed #eeeeee; padding: 10px 0; display: none; } .iproduct .iproNav .item .list li { line-height: 35px; } .iproduct .iproNav .item .list li a { padding-left: 33px; } .iproduct .iproNav .item.a3 .list { border-bottom: 0px; } .iproduct .iproNav .item:hover h3 { color: #313131; } .iproduct .iproNav .item.hover .list { display: block; } .iproduct .iproNav .proContact { position: absolute; top: 350px; padding: 25px 0 10px 30px; border-top: 1px dashed #eeeeee; } .iproduct .iproNav .proContact .tit { font-size: 24px; color: #1171be; font-weight: bold; margin-bottom: 12px; } .iproduct .iproNav .proContact .tit2 { font-weight: bold; color: #333333; } .iproduct .iproNav .proContact .txt { line-height: 24px; color: #333333; font-size: 14px; padding: 5px 0 15px; } .iservice2 { text-align: center; height: 430px; padding: 40px 0 70px; background: #fff; background: url(../images/iservice2bg.jpg) no-repeat center top; } .iservice2 .title { font-weight: bold; font-size: 36px; line-height: 36px; display: block; margin-bottom: 25px; color: #000000; } .iservice2 .title span { color: #1171be; } .iservice2 .title:hover { color: #1171be; } .iservice2 img { width: 1200px; display: block; margin: 0 auto; } .iservice2 .btn { width: 208px; height: 55px; line-height: 55px; padding: 0; margin: 0 auto; font-size: 24px; display: block; color: #fff; text-align: center; background: #1171be; } .iservice2 .btn:hover { background: #333; } .iabout { padding: 70px 0 70px; background: #f5f5f5; margin-bottom: 50px; } .iabout .img { width: 400px; height: 300px; overflow: hidden; display: block; float: left; margin-right: 55px; } .iabout .img img { width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .iabout .img:hover img { transform: scale(1.03); } .iabout .txtcon { width: 740px; float: right; } .iabout .txtcon .title h3 { font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 22px; } .iabout .txtcon .title .line { width: 46px; height: 2px; display: block; background: #666666; } .iabout .txtcon .txt { margin: 30px 0 30px; line-height: 25px; height: 154px; overflow: hidden; color: #666666; } .iabout .txtcon .btn { width: 130px; line-height: 36px; height: 24px; padding-top: 12px; display: block; text-align: center; background: #1171be; } .iabout .txtcon .btn s { width: 25px; height: 14px; display: inline-block; vertical-align: top; background-position: -113px -36px; } .iabout .txtcon .btn:hover { width: 140px; } .inews { padding-bottom: 60px; } .inews .title { width: 100%; height: 22px; line-height: 22px; margin-bottom: 28px; } .inews .title h3 { font-size: 22px; font-weight: bold; color: #1171be; } .inews .title h3 s { width: 4px; height: 22px; display: inline-block; vertical-align: top; margin-right: 10px; background: #1171be; } .inews .title a { color: #f2c200; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .inews .title a:hover { text-decoration: underline; } .inews .newslist { line-height: 55px; } .inews .newslist li { width: 100%; height: 55px; line-height: 55px; overflow: hidden; border-bottom: 1px dashed #d4d4d4; } .inews .newslist li a { width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .inews .newslist li .time { color: #999999; float: right; font-weight: normal; } .inews1 { width: 580px; float: left; } .inews .item { width: 100%; display: block; padding-bottom: 20px; border-bottom: 1px dashed #d4d4d4; } .inews .item img { width: 100px; height: 75px; float: left; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin-right: 20px; } .inews .item h3 { color: #333; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 10px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .inews .item .txt { line-height: 20px; height: 40px; overflow: hidden; color: #999999; } .inews .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .inews .item:hover h3 { color: #1171be; } .inews2 { width: 575px; float: right; } /***********category css*************/ .nybanner { width: 100%; height: 300px; overflow: hidden; position: relative; } .nybanner img { width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0; } .sitepath { width: 100%; height: 48px; line-height: 48px; overflow: hidden; font-size: 14px; color: #88848b; border-bottom: 1px solid #f1f1f1; margin-bottom: 28px; } .sitepath s { width: 14px; height: 14px; margin-right: 16px; background-position: -160px 0; } .sitepath a { color: #88848b; } .sitepath a:hover { color: #1171be; } .newsPage > .clearfix > .sitepath { width: 80% !important; margin: 0 10%; } .n-tit { margin-bottom: 20px; } .n-tit h3 { font-size: 24px; color: #000; margin-bottom: 22px; } .n-tit .line { width: 28px; height: 2px; display: block; background: #000; } .wrapper .leftCon { width: 240px; float: left; position: relative; margin-top: 15px; } .wrapper .content {width: 85%; margin-left: 2%; padding-bottom: 20px; } .leftMenu { display: none; position: relative; width: 100%; background: #1171be; color: #fff; } .leftMenu .title { width: 184px; height: 160px; padding: 0 28px; background: #1171be; color: #fff; text-align: center; } .leftMenu .title h3 { font-size: 36px; line-height: 36px; font-weight: bold; padding: 30px 0 27px; border-bottom: 1px solid #f2c200; } .leftMenu .title span { display: block; padding-top: 12px; text-transform: uppercase; font-size: 18px; } .leftMenu .list { padding: 24px; } .leftMenu .list li { width: 100%; line-height: 50px; margin-bottom: 5px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; font-size: 16px; } .leftMenu .list li .sub1 { display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #fff; } .leftMenu .list li .box { padding: 5px 0 0 15px; display: none; } .leftMenu .list li .box a { color: #fff; font-size: 15px; display: block; line-height: 30px; padding: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; opacity: 0.75; filter: alpha(opacity=75); } .leftMenu .list li .box a.hover, .leftMenu .list li .box a:hover { opacity: 1; filter: alpha(opacity=100); } .leftMenu .list li:hover .sub1, .leftMenu .list li.hover .sub1 { padding-left: 15px; background: #f2c200; } .leftMenu .list li:hover .box, .leftMenu .list li.hover .box { display: block; } .leftRecomm { padding: 25px 0 0; } .leftRecomm .title { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; color: #1171be; font-size: 18px; font-weight: bold; margin-bottom: 16px; } .leftRecomm .title a { color: #1171be; } .leftRecomm .item { width: 110px; float: left; overflow: hidden; text-align: center; margin-right: 10px; } .leftRecomm .item a { width: 100%; display: block; } .leftRecomm .item img { width: 110px; height: 82px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border-radius: 3px; display: block; } .leftRecomm .item h3 { width: 100%; text-align: center; font-size: 12px; line-height: 40px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .leftRecomm .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .leftRecomm .newslist li { line-height: 34px; height: 34px; overflow: hidden; } .leftRecomm .newslist li a { display: block; width: 100%; text-align: left; } .newsPage .item { display: block; float: left; width: 890px; padding: 20px 20px; background: #f7f7f7; margin-bottom: 28px; } .newsPage .item h3 { height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; color: #000; margin-bottom: 5px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .newsPage .item h3 font { font-size: 18px; } .newsPage .item img { width: 150px; height: 112px; float: left; margin-right: 24px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .newsPage .item .txt { font-size: 14px; color: #999999; line-height: 24px; overflow: hidden; } .newsPage .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .newsPage .item:hover h3 { color: #1171be; } .newsPage .item:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .casePage { overflow: hidden; } .casePage .gridlist { width: 100%; } .casePage .gridlist .item { margin-bottom: 25px;/*margin-right: 44px;*/ } .casePage .gridlist .item h3 { font-size: 18px; margin-bottom: 5px; } .casePage .gridlist .item h4 { line-height: 18px; height: 36px; padding: 0 35px; overflow: hidden; text-align: center; color: #999999; } .servicePage .sitepath { margin-bottom: 0; } .servicePage .s-tit { padding: 18px 0 18px; font-size: 24px; border-bottom: 1px solid #cccccc; color: #666666; } .servicePage .s-tab { padding: 30px 0; } .servicePage .s-tab a { display: inline-block; height: 36px; line-height: 36px; padding: 0 14px; background: #999999; margin-right: 25px; font-size: 18px; color: #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .servicePage .s-tab a.hover, .servicePage .s-tab a:hover { background: #1171be; } .contactPage { line-height: 32px; } .contactPage .t { padding: 0 0 25px; color: #1171be; font-size: 18px; } .contactPage .t2 { padding: 0 0 25px; color: #1171be; font-size: 24px; } .contactPage .txtcon { font-size: 18px; font-size: 14px; padding: 0 0 35px; color: #999999; line-height: 28px; } .contactPage .mapArea { width: 100%; height: 320px; margin-bottom: 35px; overflow: hidden; } .formData { padding-bottom: 20px; } .formData .item { float: left; color: #999; font-weight: normal; width: 425px; height: 56px; line-height: 56px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 45px; position: relative; } .formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 56px; line-height: 56px; font-size: 18px; color: #cccccc; } .formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 18px; } .formData .item .txt { width: 355px; height: 56px; line-height: 56px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333; } .formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; } .formData .item.mr0 { margin-right: 0; } .formData .msg-box { position: absolute; left: 0; top: 0px; } .formData .liuyan { width: 928px; height: 260px; border: 1px solid #e5e5e5; float: left; } .formData .liuyan label { text-align: right; display: block; } .formData .liuyan textarea { width: 908px; height: 234px; line-height: 35px; padding: 12px 10px; text-indent: 100px; font-size: 18px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; } .formData .bot { width: 100%; } .formData .sub { width: 232px; height: -4px; line-height: 52px; border: 2px solid #1171be; margin-right: 2px; text-align: center; background: #1171be; color: #fff; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .formData .sub:hover { background: none; color: #1171be; } .formData .yzm { width: 432px; } .formData .yzm .txt { padding-left: 80px; } .formData .yzm img { position: absolute; right: 0; top: 0; height: 56px; border: 0px; display: block; } @media (max-width: 1260px) { .formData .item { width: 424px; } .formData .item .txt { width: 325px; } .formData .liuyan { width: 888px; } .formData .liuyan textarea { width: 856px; } } /*****showProduct****/ .showProduct .showImg { padding-bottom: 40px; display: flex; } .showProduct .List_articcle { flex-direction: column; } .showProduct .photo { width: 540px; } .showProduct .photo .jqzoom { width: 405px; height: 405px; overflow: hidden; position: relative; padding: 0px; cursor: pointer;box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .showProduct .photo .zoomdiv { z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; } .showProduct .photo .jqZoomPup { z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #eee; background: #fff; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=50); } .showProduct .photo .img { width: 405px; height: 405px; display: block; } .showProduct .photo .photoimg { width: 405px; height: 71px; margin-top: 12px; position: relative; padding: 0 11px; } .showProduct .photo .photoimg .list { width: 505px; overflow: hidden; position: relative; margin: 0 auto; } .showProduct .photo .photoimg .listcon { width: 300%; } .showProduct .photo .photoimg .ico { width: 12px; height: 30px; z-index: 10; position: absolute; top: 24px; cursor: pointer; } .showProduct .photo .photoimg .prev { left: -4px; background-position: -183px 8px; } .showProduct .photo .photoimg .next { right: -4px; background-position: -204px 8px; } .showProduct .photo .photoimg a { width: 95px; height: 71px; cursor: pointer; display: block; float: left; margin-right: 7px; } .showProduct .photo .photoimg a img { width: 63px; height: 63px; display: block; padding: 2px; border: 2px solid #ddd; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .showProduct .photo .photoimg a:hover img, .showProduct .photo .photoimg a.hover img { border: 2px solid #1171be; } .showProduct .imgtxtcon { width: 560px; float: left; } .showProduct .imgtxtcon .tit { font-size: 24px; color: #000; padding: 0 25px; line-height: 30px; margin: 10px 0 10px 0; } .showProduct .imgtxtcon p { padding: 25px 0 0 25px; color: #999999; font-size: 12px; } .showProduct .imgtxtcon .tit2 { color: #1171be; padding: 0 25px; font-size: 15px; margin-bottom: 30px; } .showProduct .imgtxtcon .txt { padding: 10px 25px 14px; line-height: 35px; background: #f1f1f1; } .showProduct .imgtxtcon .tel { padding: 20px 25px 20px; } .showProduct .imgtxtcon .tel span { color: #000; display: block; } .showProduct .imgtxtcon .tel strong { display: block; font-family: impact; color: #1171be; font-weight: normal; font-size: 40px; height: 46px; line-height: 46px; } .showProduct .imgtxtcon .btn1, .showProduct .imgtxtcon .btn2 { float: left; margin-right: 20px; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 200px; height: 55px; line-height: 55px; margin-left: 25px; text-align: center; color: #fff; } .showProduct .imgtxtcon .btn1:hover, .showProduct .imgtxtcon .btn2:hover { background: #444; } .showProduct .imgtxtcon .btn1 { background: #1171be; border-radius: 4px; width:270px !important;} .showProduct .imgtxtcon .btn1 img{width: 20px !important; height: 20px !important; margin-right: 6px; margin-top:16px; font-size: 15px; line-height: 55px;} .showProduct .imgtxtcon .btn2 { text-align: center; margin-right: 0; margin-left: 0; background: #999999; } .showProduct .showp_txt {position: relative; border-top: 1px solid #f1f1f1; } .showProduct .showp_txt .tit { width: 49px; height: 51px; font-size: 18px; line-height: 20px; padding: 9px 0 0 11px; display: block; position: absolute; left: 20px; top: 50px; color: #fff; background: url(../images/show-pro-titbg.png) no-repeat 0 0; } .showProduct .showp_txt .tit a { color: #fff; } .showProduct .showp_txt .txtcon { font-size: 16px; color: #000000; min-height: 70px; line-height: 30px; } .showProduct .showp_txt .txtcon iframe { width: 100%; height: 557px; } .showProduct .showp_txt .txtcon img { width: auto !important;max-width: 800px; height: auto; } .showProduct .showp_txt .txtcon a{ color: #ed7122;font-weight: bold;text-decoration: underline;} .showProduct .showp_txt.one { border-top: 0px; padding-top: 25px; } .showProduct .showp_txt.one .tit { top: 25px; } .showProduct .n-case-list { overflow: hidden; position: relative; } .showProduct .n-case-list .gridlist { width: 220%; position: relative; } .showProduct .n-case-list .gridlist .item { width: 252px; } .showProduct .n-case-list .gridlist .item img, .showProduct .n-case-list .gridlist .item .bg, .showProduct .n-case-list .gridlist .item .plus { width: 252px; height: 189px; } /* reLink*/ .reLink { width: 100%; margin: 20px 0 10px; line-height: 60px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .reLink .nextLink, .reLink .prevLink { width: 50%; line-height: 60px; color: #333333; } .reLink .nextLink { text-align: right; } .reLink a { font-size: 16px; } .reLink a:hover { color: #1171be; } /*showpage*/ .showPage { background: #fff; } .showPage .title { color: #333333; margin-bottom: 5px; font-size: 24px; text-align: center; } .showPage .title .more { font-size: 14px; } .showPage .mark { width: 100%; padding: 5px 0 10px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee; } .showPage .mark span { margin-right: 18px; font-size: 12px; color: #666666; } .showPage .showContxt { color: #333333; line-height: 28px; padding: 5px 0 30px; } .showPage .showContxt img { max-width: 100%; } .showPage .shareNew { padding-bottom: 0; } .showPage .gridlist { padding-top: 10px; } .showPage .gridlist .item { width: 350px; height: 323px; } .showPage .gridlist .item img { width: 350px; height: 263px; } .showPage .gridlist .item h3 { height: 60px; line-height: 60px; } .showPage .img-quotes { padding-top: 30px; margin-bottom: 40px; } .showPage .imgcon { width: 423px; height: 468px; padding-left: 295px; margin-left: 30px; position: relative; border: 1px solid #dddddd; } .showPage .imgcon .img { position: absolute; left: -30px; top: -30px; width: 276px; height: 368px; display: block; z-index: 10; } .showPage .imgcon h4 { padding-top: 45px; font-size: 16px; } .showPage .imgcon h3 { font-size: 26px; margin-bottom: 40px; } .showPage .imgcon .txt { margin-top: 40px; line-height: 30px; } .resultPage .item1 { display: block; float: left; width: 860px; padding: 20px 35px; background: #f7f7f7; margin-bottom: 28px; } .resultPage .item1 h3 { height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; color: #000; margin-bottom: 5px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .resultPage .item1 img { width: 150px; height: 90px; float: left; margin-right: 24px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .resultPage .item1 .txt { font-size: 12px; color: #999999; line-height: 22px; height: 44px; overflow: hidden; } .resultPage .item1:hover h3 { color: #1171be; } .resultPage .item1:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .resultPage .item2 { width: 280px; margin: 0 26px 31px 0; float: left; position: relative; overflow: hidden; } .resultPage .item2 img { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .resultPage .item2 .bg { width: 280px; height: 210px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: url(../images/black70.png) repeat 0 0; position: absolute; left: -100%; top: 0; } .resultPage .item2 .plus { width: 280px; height: 210px; display: block; transition: all ease 0.4s; background: url(../images/ipro_hover.png) no-repeat center center; position: absolute; left: -100%; top: 0; } .resultPage .item2 h3 { color: #000; line-height: 28px; text-align: center; padding-top: 8px; height: 28px; overflow: hidden; } .resultPage .item2:hover .bg { left: 0; } .resultPage .item2:hover .plus { left: 0; } .resultPage .item2:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .resultPage .item2:hover h3 { color: #1171be; } .map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; padding-bottom: 30px; } .map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dcdbdb; margin-left: 10px; float: left; } .map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; } .map_ul .list-inline { display: block; margin-left: 8%; width: 86%; min-height: 30px; } .map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; } .map_ul .list-inline a:hover { background: #1171be; border-color: #1171be; color: #fff; } .aboutPage { float: right; } .aboutPage .about_txt { background: #fff; padding: 40px 50px; margin-bottom: 30px; } .aboutPage .img { margin-bottom: 30px; width: 100%; display: block; } .aboutPage .txtcon { color: #666666; } .aboutPage .txtcon img { max-width: 100%; } /*******font-face********/ .show_menu { width: 20%; } .show_menu .menu_tit { width: 100%; height: 80px; overflow: hidden; margin: 0 auto; padding: 16px 20px; background: #1171be; box-sizing: border-box; } .menu_tit p { width: 100%; height: 28px; overflow: hidden; line-height: 28px; color: #fff; font-size: 24px; margin: 0 auto; padding: 0; } .menu_tit span { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: rgba(255, 255, 255, 0.5); font-family: "Arial"; font-size: 14px; font-style: italic; margin: 0 auto; padding: 0; } .menu_tit em { display: none; } .show_menu .menu_list { background: #fff; width: 100%; overflow: hidden; margin: 0 auto 20px; margin: 0 auto 0.2rem; padding: 20px 10px; padding: 0.2rem 0.1rem; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; } .menu_list .menu_li { width: 100%; height: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; } .menu_li > p > a { display: block; width: 80%; overflow: hidden; float: left; color: #5a5a5a; text-overflow: ellipsis; white-space: nowrap; } .menu_li p { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #000; font-size: 1rem; background-color: #b0c4f5; margin: 0 auto; padding: 0 0 0 20px; box-sizing: border-box; margin-bottom: 5px; } .menu_li > p > span { display: block; width: 20%; height: 40px; float: right; background: url(../images/menu_tb1.png) center center no-repeat; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .menu_li > p > span.on { transform: rotateX(180deg); } .menu_li > p:hover { background: #1171be; color: #fff; } .menu_li > p:hover a { color: #fff; } .menu_li > p:hover span { background: url(../images/menu_tb3.png) center center no-repeat; } .menu_li ul { width: 100%; /* overflow: hidden; */ /* margin: 10px auto; */ /* padding: 0; padding: 0 0; */ background: #fff; display: flex; flex-direction: column; } .menu_li > ul > li { margin-left: 0 !important; margin-right: 0 !important; } .menu_li ul li { width: 100%; overflow: hidden; margin: 0.1rem auto; padding: 0; background: #f6f6f6; } .menu_li ul li a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #666; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0 20px; /* padding: 0 0.2rem; */ box-sizing: border-box; } .menu_li ul li a p { width: 208px; color: #999; background-color: #fff; height: 30px; line-height: 30px; font-weight: normal; } .menu_li p img, .menu_li ul li a img { display: block; width: 14px; height: 14px; margin: 13px 13px 13px 0; padding: 0; float: left; } .menu_li ul li a:before { display: block; width: 14px; height: 14px; margin: 8px 13px 13px 0; padding: 0; float: left; background: url(../images/menu_tb2.png) center center no-repeat; } .menu_li ul li a img { margin: 7px 13px 13px 0; } .menu_li ul li a:hover { color: #00a1e9; } .showImg > .fr { width: 85%; margin-left: 2%; } .showImg .fr ul.list { background: #f2f2f2; line-height: 30px; } .showImg .fr ul.list li { float: left; width: 10%; text-align: center; } .showImg .sp { display: none !important; } .showImg .fr ul.list li:nth-child(1) { width: 20%; } .showImg .fr ul.list li:nth-child(2) { width: 25%; } .showImg .fr ul.list li:nth-child(4) { width: 35%; } .showImg .fr ul.list1 li { border-bottom: 1px dotted #dedede; padding: 15px 0; } .showImg .fr ul.list1 li a { display: table; width: 100%; border-collapse: collapse; } .showImg .fr ul.list1 li .box0 { display: table-cell; box-sizing: border-box; vertical-align: middle; border-right: 1px dotted #dedede; } .showImg .fr ul.list1 li .box1 img { border: 1px solid #ddd; box-sizing: border-box; width: 80%; } .showImg .fr ul.list1 li .box1{ width: 20%; } .showImg .fr ul.list1 li .box2 { width: 25%; padding-right: 10px; } .showImg .fr ul.list1 li .box2 h4 { font-size: 16px; color: #333; font-weight: 500; line-height: 30px; text-align: center; } .showImg .fr ul.list1 li .box3 { width: 10%; text-align: center; } .showImg .fr ul.list1 li .box6 { width: 35%; padding: 0 10px; font-size: 15px; line-height: 20px; } .showImg .fr ul.list1 li .box4 { width: 10%; text-align: center; } .showImg .fr ul.list1 li .box5 { width: 10%; text-align: center; border-right: none; } .showImg .page { text-align: center; margin: 30px 0 20px; } .showImg .page li { display: inline-block; margin: 0 4px; line-height: 30px; } .showImg .page li.thisclass { background: #027ab1; width: 30px; color: #fff; border-color: #027ab1; } .showImg .page li { display: inline-block; margin: 0 4px; line-height: 30px; } .showImg .fr .lkBox h4 { background: #efefef; line-height: 35px; padding-left: 10px; } .showImg .fr .orBox ul { overflow: hidden; } .showImg .fr .lkBox li { width: 25%; float: left; padding: 10px; box-sizing: border-box; } .showImg .fr .orBox li { width: 50%; } .showImg .fr .lkBox li a { display: block; border: 1px solid #ddd; } .showImg .fr .orBox li a { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; white-space: nowrap; overflow: hidden; padding-right: 6px; text-overflow: ellipsis; line-height: 30px; border-bottom: 1px dotted #ccc; } .showImg .fr .lkBox li img{ height:100%;} .List_articcle_R { width: 75%; margin-left: 5%; } .List_articcle_R > h1 { text-align: center; font-size: 22px; } .page > span { padding: 5px; } .page > .page-numbar > a { padding: 4px; } .pagination a{padding: 4px;} .pzBox .fr .frBox { border: 1px solid #ddd; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; padding-bottom: 20px; border-top: 3px solid #39a8ed; } .pzBox .wdBox { padding: 20px 30px 0; } .pzBox .wdBox dl { overflow: hidden; margin-bottom: 15px; } .pzBox .wdBox dl a { display: block; position: relative; } .pzBox .wdBox dl dt a span { display: block; width: 56px; height: 56px; position: absolute; left: 50%; margin-left: -28px; top: 50%; margin-top: -28px; background: url(../images/icon11.png) no-repeat center; background-size: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); border-radius: 50%; background-size: cover; } .pzBox .wdBox dt { float: left; width: 20%; padding: 0 20px; box-sizing: border-box; } .pzBox .wdBox dd { width: 75%; float: left; } .pzBox .wdBox dd h4 { font-size: 16px; line-height: 35px; color: #333; font-weight: 500; } .pzBox .wdBox dd p { color: #999; line-height: 22px; font-size: 13px; } .pzBox .wdBox dd span { display: block; line-height: 30px; padding-left: 20px; font-size: 12px; } .LX { display: flex; max-width: 80%; margin: 20px auto; } .LX .contactPage { width: 75%; margin-left: 5%; } .JR { display: flex; max-width: 80%; margin: 20px auto; } .JR .aboutPage { width: 75%; margin-left: 5%; } #banner > ul { height: 100%; } #banner > ul > li { height: 100%; } #banner > ul > li > a { height: 100%; } .left1 { width: 15%;/* margin-left: 10%; */ } .lkBox h4 { background: #efefef; line-height: 35px; padding-left: 10px; } .orBox ul { overflow: hidden; } .lkBox li { width: 25%; float: left; padding: 10px; box-sizing: border-box; } .orBox li { width: 50%; } .lkBox li a { display: block; border: 1px solid #ddd; } .orBox li a { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; white-space: nowrap; overflow: hidden; padding-right: 6px; text-overflow: ellipsis; line-height: 30px; border-bottom: 1px dotted #ccc; } .lkBox li p { line-height: 35px; text-align: center; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #ddd; } .abList ul { text-align: center; } .abList li { display: inline-block; margin: 0 10px; } .abList li a { display: block; padding: 0px 20px; border: 1px solid #666; border-top-color: rgb(102, 102, 102); border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-left-color: rgb(102, 102, 102); color: #666; transition: 0.3s; -webkit-transition: 0.3s; } .abList li.on a, .abList li:hover a { border-color: #00a1e9; background: #00a1e9; color: #fff; } .lxTit { color: #027ab1; width: 220px; line-height: 50px; font-size: 20px; text-align: center; border-bottom: 2px solid #027ab1; } .lxCon { border: 1px solid #e8e8e8; padding: 20px; line-height: 30px; } .lxCon0 { background: url("../images/bg.png") no-repeat center; color: #fff; height: 400px; overflow: hidden; margin: 20px 0; } .lxCon0 img { width: 400px; margin: 30px auto 0; display: block; } .lxCon0 .mian { text-align: center; } .lxCon0 ul { padding: 0 50px; padding-top: 0px; padding-bottom: 0px; padding-left: 50px; } .lxCon0 .mian ul { padding-left: 30px; display: inline-block; overflow: hidden; padding-top: 210px; padding-bottom: 50px; } .lxCon0 .mian ul li.b2 { width: 115px; } .lxCon0 .mian ul li { position: relative; float: left; width: 0; height: 1px; } .lxCon0 .mian ul li::before { display: block; position: absolute; content: ""; left: 10px; right: 11px; border-top: 1px solid #70a4cd; } .lxCon0 .mian ul li h6::before { display: block; position: absolute; content: ""; left: 19px; top: -10px; width: 21px; height: 21px; border: 1px solid #70a4cd; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s; } .lxCon0 .mian ul li h6 { position: absolute; top: 0; left: -30px; width: 60px; padding-top: 18px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; margin:0 0 0 0 !important;} .lxCon0 .mian ul li h6::after { display: block; position: absolute; content: ""; left: 25px; top: -4px; width: 11px; height: 11px; border-radius: 50%; background: #70a4cd; -webkit-transition: all 0.5s; transition: all 0.5s; } .lxCon0 .mian ul li span::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99); transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99); } .lxCon0 .mian ul li span::before { display: block; position: absolute; left: 0; bottom: 10px; content: ""; width: 1px; height: 118px; background: #70a4cd; } .lxCon0 .mian ul li span::after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99); transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99); -webkit-transition-delay: 50ms; transition-delay: 50ms; } .lxCon0 .mian ul li span::after { display: block; position: absolute; left: 0; bottom: 128px; content: ""; width: 7px; height: 1px; background: #70a4cd; } .lxCon0 .mian ul li p { position: absolute; left: 22px; bottom: 75px; min-width: 300px; font-size: 14px; color: #ffffff; text-align: left; line-height: 26px; } .lxCon0 .mian ul li p { opacity: 0; pointer-events: none; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: opacity 125ms cubic-bezier(0.25, 0.74, 0.22, 0.99), -webkit-transform 125ms cubic-bezier(0.25, 0.74, 0.22, 0.99); transition: opacity 125ms cubic-bezier(0.25, 0.74, 0.22, 0.99), transform 125ms cubic-bezier(0.25, 0.74, 0.22, 0.99); } .lxCon0 .mian ul .on p { opacity: 1; } .lxCon0 .mian ul li.on span::before { background: #fff; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 0s; transition-delay: 0s; } .lxCon0 .mian ul li.on span::after { background: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 150ms; transition-delay: 150ms; } .lxCon0 .mian ul li p font { display: block; font-size: 22px; font-weight: 200; color: #fff; line-height: 42px; } .lxCon0 .mian ul li::after { display: block; position: absolute; content: ""; left: 0; top: -70px; } .lxCon0 .mian ul li.br span::after { left: auto; right: 100%; margin-right: -1px; -webkit-transform-origin: right; transform-origin: right; } .lxCon0 .mian ul li.on.br p { -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px); } .lxCon0 .mian ul li.br p { left: -410px; text-align: right; width: 420px; } .lxCon .dl { padding: 20px 0; overflow: hidden; } .lxCon dl { width: 33.33%; float: left; border-right: 1px solid #ddd; box-sizing: border-box; } .lxCon dl:last-child { border-right: none; margin-top: 26px; } .lxCon dl dt { width: 40%; display: inline-block; font-size: 24px; vertical-align: middle; text-align: right; } .lxCon dl dd { width: 55%; display: inline-block; vertical-align: middle; padding-left: 40px; box-sizing: border-box; } .clearfix::after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .lxCon1 h3 { font-size: 28px; margin: 20px 0; text-align: center; color: #333; } .lxCon .slider { overflow: hidden; } .lxCon .slick-slide { width: 33.33%; float: left; padding: 15px 10px; box-sizing: border-box; } .lxCon .slick-slide a { border: none; } .lxCon .slick-slide .pho { padding: 0 10px; text-align: center; line-height: 40px; font-size: 16px; } .lxCon .qzBox p { line-height: 50px; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .lxCon .page { text-align: center; margin: 30px 0 20px; } .lxCon .page li { display: inline-block; margin: 0 4px; line-height: 30px; } .heightLine-1 { } @media screen and (max-width: 880px) { #toolbar { display: none !important; } #footer { padding: 20px 12px 0; font-size: 13px; } #footer .fl .link{ width:100%;padding-top: 0px; } #footer .fr{ display:none;} #footer .fl .nav{ margin-top: 5px;} #footer .fl .nav li{margin: 0 20px 0 0;} #footer .fl .text .top { display: none; } .container { width: 90%; } .container > .clearfix { padding: 0; flex-direction: column; } .container > .clearfix > .logo { width: 100%; } .container > .clearfix > .logo > a { width: 100%; } .container > .clearfix > .logo > a > img { width: 100%; } .container > .clearfix > .text { display: none; } .container > .clearfix > .ipone { display: none; } .search_main { display: none; } .main { width: 95%; flex-direction: column; } .main .text { display: none; } .main > .main_left > .banner_text > .banner { width: 100% !important; height: 55vw; } .main > .main_left > .tjBox > .clearfix > li { width: 50%; } .main > .main_left > .tjBox > .clearfix > li .pho { height: auto !important; } .main > .main_left > .tjBox > .clearfix > li img { height: 32vw; } .yqdq_wrap dd { margin: 2px 0 !important; } .main > .main_right { margin: 0; margin-top: 30px; } .short_wrap iframe { width: 100% !important; height: 66vw !important; } .alBox { padding: 10px 0; } .alBox > .container { width: 95%; } .alBox > .container > .title1 > h3 { font-size: 19px; } .alBox > .container > .title1 > h3::after { height: 2px; bottom: -6px; } .alBox > .container > .title1 > span { font-size: 12px; margin: 6px 0 0; } .alBox > .container > ul > li > a > div { height: auto; } .heightLine-2 { height: 32.8vw !important; } .alBox > .container > ul { flex-direction: row; flex-wrap: wrap; } .cpzz > .container { padding: 0; } .cpzz > .container > ul { flex-wrap: nowrap; } .cpzz > .container > .hzSwiper { padding: 20px; } .alBox > .container > ul > li { width: 50%; } .alBox > .container > ul > li:last-child { display: none; } .alBox > .container > ul > li > a > p { font-size: 12px; padding: 10px 5px; } .alBox > .container > ul > li { padding: 5px; } .zzBox .hzSwiper .swiper-slide { width: 50% !important; } .hzSwiper p { line-height: 30px; font-size: 12px; } .xwBox .newsBox .comBox { width: 100%; } .xwBox > .container > .newsBox { padding: 18px 10px 30px; } .xwBox .newsBox .comBox .pho { width: 100px; height: 100px !important; } .xwBox .newsBox .comBox .text { margin-left: 110px; } .xwBox .newsBox .comBox .text h4 { margin-bottom: 0; } .xwBox .newsBox .comBox .text a p { -webkit-line-clamp: 2; } #menu { display: none; position: fixed; top: 110px; left: 5%; width: 90%; height: auto; z-index: 9999; border-radius: 10px; } .container > .clearfix > .menuB { display: block; background: #1572bf; width: 50px; height: 50px; position: fixed; right: 10px; top: 55px; border-radius: 10px; z-index: 9999; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .container > .clearfix > .menuB > img { width: 100%; height: 100%; padding: 8px; box-sizing: border-box; } .CpContent { width: 95%; max-width: 95%; margin: 0 auto; } .proBox { padding-bottom: 20px; } .proBox .proTit span { margin-right: 10px; } .proBox .box .ul1 li { width: 50%; } .proBox .box .ul1 li .pho { width: 92%; margin: 0 auto; border: 1px solid #ddd; } .proBox .box .ul2 li { width: 45%; margin: 5px 2.5%; border: 1px solid #d1d1d1; border-radius: 18px; text-align: center; } .showProduct .showImg { flex-direction: column; } .show_menu { width: 95%; margin: 0 auto; } .showImg > .fr { width: 95%; margin: 10px auto; } .showImg .fr ul.list { display: none; } .showImg .fr ul.list1 { display: flex; flex-wrap: wrap; } .showImg .fr ul.list1 li { width: 48%; margin: 5px 1%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .showImg .fr ul.list1 li a { display: flex; flex-direction: column; } .showImg .fr ul.list1 li .box0 { width: 100%; padding: 0 5%; display: flex; } .showImg .fr ul.list1 li .box0 span { display: block !important; } .showImg .fr ul.list1 li .box1 img { width: 100%; margin: 0; } .showImg .fr ul.list1 li .box2 { justify-content: center; } .showImg .fr ul.list1 li .box2 h4 { font-weight: bold; } .showImg .fr ul.list1 li .box6, .showImg .fr ul.list1 li .box4 { display: none; } .showImg .fr .lkBox li { width: 50%; } .heightLine-1 { height: 30.1vw !important; } .newsPage > .clearfix > .sitepath { width: 95% !important; margin: 0 auto; } .newsPage > .clearfix > .CpContent { flex-direction: column; } .List_articcle_R { width: 95%; margin: 0 auto; } .showProduct .photo { width: 100%; } .showProduct .photo .jqzoom { width: 100%; height: auto; } .showProduct .photo .img { width: 100%; height: auto; } .showProduct .photo .photoimg { width: 100%; box-sizing: border-box; } .showProduct .photo .photoimg .list { width: 100%; } .showProduct .showp_txt.one .tit { display: none; } .showProduct .showp_txt.one { padding: 0; margin-top: 20px; } .showProduct .showp_txt .txtcon img { width: 100% !important; height: auto !important; } .lkBox li { width: 50%; } .pzBox .wdBox { padding: 20px 10px; } .pzBox .wdBox dl { display: flex; } .pzBox .wdBox dt { width: 30%; padding: 0; } .pzBox .wdBox dd { width: 70%; padding-left: 20px; } .pzBox .wdBox dd a { height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .pzBox .wdBox dd h4 { font-size: 12px; line-height: initial; font-weight: 0; } .pzBox .wdBox dd span { line-height: initial; padding-left: 0; } .pzBox .wdBox dd p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; } .nybanner { height: auto; } .nybanner img { width: 100%; margin: 0; position: initial; } .wrapper .leftCon { display: none; } .w1200 { width: 95%; max-width: 95%;} .wrapper .content { width: 95%; margin: 10px auto;float: left; } .aboutPage > .sitepath { width: 95% !important; margin: 0 auto; } .abList li { margin: 5px; } .abList li a { padding: 0 10px; } .lxCon > img { width: 100% !important; height: auto; } .lxCon0 { display: none; } .lxCon > .clearfix { display: none; } .lxCon1 h3 { font-size: 5vw; } .lxCon .slick-slide { width: 50%; padding: 10px 2px; } .lxCon .slick-slide .pho { padding: 0 5px; } .lxCon .qzBox p { line-height: 35px; font-size: 14px; padding: 0 3px; } .LX { width: 95%; max-width: 95%; margin: 0 auto; } .LX > .show_menu { display: none; } .LX .contactPage { width: 100%; margin: 0 20px; } #allmap { height: 70vw; } } .mark { line-height: 30px; color: #787878; font-size: 14px; text-align: center; }