@charset "utf-8"; body { font-family: "思源黑体 CN"; font-size: 15px; color: #666666; } img { max-width: 100%; } @font-face { font-family: "helev"; src: url("../fonts/helev.TTF"); font-weight: normal; font-style: normal; } .fl{ float: left; } .fr{ float: right; } .clear { clear: both; } .footH { height: 50px; display: none; } .footFix { background: #1054a0; padding: 10px 0; display: none; justify-content: space-between; position: fixed; bottom: 0; width: 100%; z-index: 999; text-align: center; color: #fff; } .footFix>a { display: inline-block; width: 33%; font-size: 16px; color: #ffffff !important; } .footFix>a>i.iconfont { font-size: 20px; margin-right: 5px; color: #fff; } .fl { float: left; } .fr { float: right; } .swiper-pagination-bullet-active{ background: #1766b2 !important; } .container.index{ width: 96%; max-width: 1480px; } /* head */ .headSearchWarp{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 9009; opacity: 0; visibility: hidden; transition: all .5s ease; } .headSearchWarp.open{ opacity: 1; visibility: visible; transition: all .5s ease; } .headSearch{ position: fixed; top: -151px; opacity: 0; visibility: hidden; left: 0; background: #fff; z-index: 90090; width: 100%; padding: 50px 0; box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1); transition: all .5s ease; } .headSearch.open{ opacity: 1; top: 0; visibility: visible; transition: all .5s ease; } .headSearch .container{ max-width: 1000px; position: relative; border-bottom: 1px solid #ddd; } .headSearch input[type=text]{ border: none; height: 50px; width: 90%; padding: 0; text-indent: 18px; float: left; } .headSearch span{ width: 10%; float: left; height: 50px; text-align: right; padding-right: 5px; line-height: 50px; cursor: pointer; } .headSearch span i{ font-size: 24px; color: #333; } .closeHs{ position: absolute; cursor: pointer; right: -150px; top: -30px; } .closeHs i{ font-size: 28px; color: #d00200; } .head{ width: 100%; background: rgba(255,255,255,1); z-index: 1009; transition: all .5s ease; } .head .container{ width: 96%; max-width: 1700px; } .head.fixedbg { position: fixed; top: 0; background: rgba(255,255,255,0.96); /* padding: 12px 0; */ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .26); border-bottom: 1px solid #efefef; transition: all .5s ease; } .head .Logo{ float: left; padding: 15px 0 19px; transition: all .5s ease; } .head.fixedbg .Logo{ padding: 12px 0; transition: all .5s ease; } .WebLink{ margin-left: 110px; padding: 32px 0 0 0; float: left; transition: all .5s ease; } .head.fixedbg .WebLink{ padding: 28px 0 0 0; transition: all .5s ease; } .WebLink li{ float: left; margin-left: 55px; } .WebLink li > a{ display: block; font-size: 16px; color: #222222; line-height: 25px; } .WebLink li:hover > a, .WebLink li.on > a{ color: #0050bf; } .head-right{ float: right; height: 90px; line-height: 79px; overflow: hidden; border-left: 1px solid #e9e9e9; padding-left: 30px; transition: all .5s ease; } .head.fixedbg .head-right{ height: 80px; line-height: 69px; transition: all .5s ease; } .head-right .link{ float: left; } .head-right .link a{ font-size: 15px; color: #222222; } .head-right .link a:hover{ color: #1371cb; } .head-right .link a .a{ font-family: arial; } .head-right .link a i{ font-size: 30px; color: #1371cb; margin-right: 11px; position: relative; top: 4px; } .head-search{ float: left; position: relative; top: 5px; cursor: pointer; margin-left: 40px; } .head-search i{ font-size: 20px; color: #333333; } .head-sub-menu-warp{ position: absolute; width: 100%; left: 0; top: 52px; z-index: 999; opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s ease; } .head .WebLink li:hover .head-sub-menu-warp{ opacity: 1; transform: scale(1); visibility: visible; transition: all .5s ease; } .head-sub-menu-warp .container{ max-width: 1600px; } .head-sub-menu-warp .top-line{ width: 100%; height: 38px; } .head.fixedbg .head-sub-menu-warp .top-line{ height: 28px; transition: all .5s ease; } .head-sub-menu{ padding: 45px 0 ; background: #f4f4f4; /* height: 500px; overflow-y: auto; */ } .head-sub-menu2{ line-height: 65px; background: #f4f4f4; text-align: center; } .head-sub-menu2 a{ display: inline-block; font-size: 15px; padding: 0 25px; } .head-sub-menu2 a:hover{ color: #0478cb; } .head-sub-menu .isClass{ width: 100%; float: left; overflow: hidden; } .head-sub-menu .isClass .item{ width: 16.6666%; float: left; margin-bottom: 15px; } .head-sub-menu .isClass .item h4{ font-weight: bold; font-size: 20px; color: #333333; line-height: 25px; } .head-sub-menu .isClass .item .link{ margin-top: 16px; min-height: 140px; } .head-sub-menu .isClass .item .link a{ display: block; font-size: 15px; color: #666666; line-height: 28px; padding-right: 25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .head-sub-menu .isClass .item .link a:hover{ color: #0478cb; } .head-sub-menu .isInfo{ width: 24.375%; float: right; display: none; margin-bottom: 25px; } .head-sub-menu .isInfo .pic img{ display: block; width: 100%; } .head-sub-menu .isInfo .info{ font-size: 15px; color: #666666; line-height: 28px; margin-top: 38px; } /* Sybanner */ #container1 .jt-box{ width: 156px; height: 65px; position: absolute; bottom: 30%; left: 12%; } #sybannerN, #sybannerP{ width: 65px; height: 65px; border: 1px solid #fff; border-radius: 100%; top: 0; margin-top: 0; } #sybannerN{ background: url(../images/sybanner-next.png) no-repeat center center; right: 0; transition: all .5s ease; } #sybannerN:hover{ border: 1px solid #005394; background: #005394 url(../images/sybanner-next.png) no-repeat center center; transition: all .5s ease; } #sybannerP{ background: url(../images/sybanner-prev.png) no-repeat center center; left: 0; transition: all .5s ease; } #sybannerP:hover{ border: 1px solid #005394; background: #005394 url(../images/sybanner-prev.png) no-repeat center center; transition: all .5s ease; } /* indexProduct */ .indexProduct{ padding: 70px 0; background: url(../images/sypro-back.jpg) no-repeat top center; background-size: 100%; } .syPro-top{ color: #fff; } .syPro-top .left{ width: 30%; float: left; } .syPro-top .left .tit{ position: relative; font-size: 42px; line-height: 48px; padding-left: 35px; } .syPro-top .left .tit::after{ content: ""; position: absolute; width: 20px; height: 3px; background: #e77512; left: 0; top: 50%; margin-top: -1.5px; } .syPro-top .left .sub{ font-size: 16px; color: #fff; line-height: 25px; margin-top: 16px; } .syPro-top .right{ width: 57%; float: right; margin-top: 52px; } .syPro-top .right .hd{ float: left; } .syPro-top .right .hd ul li{ float: left; margin-right: 35px; } .syPro-top .right .hd ul li a{ color: #fff; font-size: 17px; line-height: 38px; position: relative; display: block; float: left; } .syPro-top .right .hd ul li:hover a, .syPro-top .right .hd ul li.on a{ color: #f49b4e; } .syPro-top .right .hd ul li:last-child{ margin-right: 0; } .syPro-top .right .hd ul li a::after{ content: ""; position: absolute; width: 0; height: 3px; background: #f49b4e; left: 0; bottom: -3px; transition: all .5s ease; } .syPro-top .right .hd ul li:hover a::after, .syPro-top .right .hd ul li.on a::after{ width: 100%; transition: all .5s ease; } .syPro-top .right .more{ font-size: 16px; color: #fff; line-height: 35px; display: block; float: right; } .syPro-top .right .more:hover{ color: #e77512; } .syPro-top .right .more i{ font-size: 24px; color: #e77512; position: relative; top: 3px; margin-right: 10px; } .indexProduct .bd{ margin: 45px 0 0 0; } .indexProduct .bd ul li{ display: flex; flex-direction: row; justify-content: space-between; align-content: center; width: 100%; } .syPro-list{ width: 24.315068493%; background: #fff; padding: 52px 18px 22px 18px; box-shadow: 0px 0px 13px 0 rgba(0, 0, 0, .3); transition: all .5s ease; } .syPro-list .pic{ text-align: center; } .syPro-list .pic img{ transform: scale(1); transition: all .5s ease; } .syPro-list:hover .pic img{ transform: scale(1.12); transition: all .5s ease; } .syPro-list .tit{ border: 1px solid #e5e5e5; line-height: 46px; font-size: 16px; color: #333333; text-align: center; margin-top: 60px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .syPro-list:hover .tit{ background: #005394; color: #fff; transition: all .5s ease; } /* indexApplication */ .indexApplication{ padding: 28px 0 36px; } #syAppSwiper{ margin-top: 62px; padding-bottom: 60px; } .syYyly-list{ position: relative; overflow: hidden; } .syYyly-list img{ display: block; width: 100%; transform: scale(1); transition: all .5s ease; } .syYyly-list:hover img{ transform: scale(1.12); transition: all .5s ease; } .syYyly-list p{ text-align: center; color: #fff; position: absolute; bottom: 32px; width: 90%; left: 5%; font-size: 22px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } /* indexNews */ .indexNews{ padding: 20px 0 108px; background: url(../images/sy-xw-back.jpg) no-repeat bottom center; } .indexNews .hd{ margin-top: 35px; } .indexNews .hd ul{ text-align: center; } .indexNews .hd ul li{ display: inline-block; cursor: pointer; padding: 0 32px; line-height: 40px; border: 1px solid #d2d2d2; border-radius: 5px; font-size: 16px; color: #222222; margin: 0 4px; transition: all .5s ease; } .indexNews .hd ul li:hover, .indexNews .hd ul li.on{ background: #005394; border: 1px solid #005394; color: #fff; transition: all .5s ease; } .indexNews .bd{ margin-top: 58px; } .sy-news-left{ width: 55.753424657%; float: left; } .sy-xw-l-list{ width: 47.911547911%; float: left; background: #f7f7f7; } .sy-xw-l-list:nth-child(2){ float: right; } .sy-xw-l-list .pic{ overflow: hidden; } .sy-xw-l-list .pic img{ display: block; width: 100%; transform: scale(1); transition: all .5s ease; } .sy-xw-l-list:hover .pic img{ transform: scale(1.12); transition: all .5s ease; } .sy-xw-l-list .info{ padding: 20px 30px 25px; } .sy-xw-l-list .info .tit{ font-size: 18px; line-height: 26px; color: #222222; min-height: 26px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .sy-xw-l-list:hover .info .tit{ color: #e77512; transition: all .5s ease; } .sy-xw-l-list .info .sub{ font-size: 15px; color: #555555; line-height: 26px; min-height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 15px 0 28px; } .sy-xw-l-list .info .more{ font-size: 16px; color: #e77512; } .sy-xw-l-list .info .more i{ font-size: 20px; color: #e77512; position: relative; top: 2px; margin-left: 11px; } .sy-news-right{ width: 40.753424657%; float: right; } .sy-xw-r-list{ padding: 26px 20px 25px; background: #f5f5f5 url(../images/sy-news-back2.jpg) no-repeat top -150px center; position: relative; overflow: hidden; transition: all .5s ease; } .sy-xw-r-list:hover{ background: url(../images/sy-news-back2.jpg) no-repeat top 0 center; background-size: cover; transition: all .5s ease; } .sy-xw-r-list .time-box{ float: left; font-family: helev; text-align: center; color: #d4d4d4; transition: all .5s ease; } .sy-xw-r-list:hover .time-box{ color: #fff; } .sy-xw-r-list .time-box .day{ font-size: 65px; line-height: 60px; } .sy-xw-r-list .time-box .year{ font-size: 16px; line-height: 25px; margin: 5px 0 0 0; } .sy-xw-r-list .info{ width: 68%; float: left; margin-left: 30px; } .sy-xw-r-list .info .tit{ font-size: 18px; line-height: 28px; min-height: 28px; color: #222222; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .sy-xw-r-list:hover .info .tit{ color: #fff; transition: all .5s ease; } .sy-xw-r-list .info .sub{ font-size: 15px; color: #555555; line-height: 26px; min-height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 16px; transition: all .5s ease; } .sy-xw-r-list:hover .info .sub{ color: #fff; transition: all .5s ease; } .sy-xw-r-list .ico{ position: absolute; right: 0; opacity: 0; top: 52px; transition: all .5s ease; } .sy-xw-r-list:hover .ico{ right: 24px; opacity: 1; transition: all .5s ease; } .sy-xw-r-list .ico i{ font-size: 40px; line-height: 40px; color: #80a9ca; } /* about */ .about{ padding: 68px 0 90px; } .sub-about-left{ width: 46.917808219%; float: left; } .sub-about-left .tit{ position: relative; font-size: 42px; color: #555555; padding-top: 20px; line-height: 45px; } .sub-about-left .tit .cn{ position: relative; z-index: 22; } .sub-about-left .tit .en{ position: absolute; font-family: helev; color: #f1f1f1; top: 0; font-size: 64px; left: 0; z-index: 11; } .sub-about-left .line{ width: 36px; height: 2px; background: #005395; margin-top: 30px; } .sub-about-left .sub{ font-size: 15px; color: #555555; line-height: 30px; margin-top: 36px; } .about .pic{ width: 48.356164383%; float: right; } /* culture */ .culture{ padding: 68px 0 48px; background: #005395; } .culture .row{ margin-top: 50px; color: #fff; text-align: center; } .culture .row .pdg{ padding: 0 13.5px; } .qywh-list .pic{ overflow: hidden; } .qywh-list .pic img{ display: block; width: 100%; } .qywh-list .tit{ font-weight: bold; font-size: 20px; line-height: 28px; margin: 20px 0 16px; } .qywh-list .sub{ font-size: 16px; line-height: 26px; } /* technology */ .technology{ padding: 160px 0 200px; background: url(../images/tech-back.jpg) no-repeat top center; background-size: cover; } .technology .abt-top-tit{ text-align: left; } .technology .abt-top-line{ margin: 30px 0 0 0; } .technology .cont{ width: 40.5%; font-size: 18px; color: #fff; line-height: 30px; margin: 36px 0 0 0; } /* Its_Website */ .Its_Website{ padding: 60px 0 90px; background: #f5f5f5; } .Its_Website .abt-top-tit{ color: #333333; } .Its_Website .abt-top-line{ background: #005395; } #WebSwiper{ margin-top: 48px; padding-bottom: 50px; padding: 10px 10px 50px 10px; } #WebSwiper .swiper-slide{ background: #fff; padding: 12px 0; text-align: center; border-radius: 8px; border: 1px solid #fff; transition: all .5s ease; } #WebSwiper .swiper-slide:hover{ border: 1px solid #dcdcdc; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2); transition: all .5s ease; } #WebSwiper .swiper-slide a{ display: block; } /* contact */ .contact{ padding: 65px 0 55px; } .contact .container{ background: #005395; } .sub-contact-left{ width: 40%; float: left; position: relative; background: url(../images/c-l-back.jpg) no-repeat top right; padding: 90px 40px 0; } .contact.abtEn .sub-contact-left{ width: 100%; } .sub-contact-left .yinhao{ position: absolute; left: 40px; top: 30px; } .sub-contact-left .yinhao i{ font-size: 38px; color: #fff; } .sub-contact-left .tit{ font-size: 26px; color: #fff; line-height: 30px; } .sub-contact-left .info{ color: #fff; font-size: 16px; margin-top: 20px; color: #fff; line-height: 42px; } .sub-contact-left .info p{ padding-left: 30px; } .sub-contact-left .info p.dz{ background: url(../images/c-dz.png) no-repeat left center; } .sub-contact-left .info p.dh{ background: url(../images/c-dh.png) no-repeat left top 11px; } .sub-contact-left .info p.cz{ background: url(../images/c-cz.png) no-repeat left center; } .sub-contact-left .info p.yx{ background: url(../images/c-yx.png) no-repeat left center; } .sub-contact-left .info a{ font-family: arial; color: #fff; } .maps{ width: 60%; float: right; border: 1px solid #e2e4e6; overflow: hidden; } .maps img{ display: block; width: 100%; } .contact-zxzx.yx{ margin-top: 20px; padding: 0 0 75px; } .contact-zxzx .title{ font-size: 28px; font-weight: bold; line-height: 35px; color: #333333; } .contact-zxzx .row{ margin-top: 40px; } .contact-zxzx .row .pdg{ padding: 0 15px; } .c-zx-list{ border-top: 2px solid #5e5d5d; padding-top: 25px; margin-bottom: 30px; } .c-zx-list .tit{ font-size: 22px; line-height: 26px; color: #222222; } .c-zx-list .qq-list{ overflow: hidden; margin-top: 30px; min-height: 58px; } .c-zx-list a{ display: block; float: left; margin-right: 14px; margin-bottom: 5px; } .c-zx-list a:last-child{ margin-right: 0; } .c-zx-list .yx{ font-size: 15px; display: block; color: #005395; float: none; margin-top: 20px; } /* message */ .message{ padding: 55px 0 80px; background: #f1f1f1; } .msg-top-tit{ text-align: center; font-size: 42px; color: #222222; line-height: 48px; } .msg-top-sub{ text-align: center; font-size: 16px; color: #333333; line-height: 25px; margin-top: 25px; } .message .row{ margin-top: 60px; padding: 0 15px; } .message .row input[type=text]{ width: 100%; height: 55px; border: none; outline: none; padding: 0; background: #fff url(../images/bt-ico.png) no-repeat top 9px left 9px; text-indent: 18px; color: #333; font-size: 15px; } .message .row textarea{ min-width: 100%; max-width: 100%; min-height: 150px; max-height: 150px; background: #fff; border: none; outline: none; margin-top: 15px; padding: 18px; color: #333; font-size: 15px; } .message .row input[type=button]{ display: block; width: 280px; height: 58px; background: #005395; margin: 55px auto 0; font-size: 15px; color: #fff; border: none; outline: none; transition: all .5s ease; } .message .row input[type=button]:hover{ border-radius: 58px; transition: all .5s ease; } /* brand */ .brand{ padding: 60px 0 70px; } .brand .row{ margin-top: 50px; } .brand .row .pdg{ padding: 0 17px; margin-bottom: 30px; } .brand-list{ border: 1px solid #dedede; padding: 7px 5px; } .brand-list .pic img{ display: block; margin: 0 auto; } .brand-list p{ text-align: center; line-height: 35px; height: 35px; background-color: #f5f5f5; margin-top: 8px; color: #005395; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .brand-list:hover p{ background: #005395; color: #fff; transition: all .5s ease; } @media (min-width: 992px){ .brand .col-md-3 { width: 20%; } } /* download */ .download{ padding: 58px 0 94px; } .download .row{ margin-top: 60px; } .download .row .pdg{ padding: 0 25px; } .down-list{ border-right: 1px solid #dedddd; padding-right: 43px; text-align: center; margin-bottom: 60px; } .down-list .ico{ margin: 26px 0 10px; } .down-list p{ text-align: center; font-size: 18px; color: #333333; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .down-list:hover p{ color: #005394; } /*填写下载表单*/ .downPopWarp{ position: fixed; z-index: 1009; background: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .5s ease; } .downPopWarp.open{ opacity: 1; visibility: visible; transition: all .5s ease; } .downPop{ width: 92%; max-width: 868px; top: 30%; left: 50%; margin-left: -434px; background: #fff; padding: 48px 40px 80px 40px; position: fixed; z-index: 1019; border-radius: 20px; visibility: hidden; opacity: 0; transition: all .5s ease; } .downPop.open{ opacity: 1; visibility: visible; transition: all .5s ease; } .downPop .title{ text-align: center; font-weight: bold; font-size: 32px; color: #333333; line-height: 38px; } .downPop .row{ margin-top: 45px; } .downPop .row input[type=text]{ width: 100%; height: 58px; border: 1px solid #dcdcdc; border-radius: 8px; padding: 0; font-size: 16px; color: #333; text-indent: 18px; margin-bottom: 13px; } .downPop .row input[type=text].bt{ background: url(../images/bt-ico.png) no-repeat top 10px left 8px; } .downPop .row input[type=button]{ width: 100%; height: 58px; border-radius: 8px; background: #005395; font-size: 18px; color: #fff; border: none; outline: none; margin-top: 25px; } .closeDwon{ position: absolute; right: 15px; top: 15px; cursor: pointer; } .closeDwon i{ font-size: 30px; color: #DC1216; } /* news */ .news{ padding: 68px 0 70px; } .news ul{ } .news ul li{ margin-bottom: ; border-bottom: 1px solid #ecebeb; padding-bottom: 32px; margin-bottom: 40px; overflow: hidden; } .news ul li .time-box{ width: 104px; height: 117px; background: #005395; border-bottom-right-radius: 20px; float: left; text-align: center; color: #fff; font-family: helev; } .news ul li .time-box .day{ font-size: 56px; line-height: 72px; } .news ul li .time-box hr{ width: 88%; margin: 0 auto; height: 1px; background: rgba(255,255,255,0.3); } .news ul li .time-box .year{ font-size: 16px; line-height: 25px; margin-top: 8px; } .news ul li .info{ width: 90%; float: right; } .news ul li .info .tit{ font-size: 20px; color: #333333; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .news ul li:hover .info .tit{ color: #005395; transition: all .5s ease; } .news ul li .info .sub{ font-size: 15px; color: #555555; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 20px 0 25px; } .news ul li .info .more{ width: 126px; height: 44px; text-align: center; line-height: 42px; border: 1px solid #005395; border-radius: 44px; font-size: 16px; color: #005395; transition: all .5s ease; } .news ul li:hover .info .more{ background-color: #005395; color: #fff; transition: all .5s ease; } .news ul li .info .more i{ margin-left: 10px; } /* newsDe */ .newsDe{ padding: 60px 0 100px; } .newsde-top{ overflow: hidden; border-bottom: 1px solid #ecebeb; padding-bottom: 20px; } .newsde-top .titBox{ width: 75%; float: left; } .newsde-top .titBox .title{ font-size: 24px; line-height: 30px; color: #333333; } .newsde-top .titBox .time{ font-size: 15px; color: #777777; line-height: 25px; margin-top: 18px; } .newsde-top .btn-gn{ float: right; margin: 10px 0 0 0; } .newsde-top .btn-gn a{ display: block; float: left; width: 43px; height: 43px; margin-left: 16px; border-radius: 100%; } .newsde-top .btn-gn a:nth-child(1){ background: #b4b4b4 url(../images/newsde-prev.png) no-repeat center center; } .newsde-top .btn-gn a:hover:nth-child(1){ background: #eda900 url(../images/newsde-prev.png) no-repeat center center; } .newsde-top .btn-gn a:nth-child(2){ background: #b4b4b4 url(../images/newsde-next.png) no-repeat center center; } .newsde-top .btn-gn a:hover:nth-child(2){ background: #eda900 url(../images/newsde-next.png) no-repeat center center; } .newsde-top .btn-gn a:nth-child(3){ background: #b4b4b4 url(../images/newsde-return.png) no-repeat center center; } .newsde-top .btn-gn a:hover:nth-child(3){ background: #eda900 url(../images/newsde-return.png) no-repeat center center; } .newsde-content{ font-size: 15px; line-height: 28px; color: #555555; margin-top: 26px; } /* product */ .productClass1{ padding: 0 0 80px; } .productClass1 .row{ margin-top: 40px; } .productClass1 .row .pdg{ margin-bottom: 35px; } .pro-cls1{ transition: all .5s ease; } .pro-cls1:hover{ transition: all .5s ease; } .pro-cls1 .class1{ line-height: 60px; font-weight: bold; font-size: 20px; color: #333333; position: relative; background: url(../images/p-line.png) no-repeat left 25px center; padding-left: 50px; border: 1px solid #e5e5e5; } .pro-cls1:hover .class1{ box-shadow: 0 0 13px 0 rgba(0, 0, 0, .2); border: 1px solid #0f5d9b; transition: all .5s ease; } .pro-cls1 .class1 .more{ position: absolute; right: 0; top: 0; font-size: 18px; color: #323232; right: 22px; } .pro-cls1 .class2{ border: 1px solid #e5e5e5; border-top: none; position: relative; padding: 22px 50px 38px; min-height: 222px; } .pro-cls1:hover .class2{ border: 1px solid #0f5d9b; border-top: none; transition: all .5s ease; } .pro-cls1 .class2-more{ position: absolute; width: calc(100% + 2px); top: 0; left: -1px; background: #fff; z-index: 999; padding: 22px 25px 24px 50px; border: 1px solid #0f5d9b; border-top: none; opacity: 0; visibility: hidden; box-shadow: 0 0 13px 0 rgba(0, 0, 0, .2); transition: all .5s ease; } .pro-cls1:hover .class2-more{ opacity: 1; visibility: visible; transition: all .5s ease; } .pro-cls1 .class2-more-h{ height: 320px; overflow-y: auto; } .pro-cls1 .class2 a{ font-size: 16px; color: #555555; line-height: 40px; padding-left: 14px; background: url(../images/p-sjx-ls.png) no-repeat left center; display: block; } .pro-cls1 .class2 > a{ display: none; } .pro-cls1 .class2 > a:nth-child(1), .pro-cls1 .class2 > a:nth-child(2), .pro-cls1 .class2 > a:nth-child(3), .pro-cls1 .class2 > a:nth-child(4){ display: block; } .pro-cls1 .class2 a:hover{ color: #005395; } .pro-left-class{ width: 21%; max-width: 300px; margin-top: -94px; position: relative; z-index: 999; float: left; } .pro-left-class .top-tit{ background: #005395; text-align: center; line-height: 94px; height: 94px; color: #fff; font-size: 36px; } .pro-left-class .p-l-cls{ margin-top: 4px; } .pro-left-class .p-l-cls > li{ background: #f1f1f1 url(../images/p-l-sjx.png) no-repeat left 22px center; padding-left: 38px; display: block; margin-bottom: 1px; padding-right: 15px; position: relative; transition: all .5s ease; } .pro-left-class .p-l-cls > li:hover, .pro-left-class .p-l-cls > li.on{ background: #005395 url(../images/p-l-sjx-bs.png) no-repeat left 22px center; transition: all .5s ease; } .pro-left-class .p-l-cls > li > a{ display: block; line-height: 58px; font-size: 16px; color: #222222; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .pro-left-class .p-l-cls > li:hover > a, .pro-left-class .p-l-cls > li.on > a{ color: #fff; } .pro-left-class .p-l-cls2{ position: absolute; width: 1028px; left: 100%; top: 0; z-index: 999; background: #fff; box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15); border-top: 5px solid #005395; padding: 20px 20px 40px 40px; opacity: 0; visibility: hidden; transition: all .5s ease; } .pro-left-class .p-l-cls > li:hover .p-l-cls2{ opacity: 1; visibility: visible; transition: all .5s ease; } .pro-left-class .list-cls-h{ max-height: 628px; overflow-y: auto; padding-right: 20px; } .pro-left-class .p-l-cls2 .list{ border-bottom: 1px solid #eae9e9; padding-bottom: 18px; margin-bottom: 15px; overflow: hidden; } .pro-left-class .p-l-cls2 .list .cls1{ float: left; font-weight: bold; font-size: 15px; background: url(../images/p-l-jt.png) no-repeat right top 6px; width: 13%; } .pro-left-class .p-l-cls2 .list .cls1 a{ color: #222; display: block; padding-right: 18px; line-height: 26px; } .pro-left-class .p-l-cls2 .list .cls1 a:hover{ color: #005395; } .pro-left-class .p-l-cls2 .list .cls2{ width: 83%; float: right; } .pro-left-class .p-l-cls2 .list .cls2 a{ display: block; float: left; font-size: 14px; color: #555555; line-height: 26px; margin-right: 16px; } .pro-left-class .p-l-cls2 .list .cls2 a:hover{ color: #005395; } .pro-right{ width: 75%; max-width: 1086px; padding: 45px 0 0 0; float: right; } .pro-right.ss{ width: 100%; max-width: 100%; } .pro-search .box1{ overflow: hidden; } .pro-search .box1 .tit{ font-weight: bold; font-size: 18px; color: #333333; float: left; line-height: 40px; } .pro-search .box1 .p-s-int{ width: 70%; float: left; margin-left: 10px; overflow: hidden; } .pro-search .box1 .p-s-int input[type=text]{ width: 90%; float: left; height: 40px; padding: 0; border: none; text-indent: 18px; border: 1px solid #d2d2d2; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pro-search .box1 .p-s-int input[type=button]{ width: 10%; height: 10%; float: left; height: 40px; background: #005395 url(../images/p-ss.png) no-repeat center center; border: none; outline: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pro-search .box2{ font-size: 15px; color: #222222; line-height: 25px; margin-top: 18px; margin-left: 90px; } .pro-search .box2 a{ font-size: 15px; color: #777777; margin-right: 18px; } .pro-search .box2 a:hover{ color: #005395; } .productClass3{ padding: 0 0 65px 0; } .productClass3 .title{ font-size: 36px; line-height: 40px; color: #222222; } .productClass3 .subtitle{ font-size: 16px; line-height: 28px; color: #555555; margin-top: 40px; } .productClass3 .row{ margin-top: 45px; } .productClass3 .row .pdg{ margin-bottom: 20px; padding: 0 7.5px; } .pro-cls3{ border: 1px solid #dcdcdc; position: relative; } .pro-cls3 .pic{ overflow: hidden; position: relative; height: 0; padding-bottom: 71.538%; } .pro-cls3 .pic img{ display: block; width: 100%; transform: scale(1); transition: all .5s ease; } .pro-cls3:hover .pic img{ transform: scale(1.12); transition: all .5s ease; } .pro-cls3 .tit{ text-align: center; line-height: 40px; border-top: 1px solid #dcdcdc; font-size: 15px; color: #333333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease; } .pro-cls3:hover .tit{ color: #005395; transition: all .5s ease; } .pro-cls3 .sub{ position: absolute; width: 100%; height: 100%; background: rgba(0,83,149,0.8); top: 0; left: 0; display: flex; padding: 4%; align-items: center; opacity: 0; visibility: hidden; transition: all .5s ease; } .pro-cls3:hover .sub{ opacity: 1; visibility: visible; transition: all .5s ease; } .pro-cls3 .sub p{ display: block; width: 100%; text-align: center; font-size: 16px; line-height: 26px; color: #fff; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* productDe */ .productDe{ padding: 0 0 100px 0; } .productDe-top{ } .prode-gallery-top{ border: 1px solid #dcdcdc; } .prode-gallery-top img{ display: block; margin: 0 auto; } .productDe-top .imgShow{ width: 48.0663%; float: left; } .productDe-top .imgShow.pp{ width: 31%; } .productDe-top .imgShow.pp img{ padding: 75px 0; } .productDe-top .imgMore{ position: relative; margin-top: 11px; } .prode-gallery-thumbs{ width: 86%; margin: 0 auto; } .prode-gallery-thumbs .swiper-slide{ border: 1px solid #dcdcdc; cursor: pointer; } .prode-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border: 1px solid #005395; } .prode-next, .prode-prev{ width: 32px; height: 100% !important; top: 0 !important; margin-top: 0 !important; } .prode-next{ right: 0 !important; background: #f5f5f5 url(../images/prode-next.png) no-repeat center center !important; } .prode-prev{ left: 0 !important;; background: #f5f5f5 url(../images/prode-prev.png) no-repeat center center !important; } .productDe-top .isInfo{ width: 46.961326%; float: right; border-top: 6px solid #005395; padding-top: 25px; } .productDe-top .isInfo.pp{ width: 64.5%; } .productDe-top .isInfo .tit{ font-size: 28px; line-height: 35px; color: #005395; } .productDe-top .isInfo .sub{ font-size: 15px; color: #555555; line-height: 25px; margin-top: 22px; } .productDe-top .isInfo .sub2{ background: #f8f8f8; padding: 15px 25px ; line-height: 30px; font-size: 15px; color: #005395; margin-top: 30px; } .productDe-two{ margin: 55px 0; } .productDe-two .row .pdg{ padding: 0 18px; } .productDe-two .list{ margin-top: 20px; } .productDe-two .list.on{ height: 235px; overflow-y: auto; } .productDe-two .list .lt{ border-bottom: 1px solid #dedede; font-size: 13px; color: #555555; line-height: 38px; } .productDe-two .list .down{ padding-left: 28px; background: url(../images/prode-pdf1.png) no-repeat left center; font-size: 15px; color: #555555; line-height: 40px; } .productDe-two .list .down a{ display: block; color: #555; } .productDe-two .list .down a:hover{ color: #0050BF; } .prode-tit{ font-size: 24px; line-height: 30px; color: #333333; background: url(../images/prode-dot1.png) no-repeat left center; padding-left: 24px; } .productDe-three .cont{ font-size: 15px; color: #555555; line-height: 25px; margin-top: 25px; } .productDe-table{ margin-top: 60px; } .productDe-table .isTop{ overflow: hidden; } .productDe-table .isTop .prode-tit{ float: left; line-height: 35px; } .productDe-table .isTop .sear{ float: right; overflow: hidden; border: 1px solid #d2d2d2; border-radius: 5px; width: 25%; } .productDe-table .isTop .sear input[type=text]{ width: 85%; float: left; border: none; outline: none; padding: 0; height: 35px; text-indent: 18px; } .productDe-table .isTop .sear input[type=button]{ width: 15%; height: 35px; background: url(../images/prode-ss.png) no-repeat center center; border: none; outline: none; } .productDe-table .isTable{ margin-top: 26px; } .productDe-table .isTable table{ border: 1px solid rgba(255,255,255,0.4); width: 100% !important; } .productDe-table .isTable table tr{ border: 1px solid rgba(255,255,255,0.4); background: #d8effb; } .productDe-table .isTable table tr td{ border: 1px solid rgba(255,255,255,0.4); font-size: 16px; text-align: center; height: 40px; } .productDe-table .isTable table tr:nth-of-type(2n+1){ background: #e6f1fa; height: 40px; } .productDe-table .isTable table tr:nth-of-type(2n+2){ background: #f5f8fb; height: 40px; } .productDe-table .isTable table tr:nth-child(1){ background: #005395; color: #fff; height: 40px; } .productDe-table .isTable table tr td .ke-insertfile{ line-height:0; font-size:0; overflow:hidden; display: inline-block; width: 21px; height: 27px; background: url(../images/prode-pdf2.png) no-repeat center center; position: relative; top: 3px; } .productDe-xgcp{ margin-top: 45px; } .productDe-xgcp .xgcp-list{ border-top: 1px solid #e2e1e1; margin-top: 20px; padding-top: 18px; } .productDe-xgcp .xgcp-list .lt{ font-size: 15px; color: #005395; padding-left: 13px; background: url(../images/xgcp-jt.png) no-repeat left center; font-size: 15px; color: #005395; line-height: 26px; margin-bottom: 5px; } .productDe-xgcp .xgcp-list .lt a{ color: #005395; } .productDe-msg{ margin-top: 44px; } .productDe-msg .row{ margin-top: 28px; } .productDe-msg input[type=text]{ width: 100%; height: 46px; padding: 0; border: 1px solid #dcdcdc; text-indent: 18px; } .productDe-msg textarea{ min-width: 100%; max-width: 100%; min-height: 145px; max-height: 145px; margin: 13px 0 0 0; border: 1px solid #dcdcdc; padding: 12px 18px; } .productDe-msg textarea:focus{ background: none; } .productDe-msg input[type=button]{ width: 330px; line-height: 50px; background: #005395; display: block; margin: 40px auto 0; border: none; color: #fff; font-size: 18px; } .productDe-msg input[type=button]:hover{ border-radius: 50px; } /* application */ .application{ padding: 0 0 58px 0; } .application-ul li{ overflow: hidden; margin-bottom: 40px; } .application-ul li .pic{ width: 32.5966850982%; float: left; overflow: hidden; } .application-ul li .pic img{ display: block; width: 100%; } .application-ul li .info{ width: 63%; float: right; margin-bottom: 40px; } .application-ul li .info .tit{ font-size: 20px; color: #222222; line-height: 28px; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .application-ul li .info .sub{ font-size: 15px; color: #555555; line-height: 25px; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .application-ul li .info .more{ width: 128px; height: 42px; line-height: 40px; border: 1px solid #005395; text-align: center; font-size: 15px; color: #005395; margin-top: 42px; transition: all .5s ease; } .application-ul li:hover .info .more{ background: #005395; color: #fff; transition: all .5s ease; } .applicationDe{ padding: 0 0 70px 0; } .appde-top{ overflow: hidden; } .appde-top .title{ width: 75%; float: left; font-size: 28px; color: #222222; line-height: 34px; } .appde-top .return{ line-height: 34px; display: block; float: right; background: url(../images/appde-fh.png) no-repeat left center; padding-left: 34px; font-size: 16px; color: #005395; } .appde-cont{ font-size: 15px; color: #555555; line-height: 25px; margin-top: 36px; } .appde-cont table{ border: 1px solid rgba(255,255,255,0.4); width: 100% !important; } .appde-cont table tr{ border: 1px solid rgba(255,255,255,0.4); background: #d8effb; } .appde-cont table tr td{ border: 1px solid rgba(255,255,255,0.4); font-size: 16px; text-align: center; height: 40px; } .appde-cont table tr:nth-of-type(2n+1){ background: #e6f1fa; height: 40px; } .appde-cont table tr:nth-of-type(2n+2){ background: #f5f8fb; height: 40px; } .appde-cont table tr:nth-child(1){ background: #005395; color: #fff; height: 40px; } .appde-xgcp{ margin-top: 85px; } .appde-xgcp .title{ font-size: 24px; color: #555555; line-height: 28px; font-weight: 400; } #appCpSwiper{ margin-top: 35px; padding-bottom: 50px; } /* abt-tit */ .abt-top-tit{ text-align: center; color: #fff; font-size: 42px; line-height: 46px; } .abt-top-line{ width: 40px; height: 2px; background: #fff; margin: 30px auto 0; } /* 公用 */ .sy-bf-tit{ text-align: center; font-size: 42px; line-height: 48px; color: #222222; } .sy-bf-sub{ text-align: center; font-size: 16px; line-height: 25px; color: #555555; margin-top: 30px; } .Nybanner{ overflow: hidden; } .Nybanner img{ display: block; width: 100%; } .Nylocation{ background: #f5f5f5; } .Nylocation.pro{ background: #fff; border-bottom: 1px solid #eeeded; } .Nylocation .now-lm{ float: left; } .Nylocation .now-lm a{ display: block; line-height: 68px; padding: 0 26px; font-size: 16px; color: #333333; float: left; } .Nylocation .now-lm a:hover, .Nylocation .now-lm a.on{ background: #005395; color: #fff; } .Nylocation .now-wz{ float: right; background: url(../images/home-ico.png) no-repeat left center; padding-left: 27px; font-size: 15px; line-height: 68px; color: #555555; } .Nylocation .now-wz.fl{ float: left; } .Nylocation .now-wz a{ color: #555; } .Nylocation .now-wz a:hover{ color: #005395; } /* footer */ footer{ background: #353535 url(../images/foot-back.jpg) no-repeat right bottom; background-size: auto 100%; padding: 85px 0 0 0; } .foot-top{ padding: 0 0 78px 0; } .foot-top h4{ color: #fff; font-size: 20px; line-height: 28px; } .foot-info{ float: left; } .foot-info .info{ margin-top: 26px; line-height: 36px; color: #fff; } .foot-info .info p{ padding-left: 28px; } .foot-info .info a{ font-family: arial; color: #fff; } .foot-info .info p.dz{ background: url(../images/f-dz.png) no-repeat left center; } .foot-info .info p.dh{ background: url(../images/f-dh.png) no-repeat left top 10px; } .foot-info .info p.cz{ background: url(../images/f-cz.png) no-repeat left center; } .foot-info .info p.yx{ background: url(../images/f-yx.png) no-repeat left center; } .foot-ewm{ margin-left: 142px; float: left; } .foot-ewm img{ display: block; width: 128px; margin-top: 26px; } .foot-ewm p{ font-size: 14px; color: #fff; margin-top: 12px; text-align: center; } .foot-lm{ float: right; overflow: hidden; } .foot-lm .item{ float: left; margin-left: 120px; } .foot-lm .item:first-child{ margin-left: 0; } .foot-lm .item .link{ margin-top: 26px; } .foot-lm .item .link a{ display: block; line-height: 32px; font-size: 15px; color: #999999; } .foot-lm .item .link a:hover{ color: #fff; } .foot-copy{ text-align: center; line-height: 60px; border-top: 1px solid #464646; font-size: 15px; color: #999999; } .foot-copy a{ color: #999; } .foot-copy a:hover{ color: #fff; } /* */ .isPC{ display: block; } .isMobile{ display: none !important; } /*page*/ .Page{ width: 100%; text-align: center; line-height: 50px; padding-top: 50px; } .Page .disabled { border: 1px solid #d8d8d8; padding: 5px 5px; font-size: 10px; color: #d8d8d8; display: none; visibility: hidden; } .Page a { border: 1px solid #f1f1f1; display: inline-block; width: 30px; background: #f1f1f1; line-height: 30px; text-align: center; font-size: 10px; color: #333; position: relative; top: 2px; } .Page a:hover{ border: 1px solid #0166b3; } .Page a.sy { color: #707072 !important; } .Page .current { background: #0166b3; display: inline-block; width: 30px; line-height: 30px; color: #fff; position: relative; top: 2px; border: 1px solid #0166b3; font-size: 10px; } .Page .next, .Page .prev{ width: 65px; } .bsBox { width: auto !important; height: auto !important; } /*Webkit,Opera9.5+,Ie9+*/ ::selection { background: #e77512; color: #fff; } /*Mozilla Firefox*/ ::-moz-selection { background: #e77512; color: #fff; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 4px; height: 16px; background-color: #fff; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); /*border-radius: 10px;*/ background-color: #f2f2f2; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { cursor: pointer; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: rgba(0, 83, 149, 1); border-radius: 0; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 83, 149, 1); } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 83, 149, 1); } /*定义两端上下按钮*/ /*::-webkit-scrollbar-button { height: 10px; width: 10px; background: #ff6a07; }*/ .sroll_top { right: 0.8%; bottom: 6%; position: fixed; display: none; cursor: pointer; z-index: 1000; } .dls-tit{ text-align: center; font-size: 42px; line-height: 45px; color: #005bac; } .human{ padding: 35px 0 70px; } .human .container{ max-width: 1400px; } .zp-search{ width: 40%; margin: 45px auto 0; overflow: hidden; } .zp-search input[type=text]{ width: 80%; height: 60px; border: 1px solid #e5e5e5; padding: 0 0 0 60px; background: url(../images/ss-ico.jpg) no-repeat left 22px center; float: left; transition: all .5s ease; } .zp-search input[type=text]:focus{ border: 1px solid #d50b1e; transition: all .5s ease; } .zp-search input[type=button]{ width: 20%; float: left; height: 60px; border: none; outline: none; background: #d50b1e; color: #fff; font-size: 16px; letter-spacing: 2px; } .human-box{ margin-top: 40px; } .dls-sub{ text-align: center; font-size: 16px; color: #777777; margin-top: 25px; } .human-box .item{ background: #f5f5f5; padding: 22px 28px 30px; } .human-box .item:nth-of-type(2n+2){ background: #fff; } .human-box h3{ overflow: hidden; } .human-box h3 .info{ width: 89%; float: left; border-right: 1px solid #ebebeb; } .human-box h3 .info .tit{ font-size: 24px; line-height: 28px; color: #333333; } .human-box h3 .info .txt{ font-size: 16px; color: #666666; margin-top: 22px; } .human-box h3 .info .txt span{ display: inline-block; position: relative; margin-right: 45px; } .human-box h3 .info .txt span::after{ content: ""; position: absolute; width: 1px; height: 15px; background: #d3d2d2; right: -26px; } .human-box h3 .info .txt span:last-child::after{ display: none; } .human-box h3 .info .open{ background: url(../images/rc-down.png) no-repeat right center; display: inline-block; font-size: 16px; color: #10218b; padding-right: 21px; margin-top: 28px; cursor: pointer; } .human-box h3.on .info .open{ background: url(../images/rc-up.png) no-repeat right center; color: #ce0100; } .human-box .tjl{ display: block; width: 113px; height: 36px; background: #11549c; text-align: center; line-height: 36px; color: #fff; font-size: 16px; float: right; margin-top: 35px; } .human-box .tjl:hover{ border-radius: 20px; } .human-box ul{ margin-top: 25px; padding-top: 26px; border-top: 1px solid #dfdfdf; display: none; } .human-box ul li .cont{ font-size: 15px; color: #333333; line-height: 28px; margin-bottom: 30px; } .human-box ul li .cont a{ color: #0050bf; } .human-box ul li .cont a:hover{ color: #0050bf; } .human-box ul li .cont .tit{ color: #666666; margin-bottom: 5px; }