@charset "UTF-8";
body{
padding-top: 80px;
}
/* 首页 *******************************************/
/* banner */
.index-banner .swiper-button-prev, .index-banner .swiper-button-next { width: 52px; height: 52px; background-color: rgba(210, 210, 210, 0.87); background-size: 15px 26px; }
.index-banner .swiper-button-prev:hover, .index-banner .swiper-button-next:hover { background-color: #1c4b8d; }
.index-banner .swiper-button-prev { left: 60px; }
.index-banner .swiper-button-next { right: 60px; }
.index-banner .swiper-pagination-bullet { width: 35px; height: 5px; background-color: #000000; opacity: 0.1; border-radius: 0; }
.index-banner .swiper-pagination-bullet-active { opacity: .5; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction { bottom: 25px; }
/* banner end */
/* 搜索 */
.index-search { height: 71px; background: #fff; border-bottom: 1px solid #ececec; }
.index-search .hot-search { line-height: 70px; }
.index-search .hot-search p { font-size: 16px; letter-spacing: 1px; color: #484a4c; }
.index-search .hot-search ul li { display: inline-block; font-size: 14px; color: #666666; }
.index-search .hot-search ul li:hover { color: #950505; }
.index-search .hot-search ul li::after { content: ""; display: inline-block; margin: 0 14px; width: 1px; height: 10px; background-color: #000000; opacity: 0.2; }
.index-search .hot-search ul li:last-child::after { display: none; }
.index-search .hot-search ul a { display: inline-block; }
.index-search .search-form { position: relative; width: 290px; border-radius: 3px; overflow: hidden; font-size: 16px; }
.index-search .search-form ::-webkit-input-placeholder { font-size: 14px; color: #c0c0c0; }
.index-search .search-form input { padding-left: 16px; width: 210px; height: 38px; border: 1px solid #dcdcdc; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.index-search .search-form input:focus { border-color: #114b95; }
.index-search .search-form button { position: absolute; top: 0; right: 0; height: 38px; width: 80px; background-color: #114b95; font-size: 14px; color: #fff; cursor: pointer; }
.index-search .search-form button:hover { background-color: rgba(17, 75, 149, 0.8); }
.index-search .search-form button .iconfont { margin-right: 6px; vertical-align: middle; }
/* 搜索 end */
.index-title { margin-bottom: 40px; text-align: center; }
.index-title .red-color { color: #950505; }
.index-title h3 { font-size: 40px; font-weight: bold; letter-spacing: 1px; color: #3b3f44; }
.index-title p { margin-top: 18px; font-family: 思源黑体; font-size: 28px; font-weight: bold; line-height: 22px; color: #cbd5e1; animation-delay: .2s; }
/* 产品展示 */
.index-sec1 { padding-top: 62px; padding-bottom: 68px; background: #f9f9f9; overflow: hidden; }
.index-sec1 .index1-ul > li { float: left; position: relative; margin-right: 20px; padding: 18px; width: 310px; height: 302px; background: #fff; border: solid 1px #e5e5e5; overflow: hidden; }
.index-sec1 .index1-ul > li:nth-child(4n) { margin-right: 0; }
.index-sec1 .index1-ul>li:hover .product-class {
color: #1c4b8d;
}
.index-sec1 .index1-ul>li:hover .product-class .iconfont {
color: #1c4b8d;
}
.index-sec1 .index1-ul > li:hover .cover-box { visibility: visible; opacity: 1; }
.index-sec1 .index1-ul > li:hover .cover-box .line { transform: translate(0, 0); opacity: 1; }
.index-sec1 .index1-ul > li:hover .cover-box ul { transform: translate(0, 0); }
.index-sec1 .index1-ul .product-class {
position: relative;
z-index: 1;
font-size: 16px;
color: #444444;
}
.index-sec1 .index1-ul .product-class .iconfont {
margin-right: 10px;
transform: translate(0, -1px);
vertical-align: middle;
font-size: 22px;
color: #950505;
}
.index-sec1 .index1-ul .img { position: relative; height: calc(100% - 22px); }
.index-sec1 .index1-ul .cover-box { position: absolute; top: 0; left: 0; padding: 62px 18px 0; width: 100%; height: 100%; background: rgba(249, 249, 249, 0.96); transition: all .3s; visibility: hidden; opacity: 0; }
.index-sec1 .index1-ul .cover-box .line { height: 1px; background-color: #dcdcdc; transform: translate(0, -14px); opacity: 0; transition: all .4s; }
.index-sec1 .index1-ul .cover-box ul { transition: all .4s; transform: translate(0, 100%); }
.index-sec1 .index1-ul .cover-box li { padding: 12px 0; border-bottom: dotted 1px rgba(220, 220, 220, 0.5); font-size: 14px; color: #888888; }
.index-sec1 .index1-ul .cover-box li:hover { color: #1c4b8d; }
.index-sec1 .index1-ul .cover-box a { display: inline-block; }
.index-sec1 .index1-ul .cover-box .iconfont { margin-right: 8px; font-size: 14px; color: #dcdcdc; }
/* 产品展示 end */
/* 解决方案 */
.index-sec2 { padding-top: 52px; }
.index-sec2 .index2-tab { border-bottom: 1px solid #dcdcdc; }
.index-sec2 .index2-tab li { position: relative; padding-bottom: 32px; text-align: center; font-size: 16px; color: #a2a2a2; cursor: pointer; }
.index-sec2 .index2-tab li::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #1c4b8d; transition: all .4s; transform: scaleX(0); }
.index-sec2 .index2-tab li:hover, .index-sec2 .index2-tab li.on { color: #1c4b8d; }
.index-sec2 .index2-tab li:hover::after, .index-sec2 .index2-tab li.on::after { transform: scaleX(1); }
.index-sec2 .index2-tab li:hover .iconfont, .index-sec2 .index2-tab li.on .iconfont { color: #1c4b8d; }
.index-sec2 .index2-tab li .iconfont { margin-bottom: 10px; height: 50px; font-size: 46px; color: #bcbcbc; }
.index-sec2 .index2-tab li .iconjiqiren { font-size: 48px; }
.index-sec2 .index2-tab li .iconfangzhijixie { font-size: 44px; }
.index-sec2 .index2-tab li .iconshukongjichuang { font-size: 45px; }
.index-sec2 .index2-con { margin-top: 40px; overflow: hidden; }
.index-sec2 .index2-box { position: relative; background-color: #eaedf1; width: 1300px; margin: 0 auto; }
.index-sec2 .index2-box .img { width: 50%; overflow: hidden; }
.index-sec2 .index2-box .text-box { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 100%; }
.index-sec2 .index2-box .right-text { float: right; padding-left: 122px; width: 50%; height: 100%; align-content: center;padding-top: 50px; position: relative;}
.index-sec2 .index2-box .right-text h4 { margin-bottom: 30px; width: 100%; font-size: 30px; font-weight: bold; color: #444444;display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
padding-right: 50px;
-webkit-box-orient: vertical;overflow: hidden; }
.index-sec2 .index2-box .right-text .word { width: 100%; font-size: 16px; line-height: 28px; color: #666666; animation-delay: .2s; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; padding-right: 50px;}
.index-sec2 .index2-box .right-text .more { margin-top: 80px; width: 180px; height: 50px; border-radius: 24px; border: solid 1px #114b95; line-height: 48px; text-align: center; font-size: 16px; color: #114b95; transition: all .4s; animation-delay: .4s; position: absolute; bottom: 40px; border-radius: 30px;}
.index-sec2 .index2-box .right-text .more:hover { background: #114b95; color: #fff; }
.index-sec2 .index2-box .iconfont { position: absolute; right: 0; bottom: 16px; transform: rotateY(180deg); font-size: 160px; line-height: 160px; color: #bdbdbd; opacity: 0.2; }
/* 解决方案 end */
/* 关于立三 */
.index-sec3 { padding-top: 52px; padding-bottom: 88px; background: #f9f9f9; overflow: hidden; }
.index-sec3 .index3-con { margin-top: 40px; }
.index-sec3 .index3-con .right-img { position: relative; width: 580px; height: 520px; background-color: #eee; border-radius: 10px; }
.index-sec3 .index3-con .right-img::before { content: ""; position: absolute; top: 18px; left: -20px; height: 100%; width: 100%; background-color: #b2c4df; border-radius: 10px; opacity: 0.3; transform: translate(20px, -18px); }
.index-sec3 .index3-con .right-img img { border-radius: 10px; }
.index-sec3 .left-text { padding-top: 36px; width: 560px; }
.index-sec3 .left-text h4 { font-size: 26px; font-weight: bold; letter-spacing: 1px; color: #444444; }
.index-sec3 .left-text .english-name { margin-top: 4px; font-family: Arial; font-size: 14px; color: #cccccc; }
.index-sec3 .left-text .text { margin-top: 26px; font-size: 14px; line-height: 28px; color: #666666; }
.index-sec3 .left-text .more { margin-top: 50px; display: inline-block; font-size: 16px; color: #114b95; }
.index-sec3 .left-text .more:hover { color: #950505; }
.index-sec3 .left-text .more:hover .iconfont { opacity: 0; }
.index-sec3 .left-text .more:hover .iconfont:first-of-type { transform: translate(10px, -1px); transition-delay: .2s; }
.index-sec3 .left-text .more:hover .iconfont:last-of-type { transform: translate(5px, -1px); transition-delay: 0s; }
.index-sec3 .left-text .more .iconfont { font-size: 14px; color: inherit; transform: translate(0, -1px); transition: all .4s; }
.index-sec3 .left-text .more .iconfont:first-of-type { transform: translate(5px, -1px); transition-delay: 0s; }
.index-sec3 .left-text .more .iconfont:last-of-type { transition-delay: .2s; }
.index-sec3 .left-text .icons { margin-top: 75px; padding: 30px 60px; background-color: #ffffff; box-shadow: 4px 6px 42px 0px rgba(8, 1, 3, 0.07); border-radius: 10px; }
.index-sec3 .left-text .icons li { text-align: center; font-size: 14px; color: #afbcce; }
.index-sec3 .left-text .icons li:hover { color: #1c4b8d; }
.index-sec3 .left-text .icons li:hover .iconfont { border-color: #1c4b8d; }
.index-sec3 .left-text .icons .iconfont { margin-bottom: 10px; width: 58px; height: 58px; border: solid 1px #b1c4df; border-radius: 50%; line-height: 56px; font-size: 28px; }
.index-sec3 .left-text .icons .iconqiyewenhua { font-size: 30px; }
/* 关于立三 end */
/* 新闻资讯 */
.index-sec4 { padding-top: 52px; padding-bottom: 62px; }
.index-sec4 .index4-con { margin-top: 40px; }
.index-sec4 .index4-box { width: 380px; }
.index-sec4 .index4-box .index4-title { height: 20px; line-height: 20px; overflow: hidden; }
.index-sec4 .index4-box .index4-title h4 { position: relative; padding-left: 14px; font-size: 18px; line-height: 20px; }
.index-sec4 .index4-box .index4-title h4::before { content: ""; position: absolute; left: 0; top: 0; height: 20px; width: 4px; background: #950505; }
.index-sec4 .index4-box .index4-title .more { width: 18px; height: 18px; background: rgba(181, 181, 181, 0.34); text-align: center; font-size: 18px; line-height: 16px; color: #b5b5b5; }
.index-sec4 .index4-box .index4-title .more:hover { color: #fff; background: #1c4b8d; }
.index-sec4 .index4-box .img { margin-top: 24px; height: 180px; background-color: #404040; border-radius: 10px; overflow: hidden; }
.index-sec4 .index4-box .index4-ul { margin-top: 16px; }
.index-sec4 .index4-box .index4-ul li { position: relative; padding-left: 20px; padding-right: 40px; background: url(../images/public/arr01.png) no-repeat left top 13px; font-size: 14px; line-height: 36px; color: #888888; }
.index-sec4 .index4-box .index4-ul .time { position: absolute; right: 0; top: 0; }
.index-sec4 .index4-box .index4-ul a:hover { color: #1c4b8d; }
.index-sec4 .index4-box .index4-scroll{
margin-top: 4px;
height: 412px;
overflow: hidden;
}
.index-sec4 .index4-box .index4-question { }
.index-sec4 .index4-box .index4-question li { padding: 20px 0; border-bottom: 1px dashed #e5e5e5; }
.index-sec4 .index4-box .index4-question .a-line { margin-top: 15px; line-height: 24px; }
.index-sec4 .index4-box .index4-question .q-a { width: 24px; height: 24px; border-radius: 3px; text-align: center; font-size: 16px; font-weight: bold; line-height: 24px; color: #ffffff; }
.index-sec4 .index4-box .index4-question .q { background-color: #c1c0c0; }
.index-sec4 .index4-box .index4-question .a { background-color: #114b95; }
.index-sec4 .index4-box .index4-question .q-text { font-size: 16px; color: #424242; }
.index-sec4 .index4-box .index4-question .a-text { font-size: 14px; color: #888888; }
.index-sec4 .index4-box .index4-question .ellipse { margin-left: 12px; width: calc(100% - 36px); }
/* 新闻资讯 end */
@keyframes fadeTop { 0% { transform: translate(0, 50px); opacity: 0; }
100% { transform: translate(0, 0); opacity: 1; } }
.fadeTop { animation: fadeTop 1.5s backwards; }
.animated { animation-duration: 1.5s; }
@keyframes fadeIn100 { 0% { transform: translate(0, 100%); opacity: 0; }
100% { transform: translate(0, 0); opacity: 1; } }
@keyframes trans0 { 100% { transform: translate(0, 0); } }
.special4Index3 { animation: fadeIn100 1.5s backwards; }
.special4Index3::before { animation: trans0 1.5s 1.4s forwards; }
/* 首页 end ****************************************/
/* 联系我们 ****************************************/
.contact-h3 { text-align: center; font-size: 36px; font-weight: bold; color: #444444; }
.contact-sec1 { padding-top: 50px; }
.contact-sec1 .contact1-ul1 { margin-top: 40px; }
.contact-sec1 .contact1-ul1 li:first-child { width: 288px; }
.contact-sec1 .contact1-ul1 li:nth-child(2) { width: 336px; }
.contact-sec1 .contact1-ul1 li:last-child { width: 190px; }
.contact-sec1 .contact1-ul1 p { font-size: 16px; line-height: 26px; color: #666666; }
.contact-sec1 .contact1-ul1 p:first-child { margin-bottom: 20px; }
.contact-sec1 .contact1-box2 { margin-top: 25px; padding-top: 25px; border-top: 1px solid #eee; }
.contact-sec1 .contact1-dl:first-child { width: 288px; }
.contact-sec1 .contact1-dl:nth-child(2) { width: 336px; }
.contact-sec1 .contact1-dl:last-child { width: 190px; }
.contact-sec1 .contact1-dl dt { margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 26px; color: #666666; }
.contact-sec1 .contact1-dl dd { font-size: 16px; line-height: 26px; color: #666666; }
#map { margin-top: 42px; height: 436px; border-radius: 10px; }
#map img { max-width: none; max-height: none; }
.contact-sec2 { padding-top: 70px; padding-bottom: 80px; }
.contact-sec2 .contact2-con { margin-top: 40px; }
.contact-sec2 .require-input { position: relative; width: 412px; height: 64px; background-color: #f9f9f9; border-radius: 10px; border: solid 1px #e5e5e5; overflow: hidden; }
.contact-sec2 .require-input input { padding-left: 20px; width: 100%; height: 100%; background-color: #f9f9f9; font-size: 16px; }
.contact-sec2 .require-input .placeholder-text { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); font-size: 16px; color: #d3d3d3; }
.contact-sec2 .redColor { margin-left: 5px; color: #d80e0e; }
.contact-sec2 .require-textarea { margin: 32px 0; position: relative; }
.contact-sec2 .require-textarea .placeholder-text { position: absolute; left: 20px; top: 24px; font-size: 16px; color: #d3d3d3; }
.contact-sec2 .require-textarea textarea { padding: 24px 20px; width: 100%; height: 226px; background-color: #f9f9f9; border-radius: 10px; border: solid 1px #e5e5e5; }
.contact-sec2 .yzm-img { margin-left: 36px; max-height: 64px; max-width: 170px; }
.contact-sec2 .btns { margin-top: 55px; }
.contact-sec2 .btns button { width: 380px; height: 64px; border-radius: 10px; font-size: 16px; cursor: pointer; }
.contact-sec2 .btns button[type="submit"] { background-color: #1c4b8d; color: #ffffff; }
.contact-sec2 .btns button[type="submit"]:hover { opacity: .8; }
.contact-sec2 .btns button[type="reset"] { margin-left: 50px; background-color: #eeeeee; color: #b4b4b4; }
.contact-sec2 .btns button[type="reset"]:hover { color: #fff; background: #1c4b8d; opacity: .8; }
/* 联系我们 end ************************************/
/* 关于我们 ****************************************/
.certificate { padding-top: 70px; padding-bottom: 80px; }
.certificate .certificate-box { margin-top: 40px; text-align: center; }
.certificate .certificate-box li { display: inline-block; font-size: 20px; color: #555555; }
.certificate .certificate-box li:hover, .certificate .certificate-box li.on { color: #1c4b8d; }
.certificate .certificate-box li::after { content: ""; display: inline-block; margin: 0 40px 0 44px; width: 1px; height: 16px; background-color: #eeeeee; }
.certificate .certificate-box li:last-child::after { display: none; }
.certificate .certificate-box li a { display: inline-block; }
.certificate .certificate-ul li { margin-top: 40px; margin-right: 30px; width: 236px; text-align: center; cursor: pointer; }
.certificate .certificate-ul li:nth-child(5n) { margin-right: 0; }
.certificate .certificate-ul li .img { position: relative; height: 356px; background-color: #8bafd3; border: solid 1px #eeeeee; }
.certificate .paging { margin-top: 60px; }
.certificate .honor-ul { margin-top: 40px; }
.certificate .honor-ul li { margin-bottom: 30px; margin-right: 25px; width: 306px; }
.certificate .honor-ul li:nth-child(4n) { margin-right: 0; }
.certificate .honor-ul li .img { position: relative; height: 222px; background-color: #8bafd3; }
.certificate-img-box li .img { transition: all .4s; }
.certificate-img-box li:hover .img { transform: translate(0, -10px); }
.certificate-img-box li:hover p { color: #1c4b8d; }
.certificate-img-box img { max-height: 100%; transition: all .4s; }
.certificate-img-box p { margin-top: 16px; font-size: 16px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
.honor .paging { margin-top: 28px; }
/* 企业文化 */
.culture { padding-top: 75px; padding-bottom: 72px; background: #f9f9f9; }
.culture .culture-sec1 { margin-top: 40px; }
.culture .culture-sec1 .img, .culture .culture-sec1 .text { width: 50%; background-color: #e5eff6; }
.culture .culture-sec1 .img { height: 360px; }
.culture .culture-sec1 .text { border-left: 1px solid #fff; text-align: center; }
.culture .culture-sec1 .text h5 { margin-top: 20px; font-size: 36px; font-weight: bold; letter-spacing: 1px; color: #407da7; }
.culture .culture-sec1 .text .line { display: inline-block; margin: 28px 0 10px; width: 40px; height: 3px; background-color: #8bafd3; }
.culture .culture-sec1 .text .text-p { font-size: 24px; line-height: 46px; letter-spacing: 1px; color: #407da7; opacity: 0.74; }
.culture .culture-sec1 .text .iconfont { width: 70px; height: 70px; border: solid 1px #407da7; border-radius: 50%; text-align: center; line-height: 68px; font-size: 36px; color: #407da7; transition: all .4s; }
.culture .culture-sec1 .text .iconfont:hover { background: #407da7; color: #fff; }
.culture .culture-sec2 { margin-top: 60px; }
.culture .culture-sec2 li { text-align: center; }
.culture .culture-sec2 li .iconfont { width: 70px; height: 70px; border: solid 1px #407da7; border-radius: 50%; text-align: center; line-height: 68px; font-size: 32px; color: #407da7; transition: all .4s; }
.culture .culture-sec2 li .iconjiazhi { font-size: 36px; }
.culture .culture-sec2 li .iconkouhao { font-size: 38px; }
.culture .culture-sec2 li .icon0045 { font-size: 30px; }
.culture .culture-sec2 li h5 { margin-top: 16px; margin-bottom: 14px; font-size: 30px; font-weight: bold; letter-spacing: 1px; color: #407da7; }
.culture .culture-sec2 li .text { font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #407da7; opacity: 0.74; }
.culture .culture-sec2 li:hover .iconfont { background: #407da7; color: #fff; }
/* 企业简介 */
.intro-sec1 { padding-top: 50px; padding-bottom: 72px; background: #f9f9f9; }
.intro-sec1 .img { margin-top: 40px; margin-bottom: 22px; }
.intro-sec1 .text { font-size: 16px; line-height: 32px; color: #666666; }
/* 公司环境 */
.intro-sec3 { padding-top: 80px; padding-bottom: 70px; }
.intro-sec3 .intro3-swiper { margin-top: 42px; }
.intro-sec3 .intro3-swiper .swiper-slide:hover img { transform: scale(1.1); }
.intro-sec3 .intro3-swiper .swiper-slide:hover p { color: #1c4b8d; }
.intro-sec3 .intro3-swiper .img { position: relative; height: 260px; background-color: #8bafd3; border-radius: 10px; overflow: hidden; }
.intro-sec3 .intro3-swiper p { margin-top: 14px; text-align: center; font-size: 18px; line-height: 26px; color: #666666; }
.intro-swiper { position: relative; padding-bottom: 82px; }
.intro-swiper .swiper-pagination { width: 100%; bottom: 10px; }
.intro-swiper .swiper-pagination-bullet { margin: 0 12px; width: 16px; height: 16px; background-color: #8bafd3; opacity: .3; }
.intro-swiper .swiper-pagination-bullet-active { background-color: #1b4c8f; opacity: 1; }
/* 合作伙伴 */
.intro-sec4 { padding-top: 60px; padding-bottom: 70px; background: #f9f9f9; }
.intro-sec4 .intro4-swiper { margin-top: 45px; }
.intro-sec4 .intro4-swiper a { position: relative; height: 160px; background: #fff; border-radius: 10px; overflow: hidden; }
/* 发展历程 */
.intro-history { padding-top: 60px; padding-bottom: 64px; }
.intro-history .intro-history-con { margin-top: 44px; }
.intro-history .develop-box { position: relative; }
.intro-history .develop-box::before { content: ""; position: absolute; left: 15px; width: 1px; height: 100%; background: #e2e3e8; }
.intro-history .develop-box:last-child .line-box { background: #fff; transition: all .8s; }
.intro-history .develop-box:last-child .hide-ul { padding-bottom: 0; }
.intro-history .develop-box .top-title { position: relative; padding-left: 45px; padding-right: 10px; height: 32px; line-height: 32px; cursor: pointer; }
.intro-history .develop-box .top-title:hover .text { color: #1c4b8d; }
.intro-history .develop-box .top-title .text { font-size: 20px; color: #444444; transition: all .3s; }
.intro-history .develop-box .iconshijian { position: absolute; left: 0; height: 32px; background: #fff; font-size: 32px; color: #8da8c3; }
.intro-history .develop-box .iconarrLeft-fill { font-size: 26px; color: #8da8c3; }
.intro-history .develop-box .line-box { position: relative; z-index: 1; padding: 17px 0 30px 45px; }
.intro-history .develop-box .line-box::after { content: ""; display: block; height: 1px; background-color: #eeeeee; }
.intro-history .develop-box .hide-ul { padding-bottom: 40px; font-size: 16px; line-height: 30px; color: #7d8196; }
.intro-history .develop-box .hide-ul li { position: relative; margin-bottom: 12px; padding-left: 45px; }
.intro-history .develop-box .hide-ul li:last-child { margin-bottom: 0; }
.intro-history .develop-box .hide-ul .circle { position: absolute; left: 8px; top: 7px; width: 15px; height: 15px; background: #fff; border: solid 1px #b1b3c0; border-radius: 50%; }
.intro-history .develop-box .hide-ul .circle::before { content: ""; position: absolute; top: 4px; left: 4px; width: 5px; height: 5px; background: #b1b3c0; border-radius: 50%; }
.intro-history .history-swiper { margin-top: 70px; position: relative; padding: 0 50px; }
.intro-history .history-swiper .swiper-slide:hover img { transform: scale(1.1); }
.intro-history .history-swiper .swiper-slide:hover p { color: #1c4b8d; }
.intro-history .history-swiper .img { position: relative; height: 200px; background: #f1f1f1; overflow: hidden; }
.intro-history .history-swiper p { margin-top: 10px; text-align: center; font-size: 16px; line-height: 26px; color: #444444; transition: all .3s; }
.intro-history .history-swiper .swiper-button-prev, .intro-history .history-swiper .swiper-button-next { background-image: none; margin-top: -32px; }
.intro-history .history-swiper .swiper-button-prev { left: 0; }
.intro-history .history-swiper .swiper-button-next { right: 0; }
.intro-history .history-swiper .iconfont { font-size: 34px; color: #8da8c3; transition: all .4s; }
.intro-history .history-swiper .iconfont:hover { color: #1c4b8d; }
.bgColor { background: none !important; }
/* 关于我们 end ************************************/
/* 图片弹窗 */
.img-pop { position: fixed; z-index: 10001; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; }
.img-pop .img-pop-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 600px; background: #fff; border-radius: 10px; }
.img-pop .img-box {
padding: 25px 25px 40px;
position: relative;
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
}
.img-pop .img-box .pop-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
line-height: 40px;
color: #fff;
}
.img-pop .close-img-pop { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); text-align: center; font-size: 22px; cursor: pointer; color: #e5e5e5; transition: all .4s; }
.img-pop .close-img-pop:hover{
background: #1c4b8d;
color: #fff;
}
.img-pop .prev-btn, .img-pop .next-btn { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; text-align: center; line-height: 50px; font-size: 20px; transition: all .4s; cursor: pointer; color: #e5e5e5; }
.img-pop .prev-btn:hover, .img-pop .next-btn:hover { background: #1c4b8d; color: #fff; }
.img-pop .prev-btn { left: -25px; }
.img-pop .next-btn { right: -25px; }
.no-click { pointer-events: none; opacity: .6; }
/* 图片弹窗 end */
/* 服务支持 */
.flow-sec1 { padding-top: 70px; padding-bottom: 78px; }
.flow-sec1 .flow1-con { margin-top: 42px; }
.flow-sec1 .flow1-con li { padding: 38px 28px; width: 240px; background-color: #f9f9f9; border-radius: 20px 0px 20px 0px; text-align: center; transition: all .6s; }
.flow-sec1 .flow1-con li:hover { background: #1c4b8d; }
.flow-sec1 .flow1-con li:hover .iconfont, .flow-sec1 .flow1-con li:hover .title, .flow-sec1 .flow1-con li:hover .text { color: #fff; }
.flow-sec1 .flow1-con li .iconfont { height: 56px; line-height: 56px; font-size: 54px; color: #828594; transition: all .4s; }
.flow-sec1 .flow1-con li .iconshengchan { font-size: 64px; }
.flow-sec1 .flow1-con li .iconjishuyoushi { font-size: 60px; }
.flow-sec1 .flow1-con li .icongongyinglian { font-size: 42px; }
.flow-sec1 .flow1-con li .title { margin-top: 24px; font-size: 16px; font-weight: bold; color: #444444; transition: all .4s; }
.flow-sec1 .flow1-con li .text { margin-top: 24px; font-size: 14px; line-height: 26px; color: #888888; transition: all .4s; }
.flow-sec2 { padding-top: 60px; height: 550px; background: url(../images/public/bg01.jpg) no-repeat center; }
.flow-sec2 .flow2-con { margin-top: 48px; }
.flow-sec2 .flow2-step { width: 256px; }
.flow-sec2 .flow2-step .icon { margin-right: 24px; width: 100px; height: 100px; border: 8px solid rgba(139, 175, 211, 0.4); border-radius: 50%; text-align: center; }
.flow-sec2 .flow2-step .icon:hover .iconfont { transform: rotateY(360deg); }
.flow-sec2 .flow2-step .icon .iconfont { width: 84px; height: 84px; background: #8bafd3; border-radius: 50%; line-height: 84px; font-size: 38px; color: #fff; transition: all .6s; }
.flow-sec2 .flow2-step .icon .iconyangpin-copy-copy { font-size: 46px; }
.flow-sec2 .flow2-step .icon .iconshengchan1 { font-size: 44px; }
.flow-sec2 .flow2-step .num { font-size: 32px; font-weight: bold; color: #d1d0cf; }
.flow-sec2 .flow2-step p { margin-top: 10px; font-size: 20px; line-height: 26px; color: #444444; }
.flow-sec2 .arr { position: relative; display: flex; align-items: center; width: 92px; }
.flow-sec2 .arr .absolute-text { position: absolute; top: 24px; font-size: 14px; color: #8bafd3; }
.flow-sec2 .rotate90-arr { margin: 26px 0; position: relative; padding-right: 96px; width: 100%; height: 55px; text-align: right; }
.flow-sec2 .rotate90-arr img { max-height: 100%; }
.flow-sec2 .rotate180-arr img { transform: rotate(180deg); }
.flow-sec2 .order1 { order: 1; }
.flow-sec2 .order2 { order: 2; }
.flow-sec2 .order3 { order: 3; }
.flow-sec2 .order4 { order: 4; }
.flow-sec2 .order5 { order: 5; }
.flow-sec2 .order6 { order: 6; }
.flow-sec2 .order7 { order: 7; }
.flow-sec2 .order8 { order: 8; }
.flow-sec4 { padding-top: 60px; padding-bottom: 72px; background: #f9f9f9; }
.flow-sec4 .flow4-ul { margin-top: 40px; }
.flow-sec4 .flow4-ul li { margin-right: 36px; width: 298px; }
.flow-sec4 .flow4-ul li:last-child { margin-right: 0; }
.flow-sec4 .flow4-ul li:hover img { transform: translate(0, -15px); }
.flow-sec4 .flow4-ul li:hover p { color: #1c4b8d; }
.flow-sec4 .flow4-ul .img { position: relative; height: 290px; overflow: hidden; background: #fff; }
.flow-sec4 .flow4-ul p { margin-top: 14px; text-align: center; font-size: 16px; color: #666666; transition: all .3s; }
/* 服务支持 end */
/* product START **************************** */
.product {
background: #f9f9f9;
padding: 10px 0 80px;
}
.product .product_filter .product_filter_top {
background: rgba(238, 238, 238, 0.5);
}
.product .product_filter .product_filter_top>ul>li {
float: left;
padding: 12px 0;
position: relative;
}
.product .product_filter .product_filter_top>ul>li:not(:last-child) {
margin-right: 60px;
}
.product .product_filter .product_filter_top>ul>li:hover>a {
color: #1c4b8d;
}
.product .product_filter .product_filter_top>ul>li:hover>a span .iconfont {
-webkit-transform: rotate(0deg) scale(0.6);
transform: rotate(0deg) scale(0.6);
}
.product .product_filter .product_filter_top>ul>li>a {
display: inline-block;
font-size: 18px;
line-height: 18px;
color: #666666;
padding: 0 30px;
}
.product .product_filter .product_filter_top>ul>li>a span {
margin-left: 12px;
display: inline-block;
width: 16px;
height: 16px;
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
font-size: 12px;
color: #fff;
line-height: 16px;
}
.product .product_filter .product_filter_top>ul>li>a span .iconfont {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.product .product_filter .product_filter_top>ul>li>ul {
display: none;
position: absolute;
z-index: 10;
left: 0;
top: 44px;
background: #fff;
font-size: 18px;
color: #888888;
box-shadow: 4px 6px 21px 0px rgba(8, 1, 3, 0.07);
padding: 16px 60px;
white-space: nowrap;
}
.product .product_filter .product_filter_top>ul>li>ul a {
padding: 11px 0;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.product .product_filter .product_filter_top>ul>li>ul a:hover {
color: #1c4b8d;
}
.product .product_filter .product_filter_bottom {
padding: 0 30px;
background: #fff;
}
.product .product_filter .product_filter_bottom label {
display: block;
font-size: 16px;
overflow: hidden;
padding: 4px 0;
border-bottom: 1px dashed #eee;
position: relative;
}
.product .product_filter .product_filter_bottom label .product_filter_title {
float: left;
color: #444;
line-height: 46px;
}
.product .product_filter .product_filter_bottom label .product_filter_title.text_justify_2 span {
display: inline-block;
letter-spacing: 2em;
margin-right: -2em;
}
.product .product_filter .product_filter_bottom label .hint {
float: right;
font-size: 14px;
line-height: 46px;
position: absolute;
top: 0;
right: 0;
}
.product .product_filter .product_filter_bottom label .hint i {
color: #b82020;
}
.product .product_filter .product_filter_bottom label .product_filter_list {
float: left;
overflow: hidden;
margin: 0 25px;
width: 89%;
}
.product .product_filter .product_filter_bottom label .product_filter_list a {
float: left;
color: #666666;
line-height: 34px;
padding: 0 22px;
height: 34px;
border-radius: 17px;
margin: 6px 0;
margin-right: 27px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.product .product_filter .product_filter_bottom label .product_filter_list a.active,
.product .product_filter .product_filter_bottom label .product_filter_list a:hover {
background: #72a7cc;
color: #fff;
}
.product .product_filter .product_filter_bottom label .product_filter_list a.disabled,.product .product_filter .product_filter_bottom label .product_filter_list a.disabled:hover{
background: #cccccc;
color: #666666;
cursor: not-allowed;
}
.product .product_filter .product_filter_bottom .button_group {
text-align: center;
padding: 10px 0;
}
.product .product_filter .product_filter_bottom .button_group .btn {
width: 210px;
height: 44px;
border-radius: 25px;
border: solid 1px #72a7cc;
background: #fff;
font-size: 18px;
color: #72a7cc;
margin: 0 35px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.product .product_filter .product_filter_bottom .button_group .btn:hover {
background: #72a7cc;
color: #fff;
}
.product .product_list {
margin-top: 10px;
}
.product .product_list .item {
margin-bottom: 38px;
}
.product .product_list .item .picture_container {
background: #fff;
width: 297px;
padding-top: 97.64%;
}
.product .product_list .item .explain {
text-align: center;
font-size: 16px;
color: #666666;
margin-top: 15px;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.product .product_list .item:not( :nth-child(4n)) {
margin-right: 37px;
}
.product .product_list .item:hover .picture_container img {
top: -40px;
}
.product .product_list .item:hover .explain {
color: #1c4b8d;
}
.product .paging {
margin-top: 32px;
}
/* product END **************************** */
/* product_details START **************************** */
.product_details {
padding: 90px 0 80px;
}
.product_details .product_details_top .wide {
overflow: hidden;
}
.product_details .product_details_top .wide .product_details_top_left {
float: left;
}
.product_details .product_details_top .wide .product_details_top_left .picture_container {
width: 470px;
height: 460px;
/* background: #f9f9f9; */
border: solid 1px #eeeeee;
}
.product_details .product_details_top .wide .product_details_top_right {
float: right;
width: 744px;
}
.product_details .product_details_top .wide .product_details_top_right .product_details_title {
font-size: 26px;
font-weight: bold;
color: #1c4b8d;
}
.product_details .product_details_top .wide .product_details_top_right .info {
margin: 20px 0;
padding: 15px 0;
border: 1px solid #eee;
border-left: none;
border-right: none;
}
.product_details .product_details_top .wide .product_details_top_right .info .info_title,
.product_details .product_details_top .wide .product_details_top_right .info .info_content {
display: inline-block;
font-size: 16px;
line-height: 34px;
color: #666666;
}
.product_details .product_details_top .wide .product_details_top_right .info .info_title {
width: 105px;
}
.product_details .product_details_top .wide .product_details_top_right .product_details_territory .product_details_territory_title,
.product_details .product_details_top .wide .product_details_top_right .product_details_territory .product_details_territory_content {
display: inline-block;
font-size: 18px;
font-weight: bold;
color: #1c4b8d;
}
.product_details .product_details_top .wide .product_details_top_right .product_details_territory .product_details_territory_content {
color: #666;
font-size: 16px;
font-weight: normal;
}
.product_details .product_details_top .wide .product_details_top_right .try_out_control {
margin-top: 35px;
width: 192px;
height: 52px;
border-radius: 26px;
border: solid 1px #1c4b8d;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #1c4b8d;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.product_details .product_details_top .wide .product_details_top_right .try_out_control:hover {
background: #1c4b8d;
color: #fff;
}
.product_details .product_details_bottom {
margin-top: 40px;
}
.product_details .product_details_bottom [id*=product_details] {
height: 40px;
position: absolute;
transform: translate(0, -120px);
opacity: 0;
z-index: -1;
}
.product_details .product_details_bottom .product_details_bottom_title h2 {
line-height: 60px;
background: #cecece;
font-size: 20px;
font-weight: bold;
color: #ffffff;
padding-left: 32px;
}
.product_details .product_details_bottom .product_details_bottom_left_container.active {
position: fixed;
z-index: 1000;
top: 120px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
max-width: 1920px;
}
.product_details .product_details_bottom .product_details_bottom_left {
position: absolute;
float: left;
width: 250px;
text-align: center;
}
.product_details .product_details_bottom .product_details_bottom_left .product_details_bottom_title h2 {
padding: 0;
}
.product_details .product_details_bottom .product_details_bottom_left ul {
padding: 0 13px;
background: #f9f9f9;
}
.product_details .product_details_bottom .product_details_bottom_left ul li {
font-size: 16px;
line-height: 60px;
color: #666666;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.product_details .product_details_bottom .product_details_bottom_left ul li:not(:last-child) {
border-bottom: 1px solid #eee;
}
.product_details .product_details_bottom .product_details_bottom_left ul li:hover,
.product_details .product_details_bottom .product_details_bottom_left ul li.active {
color: #b82020 !important;
}
.product_details .product_details_bottom .product_details_bottom_right {
float: right;
width: 990px;
}
.product_details .product_details_bottom .product_details_bottom_right .item:not(:last-child) {
margin-bottom: 40px;
}
.product_details .product_details_bottom .product_details_bottom_right .item .item_container {
padding: 10px 10px;
border: solid 1px #e5e5e5;
border-top: none;
}
.product_details .product_details_bottom .product_details_bottom_right .item .item_container>img {
display: block;
margin: 0 auto;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container {
position: relative;
padding: 35px 80px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .swiper-slide:hover .picture_container img {
top: -30px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .picture_container {
height: 252px;
background: #f9f9f9;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .explain {
text-align: center;
font-size: 16px;
color: #666;
margin-top: 15px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .swiper-button {
background: none;
font-size: 30px;
color: #dcdcdc;
margin-top: 0;
top: 40%;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .swiper-button .iconfont {
font-size: inherit;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .swiper-button.prev {
left: 22px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_product .item_container .swiper-button.next {
right: 22px;
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.product_details .product_details_bottom .product_details_bottom_right .item_download .item_container {
padding: 0 25px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_download .item_container li {
font-size: 14px;
overflow: hidden;
width: 100%;
padding: 0 10px;
line-height: 60px;
}
.product_details .product_details_bottom .product_details_bottom_right .item_download .item_container li:not(:last-child) {
border-bottom: 1px solid #eee;
}
.product_details .product_details_bottom .product_details_bottom_right .item_download .item_container li .explain_content {
float: left;
width: 42%;
color: #666666;
}
.product_details .product_details_bottom .product_details_bottom_right .item_download .item_container li a {
float: right;
color: #b82020;
}
.try_out_mask {
display: none;
position: fixed;
z-index: 100000;
background: rgba(0, 0, 0, 0.5);
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
max-width: 1920px;
}
.try_out_mask .try_out {
opacity: 0;
position: absolute;
background: #fff;
left: 0;
right: 0;
top: 40%;
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 916px;
margin: 0 auto;
}
.try_out_mask .try_out>.close {
position: absolute;
right: -15px;
top: -15px;
width: 38px;
height: 38px;
background: #ffffff;
border-radius: 50%;
box-shadow: 4px 6px 21px 0px rgba(8, 1, 3, 0.07);
text-align: center;
line-height: 38px;
color: #b5b5b5;
font-weight: bold;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.try_out_mask .try_out>.close .iconfont {
display: inline-block;
font-size: 20px;
-o-transform: translate(0, 1px);
-moz-transform: translate(0, 1px);
-webkit-transform: translate(0, 1px);
transform: translate(0, 1px);
}
.try_out_mask .try_out>.close:hover {
color: #fff;
background: #b82020;
}
.try_out_mask .try_out .try_out_container .try_out_container_title {
font-size: 26px;
font-weight: bold;
color: #333333;
text-align: center;
line-height: 86px;
border-bottom: 1px solid #eee;
}
.try_out_mask .try_out .try_out_container .product_info {
position: relative;
padding-bottom: 30px;
}
.try_out_mask .try_out .try_out_container .product_info .picture_container {
height: 250px;
}
.try_out_mask .try_out .try_out_container .product_info .explain {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #444444;
}
.try_out_mask .try_out .try_out_container .form {
margin-top: 10px;
padding: 0 100px;
}
.try_out_mask .try_out .try_out_container .form .hint {
font-size: 14px;
font-weight: bold;
color: #b82020;
}
.try_out_mask .try_out .try_out_container .form .input_group input {
width: 48%;
height: 42px;
border-radius: 5px;
border: solid 1px #c9c9c9;
padding: 0 15px;
color: #666;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
margin-top: 20px;
}
.try_out_mask .try_out .try_out_container .form .input_group input::-webkit-input-placeholder,
.try_out_mask .try_out .try_out_container .form .input_group input:-moz-placeholder,
.try_out_mask .try_out .try_out_container .form .input_group input::-moz-input-placeholder,
.try_out_mask .try_out .try_out_container .form .input_group input:-ms-input-placeholder {
color: #888888;
}
.try_out_mask .try_out .try_out_container .form .input_group input:not( :nth-child(2n)) {
margin-right: 4%;
}
.try_out_mask .try_out .try_out_container .form .input_group .code {
width: 48%;
height: 42px;
margin-top: 20px;
}
.try_out_mask .try_out .try_out_container .form .input_group .code img {
height: 100%;
}
.try_out_mask .try_out .try_out_container .form .btn_group {
margin: 55px 0 35px;
text-align: center;
}
.try_out_mask .try_out .try_out_container .form .btn_group .btn {
width: 120px;
height: 38px;
border-radius: 19px;
border: solid 1px #d2d2d2;
background: #fff;
margin: 0 13px;
cursor: pointer;
font-size: 14px;
color: #666;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.try_out_mask .try_out .try_out_container .form .btn_group .btn:hover {
background: #1c4b8d;
color: #fff;
border-color: #1c4b8d;
}
/* product_details END **************************** */
@charset "UTF-8";
/* 详情页切换 */
.cut {
color: #666666;
overflow: hidden;
width: 1100px;
}
.cut a:hover span {
color: #1b4a8b;
}
.q_bg_color {
background-color: #f9f9f9;
}
/* 详情页切换END */
.q_img-center-scale img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.q_spacing {
padding: 50px 0 80px 0;
}
.q_spacing .paging {
margin-top: 30px;
}
.q_spacing .cut {
margin-top: 22px;
}
.q_sub_title {
text-align: center;
margin-bottom: 40px;
}
.q_sub_title h2 {
font-size: 36px;
font-weight: bold;
color: #444444;
margin-bottom: 45px;
}
.q_sub_nav ul li {
font-size: 20px;
font-weight: normal;
color: #555555;
border-left: 1px solid #eeeeee;
line-height: 16px;
display: inline-block;
margin-left: 45px;
padding-left: 45px;
}
.q_sub_nav ul li:hover {
color: #1c4b8d;
}
.q_sub_nav ul li:nth-of-type(1) {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.q_sub_nav .active a {
color: #1c4b8d;
}
.q_case_sub_nav .active p{
color: #1c4b8d;
}
.q_spacing .clearfix a:nth-of-type(3n) .q_news_div {
margin-right: 0;
}
.q_news_div {
width: 400px;
height: 375px;
float: left;
margin: 0 50px 42px 0;
background-color: #f9f9f9;
}
.q_news_div:hover {
box-shadow: 4px 6px 21px 0px rgba(8, 1, 3, 0.07);
}
.q_news_div:hover .iconfont {
color: #1c4b8d;
}
.q_news_div:hover h3 {
color: #114b95;
}
.q_news_div:hover .q_img-center-scale img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.q_news_img {
height: 190px;
position: relative;
overflow: hidden;
}
.q_news_abstract {
padding: 0 30px 0 23px;
margin-top: 24px;
}
.q_news_abstract h3 {
font-size: 18px;
font-weight: normal;
color: #555555;
margin-bottom: 16px;
}
.q_news_abstract_top {
font-size: 14px;
color: #dfdfdf;
line-height: 1;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 16px;
}
.q_news_abstract_top .q_news_moth {
font-size: 16px;
font-weight: 600;
}
.q_news_abstract_top span {
font-size: 16px;
padding-bottom: 14px;
height: 10px;
overflow: hidden;
display: inline-block;
}
.q_news_abstract_top .iconfont {
color: #cccccc;
font-size: 19px;
}
.q_news_abstracr_btom {
width: 344px;
font-size: 14px;
line-height: 26px;
letter-spacing: 0px;
color: #888888;
-webkit-line-clamp: 2;
}
.q_content_title {
text-align: center;
padding-bottom: 30px;
}
.q_content_title h2 {
font-size: 32px;
font-weight: bold;
color: #444444;
margin-bottom: 25px;
width: 1100px;
margin: 0 auto;
}
.q_content_title p {
font-size: 16px;
color: #888888;
}
.q_content_title p span {
margin-right: 40px;
}
.q_news_details_content {
padding: 30px 0;
border: 1px dashed #cccccc;
border-left: 0px;
border-right: 0px;
width: 980px;
margin: 0 auto;
}
.q_news_details_content a{
display: inline!important;
color: red;
font-weight: bold;
}
.q_news_details .q_spacing {
padding: 50px 0 70px 0;
}
.q_content_li_title{
font-size: 18px;
color: #902e31;
padding-top: 20px;
}
.case .q_sub_title {
margin-bottom: 0;
}
.case .q_sub_title h2 {
margin-bottom: 45px;
}
.q_case_sub_nav {
border-bottom: 1px solid #ededed;
}
.q_case_sub_nav a {
position: relative;
transition: all 0.3s !important;
}
.q_case_sub_nav a::after {
content: " ";
width: 0;
height: 1px;
background-color: #1c4b8d;
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
transition: all 0.3s !important;
}
.q_case_sub_nav a:hover::after {
content: " ";
width: 100%;
height: 1px;
background-color: #1c4b8d;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
.q_case_sub_nav li {
padding-bottom: 30px;
transition: all 0.3s !important;
}
.q_case_sub_nav li .iconfont {
font-size: 46px;
color: #bcbcbc;
line-height: 1;
display: inline-block;
margin-bottom: 25px;
}
.q_case_sub_nav li:hover {
color: #1c4b8d;
}
.q_case_sub_nav li:hover i {
color: #1c4b8d;
}
.q_case_sub_nav li p {
width: 100%;
line-height: 1;
}
.q_case_sub_nav li .iconzhizao {
font-size: 44px;
}
.q_case_sub_nav li .iconshukongjichuang {
font-size: 44px;
}
.q_case_sub_nav li i {
transition: all 0.3s !important;
}
.q_case_sub_nav .active i {
color: #1c4b8d;
}
.q_case_sub_nav .active::after {
content: " ";
width: 100%;
height: 1px;
background-color: #1c4b8d;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
.q_case_div {
height: 266px;
background-color: #f9f9f9;
padding: 13px 52px 0 14px;
margin-bottom: 25px;
}
.q_case_div:hover {
background-color: #ffffff;
box-shadow: 4px 6px 21px 0px rgba(8, 1, 3, 0.07);
}
.q_case_div:hover h3 {
color: #1c4b8d;
}
.q_case_div:hover .q_img-center-scale img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.q_case_div:hover .q_news_abstract_top .iconfont {
color: #1c4b8d;
}
.q_case_div h3 {
font-size: 22px;
color: #444444;
margin: 32px 0 35px 0;
}
.q_case_content {
margin-top: 40px;
}
.q_case_content .q_news_abstract_top {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.q_case_img {
width: 428px;
height: 240px;
position: relative;
overflow: hidden;
float: left;
margin-right: 50px;
}
.q_case_abstract {
-webkit-line-clamp: 2;
font-size: 16px;
line-height: 28px;
color: #666666;
}
.q_csae_div_content {
overflow: hidden;
height: 100%;
position: relative;
}
.q_csae_div_content .q_news_abstract_top {
position: absolute;
bottom: 45px;
width: 100%;
}
.case .paging {
margin-top: 60px;
}
.q_recruit_idea_content {
font-size: 16px;
line-height: 32px;
color: #666666;
text-align: center;
margin-bottom: 26px;
}
.recruit_idea .q_content_title {
padding-bottom: 5px;
}
.q_recruit_img_div {
width: 415px;
text-align: center;
float: left;
margin-right: 25px;
}
.q_recruit_img_div:last-of-type {
margin-right: 0;
}
.q_recruit_img_div h3 {
font-size: 16px;
font-weight: 600;
color: #666666;
margin: 15px 0 15px 0;
}
.q_recruit_img_div p {
width: 320px;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
color: #666666;
}
.q_recruit_welfare_img {
position: relative;
text-align: center;
}
.q_recruit_welfare .q_spacing {
padding-top: 70px;
}
.q_recruit_welfare .q_content_title {
padding-bottom: 45px;
}
.q_recruit_welfare_div {
width: 304px;
height: 298px;
border-radius: 10px;
border: solid 1px #8bafd3;
background-color: #f3f7fb;
text-align: center;
float: left;
margin: 0 28px 28px 0;
}
.q_recruit_welfare_div:nth-of-type(4n) {
margin-right: 0;
}
.q_recruit_welfare_div .iconfont {
font-size: 90px;
color: #8da8c3;
line-height: 1;
margin-top: 40px;
margin-bottom: 20px;
}
.q_recruit_welfare_div .iconyoujiaotongbutie{
font-size: 86px;
}
.q_recruit_welfare_div h3 {
font-size: 40px;
font-weight: 600;
color: #d1d9e1;
line-height: 1;
margin-bottom: 25px;
}
.q_recruit_welfare_div p {
font-size: 26px;
color: #444444;
font-weight: 600;
line-height: 1;
}
.q_down_sub_nav li {
width: 25%;
text-align: center;
float: left;
height: 80px;
line-height: 80px;
color: #666666;
}
.q_down_sub_nav li .iconfont {
margin-right: 12px;
font-size: 30px;
color: #828594;
vertical-align: bottom;
}
.q_down_sub_nav li .iconpdfcopy {
font-size: 34px;
}
.q_down_sub_nav li:hover {
background-color: #f9f9f9;
color: #1c4b8d;
}
.q_down_sub_nav li:hover i {
color: #1c4b8d;
}
.q_down_sub_nav .active {
color: #1c4b8d;
background-color: #f9f9f9;
}
.q_down_sub_nav .active i {
color: #1c4b8d;
}
.q_server_down_search {
height: 113px;
background-color: #f9f9f9;
border-top: 1px solid #e3ecf4;
width: 100%;
padding-left: 100px;
}
.q_server_down_search select {
/*去掉默认的下拉三角*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/*添加下拉三角图标*/
background: url(../images/public/server_arr01.png) no-repeat center transparent;
background-position: 95%;
color: #c6c6c6;
}
.q_server_down_search .flex {
margin-left: 90px;
}
.q_server_down_search_input {
width: 380px;
height: 44px;
background-color: #ffffff;
border: solid 1px #8bafd3;
padding-left: 20px;
line-height: 44px;
outline: none;
color: #000000;
background-color: #fbfbfb;
}
.q_server_down_search_input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #c6c6c6;
}
.q_server_down_search_input::-moz-placeholder {
/* Firefox 19+ */
color: #c6c6c6;
}
.q_server_down_search_input:-ms-input-placeholder {
/* IE 10+ */
color: #c6c6c6;
}
.q_server_down_search_input:-moz-placeholder {
/* Firefox 18- */
color: #c6c6c6;
}
.q_server_down_search_btn {
width: 57px;
height: 44px;
background-color: #8bafd3;
line-height: 44px;
outline: none;
cursor: pointer;
}
.q_server_down_search_btn .iconfont {
font-size: 20px;
color: #ffffff;
}
.q_down .q_sub_title {
margin-bottom: 30px;
}
.q_down_table {
margin-bottom: 60px;
}
.q_down_table table {
width: 100%;
}
.q_down_table table tr {
height: 78px;
cursor: pointer;
}
.q_down_table table tr:nth-of-type(even) {
background-color: #ffffff;
}
.q_down_table table tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.q_down_table table tr:nth-of-type(1) {
background-color: #1c4b8d;
}
.q_down_table table tr:hover td .iconfont {
color: #1c4b8d;
}
.q_down_table table tr:hover td:nth-of-type(1) {
color: #1c4b8d;
}
.q_down_table table tr th {
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.q_down_table table tr td {
color: #666666;
text-align: center;
}
.q_down_table table tr td .iconfont {
font-size: 27px;
color: #c0d8e7;
}
.q_server_faq a {
overflow: hidden;
float: left;
}
.q_server_faq a:nth-of-type(even) .q_server_faq_div {
margin-right: 0;
}
.q_server_faq_div {
width: 630px;
height: 168px;
background-color: #f9f9f9;
border-radius: 10px;
margin: 0 38px 36px 0;
padding: 30px 0 0 30px;
position: relative;
}
.q_server_faq_div::after {
content: " ";
position: absolute;
bottom: 0;
height: 1px;
width: 100%;
left: 0;
border-bottom: 1px solid #8bafd3;
transform: scale(0);
transition: all 0.5s;
}
.q_server_faq_div:hover::after {
transform: scale(1);
}
.q_server_faq_div:hover div:nth-of-type(1) {
color: #1c4b8d;
}
.q_server_faq_div>div {
margin-bottom: 30px;
height: 34px;
}
.q_server_faq_div>div>i {
width: 34px;
height: 34px;
background-color: #c1c0c0;
border-radius: 3px;
color: #ffffff;
font-size: 18px;
text-align: center;
line-height: 34px;
margin-right: 20px;
float: left;
}
.q_server_faq_div>div p {
width: 500px;
font-size: 18px;
float: left;
}
.q_server_faq_div>div:nth-of-type(2) p {
font-size: 16px;
-webkit-line-clamp: 2;
line-height: 26px;
}
.q_server_faq_div>div:nth-of-type(2) i {
background-color: #1c4b8d;
}
.server_question .paging {
margin-top: 24px;
}
.q_server_model a:nth-of-type(even) .q_server_model_div {
margin-right: 0;
}
.q_server_model_div {
width: 630px;
height: 206px;
background-color: #f9f9f9;
border-radius: 10px;
padding: 38px 0 0 30px;
margin: 0 40px 35px 0;
}
.q_server_model_div div {
width: 560px;
}
.q_server_model_div h3 {
color: #444444;
font-size: 18px;
}
.q_server_model_div:hover h3 {
color: #114b95;
}
.q_server_model_div:hover .q_model_time::after {
width: 100%;
}
.q_model_time {
color: #d4d4d4;
font-size: 14px;
font-weight: 600;
margin: 18px 0 20px 0;
padding-bottom: 20px;
line-height: 1;
border-bottom: 1px solid #eeeeee;
position: relative;
}
.q_model_time::after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 1px solid #8bafd3;
transition: all 0.5s;
}
.q_model_abstract {
color: #666666;
font-size: 14px;
-webkit-line-clamp: 2;
}
.q_foot_wdb{
/* height: 70px; */
font-size: 14px;
border-top: 1px solid rgba(191, 191, 191, 0.24);
color: #747474;
}
.q_foot_wdb a{
margin: 0 15px;
color: #c2c2c2;
padding: 26px 0;
}
/*# sourceMappingURL=qstyle.css.map */