* {margin:0;padding:0;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;list-style-type:none;text-decoration:none;} a:link {color:#333;} a:active {color:#333;} a:visited {color:#333;} a:hover {color:#1C7DC8;} .txt1:link {color:#fff;} .txt1:active {color:#fff;} .txt1:visited {color:#fff;} .txt1:hover {color:#fff;} input,button,select,textarea {outline:none;-webkit-appearance:none;} @media only screen and (max-width:1023px) { /*动画*/ body {height:100%;font:20px/20px "microsoft yahei";color:#666;overflow-x:hidden;width:100vw;} #topdb{display: none;} #topbg {width:96vw;height:12vw;position:fixed;z-index:9998;box-shadow:#CCC 0 5px 5px -5px;background-color:#fff;padding-left:1vw;padding-right:3vw;} #logo img {height:12vw;padding-top:0vw;float:left;padding-left:2vw;} .navtel_1 {height:5vw;width:6vw;float:right;padding-top:3.5vw;} #toptxt {display:none;} #topright {width:100%;position:fixed;height:5000px;left:0px;z-index:89;background-color:#fff;display:none;} #topback {width:94vw;padding-left:3vw;padding-right:3vw;float:right;text-align:right;padding-top:3.5vw;padding-bottom:3.5vw;} #topback img {width:3vw;height:3vw;float:left;padding:1.5vw;border-radius:3vw;background-color:#1C7DC8;} #topnav {background-color:#fff;} #topnav dt {font-size:3.5vw;height:5vw;line-height:5vw;float:left;width:94vw;padding-left:3vw;padding-right:3vw;border-bottom:solid 1px #efefef;padding-bottom:3.5vw;padding-top:3.8vw;color:#333;} #topnav dd {display:none;} #toptel {display:none;} #topenglish{position: absolute; top:3vw;right:3vw;display: none;z-index: 99999;} #topenglish font{float:left;font-size:3.5vw;line-height:3.5vw;color: #fff;padding-left: 2vw;padding-right: 2vw;padding-top: 1.6vw;padding-bottom: 1.2vw;border-radius: 3vw;background-color:#1C7DC8;} #sch{display: none;} #flashbg {width:100%;float:left;width:100%;overflow-x:hidden;} .index-main {z-index:55;position:relative;width:100%;margin:0 auto;height:140vw;} .index-main-box {position:relative;display:block;overflow:hidden;} #indexslider {position:relative;width:100%;} .index-img {display:block;width:100vw;height:140vw;overflow:hidden;} .index-img dl {width:100vw;height:140vw;background-size:100vw 140vw;} .index-img dl:nth-child(1) {background-image:url(/video/a1.jpg);} .index-img dl:nth-child(2) {background-image:url(/video/a2.jpg);} .index-img dl:nth-child(3) {background-image:url(/video/a3.jpg);} .index-img dl:nth-child(4) {background-image:url(/video/a4.jpg);} .wrapper {width:100%;height:140vw;margin:0 auto;position:relative;background-size:100vw 0vw;} .bannerwg {width:100%;height:140vw;position:absolute;top:0px;left:0px;} .wrapper .ad_txt {position:absolute;left:8%;width:84%;top:24vw;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);font-size:3.5vw;line-height:5vw;padding-left:1vw;padding-bottom:1vw;padding-top:0.4vw;text-align:center;text-shadow:black 0.1em 0.1em 0.2em;} .wrapper .ad_txt h2 {left:0vw;width:100%;font:5vw Microsoft YaHei;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;padding-bottom:3vw;} .index-pagination {position:absolute;z-index:66;bottom:0px;left:50%;height:30px;width:142px;margin-left:-71px;text-align:center;} .index-pagination li {display:inline-block;width:30px;position:relative;float:left;height:23px;margin-right:4px;overflow:hidden;} .index-pagination li a {position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:2px;color:#5f6a72;text-align:center;} .index-pagination li a div {position:relative;z-index:555;display:block;height:2px;background:#FFF;} .index-pagination li a div span {position:absolute;top:0px;left:0px;height:2px;width:0px;background:#1C7DC8;} .prev {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-position:left center;background-repeat:no-repeat;background-size:16vw 16vw;opacity:0.6;filter:alpha(opacity=60);} .prev:hover {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-size:16vw 16vw;position:left center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);} .next {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;right:0px;z-index:102;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;background-size:16vw 16vw;opacity:0.6;filter:alpha(opacity=60);} .next:hover {position:absolute;top:52vw;width:100%;right:0px;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);background-size:16vw 16vw;} /*公司简介*/ #IndexAbout_Bg {float:left;width:100vw;height:84vw;position:relative;overflow:hidden;background-image:url(/images/jhbg1.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;overflow: hidden;} #IndexAboutMain{float:left;width:94vw; text-align: left;padding-right: 3vw;padding-left: 3vw;} #IndexAboutMain dt{font-size: 5.2vw;color: #000;line-height: 5.2vw;padding-top:14vw ;padding-bottom:4vw;text-align: center;} #IndexAboutMain div{font-size:3.5vw;color: #000;line-height: 5vw;color: #666;background-image:url(/images/indexa1.png);background-position:left 4.4vh;background-repeat:no-repeat;background-size:4px 3vh;text-indent: 7vw;text-align:justify;} #IndexAboutMain dd{font-size: 3.2vw;color: #333;line-height: 6vw;height: 42vw;overflow: hidden;} #IndexAboutMore{width:96vw;float:left;padding-top: 0vw;padding-left: 3vw;} #IndexAboutMore dl{float:left;padding-bottom:1vw;padding-right: 1vw;} #IndexAboutMore dd{float:left;background-color: #1C7DC8;font-size:2.8vw;padding-top:1.2vw;padding-bottom: 1.2vw;padding-left: 2.2vw;padding-right: 2.2vw;color: #fff; } /*产品中心*/ #PrBg {float:left;width:100vw;height:106vw;position:relative;overflow:hidden; background-color: #555;background-image:url(/images/aboutbg4a.jpg);background-position:center center;background-repeat:no-repeat;background-size:100vw 112vw; padding-top: 6vw;} #Pr {margin: auto;width:100vw;} #PrMain{float: left;width:94vw;height:50vw;display: flex;justify-content: space-between;padding-left: 3vw;} #PrMain ul{width:30vw;height:50vw;position: relative;} #PrMain dl{width:30vw;height:50vw;border-radius: 18px;background-image:url(/images/bk_1.png);} .PrImg{float: left;width:8vw;height:8vw;} #PrMain dt{float: left;width:30vw;height:2.8vw;color: #000;font-size: 2.8vw;line-height: 2.8vw;position: relative;margin-top: 3vw;text-align: center;font-weight: bold;} #PrMain dd{float: left;width:24vw;padding-left: 3vw;padding-right: 3vw;font-size: 1.8vw;color: #666;line-height: 3vw;height:15vw;overflow: hidden;margin-top: 3vw;} #PrMain div{width: 8vw;height: 8vw;background-image:url(/images/bk_1.png);border-radius: 12vw;padding: 3vw;margin-left: 8vw;margin-right: 8vw;margin-top: 6vw;} #PrMore{float: left;width:100vw;height:4.6vh;text-align: center;padding-top: 10vw;} #PrMore font{background-color: #fff;font-size: 2.8vw;padding-top:1.4vw;padding-bottom: 1.4vw;padding-left: 4vw;padding-right: 4vw;color: #666;border-radius: 4vw; } #FieldBg {float:left;width:100vw;height:72vw;position:relative;overflow:hidden; padding-top: 6vw;} #Field {margin: auto;width:100vw;} #FieldMain{float: left;width:100vw;height:28vw;background-color: #000; padding-right: 4vw;} .FieldGallery {float: left;display: flex;flex-direction: row;width: 100vw;height: 30vw;background-color: #0079C9;} .FieldGallery dl {flex: 1;height: 100%;background-position: center;background-size: cover;background-repeat: none;transition: flex 0.8s ease;background-size:26vw 30vw;} .FieldGallery dl:hover {flex: 3;cursor: pointer;} .FieldGallery dl:hover dd{display: block;} .FieldGallery dd{padding-top: 12.5vw;text-align: center;color: #fff;display: none;} .FieldGallery font{font-size: 2.8vw;padding-bottom: 1.2vw;border-bottom: solid 2px #fff;color: #fff;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .FieldGallery dl:nth-child(1){background-image: url('../images/gallery/1.jpg');} .FieldGallery dl:nth-child(2){background-image: url('../images/gallery/2.jpg');} .FieldGallery dl:nth-child(3){background-image: url('../images/gallery/3.jpg');} .FieldGallery dl:nth-child(4){background-image: url('../images/gallery/4.jpg');} .FieldGallery dl:nth-child(5){background-image: url('../images/gallery/5.jpg');} .FieldGallery dl:nth-child(6){background-image: url('../images/gallery/6.jpg');} .FieldGallery dl:nth-child(7){background-image: url('../images/gallery/7.jpg');} .FieldGallery dl:nth-child(8){background-image: url('../images/gallery/8.jpg');} .FieldGallery dl:nth-child(9){background-image: url('../images/gallery/9.jpg');} .FieldGallery dl:nth-child(10){background-image: url('../images/gallery/10.jpg');} #CaseBg {float:left;width:100vw;height:106vw;background-image:url(/images/aboutbg2.jpg);background-position:center center;background-repeat:no-repeat;background-size:100vw 103vw; padding-top: 6vw;} #CaseMain{float: left;width:95vw;height:25vw;padding-left: 3vw;padding-right: 2vw;} #CaseMain div{float: left;width:18vw;height:12vw;padding-right: 1vw;padding-bottom: 1vw;} #CaseMain dl{float: left;width:18vw;height:12vw;overflow: hidden;position: relative;border-radius: 0.6vw;} #CaseMain img{float: left;width:18vw;height:12vw;border-radius: 0.6vw;} #NewsBg {float:left;width:100vw;height:96vw;position:relative;overflow:hidden; background-image:url(/images/aboutbg3.png);background-position:top center;background-repeat:no-repeat;background-size:60vw 38vw;background-color: #fff;padding-top: 6vw;} #News {margin: auto;width:100vw;} #NewsMain{float: left;width:94vw;padding-left: 3vw;padding-right: 3vw;} #NewsBoxBg {float:left;border-top:0.2vw solid #ececec;border-right:0.2vw solid #ececec;} .NewsBox {height:16vw;width:46vw;float:left;background:#fff;border-left:0.2vw solid #ececec;border-bottom:0.2vw solid #ececec;} .NewsLeft {float:left;width:10vw;text-align:center;} .NewsLeft dt {float:left;width:10vw;font-size:5vw;line-height:5vw;color:#555;padding-top:3.4vw;} .NewsLeft dd {float:left;width:10vw;font-size:1.6vw;line-height:1.8vw;color:#666;padding-top:2vw;} .Newsright {float:left;width:33vw;text-align:left;padding-left: 1vw;} .Newsright dt {font-size:2.8vw;color:#333;padding-top:3vw;line-height:2.8vw;height:2.8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .Newsright dd {font-size:1.8vw;color:#777;padding-top:1.6vw;line-height:3vw;height:6vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #NewsMore{float: left;width:100vw;height:4.6vh;text-align: center;padding-top: 6vw;} #NewsMore font{background-color: #fff;font-size: 2.8vw;padding-top:1.4vw;padding-bottom: 1.4vw;padding-left: 4vw;padding-right: 4vw;color: #fff;border-radius: 4vw;background-color: #3767B1; } #YsBg {float:left;width:100vw;height:116vw;position:relative;overflow:hidden; background-image:url(/images/aboutbg3a.jpg);background-position:center center;background-repeat:no-repeat;background-size:100vw 122vw;padding-top: 6vw;} #Ys {margin: auto;width:100vw;} #YsMain{float: left;width:96vw;padding-left: 2vw;padding-right: 2vw;} #YsMain dl{float: left;width:30vw;background-color: #fff;text-align: center;margin-left: 1vw;margin-right: 1vw;margin-bottom: 2vw;padding-bottom: 4vw;} #YsMain dd{width:27vw;font-size: 1.8vw;line-height: 3vw;padding-left: 1.5vw;padding-right: 1.5vw;color: #666;padding-top: 2vw;height: 12vw;overflow: hidden;} #YsMain dt{width:30vw;font-size: 2.8vw;line-height: 2.8vw;color: #333;} #YsMain img{float: left;width:10vw;height:10vw;padding-left: 10vw;padding-right: 10vw;padding-top: 3vw;padding-bottom:2vw;} .btboxbg {float:left;width:100%;padding-top:7vw;padding-bottom: 7vw;} .btbox {width:100vw;float:left;} .btbox dt {width:100%;color:#000;line-height:6vw;height:6vw;font-size:4.8vw;float:left;text-align:center;padding-bottom:3vw;} .btbox dd {width:100%;color:#666;line-height:3vw;height:3vw;font-size:2.6vw;float:left;text-align:center;} .btbox p {width:100%;float:left;text-align:center;position:relative;height:11px;} .btboxline {height:0.75vw;line-height:0.75vw;background-image:url(../images/btboxline.png);background-repeat:repeat-x;background-position:center center;padding-left:1.5vw;padding-right:1.5vw;} .btboxtxt {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;} .btboxtxt_1 {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;} .btboxarrow {display: none;} /*在线客服*/ #service{width:20vh;position:fixed;bottom: 24vh;right:0px; z-index:999999;font-family:Impact;display: none;} #service li{float:left;width:20vh;height:5.4vh;} #service .Mr{float:left;width:5vh;height:5vh;} #service li img{float:right;} #service li a{height:6vh;float:right;display:block;min-width:5vh;max-width:25vh;} #service li a .shows{display:block;width:5vh;height:5vh;} #service li a .hides{float:left;cursor:pointer;cursor:hand;width:25vh;} #service dd{float:right;width:20vh;height:5vh;line-height: 5vh;margin-left:0vh;text-align:center;color: #1C7DC8;background-color: #fff;font-size: 2.2vh;} #top_btn{width:5vh;height:5vh;} #top_btn:hover{opacity: 0.8;} #btmtop{display: none;} #btmcopybg{float:left;width:94vw;padding-left: 3vw;padding-right: 3vw;font-size: 2.6vw;line-height:4.6vw;color:#666;background-color: #252525;color: #D3D3D3;padding-top: 6vw;padding-bottom: 6vw;} #btmcopybg a{color: #D3D3D3;} #btmcopybg img{width: 20px;} .btmbr{float:left;width:94vw;} .section-nav {display: none;} .arrow{display: none;} } /*960PC屏幕开始-------------*/ @media only screen and (min-width:1024px) { body {height:100%;font:20px/20px "microsoft yahei";color:#666;} /*顶部*/ /*滚动框架*/ html,body {width:100%;height:100%;overflow:hidden;} .section-wrap {width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);} .section-wrap .section {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;} .section-wrap .section .title {width:100%;position:absolute;top:10%;text-align:center;} .section-wrap .section .title p {padding:0 4%;opacity:30} .section-wrap .section .title.active .tit {opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);} .section-wrap .section-1 {background-color:#EFF4F8;} .section-wrap .section-2 {background-color:#EDF2F5;height:90%;} .section-wrap .section-3 {background-color:#fff;height:90%;} .section-wrap .section-4 {background-color:#000;height:90%;background-image:url(/images/aboutbg4.jpg);background-repeat:no-repeat;background-size:100vw 90vh;} .section-wrap .section-5 {background-color:#E2EEFE;height:90%;} .section-wrap .section-6 {background-color:#1C7DC8;height:90%;} .section-wrap .section-7 {background-color:#E2EEFE;height:90%;} .section-wrap .section-8 {background-color:#252525;height:90%;} .section-wrap .section-9 {background-color:#252525} .section-wrap .section-10 {background-color:#252525} .put-section-0 {transform:translateY(0);-webkit-transform:translateY(0);} .put-section-1 {transform:translateY(-90%);-webkit-transform:translateY(-90%);} .put-section-2 {transform:translateY(-180%);-webkit-transform:translateY(-180%);} .put-section-3 {transform:translateY(-270%);-webkit-transform:translateY(-270%);} .put-section-4 {transform:translateY(-360%);-webkit-transform:translateY(-360%);} .put-section-5 {transform:translateY(-450%);-webkit-transform:translateY(-450%);} .put-section-6 {transform:translateY(-540%);-webkit-transform:translateY(-540%);} .put-section-7 {transform:translateY(-630%);-webkit-transform:translateY(-630%);} .put-section-8 {transform:translateY(-720%);-webkit-transform:translateY(-720%);} .put-section-9 {transform:translateY(-810%);-webkit-transform:translateY(-810%);} .put-section-10 {transform:translateY(-1000%);-webkit-transform:translateY(-1000%);} .section-btn {width:10px;position:fixed;right:1%;bottom:26%;z-index:9999;opacity:0.8;} .section-btn li {width:2vh;height:2vh;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:0.6vh;text-align:center;background-color:#C1CDDF;cursor:pointer;} .section-btn li.on {background-repeat:no-repeat;background-position:center center;background-color:#1C7DC8;} .section-nav {position:absolute;top:0px;right:18px;top:-6px;display: none;} .section-nav dd {line-height:24px;height:24px;font-size:12px;color:#000;width:68px;text-align:center;background-repeat:no-repeat;background-position:right center;} .ppp {font-size:10px;color:#000;background-color:aqua;float:left;} .arrow {opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:0px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;cursor:pointer;overflow:hidden;z-index:99999;} .arrow:hover {animation-play-state:paused;-webkit-animation-play-state:paused;} /*第一屏*/ #topbg {width:100%;height:10vh;position:fixed;z-index:9999;background-image:url(../images/topbg1.png);background-size:100vw 10vh;} .topyy {box-shadow:#879EAC 0 5px 5px -5px;} #top {width:94%;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:2%;position: relative;} #logo {float:left;height:8vh;display:none;} #logo img {float:left;height:8vh;padding-top: 1vh;} #topnav {float:right;height:10vh;line-height:10vh;font-size:2.2vh;width:62vw;position: absolute;right: 0px;} #topnav dl{width: 8vw;float:left;position: relative;text-align: center;cursor:pointer;color: #fff;} #topnav dl:nth-child(1){width: 7vw;} #topnav div{width: 8vw;float:left;padding-left: 0.8vw;padding-right: 0.8vw;} #topnav dl:hover dt{background-size : 100% 2px;} #topnav dt{width: 100%;cursor:pointer;float: left;height:10vh;width: 8.5vw;background-image:linear-gradient(#1C7DC8,#1C7DC8);background-position:center bottom;background-size:0 2px;background-repeat:no-repeat; transition:.3s;overflow: hidden;} #topnav dd {left:0vw;width: 8.5vw;font-size:1.6vh;line-height: 5.8vh;color: #666;display: none;border-top: solid 1px #ececec;border-left: solid 1px #ececec;position: absolute;top:10vh;} #topnav p {float: left;width: 100%; border-right:solid 1px #ececec;border-bottom:solid 1px #ececec;background-color: #fff;} #topnav p:hover {cursor:pointer;color:#1C7DC8;background-color: #EFEFEF;} #toptel {position:absolute;right:7vw;top:3.4vh;height:4vh;min-width:10vw;} #toptel img {height:2.6vh;float:right;padding-top:0.3vh;padding-right: 0.2vw;} #toptel dd {float:right;font-size:2.6vh;padding-left:0.2vw;color:#fff;line-height:3vh;font-family:Impact;padding-top:0vh;} #sch {position:absolute;right:0vw;top:0vh;height:10vh;padding-right: 4vw;z-index: 9999;} #sch dl{position:relative;width: 2.6vh;width: 2.6vh;height:10vh;} #sch img{float: left;height:2.6vh;width: 2.6vh;padding-top: 3.6vh;padding-bottom: 2.8vh;} #sch dd{position:absolute;right:0vh;top: 10vh;padding:0.6vw;border-bottom-left-radius: 0.6vw;border-bottom-right-radius: 0.6vw;display: none;border: solid 1px #ededed;background-color: #fff;} #sch div{background-color: #3767B1;border: solid 1px #ddd;width: 18vw;height:2.2vw;border-radius: 2vw;background-color: #f9f9f9;} #sch .bd1{background-color: #f9f9f9;height:2.2vw;;line-height:2.2vw;font-size:1.6vh;float: left;width: 13.4vw;text-indent: 1vw;border-radius: 2vw;color: #ccc;} #sch .bd2{float: right;height:2.2vw;;line-height:2.2vw;background-color: #1C7DC8;font-size:1.6vh;width: 4vw;color: #fff;border-top-right-radius: 2vw;;border-bottom-right-radius: 2vw;} #sch .bd2:hover{cursor: pointer;opacity: 0.8;} .navtel_1 {display:none;} #topback {display:none;} #flashbg {width:100%;float:left;} .index-main {z-index:55;position:relative;width:100%;margin:0 auto;height:100vh;} .index-main-box {position:relative;display:block;overflow:hidden;} #indexslider {position:relative;width:100%;} .index-img {display:block;width:100vw;height:100vh;overflow:hidden;} .index-img dl {width:100vw;height:100vh;background-size:100vw 100vh;} .index-img dl:nth-child(1) {background-image:url(/video/1.jpg);} .index-img dl:nth-child(2) {background-image:url(/video/2.jpg);} .index-img dl:nth-child(3) {background-image:url(/video/4.jpg);} .index-img dl:nth-child(4) {background-image:url(/video/3.jpg);} .wrapper {width:100%;height:100vh;margin:0 auto;position:relative;background-size:100vw 100vh;} .bannerwg {width:100%;height:100vh;position:absolute;min-width:1200px;top:0px;left:0px;background-position:top center;overflow:hidden;} .wrapper .ad_txt {position:absolute;left:8%;width:84%;top:42vh;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);font-size:1.5vw;line-height:3vw;padding-left:1vw;padding-bottom:1vw;padding-top:0.4vw;text-align:left;background-image:url(../img/bannerbg11.png);text-shadow:black 0.1em 0.1em 0.2em;} .wrapper .ad_txt h2 {font:3vw;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .wrapper .ad_txt p {text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .wrapper .ad_txt a {display:block;width:5.5vw;height:1.2vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#fff;color:#666;text-decoration:none;text-shadow:none;} .wrapper .ad_txt a:hover {display:block;width:5.5vw;height:1.6vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#000;color:#fff;text-decoration:none;text-shadow:none;} #flashbg video {width:100%;height:100%;float:left;object-fit:fill;/*加滤镜*/ /*-webkit-filter:grayscale(100%);*/ /*filter:grayscale(100%);*/} #flashbg source {width:100%;height:100%;float:left;} .videocolse {width:100%;height:100%;} .index-img .Txt4 {font-size:1vw;color:#fff;position:absolute;top:20vw;left:38vw;line-height:1.2vw;padding-top:0.8vw;padding-bottom:0.8vw;padding-left:2vw;padding-right:2vw;border:solid 0.1vw #fff;} .index-pagination {position:absolute;z-index:66;bottom:80px;left:50%;height:30px;width:370px;margin-left:-175px;text-align:center;} .index-pagination li {display:inline-block;width:80px;position:relative;float:left;height:23px;margin-right:10px;overflow:hidden;} .index-pagination li a {position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:3px;color:#5f6a72;text-align:center;} .index-pagination li a div {position:relative;z-index:555;display:block;height:4px;background:#FFF;} .index-pagination li a div span {position:absolute;top:0px;left:0px;height:4px;width:0px;background:#1C7DC8;} .prev {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-position:left center;background-repeat:no-repeat;background-size:4vw 4vw;opacity:0.6;filter:alpha(opacity=60);} .prev:hover {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-size:4vw 4vw;position:left center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);} .next {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;right:0px;z-index:1002;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;background-size:4vw 4vw;opacity:0.6;filter:alpha(opacity=60);} .next:hover {position:absolute;top:42vh;width:100%;right:0px;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);background-size:4vw 4vw;} /*标题*/ .btboxbg {float:left;width:100%;min-width:1000px;} .btbox {width:90%;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%;} .btbox dt {width:100%;color:#333;line-height:2.4vh;height:4.5vh;font-size:3.6vh;float:left;text-align:center;} .btbox dd {width:100%;color:#999;line-height:0.6vw;height:0.6vw;font-size:0.6vw;float:left;text-align:center;padding-bottom:0.2vw;} .btbox p {width:100%;float:left;text-align:center;position:relative;height:11px;} .btboxline {height:0.75vw;line-height:0.75vw;background-image:url(../images/btboxline.png);background-repeat:repeat-x;background-position:center center;padding-left:1.5vw;padding-right:1.5vw;} .btboxtxt {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;} .btboxtxt_1 {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;} /*公司简介*/ #IndexAbout_Bg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden;background-image:url(/images/aboutbg.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;} #IndexAbout{width: 92vw;margin-left: auto;margin-right: auto;text-align: center;} #IndexAboutMain{float:left;width:42vw; text-align: left;padding-right: 30vw;padding-top: 2vh;} #IndexAboutMain dt{font-size: 3.6vh;color: #000;line-height: 4.2vh;padding-top: 23vh;padding-bottom:4vh;} #IndexAboutMain div{font-size:2.6vh;color: #000;line-height: 3.2vh;padding-top: 4vh;padding-bottom: 2.6vh;color: #666;background-image:url(/images/indexa1.png);background-position:left 4.4vh;background-repeat:no-repeat;background-size:4px 3vh;text-indent: 16px;} #IndexAboutMain dd{font-size: 1.8vh;color: #666;line-height: 5vh;height: 25vh;overflow: hidden;} #IndexAboutMore{width:60vw;float:left;padding-top: 0vh;} #IndexAboutMore dl{float:left;padding-bottom:1vh;padding-right: 1vh;} #IndexAboutMore dd{float:left;background-color: #96A4BF;font-size: 1.8vh;padding-top:1.4vh;padding-bottom: 1.4vh;padding-left: 2.8vh;padding-right: 2.8vh;color: #fff; } #IndexAboutMore dd:hover{transition: all 0.3s linear;background-color: #1C7DC8;cursor: pointer;} /*产品中心*/ #PrBg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden; display: flex;justify-content: center;justify-items: center;background-image:url(/images/aboutbg4.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;} #Pr {margin: auto;width:100vw;} #PrMain{float: left;width:76vw;height:20vw;display: flex;justify-content: space-between;padding-left: 12vw;padding-right: 12vw;padding-top: 5vh;} #PrMain ul{width:22vw;height:20vw;position: relative;} #PrMain dl{width:22vw;height:18vw;border-radius: 18px;background-image:url(/images/bk_1.png);} #PrMain div{width: 4vw;height: 4vw;background-image:url(/images/bk_1.png);border-radius: 6vw;padding: 1vw;margin-left: 8vw;margin-right: 8vw;margin-top: 2vw;} .PrImg{float: left;width:4vw;height:4vw;} #PrMain dt{float: left;width:22vw;height:2.8vw;color: #000;font-size: 2.6vh;line-height: 3.6vw;position: relative;margin-top: 0.2vw;text-align: center;font-weight: bold;} #PrMain dd{float: left;width:18vw;padding-left: 2vw;padding-right: 2vw;font-size: 0.8vw;color: #666;line-height: 1.6vw;height: 4.8vw;overflow: hidden;margin-top: 0.6vw;} #PrMain div:nth-child(6){display: none;} #PrMain dl:hover{position:relative;background-color: #1C7DC8;background-image:url();} #PrMain dl:hover dd{color: #fff;opacity: 0.8;} #PrMain dl:hover dt{color: #fff;} #PrMain dl:hover div{background-color: #fff;} .PrArrow{position:absolute;height:0.8vw;width: 0.4vw;top:1vw;right:0.8vw} #PrMore{float: left;width:100vw;height:4.6vh;text-align: center;padding-top: 4vh;} #PrMore font{background-color: #fff;font-size: 1.6vh;padding-top:1.4vh;padding-bottom: 1.4vh;padding-left: 4vh;padding-right: 4vh;color: #666;border-radius: 4vh; } #PrMore font:hover{background-color: #1C7DC8;color: #fff;cursor: pointer;} /*应用领域*/ #FieldBg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden; display: flex;justify-content: center;justify-items: center;background-color: #fff;} #Field {margin: auto;width:100vw;} #FieldMain{float: left;width:92vw;height:28vw;padding-top: 5vh;padding-left: 4vw;padding-right: 4vw;} .FieldGallery {display: flex;flex-direction: row;width: 92vw;height: 28vw;background-color: #0079C9;} .FieldGallery dl {flex: 1;height: 100%;background-position: center;background-size: cover;background-repeat: none;transition: flex 0.8s ease;background-size:23.2vw 28vw;} .FieldGallery dl:hover {flex: 3;cursor: pointer;} .FieldGallery dd{padding-top: 12.5vw;text-align: center;color: #fff;} .FieldGallery font{font-size: 2vh;padding-bottom: 1.6vh;border-bottom: solid 2px #fff;color: #fff;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .FieldGallery dl:nth-child(1){background-image: url('../images/gallery/1.jpg');} .FieldGallery dl:nth-child(2){background-image: url('../images/gallery/2.jpg');} .FieldGallery dl:nth-child(3){background-image: url('../images/gallery/3.jpg');} .FieldGallery dl:nth-child(4){background-image: url('../images/gallery/4.jpg');} .FieldGallery dl:nth-child(5){background-image: url('../images/gallery/5.jpg');} .FieldGallery dl:nth-child(6){background-image: url('../images/gallery/6.jpg');} .FieldGallery dl:nth-child(7){background-image: url('../images/gallery/7.jpg');} .FieldGallery dl:nth-child(8){background-image: url('../images/gallery/8.jpg');} .FieldGallery dl:nth-child(9){background-image: url('../images/gallery/9.jpg');} .FieldGallery dl:nth-child(10){background-image: url('../images/gallery/10.jpg');} #CaseBg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden; display: flex;justify-content: center;justify-items: center;background-image:url(/images/aboutbg2.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;} #Case {margin: auto;width:100vw;} #CaseMain{float: left;width:92.4vw;height:25vw;padding-left: 3.8vw;padding-right: 3.8vw;padding-top: 5vh;} #CaseMain div{float: left;width:10vw;height:6.8vw;padding-left: 0.76vw;padding-right: 0.76vw;padding-bottom: 1.5vw;} #CaseMain dl{float: left;width:10vw;height:6.8vw;overflow: hidden;position: relative;border-radius: 0.4vw;} #CaseMain img{float: left;width:10vw;height:6.8vw;border-radius: 0.4vw;} #CaseMain dl:hover{position:relative;animation:myfirst 2s;} #CaseMain div:nth-child(25){display: none;} #NewsBg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden; display: flex;justify-content: center;justify-items: center;background-image:url(/images/aboutbg3.png);background-position:top center;background-repeat:no-repeat;background-size:40vw 25vw;background-color: #fff;} #News {margin: auto;width:100vw;} #NewsMain{float: left;width:92.2vw;height:45vh;padding-left: 4vw;padding-right: 4vw;padding-top: 5vh;} #NewsBoxBg {float:left;border-top:0.16vw solid #EDF2F5;border-right:0.16vw solid #EDF2F5;} .NewsBox {height:22vh;width:30.5vw;float:left;background:#fff;border-left:0.16vw solid #EDF2F5;border-bottom:0.16vw solid #EDF2F5;} .NewsBox:hover {box-shadow:0 0 30px #A3BDCD;transition:all 0.5s linear;cursor:pointer;} .NewsBox:hover dt {padding-left:2.2vh;color:#1C7DC8;transition:all 0.5s linear;} .NewsBox:hover .Newsright dt {background-image:url(../images/jiantou.png);background-repeat:no-repeat;background-size:1.6vh 1.6vh;background-position:left bottom;} .NewsLeft {float:left;width:8vw;text-align:center;} .NewsLeft dt {font-size:5vh;color:#555;padding-top:8.1vh;} .NewsLeft dd {font-size:1.4vh;color:#666;padding-top:3vh;} .Newsright {float:left;width:20vw;text-align:left;} .Newsright dt {font-size:2.2vh;color:#333;padding-top:6.3vh;line-height:2.4vh;height:2.4vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .Newsright dd {font-size:1.6vh;color:#777;padding-top:1.6vh;line-height:3vh;height:6vh;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #NewsMore{float: left;width:100vw;height:4.6vh;text-align: center;padding-top: 4vh;} #NewsMore font{background-color: #fff;font-size: 1.6vh;padding-top:1.2vh;padding-bottom: 1.2vh;padding-left: 3.8vh;padding-right: 3.8vh;color: #666;border-radius: 4vh;border: solid 0.2vh #ededed; } #NewsMore font:hover{background-color: #1C7DC8;color: #fff;cursor: pointer;border: solid 0.2vh #1C7DC8; } #YsBg {float:left;width:100vw;height:90vh;position:relative;overflow:hidden; display: flex;justify-content: center;justify-items: center;background-image:url(/images/aboutbg3.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;} #Ys {margin: auto;width:100vw;} #YsMain{float: left;width:92vw;display: flex;justify-content: space-between;padding-left: 4vw;padding-right: 2vw;padding-top: 5vh;} #YsMain dl{width:14vw;background-color: #fff;text-align: center;box-shadow: 0 2px 4px 2px #ccc;padding-bottom: 4vh;} #YsMain dd{width:12vw;font-size: 1.6vh;line-height: 3vh;padding-left: 1vw;padding-right: 1vw;color: #666;padding-top: 2vh;height: 12vh;overflow: hidden;} #YsMain dt{width:12vw;font-size: 2.2vh;line-height: 2.0vh;padding-left: 1vw;padding-right: 1vw;color: #333;} #YsMain img{float: left;width:5vw;height:5vw;padding-left: 4.5vw;padding-right: 4.5vw;padding-top: 3vw;padding-bottom:2vw;} #YsMain dl:hover{position:relative;animation:myfirst 2s;} #ApplyMsg{width: 100%;text-align: center;position: fixed;top:0px;left:0px;z-index: 9999;} #ApplyMsg font{font-size: 2vh;line-height: 2vh;color: #fff;background-color: #000;padding-left: 4vh;padding-right: 4vh;padding-top: 2vh;padding-bottom: 2vh;border-radius: 0.6vh;} /*低部*/ #btmbg {float:left;width:100%;background-color:#252525;padding-bottom:2vh;} #btmbg a {text-decoration:none;color:#B6CFDF;} #btmbg a:hover {color:#fff;text-decoration:underline;} #btmtop {width:92%;margin-right:auto;margin-left:auto;padding-top:8vh;padding-left:4%;padding-right:4%;} #btm_left {width:80%;float:left;height: 50vh;overflow: hidden;} .btm_one {float:left;font-size:2vh;padding-right:6vw;color:#fff;line-height:6vh;} .btm_two {line-height:6vh;font-weight:normal;padding-top:1vw;font-size:1.7vh;opacity: 0.8;height: 42vh;} #btm_left li{color:#fff;cursor: pointer;} #btmtop_left li {display:inline;color:#fff;padding-right:2vw;} #btm_right {width:8vw;float:right;border-right:solid 1px #3B3B3B;padding-right:4vw;padding-left:4vw;border-left:solid 1px #3B3B3B;} #btm_right1 {width:8vw;float:right;} #btm_right2 {width:8vw;float:right;padding-top:1.2vw;position:relative;background-color:#2589FF;} .btm_right2v {width:16px;height:16px;position:absolute;top:3.2vw;right:4vw;} .btm_right2img {width:4vw;height:4vw;float:left;border-radius:0.2vw;padding-top:0.1vw;} #btm_right2 dl {width:8.3vw;padding-left:0.7vw;float:left;} #btm_right2 dt {font-size:0.1vw;color:#BFBFBF;} #btm_right2 dd {font-size:0.9vw;color:#BFBFBF;padding-top:0.4vw;} #btm_right2 dd font {color:#BFBFBF;font-weight:bold;} .btm_right2btn {width:3.66vw;height:1.2vw;float:left;} .btm_right2btn:hover {opacity:0.8;filter:alpha(opacity=80);cursor:pointer;} #btm_right3 {padding-top:1vw;width:13vw;float:right;height:36px;overflow:hidden;opacity:0.5;} #btm_right3:hover {opacity:0.9;} #btm_right1 dl {width:7vw;float:right;padding-bottom:1.2vw;} #btm_right1 dl:nth-child(1) {width:7vw;float:right;padding-left:1vw;} #btm_right1 img {width:7vw;float:right;float:left;} #btm_right1 dt {width:7vw;color:#fff;font-size:0.85vw;line-height:0.8vw;padding-bottom:0.5vw;padding-top:1vw;text-align:center;float:left;text-align:center;font-weight: bold;} #btmcopybg {float:left;width:100%;background-color:#252525;padding-top:6vh;border-top: solid 1px #3B3B3B;} #btmcopy {width:92%;margin-right:auto;margin-left:auto;line-height:4vh;color:#fff;font-size:1.6vh;padding-left:4%;padding-right:4%;font-weight:normal;opacity: 0.8;} #btmcopy a {text-decoration:none;color:#fff;} #btmcopy a:hover {color:#fff;text-decoration:underline;} #btmcopyleft {float:left;text-align:left;padding-bottom:2vh;} /*在线客服*/ #service{width:20vh;position:fixed;bottom: 24vh;right:0px; z-index:999999;font-family:Impact;display: none;} #service li{float:left;width:20vh;height:5.4vh;} #service .Mr{float:left;width:5vh;height:5vh;} #service li img{float:right;} #service li a{height:6vh;float:right;display:block;min-width:5vh;max-width:25vh;} #service li a .shows{display:block;width:5vh;height:5vh;} #service li a .hides{float:left;cursor:pointer;cursor:hand;width:25vh;} #service dd{float:right;width:20vh;height:5vh;line-height: 5vh;margin-left:0vh;text-align:center;color: #1C7DC8;background-color: #fff;font-size: 2.2vh;} #top_btn{width:5vh;height:5vh;} #top_btn:hover{opacity: 0.8;} } img {margin:0 auto;display:block;} /**/ @keyframes myfirst {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } /**/@keyframes mytwo {0% {left:0px;top:0px;} 100% {left:0px;top:-100px;} } @keyframes rotate { 0% { transform-origin:center; transform:rotate3d(0,0,1,0deg); } 100% { transform-origin:center; transform:rotate3d(0,0,1,360deg); } } @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.1); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.1); } } @keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:.5} } @-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:0.5} } @keyframes arrow {%0,%100 {bottom:5px;opacity:1;} 50% {bottom:10px;opacity:.5} } @-webkit-keyframes arrow {%0,%100 {bottom:5px;opacity:1;} 50% {bottom:10px;opacity:.5} } @keyframes cf4FadeInOut { 0% { opacity: 1; } 100% { opacity: 0.8; transform:scale(1.2); } } @keyframes cf4FadeInOutflash { 0% { opacity: 1; } 100% { opacity: 0.8; } } .Hana{ opacity:1;animation:keyframes 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrowaa 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;cursor:pointer;overflow:hidden;top:0px;left:0%;} .Hanb{ opacity:1;animation:keyframes 2s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrowaa 2s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;cursor:pointer;overflow:hidden;top:0px;left:0%;} @keyframes btboxarrowaa{ %0,%100{bottom:0px; opacity:1;} 50%{top:20px; opacity:.9} } .btboxarrow{ opacity:1;animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:0px;left:50%;margin-left:-6px;width:21px;height:11px;cursor:pointer;overflow:hidden;} @keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:.5} } @-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:0.5} } @keyframes arrow {%0,%100 {bottom:10px;opacity:1;} 50% {bottom:20px;opacity:.5} } @-webkit-keyframes arrow {%0,%100 {bottom:10px;opacity:1;} 50% {bottom:20px;opacity:.5} } } img {margin:0 auto;display:block;} /**/ @keyframes myfirst {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } /**/@keyframes mytwo {0% {left:0px;top:0px;} 100% {left:0px;top:-100px;} } @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.1); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.1); } }