/* .TextList002205 为demo编号 */ .TextList002205{ padding-bottom:3%;} .TextList002205 .siderLeft{ width:16.7%; float:left;} .TextList002205 .siderLeft ul li{ text-align:center; line-height:38px;} .TextList002205 .siderLeft ul li+li{ border-top:1px solid #fff;} .TextList002205 .siderLeft ul li > a{ display:block;background:#f4f4f4; } .TextList002205 .siderLeft ul li.cur > a{ background:#3575DE; color:#fff;} .TextList002205 .list{ float:right; width:82.3%;} .TextList002205 .list .item{ margin-bottom:10px;} .TextList002205 .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/TextList002205-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;} .TextList002205 .list .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item .Q>a{ color:#333333; font-size:14px;} .TextList002205 .list .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#3575DE;} .TextList002205 .list .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; display:none;} .TextList002205 .list .item .A em.icon{ background:#f9f9f9;color:#3575DE;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item.active .Q em.icon{ background:#3575DE; color:#fff;} .TextList002205 .list .item.active i.icon{ background-position:-44px -70px;} /* .PicList002313 为demo编号 */ .Floor001891 { margin-bottom: 3%; margin-top: 1%;} .Floor001891 li{ margin: 10px 0; border: 1px solid #eee;} .Floor001891 li .inner{ position: relative; min-height: 146px; background: #eee;} .Floor001891 li .pic{ position: absolute; top: 0; left: 0; width:283px; height: 100%; overflow: hidden;} .Floor001891 li .pic img{ height: 100%; width: 100%; max-width: none;} .Floor001891 li .icon{ border-radius: 50%; background-color: #87b2c7; position: absolute; top: 50%; left: -34px; margin-top: -34px; padding: 15px; box-shadow: -1px 0px 0 2px #fff; transition: background-color .3s ease-out; -webkit-transition: background-color .3s ease-out;-moz-transition: background-color .3s ease-out; -ms-transition: background-color .3s ease-out;} .Floor001891 li .icon img{ width: 35px; height: 35px; transition: transform .5s ease-in-out;; -webkit-transition: -webkit-transform .5s ease-in-out;;-moz-transition: -moz-transform .5s ease-in-out; -ms-transition:-ms-transform .5s ease-in-out;} .Floor001891 li .text{ position: relative; margin-left: 263px; height: 146px;} .Floor001891 li .text figure{ padding: 10%;} .Floor001891 li .text .h3{ margin: 0; font-size: 16px;} .Floor001891 li .text .h3 a{ color: #333;} .Floor001891 li:hover .text .h3 a{ color: #3575de;} .Floor001891 li .text .con{ font-size: 14px; color: #555; line-height: 22px; margin: 10px 0; height: 66px; overflow: hidden;} .Floor001891 li .text .more{ position: absolute; right: 10%; bottom: 10px; background:#87b2c7 url(../images/PicList002313-icon.png) no-repeat center; width: 20px; height: 20px; display: block; border-radius: 50%;} .Floor001891 li:hover .icon,.Floor001891 li:hover .text .more{ background-color: #3575de;} .Floor001891 li:hover img{ transform: rotateY(360deg);} @media only screen and (max-width: 480px){ .Floor001891 li .pic{width:183px;} .Floor001891 li .text{margin-left: 183px;} .Floor001891 li .icon{ left:-29px; margin-top: -29px;} .Floor001891 li .icon img{ width: 25px; height: 25px;} } @media only screen and (min-width: 768px) { .Floor001891 .ul li{ float: left; width: 48%;} .Floor001891 li:nth-child(2n){ margin-left: 4%;} .Floor001891 li .pic{width:183px;} .Floor001891 li .text{margin-left: 183px;} .Floor001891 li .pic img{ position: relative;} .Floor001891 li .icon{ left:-29px; margin-top: -29px;} .Floor001891 li .icon img{ width: 25px; height: 25px;} } @media only screen and (min-width: 1200px) { .Floor001891 li .pic{width:290px;} .Floor001891 li .text{margin-left: 300px;} .Floor001891 li .icon{ left:-34px; margin-top: -34px;} .Floor001891 li .icon img{ width: 35px; height: 35px;} } /*Menu002169 */ .Menu002169{ padding-bottom:2%;} .Menu002169 dt{ text-align:right; background:url(../images/Menu002169-icon_home.gif) no-repeat right center;font-size:12px; padding:30px 20px 30px 0; color:#999;} .Menu002169 dt a{ background:url(../images/Menu002169-cur_a.gif) no-repeat right center; padding-right:10px; margin-right:5px;color:#999;} .Menu002169 dt span{ color:#006cba;} .Menu002169 dd{ width:180px; line-height:80px; background:#3575de; font-size:24px; color:#fff; text-align:center; position:relative; z-index:1; margin-top:-30px;} .Menu002169 dd:before{ content:''; width:15px; height:3px; background:#fff; margin-right:5px; vertical-align:middle; display: none;} .Menu002169 nav{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f9f9f9; line-height:50px;height:52px; margin-top:-52px;} .Menu002169 nav ul{ float:right;} .Menu002169 nav li{ float:left; margin-left:30px; } .Menu002169 nav li:after{ display:block; width:0; height:0; margin:0 auto;content:'';border:6px solid transparent; border-bottom:0;} .Menu002169 nav li a{ display:block; padding:0 12px; position:relative;} .Menu002169 nav li a:after{ position:absolute; left:0; width:100%; height:3px; content:''; bottom:-1px;} .Menu002169 nav li.aon a:after{background:#d42219;} .Menu002169 nav li.aon:after{border-top-color:#d42219;} .Menu002169 nav li.aon{ font-weight:bold; } .Menu002169 nav li a:hover, .Menu002169 nav li.aon a{color:#d42219;} @media(max-width:1200px){ .Menu002169 nav li{margin-left:20px; } } @media(max-width:1000px){ .Menu002169 dd, .Menu002169 nav{margin-top:0;} .Menu002169 nav ul{ float:none;} } @media(max-width:1000px) and (min-width:641px){ .Menu002169 dl{ overflow:hidden;} .Menu002169 dd{ float:left;} .Menu002169 dt{ float:right; } } @media(max-width:768px){ .Menu002169 nav{height:auto; line-height:40px;} .Menu002169 nav li{ margin:0; width:25%; text-align:center;} .Menu002169 nav li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} } @media(max-width:640px){ .Menu002169{margin-top: 2%;} .Menu002169 dt{ padding-top:15px; padding-bottom:15px;} .Menu002169 dd{ width:auto; line-height:normal; text-align:left; padding:2%; background-position: right top; background-size:contain;} } @media(max-width:480px){ .Menu002169 dd{ font-size:20px;} .Menu002169 nav li{ width:33.33333333333%;} } /* .RighInfo002223 为demo编号 */ .RighInfo002223{ background-color: #fff; } .RighInfo002223 .auto{ padding-top: 2%; padding-bottom: 3%; } .RighInfo002223 .pic{ margin-top: 20px; } .RighInfo002223 .h3{ color:#3575de;line-height:1.6;margin:0; font-size: 20px; } .RighInfo002223 .h4{ font-size:16px;color:#1f71c3;margin:30px 0px 0 0; } .RighInfo002223 .h3:after,.RighInfo002223 .h4:after{ width:50px;height:2px;background:#3575de;border:none;margin:15px 0px; content: ""; display: block; } .RighInfo002223 .ul{ margin: 0; clear: both; } .RighInfo002223 .ul li{ font-size:14px;line-height:2.245; } .RighInfo002223 .ul li span{ font-family:Arial;font-size:16px;color:#1f71c3;font-weight:bold; } .RighInfo002223 p{ line-height:2.245;font-size:14px;color:#666;margin:0px 0px 25px;clear:both; } .RighInfo002223 .h5{font-size: 24px;color: #3575de;margin: 2% 0;} .RighInfo002223 .h6{font-size: 24px;color: #3575de;margin: 2% 0;} @media screen and (min-width: 1024px){ .RighInfo002223 .h3{ font-size: 24px; } .RighInfo002223 .pic{ width:23.765%; } .RighInfo002223 .con{ width:71.235%; } } @media screen and (min-width: 768px){ .RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 25px 0;} .RighInfo002223 .h4{ font-size:18px; margin-top: 55px; } .RighInfo002223 .pic{ float:right;width:40%;margin-top:100px; } .RighInfo002223 .con{ float:left; width:56%; } } @media screen and (max-width: 640px){ .RighInfo002223 .h5{ font-size: 18px;} } @media screen and (max-width: 480px){ .RighInfo002223 .h5{font-size: 16px;} .RighInfo002223 .h6{font-size: 14px;} } /*Top002057 */ .Top002057{ position:relative;z-index:100; border-top:3px solid #3575de;} .Top002057 .header{ height:100px;} .Top002057 .header-left{ float:left; display:table; height:100%; width: 50%;max-width: 332px;} .Top002057 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002057 .header-right{ float:right;} .Top002057 .header-top{ padding:15px 0;} .Top002057 .header-top dl{ float:right;} .Top002057 .header-top dd{ line-height:30px; float:left;} .Top002057 .header-top dd > a{display: block;height:30px; width:30px;} .Top002057 .top-language a{text-align: center;color: #fff;border-radius: 50%;background: #3575de; font-size: 12px;} .Top002057 .top-search{ position:relative; padding-right:5px; margin-right:5px;} .Top002057 .top-search .open-search{ background:url(../images/Top002057-searchBtn.png) no-repeat center center;} .Top002057 .top-search .search-box{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0; transition:0.3s;} .Top002057 .top-search-on .search-box{ width:220px; opacity:1;} .Top002057 .text{width: 100%;line-height: 30px;height: 30px;background: none;padding: 0 45px 0 10px;color: #666;border: 1px solid #dae4eb;border-radius: 30px;} .Top002057 .btn{ position:absolute; right:0; top:0; height:100%; width:40px; transform:translateX(100%);transition:0.5s 0.3s;} .Top002057 .top-search-on .btn{transform:translateX(0);} .Top002057 .header-menu li{ width:auto !important; padding:0 20px;} .Top002057 .header-menu li:last-child{ padding-right:0;} .Top002057 .header-menu li em a{ color:#333; height:40px; border-bottom:2px solid transparent;font-size: 16px;} .Top002057 .header-menu li.aon em a, .Top002057 .header-menu li em a:hover{ border-bottom-color:#d42219; color:#d42219;} .Top002057 .header-menu li .sub-menu dt a:hover{ background:none; color:#3575de;} .Top002057 .sub-menu dl{ padding:8px 0;} .Top002057 .sub-menu .has-icon img.off{ display:none;} .Top002057 .sub-menu .has-icon:hover img.on{ display:none;} .Top002057 .sub-menu .has-icon:hover img.off{ display:inline-block;} .Top002057 .sub-menu-layer{background:rgba(255,255,255,0.4);} @media(max-width:1024px){ .Top002057 #header-menu, .Top002057 #open_menu{ position:absolute; } .Top002057 #header-menu { display:none;top:100%;width:100%; max-width:200px; border-radius:0 0 0 5px;right:0;background:rgba(85, 85, 85, 0.8);} .Top002057 #header-menu li:last-child em a{ border-bottom:0;} .Top002057 #header-menu li.has-sub em a{ background:url(../images/Top002057-a.png) no-repeat 95% center;} .Top002057 #header-menu li .sub{ background:#fff;} .Top002057 #header-menu li .sub dt a{ color:#006cba;} .Top002057 #open_menu{ right:2%;width:50px; height:32px; background-color:#006cba; border-radius:5px 5px 0 0; bottom:0;} .Top002057 #open_menu i, .Top002057 #open_menu i::before, .Top002057 #open_menu i::after{ background:#fff;} .Top002057 #open_menu i{ height:3px; margin-top:-1.5px;width:60%; left:20%;} .Top002057 #open_menu::before{ position:absolute; content:''; left:20%; margin-left:5px; width:3px; height:100%; background:#006cba; z-index:2;} .Top002057 #open_menu.open_menu_on::before{ opacity:0;} } @media(max-width:480px){ .Top002057 .text{ background:#fff} .Top002057 .btn{ background:url(../images/Top002057-searchBtn.png) no-repeat center center;} } .header-menu li .sub dt a{padding: 0 8px!important;} /*Banner002058 */ .Banner002058{ position:relative; z-index:1;} .Banner002058 .bx-viewport{ z-index:1;} .Banner002058 li a, .Banner002058 li{ height:780px;} .Banner002058 .sub{ height:400px;} .Banner002058 li{ background-position: center top; background-repeat:no-repeat;} .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 li figure{ position:absolute; left:18.75%; width:62.5%; top:50%; height:126px; transform:translateY(-50%);} .Banner002058 li figure *{ position:absolute; left:0; opacity:0; } .Banner002058 li figure.active *{ opacity:1;} .Banner002058 li h1{ margin:0; font-size:50px; color:#fff; top:-100%;transition:top 1s;} .Banner002058 li span{width:131px; border:2px solid #fff; line-height:36px; text-align:center; color:#fff; border-radius:50px;bottom:-100%;transition: 1s;} .Banner002058 li figure.active h1{ top:0; text-shadow: 20px 20px 200px #000;} .Banner002058 li figure.active span{bottom:0;transition: 1s;text-shadow: 20px 20px 200px #000;} .Banner002058 .bx-controls-direction a{ z-index:10;position:absolute; width:49px; height:49px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center; background-size:contain;} .Banner002058 .bx-controls-direction a.bx-prev{ left:2%;} .Banner002058 .bx-controls-direction a.bx-next{ right:2%; background-image:url(../images/Banner002058-btn_right.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{ background-image:url(../images/Banner002058-btn_lefton.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{ background-image:url(../images/Banner002058-btn_righton.png);} .Banner002058 .bx-pager{ position:absolute; left:0; bottom:5%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{width:13px; height:13px;} .Banner002058 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002058 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; border-radius:50%; background:#fff; } .Banner002058 .bx-pager div a.active{ background:#3575de;} @media(max-width:1000px){ .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} } @media(max-width:768px){ .Banner002058 li figure{ height:90px;} .Banner002058 li figure h1{ font-size:30px;} .Banner002058 .bx-controls-direction a{ width:30px; height:30px;} } @media(max-width:480px){ .Banner002058 li figure{ height:70px;} .Banner002058 li figure h1{ font-size:20px;} .Banner002058 li figure span{ line-height:26px; width:110px;} .Banner002058 .bx-pager *{width:9px; height:9px;} } /* .Banner002187 为demo编号 */ .Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:400px; display:block;} .Banner002187 img{ display:none;} @media (max-width: 1000px){ .Banner002187 span{ height:auto; background:none; height:auto;} .Banner002187 img{ display:block;} } /* .Floor002349 为demo编号 */ /* .Floor002349 为demo编号 */ .Floor002349{ background: #f5f5f5; padding: 4% 0;} .Floor002349 .list li,.Floor002349 .list li *{transition: all .3s ease-in;} .Floor002349 .wrap-head{ } .Floor002349 .wrap-head .h2{ margin: 0 0 30px 0;} .Floor002349 .wrap-head .tab{ position: relative;} .Floor002349 .wrap-head .tab a{ display: inline-block; width: 180px; margin: 0 0.5%; font-size: 16px; color: #d42219; border:1px solid #d42219; line-height: 40px; border-radius: 40px;} .Floor002349 .wrap-head .tab a.on,.Floor002349 .wrap-head .tab a:hover{ color: #3575de; background:#3575de; color: #fff;border-color:#3575de;} .Floor002349 .listbox{overflow: hidden; max-height: 50%;position: relative;padding: 0 3%;} .Floor002349 .list .owl-carousel .owl-stage-outer{ padding: 10px 0;} .Floor002349 .list{ padding: 2% 0 0 0; display: none; position: relative;} .Floor002349 .list li{background: #fff;text-align: center;position: relative;} .Floor002349 .list li .pic{display: block;width: 100%;height: 280px;background-position: center;background-repeat: no-repeat;background-size: contain;} .Floor002349 .list li .pic span{ position: relative; bottom: -25%; display: inline-block;} .Floor002349 .list li .pic img{max-height: 140px; display: inline; max-width: 140px; width:100%; position: relative; z-index: 2;} .Floor002349 .list li .word{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0%;color: #fff;background-color: rgba(0,0,0,0.6);transition: 0.3s;} .Floor002349 .list li .word .h3{font-size: 16px;text-transform: uppercase;overflow: hidden;white-space: nowrap;line-height: 30px;color: #fff;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin: 0;} .Floor002349 .list li .word .h3 a{color: #fff;} .Floor002349 .list li .word figure{height: 0;overflow: hidden;transition: 0.5s;} .Floor002349 .list li:hover .h3{padding-top:5%;} .Floor002349 .list li:hover figure{ height:140px; padding:10px; } .Floor002349 .list li:hover dl{ background-color:rgba(0,0,0,0.8); text-align: center;} .Floor002349 .list li .pic span:before{display: block; content: ""; position: absolute; top: 3px; left: 25%;width: 0; height: 0; overflow: hidden; border-radius: 50%; transition: all .3s ease-in-out;} .Floor002349 .list li:hover .pic span:before{ box-shadow: 0 0 115px 0 rgba(255,255,255,.8); width: 50%; height: 50%;} .Floor002349 .btns a{display: inline-block; position:absolute;top:50%;transform:translateY(-50%);color: #666;cursor: pointer;padding: 15px;font-size: 50px;z-index: 99;} .Floor002349 .btns a.prev{left: -5%;} .Floor002349 .btns a.next{right: -5%;} .Floor002349 .btns a:hover{ color: #3575de;} @media only screen and (max-width:1023px ) { .Floor002349 .wrap-head .h2 img{ height: 35px;} } @media only screen and (max-width:899px ) { .Floor002349{ padding: 13% 2% 10%;} .Floor002349 .wrap-head,.Floor002349 .btns{ text-align: center;} .Floor002349 .btns a{padding: 10px;font-size: 42px; } } @media only screen and (max-width: 480px) { .Floor002349 .wrap-head .h2 img{ height: 25px;} .Floor002349 .wrap-head .tab a{width: 100%;margin-left: 0;/* padding: 10px 0; */text-align: center;background: #e1e1e1;margin-bottom: 1px;line-height: 30px;margin: 5px 0;} .Floor002349 .list li .pic{height: 180px;} .Floor002349 .wrap-head .tab a.on, .Floor002349 .wrap-head .tab a:hover{background:#fd6500;} } @media only screen and (min-width: 900px) { .Floor002349{ padding-left: 0; padding-right: 0;} .Floor002349 .wrap-head,.Floor002349 .btns{ text-align: center;} } /*carousel 公共样式只留一份*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*Floor002059 */ .Floor002059{ padding:4% 0; background:url(../images/Floor002059-bg.jpg) no-repeat center top; background-size:cover;} .title{ margin:0 0 2% 0;font-size: 28px;text-align: center;color: #3575de;} .title:after{display: block; content:'';width: 20px;height: 2px;background: #3575de; margin:0 auto; margin-top:13px;} .title2 { text-align: left; color: #fff;} .title2:after{margin-left: 0; background: #fff;} @media(max-width:640px){ .title2{font-weight: normal;font-size: 20px;} .title{font-weight: normal;font-size: 22px;} } @media(max-width:480px){ .title2{font-size: 18px;} } .Floor002059 li{ /*float:left; width:23.5%; margin-right:2%;*/ margin-bottom:3%; position:relative; padding-bottom:120%;} .Floor002059 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002059 li figure, .Floor002059 li div{ position:absolute; left:0; width:100%;} .Floor002059 li figure{ height:50%; transition:top 0.3s; top:0;} .Floor002059 li figure img{ display:none;} .Floor002059 li div{ background-color:#fff; bottom:0; height:50%; padding:0 10%; transition:0.3s;} .Floor002059 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;} .Floor002059 li aside{ position:absolute; top:53%; margin-top:-50px; z-index:10; left:50%; width:80px; height:80px; margin-left:-40px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .Floor002059 li aside img{ display:block; width:100%; height:100%;} .Floor002059 li aside img.hover{ display:none;} .Floor002059 li h5{ margin:0 0 15px 0; font-size:16px; text-align:center; padding-top:20%;} .Floor002059 li p{ line-height:24px; overflow:hidden; height:50px; margin:0; overflow: hidden; text-align: center;} .Floor002059 li:hover div{ color:#fff;background:#3575de;} .Floor002059 li:hover aside{background:#3575de;} .Floor002059 li:hover aside img{ display:none;} .Floor002059 li:hover aside img.hover{display:block;} .Floor002059 .owl-carousel{ position:relative;} .Floor002059 .owl-carousel .owl-nav{ display:block !important;} .Floor002059 .owl-carousel .owl-nav div{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; left:-50px; overflow:hidden; line-height:1000px; } .Floor002059 .owl-carousel .owl-nav div::before{ position:absolute; content:''; width:24px; height:24px; border-right:2px solid #6a6a6a; border-top:2px solid #6a6a6a; transform:rotate(45deg); line-height:0; left:40%; top:40%; margin-top:-7px; margin-left:-7px; } .Floor002059 .owl-carousel .owl-nav div.owl-next{ left:auto; right:-50px;} .Floor002059 .owl-carousel .owl-nav div.owl-prev::before{ border:0; border-left:2px solid #6a6a6a; border-bottom:2px solid #6a6a6a;} .Floor002059 .owl-carousel .owl-nav div:hover{} .Floor002059 .owl-carousel .owl-nav div:hover::before{ border-color:#3575de;} @media(min-width:769px){ .Floor002059 li:nth-child(4n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .Floor002059 li p{ height:48px;} .Floor002059 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .Floor002059 ul{ margin:0 auto; max-width:400px;} .Floor002059 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /* .Floor001640 为demo编号 */ .Floor001640{padding-top:4%;padding-bottom: 3%;background: url(../uploadfiles/cBg.jpg);} .Floor001640 .txt .info p{line-height: 30px;} .Floor001640 .txt{ float:left;width:48%;} .Floor001640 .txt figure{ padding-bottom:3%; position:relative;} .Floor001640 .txt figure::before{ position:absolute; content:''; width:50px; height:2px; background-color:#2078da; left:0; bottom:-2px;} .Floor001640 .txt figure h1{ font-size:24px; font-weight:normal; margin:0; color:#555;} .Floor001640 .txt figure span{ color:#d5d5d5; text-transform:uppercase;} .Floor001640 .txt .info{ padding: 3% 0 4% 0;line-height: 22px; color: #fff;} .Floor001640 .all_more{ border:1px solid #fff; font-weight:bold; font-size:0.8em; display:inline-block; line-height:2.85em; padding-left:2.5em; padding-right:3.5em; border-radius:30px; background:url(../images/Floor001640-a_more.png) no-repeat 90% center;transition:all ease 0.5s; color: #fff;} .Floor001640 .all_more:hover{ padding-right:2.5em; background-color:#2078da; background-position:120% center; color:#fff; transition:all ease 0.5s; border-color: #2078da;} .Floor001640 .pic{ float:right; width:48%;} .Floor001640 .pic img{ width:100%;} @media(max-width:768px){ .Floor001640 .txt, .Floor001640 .pic{ float:none; width:auto;} } @media(max-width:640px){ .Floor001640 .txt .info{height: 144px;overflow: hidden;} .Floor001640 .txt .info p{line-height: 26px;} .Floor001640 .all_more{margin-bottom: 15px;} } @media(max-width:480px){ .Floor001640 .txt figure h1{ font-size:20px;} .Floor001640 .txt .info{height: 156px;margin-bottom: 20px;} .Floor001640 .txt .info p{line-height: 25px; font-size: 12px;} .Floor001640 .txt .info{ height: 130px;} } /* .Floor002358 为demo编号 */ .Floor002358 { padding:4% 0; background:#f2f2f2; } .Floor002358 .auto{ position:relative;} .Floor002358 .list{ width:100%; position: relative;} .Floor002358 .bd{ } .Floor002358 .bd ul{ margin: 0; padding: 0 10px;} .Floor002358 .bd li{ width: 100%; margin: 0 0 15px; transition:.5s; display: block;} .Floor002358 .bd li:hover{} .Floor002358 .list .iconfont{ position: absolute; top: 50%; margin-top: -35px; width: 50px; height: 50px; font-size: 50px; text-align: center; cursor: pointer; color: #6A6A6A; font-weight: lighter;} .Floor002358 .list .iconfont:hover{ color: #3575de;} .Floor002358 .list .prev{ left: -50px;} .Floor002358 .list .next{ right: -50px;} @media only screen and (min-width:1024px ) { } @media only screen and (max-width:1360px ) { .Floor002358 .list{ padding: 0 50px;overflow:hidden;} .Floor002358 .list .iconfont{ font-size: 40px; width: 40px; height: 40px; margin-top: -20px;} .Floor002358 .list .prev{ left: 0;} .Floor002358 .list .next{ right: 0;} } @media only screen and (max-width:767px ) { .Floor002358 .title{ padding-bottom: 20px;} .Floor002358 .list{ padding: 0 15px 0 0;} .Floor002358 .list .iconfont{ display: none;} .Floor002358 .title{ font-size: 24px;} .Floor002358 .title:after{ margin-top: 20px;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /*Floor001855 */ .Floor001855{ padding:4% 0;background: url(../uploadfiles/cBg.jpg);} .Floor001855 .bigPic{ position:relative; padding:3% 0;} .Floor001855 .bigPic .Ispic{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:auto 100%; background-color:#e5f1f8; background-position:left top;} .Floor001855 .list dt{ float:left;width: 16%;margin-right:0.8%;margin-top:0.8%; cursor:pointer; transition:0.3s; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} .Floor001855 .list dt figure{ padding-bottom:50%; position:relative;} .Floor001855 .list dt figure span{ position: absolute;display: block; width: 100%; height: 100%; line-height: 100px; text-align: center; background: rgba(0,0,0,0.5);color: #fff;} .Floor001855 .list dt.on figure span{ background: rgba(0,0,0,0.2)} .Floor001855 .list dt img{ display:none;} .Floor001855 .list dt:last-child{ margin-right:0;} .Floor001855 .list dt.on, .Floor001855 .list dt:hover{filter: url("data:image/svg+xml;utf8"); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: ; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); } .Floor001855 .txt{ position:relative; z-index:1; margin:0 2% 0 58%; background-color:#fff; padding:7% 3%;} .Floor001855 .txt .title{font-size:30px;color:#555; text-transform:uppercase; text-align:right;} .Floor001855 .txt .title:before, .Floor001855 .txt .title:after{ content:''; background-color:#555;} .Floor001855 .txt .title:before{ float:left;width:40px; height:2px;} .Floor001855 .txt .title:after{ display:inline-block; width:2px; height:40px; margin-top:10px;} .Floor001855 .txt .title a{ color:#555;} .Floor001855 .txt .title span{ display:block; font-size:24px;} .Floor001855 .txt dd{ position:relative; } .Floor001855 .txt dd img{ position:absolute; right:5%; bottom:0; width:30%;} .Floor001855 .txt dd a{ display:block; color:#888;} .Floor001855 .txt dd a:after{ display:block; content:''; background:url(../images/Floor001855-icon.png) no-repeat left center; height:9px;} .Floor001855 .txt dd h1, .Floor001855 .txt dd h2{ margin:0; font-weight:normal;color:#555;} .Floor001855 .txt dd h1{ font-size:28px; text-transform:uppercase; margin-bottom: 30px; color: #3575de;font-weight: bold;} .Floor001855 .txt dd h1::after{ content: ''; background: #3575de; width: 20px; height: 2px; left: 0; top: 50px; position: absolute;} .Floor001855 .txt dd h2{font-size:18px;} .Floor001855 .txt dd p{ line-height:22px; height:70px; overflow:hidden;} .Floor001855 .txt dd ul{ display:table; width:100%; color:#555; padding:15px 0;} .Floor001855 .txt dd ol, .Floor001855 .txt dd li{display:table-cell; vertical-align:middle;} .Floor001855 .txt dd ol{ width:136px;} .Floor001855 .txt dd ol:after{ display:inline-block; content:''; width:28px; height:1px; background-color:#555; vertical-align:middle; margin-left:5px;} .Floor001855 .txt dd li{ font-size:18px;} .Floor001855 .txt dd li span{ display:block;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} @media(max-width:1200px){ .Floor001855 .txt{ padding-right:2%;} } @media(max-width:1000px){ .Floor001855 .bigPic{ padding:0;} .Floor001855 .bigPic .Ispic{ position:relative; padding-bottom:55%; background-size:cover; background-position:center center;} .Floor001855 .list dt{ width:32%; margin-right:2%; margin-top:2%;} .Floor001855 .list dt:nth-child(3n){ margin-right:0;} .Floor001855 .txt{ margin:0;} } @media(max-width:640px){ .Floor001855 .list dt{ width:49%; margin-right:2%;} .Floor001855 .list dt:nth-child(2n){margin-right:0%;} .Floor001855 .list dt:nth-child(2n-1){margin-right:2%;} .Floor001855 .txt dd h1{font-size: 24px;font-weight: normal;} .Floor001855 .txt dd p{height: 40px;margin: 1% 0;} .Floor001855 .txt{padding: 3%;} } @media(max-width:480px){ .Floor001855 .txt dd{ padding-right:0;} .Floor001855 .txt dd ul, .Floor001855 .txt dd ol, .Floor001855 .txt dd li{ display:block; width:auto;} .Floor001855 .txt dd ol{ padding-bottom:10px;} .Floor001855 .txt dd p{height: 40px;margin: 2% 0;} } /*Bottom002085 */ .Bottom002085{ background-color:#404040; color:#808080;padding-top:3%;} .Bottom002085 a{color:#b4b4b4;} .Bottom002085 a:hover{ color:#fff !important;} .Bottom002085 nav dl{ float:left; width:10%;} .Bottom002085 nav dl.contact{ float:right; width:auto;} .Bottom002085 nav dt{ font-size:16px; height:32px; background:url(../images/Bottom002085-line.jpg) no-repeat left bottom; margin-bottom:20px; color:#fff;} .Bottom002085 nav dl.contact dt{ background:none; margin-bottom:0;} .Bottom002085 nav dd{ line-height:25px; font-size:12px;} .Bottom002085 nav dl.contact li{ float:right; width:49%; text-align:center;} .Bottom002085 nav dl.contact li span{ display:block; color:#b4b4b4;} .Bottom002085 nav dl.contact p{ background:url(../images/Bottom002085-icon_tel.png) no-repeat left center; padding-left:40px; min-height:32px;} .Bottom002085 nav dl.contact p span{ display:block; color:#fff; font-size:24px;} .Bottom002085 .footer{ border-top:1px solid #585858; padding:2% 0;margin-top: 2%;} .Bottom002085 .footer dt{ float:left;} .Bottom002085 .footer dt span{ float:left;} .Bottom002085 .footer dt a{ width:32px; height:32px; background:url(../images/Bottom002085-share.png) no-repeat left top; padding-left:0; float:left; margin:6px 6px 6px 0;} .Bottom002085 .footer dt a.bds_weixin{ background-position:-43px 0;} .Bottom002085 .footer dt a.bds_sqq{ background-position:-86px 0;} .Bottom002085 .footer dd{ float:right; text-align:right;} .Bottom002085 .footer dd a{ color:#808080; display:inline-block;} .Bottom002085 .footer dd i{ margin:0 10px;} .Bottom002085 .footer dd i::before{ display:inline-block; content:''; width:2px; border-right:1px solid #3d3d3d; height:10px; background-color:#4a4a4a;} .Bottom002085 .footer dd p{ margin:0;} #bdshare_weixin_qrcode_dialog{ box-sizing:content-box;} @media(max-width:1024px){ .Bottom002085 nav dl{ display:none;} .Bottom002085 nav dl.contact{ display:block; float:none; width: 100%; margin:0 auto;} .Bottom002085 nav dl.contact ul{width: 110px;float: left;margin-right: 30px;} .Bottom002085 nav dl.contact p{float: left;} .Bottom002085 nav dl.contact li{float: left; width: 100%;} .Bottom002085 .logo{ text-align:center;} .Bottom002085 .footer dt, .Bottom002085 .footer dd{ float:none;} .Bottom002085 .footer dd{ text-align:left; clear:both; width:100%;} } @media(max-width:480px){ .Bottom002085 .footer dd{ font-size:12px;} .Bottom002085 .footer dd p{ padding:10px 0;} } /*Floor001844 */ .Floor001844{ background-color:#e9f1ff; padding:3% 0;} .Floor001844 .team{ float:right; width:29%;} .Floor001844 .team li{ text-align:center; color:#fff; } .Floor001844 .team li img{ border-radius:50%; width:82px; height:82px;} .Floor001844 .team li span{ padding-top:5%;} .Floor001844 .team li p{ line-height:22px; overflow:hidden; height:66px;} .Floor001844 .team .bx-pager{ text-align:center;} .Floor001844 .team .bx-pager div{ display:inline-block; width:8px; height:8px; margin:0 5px;} .Floor001844 .team .bx-pager div a{ display:block; height:8px;background:#000; border-radius:50%; overflow:hidden; line-height:100px;} .Floor001844 .team .bx-pager div a.active{ background:#c94645;} .Floor001844 .link{ float:left; width:100%; position:relative;} .Floor001844 .link i{ display:none; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#c8cfdb; z-index:2;} .Floor001844 .link dd{ float:left; width:25%; padding:2% 0; border-right:1px solid #c8cfdb;} .Floor001844 .link dd:nth-child(4n){ border-right:0;} .Floor001844 .link dd a{ display:block; padding-bottom:26%;} .Floor001844 .link dd a:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} .Floor001844 .link dd a img{ display:none;} @media(max-width:1000px){ .Floor001844 .bx-wrapper{ max-width:640px !important; margin:0 auto;} .Floor001844 .team, .Floor001844 .link{ float:none; width:auto;} .Floor001844 .team{ padding-bottom:5%;} } @media(max-width:480px){ .Floor001844 .link dd{ width:50%;border-bottom:1px solid #1e1e26;border-right:0; position:relative;} .Floor001844 .link dd:nth-child(2n)::before{ position:absolute; content:''; left:0; top:0; height:100%; width:1px; background-color:#1e1e26;} .Floor001844 .link i{ top:auto; bottom:0; background-color:#2d2d37;} } /* .Floor001222 为demo编号 */ .Floor001222{padding-bottom:2%;padding-top: 2%;background: #f3f3f3;} .Floor001222 .tab{margin: 0 auto;text-align: center;} .Floor001222 .tab ul{overflow:hidden;padding:50px 0;} .Floor001222 .tab li{margin-right:10px;padding:5px 90px;border: 1px solid #d42219;color:#d42219;font-size:18px;line-height:30px;border-radius:30px;cursor:pointer;display: inline-block;} .Floor001222 .tab li.on{ background-color:#3575de; color:#fff; border: 1px solid #3575de;} .Floor001222 .tab dl{ display:none;border: 1px solid #eee;background: #fff; padding:4% 3% 4%;} .Floor001222 .tab .txt{width: 65%;float: left;text-align: left;} .Floor001222 .tab .img{width: 30%; float: right;} .Floor001222 .tab dt{ font-weight:bold; font-size:16px;} .Floor001222 .tab dd a{color:#3575de;} .Floor001222 .tab dd p{line-height:27px;} .Floor001222 .notice{ float:right; width:31.8%;} .Floor001222 .notice ol{ padding:13px 0;} .Floor001222 .notice ol a{ display:inline-block; padding:0 15px; background-color:#ffad2b; font-size:18px; line-height:30px; border-radius:3px; color:#fff; border:1px solid #ffad2b;} .Floor001222 .notice li div{ display:none; padding:3%;} .Floor001222 .notice li div img{ display:block; width:100%;} .Floor001222 .notice li div p{ margin:0; margin-top:3%;} .Floor001222 .notice li{border: 1px solid #eee; margin-bottom:1%; background-color:#fff;} .Floor001222 .notice li h4{ background-color:#fff; border-radius:5px; margin:0; line-height:49px; font-size:16px; color:#000; padding:0 10px 0 41px; background:url(../images/Floor001222-title_a.png) no-repeat 15px center;} .Floor001222 .notice li h4.on{ background-image:url(../images/Floor001222-title_aon.png);} .Floor001222 .notice li:last-child{ margin-bottom:0;} @media(max-width:1000px){ .Floor001222 .tab, .Floor001222 .notice{ float:none; width:auto;} } @media(max-width:768px){ .Floor001222 .tab .txt,.Floor001222 .tab .img{width: 100%;} } @media(max-width:640px){ .Floor001222 .title{font-weight: normal; font-size: 20px;} .Floor001222 .tab li{width: 46%;padding: 0px 10px;float: left;font-size: 16px;margin: 0 2%;} .Floor001222 .tab ul{padding: 20px 0;} } @media(max-width:480px){ .Floor001222 h1 b{ font-size:20px;} .Floor001222 .tab li{margin: 0 2% 0 0;width: 47%;font-size: 12px;} .Floor001222 .tab li:nth-child(2){margin: 0;width: 50%;} } .Floor001222 .title{ margin:0 0 2% 0;font-size: 28px;text-align: center;color: #3575de;} .Floor001222 .title:after{display: block; content:'';width: 20px;height: 2px;background: #3575de; margin:0 auto; margin-top:13px;} /*Menu002119 */ .Menu002119{ background-color:#fff; padding:1% 0;} .Menu002119 li{ float:left; margin-right:10px;} .Menu002119 li a{ display:block;line-height:35px; height:35px; padding:0 26px;font-size:16px;} .Menu002119 li a:hover, .Menu002119 li.on a{ color:#fff; background:#3575de; border-radius:40px;} @media(max-width:768px){ .Menu002119 li{ margin-bottom:2px;} } @media(max-width:640px){ .Menu002119 li{ margin:0 0 2px 0; width:25%; text-align:center;} .Menu002119 li a{ padding:0;} } @media(max-width:480px){ .Menu002119 li{ width:33.3333333%;} .Menu002119 li a{ font-size:14px; overflow:hidden;} } /*PicList002146 */ .PicList002146,.PicList002146 *{ transition: all .3s ease-in-out;} .PicList002146{ padding:2% 1%;} .PicList002146 .auto{ padding-bottom: 2%;} .PicList002146 ul{ position: relative;} .PicList002146 li{ float:left; width:31%; margin:0 1% 2%; border: 1px solid #e6e6e6;} .PicList002146 .pro2 li{ float:left; width:48%; margin:0 1% 2%; border: 1px solid #e6e6e6;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:18px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:40%; background-size: contain;} .PicList002146 .pro2 li figure{ padding-bottom:50%;} .PicList002146 li h3{ border-top:1px solid #e8e8e8; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.gif) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(53,117,222,0.95); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } .PicList002146 li a.href.down h3:before{ background-image:url(../images/PicList002149-more.png); } .PicList002146 li dl{display: none;} .PicList002146 .probox{ position: relative; width: 98%; padding: 30px; clear: both; border: 1px solid #e8e8e8; background: #f8f8f8; margin: 0 auto 20px;} .PicList002146 .probox .topj{ position: absolute; top: -12px; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width:0 8px 12px 8px; border-color: transparent transparent #f8f8f8 transparent} .PicList002146 .probox a{ display: inline-block; margin: 5px 5% 5px 0;} /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #e50014; background:#e50014;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#3575de; border-color:#3575de;} .Page002193 .p_page b{ font-weight:normal;} /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto_1260{} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260{ padding: 0 2%;} } .RighInfo002254{ padding:30px 0 1%;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:100% 100%; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #3575de;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#3c89d9; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#3575de; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#3575de; color:#fff;} .RighInfo002254 .info h2{ font-size: 16px; color: #3c89d9;} .RighInfo002254 .info ul{ width: 35%; float: left;} .RighInfo002254 .info h3{ text-align: center; color: #3c89d9;} .RighInfo002254 .info .img{ float: right; width: 40%;} .RighInfo002254 .info li{ list-style: none;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#3575de; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} .RighInfo002254 .info .img,.RighInfo002254 .info ul{width: 100%} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } /* .PicList001213 为demo编号 */ .PicList001213{ padding-bottom: 3%;} .PicList001213 h1{ text-align: center; font-size: 24px; color: #3575de;} .PicList001213 dl{ padding: 5% 0; border-bottom: 1px dashed #ccc;} @media(min-width:481px){ .PicList001213 dl{ display:table; width:100%;} .PicList001213 dl dt, .PicList001213 dl dd{ display:table-cell; vertical-align:middle;} .PicList001213 dl dt{ width:49%;} .PicList001213 dl dt img{ width:90%;} .PicList001213 dl:nth-child(2n) dt{ text-align:right;} } .PicList001213 dl h2{ font-size:16px; margin:0;} .PicList001213 dl h3{ font-size: 14px; font-weight: normal;} .PicList001213 dl p{ line-height:22px; max-height:110px; overflow:hidden; padding-right:3%;} @media(max-width:480px){ .PicList001213 dl dd{ padding:3%;} } /* .data_info 为demo编号 */ .data_info{max-width: 1200px;margin: 0 auto;margin-top: 20px;margin-bottom: 100px;} .data_info .data_title{text-align:center;} .data_info .data_title h1{font-size: 24px;color:#3575de;} .data_info .data_title p{font-size: 12px;color:#444;} /* /* .industry_info 为demo编号 */ .industry_info{max-width: 1200px;margin: 0 auto;margin-top: 20px;margin-bottom: 100px;} .industry_info .industry_title{text-align:center;} .industry_info .industry_title h1{font-size: 24px;color:#3575de;} .industry_info .industry_title p{font-size: 12px;color:#444;} /* /*PicList002094 */ .PicList002094{ padding:0% 0 1% 0; margin-top: -60px; } .PicList002094 li{ float:left; width:23.3%; margin-right:2.1%; margin-bottom:3%; position:relative;} .PicList002094 li figure{ transition:top 0.3s; top:0; padding-bottom: 92%;} .PicList002094 li figure img{ display:none;} .PicList002094 li div{ background-color:#fff; bottom:0; height:172px; padding:0 5%; transition:0.3s; overflow: hidden;} .PicList002094 li aside{ position:absolute; top:52%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .PicList002094 li aside img{ display:block; width:100%; height:100%;} .PicList002094 li aside img.hover{ display:none;} .PicList002094 li h5{color:#3575de; margin:0 0 15px 0; font-size:18px; text-align:center; padding-top:8%;} .PicList002094 li p{ line-height:14px;font-size: 15px;margin-left: 18%; overflow:hidden; } .PicList002094 li .jianju p{margin-left: 31%;} @media(min-width:769px){ .PicList002094 li:nth-child(4n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .PicList002094 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .PicList002094 li{ width:48%; margin-right:4%;} .PicList002094 li:nth-child(2n){ margin-right:0;} .PicList002094 li{ padding-bottom:61%;} } @media(max-width:640px){ .PicList002094 ul{ margin:0 auto; max-width:400px;} .PicList002094 li{ float:none; width:auto; padding-bottom:0; height:auto; margin:0 0 5% 0;} .PicList002094 li figure{ position: static; height: auto; background: none!important; padding-bottom: 0;} .PicList002094 li figure img{ display: block; margin: 0 auto;} .industry_info{ margin-bottom: 30px;} .PicList002094{ margin-top: 0;} .PicList002094 li div{ position: static;} .PicList002094 li p{ margin-left: 0; text-align: center;} .PicList002094 li .jianju p{ margin-left: 0;} } */ /* .RighInfo002389 为demo编号 */ .RighInfo002389{} .RighInfo002389 .box1{ padding:2% 0% 2%; font-size:13px;} .RighInfo002389 .box1 .title{ text-align:center;color:#999; text-transform:uppercase; font-size:12px;} .RighInfo002389 .box1 .title h1{color: #333;font-size:30px; font-weight:normal; margin:0; padding-bottom:5px;} .RighInfo002389 .box1 .title h1 span{position:relative; color:#da251d} .RighInfo002389 .box1 .title h1 span::after, .RighInfo002389 .box1 .title h1 span::before{ position:absolute; content:''; width:46px; height:9px; bottom:-4px; background-repeat:no-repeat; background-position:0 0;} .RighInfo002389 .box1 .title h1 span::after{ right:-60px; background-image:url(../images/RighInfo002389-title_r.png);} .RighInfo002389 .box1 .title h1 span::before{ left:-60px; background-image:url(../images/RighInfo002389-title_l.png);} .RighInfo002389 .box1 .intro{ color:#666; line-height:30px; padding:2% 0 2% 0;} .RighInfo002389 .box1 .ul_img{ overflow:hidden;} .RighInfo002389 .box1 .ul_img li{ width:32%; margin-right:2%; float:left;} .RighInfo002389 .box1 .ul_img li img{ width:100%;} .RighInfo002389 .box1 .ul_img li:last-child{ margin-right:0;} .RighInfo002389 .box1 .more{ text-align:center; padding-top:3%;} .RighInfo002389 .box1 .more a{ display:inline-block; font-size:16px; border:1px solid #008ae2; border-radius:3px; padding:10px 28px; color:#008ae2; transition:padding ease-in-out 0.3s;} .RighInfo002389 .box1 .more a:hover{color:#fff; border-color:#008ae2; background-color:#008ae2;padding:10px 38px;} .RighInfo002389 .box2{ font-size:13px; padding:0 2% 7%;} .RighInfo002389 .box2 h3{color: #da251d;font-size:15px; margin:0; } @media(min-width:769px){ .RighInfo002389 .box2 ul{ padding-bottom:31%; position:relative;} .RighInfo002389 .box2 li{ position:absolute; height:100%; width:50%; top:0; text-align:center;} .RighInfo002389 .box2 li:nth-child(1){ left:0;} .RighInfo002389 .box2 li:nth-child(2){ right:0;} .RighInfo002389 .box2 li .txt, .RighInfo002389 .box2 li .Ispic{ position:absolute; left:0; width:100%; height:50%;} .RighInfo002389 .box2 li:nth-child(1) .txt, .RighInfo002389 .box2 li:nth-child(2) .Ispic{ bottom:0;} .RighInfo002389 .box2 li:nth-child(2) .txt, .RighInfo002389 .box2 li:nth-child(1) .Ispic{ top:0;} .RighInfo002389 .box2 li .txt{ padding-top:10%;} .RighInfo002389 .box2 li::before{ position:absolute; content:''; background:url(../images/RighInfo002389-bg_l.png) no-repeat; width:35px; height:31px; } .RighInfo002389 .box2 li:nth-child(1)::before{left:0; bottom:0;} .RighInfo002389 .box2 li:nth-child(2)::before{right:0; top:0; background-image:url(../images/RighInfo002389-bg_r.png);} } .RighInfo002389 .box2 li .txt p{ color:#766963; margin:0; line-height:25px;} .RighInfo002389 .box2 li .txt b{ color:#997249; font-size:16px;} .RighInfo002389 .box2 .tips{ background:url(../images/RighInfo002389-con_bg.png) no-repeat center center; background-size:cover; padding:0 18% 2%; text-align:center;} .RighInfo002389 .box2 .tips p{ padding:3% 0 4%; line-height:20px; margin:0;} .RighInfo002389 .box2 .tips .more{ background:url(../images/RighInfo002389-a_more.png) no-repeat; width:40px; height:20px; display:inline-block;} @media(max-width:1000px){ .RighInfo002389 .box2 .title h1{font-size: 24px;} .RighInfo002389 .box2 li .txt p{ margin:0;} } @media(max-width:768px){ .RighInfo002389 .box2 li{ position:relative; text-align:center; margin-bottom:3%;} .RighInfo002389 .box2 li .Ispic{ padding-bottom:30%; display:block;} .RighInfo002389 .box2 li .txt p{ margin-bottom:3%;} .RighInfo002389 .box2 .tips{ padding:3%;} .RighInfo002389 .box1 .title h1{ font-size: 20px;} } @media(max-width:480px){ .RighInfo002389 .box2 li .txt p{ font-size:12px;} } /*Menu002387*/ .Menu002387 .side-title{ margin-top:7%;background:url(../images/Menu002387_tit.png) no-repeat right #222222; background-size:auto 100%;color:#fff; font-size:18px; padding:22px 0 22px 30px; border-radius: 25px 0 0 0; font-size:24px;} .Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 16px; color: #666;} .Menu002387 .side-menu li{ border-bottom:1px solid #fff; line-height:55px; font-size: 16px; background: #f6f6f6;} .Menu002387 .side-menu li:last-child{ border-bottom: none;} .Menu002387 .side-menu li a{ display:block; padding-left:30px; padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu002387 .side-menu li a::before, .Menu002387 .side-menu li a::after{ position:absolute; content:''; top:50%;} .Menu002387 .side-menu li a::before{ width:15px; height:15px; border-radius:50%; background:#ececec; right:10px; margin-top:-7.5px;} .Menu002387 .side-menu li a::after{ margin-top:-3px;border:5px solid transparent; border-top-width:4px; border-bottom-width:4px; border-left-color:#fff; right:9px;} .Menu002387 .side-menu li a:hover, .Menu002387 .side-menu li.aon a{ color:#da251d;} .Menu002387 .side-menu li:hover a::before, .Menu002387 .side-menu li.aon a::before{ background:#da251d;} .Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu002387 .side-title{ margin-top:2%;} .Menu002387 .side-menu{ display:none;} .Menu002387 #side-menu{ background:#222; border-top:1px solid #fff; padding:0 20px; position:relative;} .Menu002387 #side-menu li a{ color:#fff; float:left; line-height:40px; padding:0 30px;} .Menu002387 #side-menu li.aon a{ background:#fff; color:#000;} .Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{ display:none;} } @media(max-width:640px){ .Menu002387 .side-title{padding:10px 0 10px 20px;font-size:20px;} .Menu002387 .side-title span{ font-size:12px;} } /*Menu002306*/ .Menu002306{padding-top: 18px;} .Menu002306 .side-title{ line-height:50px; background-color: #3575de; font-size:16px; font-weight:bold; color:#fff; padding:0 75px 0 32px; position: relative; border-radius: 8px 0 0 0;} .Menu002306 .side-title::after, .Menu002306 .side-title::before{content:'';} .Menu002306 .side-title::after{ display:inline-block; vertical-align:middle; width: 40px; height: 1px; background: #fff; margin-left:10px;} .Menu002306 .side-menu{border-radius: 0 0 50px 0;background-color:#f3f7f9;padding-bottom: 50px; overflow:hidden;} .Menu002306 .side-menu li a{ display:block;line-height:32px;} .Menu002306 .side-menu > ul > li{ border-bottom:1px solid #fff;} .Menu002306 .side-menu > ul > li >a{ padding:0 32px; color:#333; line-height:49px; position:relative; font-size: 15px;} .Menu002306 .side-menu > ul > li >a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#d42219; color:#fff; text-align:center; line-height:16px; font-family:宋体; font-size:12px; right:16px; top:50%; margin-top:-8px;} .Menu002306 .side-menu > ul > li ul{ display:none; padding:10px 15px;} .Menu002306 .side-menu > ul > li > ul{ padding-left:32px; padding-right:32px;} .Menu002306 .side-menu > ul > li > ul > li > a{ padding: 5px 0;} .Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;} .Menu002306 .side-menu > ul > li > ul > li > a:hover,.Menu002306 .side-menu > ul > li > ul > li.on > a{ color: #3575de;} .Menu002306 .side-menu li.select > a{ background-color:#e7f0f4; color: #3575de;} .Menu002306 .side-menu li.select > a::after{ transform:rotate(90deg);} .Menu002306 .side-menu ul li ul li.select > a{ background-color:transparent; background-image:url(../images/Menu002306-a_on.png); font-weight:bold; color:#002870;} .Menu002306 .side-other dd{ background-position:left center; background-repeat:no-repeat; background-color:#e7f0f4; margin-top:20px; border-radius:5px; position:relative;} .Menu002306 .side-other dd.dd_1{ background-image:url(../images/Menu002306-picbg1.png);} .Menu002306 .side-other dd.dd_2{ background-image:url(../images/Menu002306-picbg2.png);} .Menu002306 .side-other dd a{ position:relative;display:block; height:80px;line-height:80px; font-weight:bold; color:#555; padding-left:100px;} .Menu002306 .side-other dd a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#87b2c7; color:#fff; text-align:center; line-height:18px; font-family:宋体; font-size:12px; right:15px; top:50%; margin-top:-8px;} .Menu002306 .side-open_menu{ display:none;} @media(min-width:1025px){ .Menu002306 .side-menu{ display:block !important;} } @media(max-width:1024px){ .Menu002306{padding-top: 0;} .Menu002306 .side-other{ display:none;} .Menu002306 .side-open_menu{ display:block; border:2px solid #87b2c7; padding:10px 20px 10px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#002870; border-radius:0 0 5px 5px; position:relative;} .Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#87b2c7; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px;} } /*PicList002149 */ .PicList002149{padding: 2% 0 2% 0;} .PicList002149 .auto{} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#3575de;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#3575de; font-size:12px;} .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /* .Timeline000618 为demo编号 */ .Timeline000618{ padding:2% 0;} .Timeline000618 .swiper-container {position: relative;overflow: hidden;z-index: 1;padding-top:20px;} .Timeline000618 .swiper-wrapper {position: relative;width: 100%;height: 80px;z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Timeline000618 .swiper-wrapper li {width: 100%;position: relative;padding-top: 30px;line-height: 50px;text-align: center; cursor:pointer;background: url(../images/Timeline000618-yearbg.png) no-repeat center top; background-size:contain; font-size:16px;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;} .Timeline000618 .swiper-wrapper li.on{ color:#d42219;} .Timeline000618 .swiper-wrapper li:after{ position: absolute;left: 52%;top: -10px;width: 11px;height: 11px;content: '';background: #fff;border: 3px solid #d6d6d6;border-radius: 50%;z-index: 3;margin-left: -9px;} .Timeline000618 .swiper-wrapper li.on:after{ border-color:#e64b2e;} .Timeline000618 .next, .Timeline000618 .prev{ position:absolute; top:0; width:26px; height:54px; cursor:pointer; background-color:#eeefef; border-radius:3px; z-index:10;} .Timeline000618 .prev{ left:0;} .Timeline000618 .next{ right:0;} .Timeline000618 .next:hover, .Timeline000618 .prev:hover{ background-color:#d42219;} .Timeline000618 .prev:before, .Timeline000618 .next:before{ position:absolute;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size:20px; left:50%; margin-left:-10px; top:50%; margin-top:-10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#fff;} .Timeline000618 .next:before{content: "\e258";} .Timeline000618 .prev:before{content: "\e257";} .Timeline000618 .list{ padding-right:30%; position:relative; padding-top:5%;} .Timeline000618 .list:before{ background:url(../images/Timeline000618-bg.png) no-repeat right bottom; width:30%; height:100%; position:absolute; content:''; right:0; bottom:0; background-size:contain;} .Timeline000618 .box{ display:none;} .Timeline000618 .box dl{ padding-bottom:2%;} .Timeline000618 .box dl dt{ border-bottom:1px solid #d1d1d1; font-size:24px; color:#000; padding-bottom:30px;} .Timeline000618 .box dl dd{ padding:3% 0; font-size:16px;} @media(max-width:640px){ .Timeline000618 .box dl dt{ font-size:16px; padding-bottom:10px;} .Timeline000618 .box dl dd{ font-size:12px;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:3% 0;} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain; border: 1px solid #e4e4e4;} .PicList002239 li dl{ position:relative; margin:0 10px; text-align: center; line-height:50px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #333;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} .PicList002239 li dd, .PicList002239 li dt{ display: block; position: relative; line-height:20px; margin: 5px 0} .PicList002239 li dt{ text-align: center} .PicList002239 li dd{ background: url(../images/PicList002239-icon.png) no-repeat left top;} .PicList002239 li{ margin-bottom: 5%; border-bottom: none} .PicList002239 li dl{ padding: 0} } /*公司新闻*/ /*PicList001958*/ .PicList001958{padding: 3% 0;} .PicList001958 li{ overflow:hidden; padding:20px 0; border-bottom:1px solid #ebecec;} .PicList001958 li *{transition: all .3s ease-in-out;} .PicList001958 li:last-child{ border-bottom:0;} .PicList001958 li div{ position:relative; padding-left:29%;} .PicList001958 li .Ispic{ position:absolute; left:0; top:0; height:100%; width:26%;} .PicList001958 li .Ispic img{ display:none;} .PicList001958 li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;} .PicList001958 li time{ color:#999;} .PicList001958 li p{color:#666;margin:10px 0 0 0;line-height:30px;height: 115px;overflow:hidden;position: relative;padding-top: 25px;} .PicList001958 li:hover p{padding-top: 55px;} .PicList001958 li i {display: block;width:55px;height: 1px;background: #d42219;position: absolute;left:0;top:0;} .PicList001958 li:hover i{top:28px;margin-top:0;transform: rotate(90deg);-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);} @media(max-width:768px){ .PicList001958 li div{ padding-left:45%;} .PicList001958 li .Ispic{width:42%;} } @media(max-width:480px){ .PicList001958 li div{ padding-left:0;} .PicList001958 li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;} .PicList001958 li p{line-height:20px; height:60px; font-size:12px;} .PicList001958 li h1{font-size:16px;} } /*分公司介绍*/ /* .TextList002241 为demo编号 */ .TextList002241{ padding: 55px 0 0;background: #eee;font-size: 14px; padding-bottom: 35px;} .TextList002241 .list dl{display: block;padding:30px 40px;background: #fff;} .TextList002241 .list dl dt{color: #555;font-size: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 1.5em;line-height: 1.5;overflow: hidden; margin-bottom: 16px;} .TextList002241 .list dl dd{color: #555;font-weight: 700;margin-bottom: 10px;} .TextList002241 .list dl dd.hl{height:45px; overflow: hidden;} .TextList002241 .list dl dd span{color: #666;font-weight: normal;} .TextList002241 .list dl:hover{background: #3575de;} .TextList002241 .list dl:hover{color: #fff;} .TextList002241 .list dl:hover dt{color: #fff;} .TextList002241 .list dl:hover dt+dd{color: #fff;} .TextList002241 .list dl:hover dd{color: #fff;} .TextList002241 .list dl:hover dd span{color: #fff;} .TextList002241 .list dl:nth-child(3n){margin-right: 0;} .TextList002241 .list dl{width: 31%;margin-right: 3.5%;float:left;margin-bottom: 3%;height: 250px;} @media (max-width: 640px){ .TextList002241 .auto{ overflow: hidden;} .TextList002241 .list{ margin: 0 -1%;} .TextList002241 .list dl:nth-child(2n){margin-right: 0;} .TextList002241 .list dl:nth-child(3n){margin-right: 1%;} .TextList002241 .list dl{float:left;width: 48%;/* margin: 0 1% 25px; */} } /* .RighInfo002225 为demo编号 */ .RighInfo002225{} .RighInfo002225 .item{} .RighInfo002225 .wrap-content{} .RighInfo002225 .item{ color:#323232; margin:0 auto; padding:15px 0; max-width:553px;} .RighInfo002225 .item .word{ text-align:center; margin-bottom:15px;} .RighInfo002225 .item .pic{ text-align:center;} .RighInfo002225 .item .tit{ margin-top:0; font-size:24px; font-weight:normal; font-style:italic;} .RighInfo002225 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002225 .item.first .tit{ font-style:normal; color:#323232; font-size:24px;} .RighInfo002225 .item .con{line-height:22px; position:relative; margin:0;} .RighInfo002225 .item .con:before{ display:none;} .RighInfo002225 .item.first .con .stit{ color:#323232; font-size:14px; text-transform:uppercase;} @media screen and (min-width: 768px){ .RighInfo002225 .item{ max-width:none;margin:0; padding:0;} .RighInfo002225 .item h3{text-align: center;font-weight: normal;font-size: 24px;padding-top: 2%;} .RighInfo002225 .item .word{ float:left; width:50%; text-align:left; padding-right:5%; padding-left:0; margin-bottom:0;} .RighInfo002225 .item .pic{ float:right; width:50%;} .RighInfo002225 .item.odd .word{ float:right; padding-left:5%; padding-right:0;} .RighInfo002225 .item.odd .pic{ float:left;width: 25%} .RighInfo002225 .item.odd .pic img{padding: 1%} .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:30px; } .RighInfo002225 .item .word{ padding-top:40px;} .RighInfo002225 .item .con{line-height:24px; max-height:96px; overflow:hidden;padding-left:32px;} .RighInfo002225 .item .con:before{ position:absolute; left:0; top:10px; height:50%; max-height:60px; width:3px; content:""; background-color:#c9b27c; display:block;} .RighInfo002225 .item .tit em{ font-size:14px;} .RighInfo002225 .item.first{ position:relative; margin-bottom:60px;} .RighInfo002225 .item.first .word{ position:absolute; width:55%; left:0; top:10%; height:90%; border:1px solid #040000; padding:8% 10% 0 5%;} .RighInfo002225 .item.first .pic{ position:relative; z-index:2;} .RighInfo002225 .item.first .con{ padding-left:0;} .RighInfo002225 .item.first .con2{font-size: 20px;line-height: 30px;} .RighInfo002225 .item.first .con:before{ display:none;} } @media screen and (min-width: 1024px){ .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:24px;font-style: normal } .RighInfo002225 .item .word{ padding-top:90px;} .RighInfo002225 .item .con{line-height:30px;max-height:120px;} } .listpic{padding-bottom: 100px} .RighInfo002225_2 .item .word{ text-align:center; margin-bottom:30px;} .RighInfo002225_2 .item .word p{ color:#666; font-size:14px;} .RighInfo002225_2 .item li{ width:49%; float:left; margin-left:2%; list-style:none;} .RighInfo002225_2 .item li:nth-child(1){ margin-left:0;} .RighInfo002225_2 .item>div{text-align:center; margin:20px auto 0;} @media screen and (min-width: 768px){ .RighInfo002225_2 .item.odd .pic{ float:left;width:45%;} .RighInfo002225_2 .item.odd .pic img{padding: 1%} .RighInfo002225_2 .item .word{ float:none; width:100%; line-height:24px; color:#666; text-indent:2em; font-size:14px;text-align:left; padding-left:0; margin-bottom:20px; padding-right:0;} .RighInfo002225_2 .item h2{text-align: left;font-weight: normal;font-size:16px;padding-top: 0%; padding-top:1%; margin-top:0;} .RighInfo002225_2 .item .pic{ float:left; width:25%;} } @media screen and (max-width: 768px){ .RighInfo002225_2 .item li{width:100%;} } @media screen and (min-width: 1024px){ .RighInfo002225_2 .item .word{ padding-top:0px;} } /* .PicList001241 为demo编号 */ .PicList001241 .intro{ overflow:hidden; padding-bottom:2%;} .PicList001241 .intro ol{margin-bottom: 2%;} .PicList001241 .intro ol img{ display:block; width:100%;} .PicList001241 .intro li div{float:left;width: 48%;margin-right: 4%;} .PicList001241 .intro li div:nth-child(2){margin-right:0%;} .PicList001241 .intro li h3{color:#c60000;font-size: 24px;font-weight: normal;margin: 0;} .PicList001241 .intro li p{text-align:justify;font-size: 16px;line-height: 30px;} .PicList001241 .list{ background-color:#f9f9f9; padding:0 0 3% 0;} .PicList001241 .list .copy{ display:none;} .PicList001241 .list li a{ display:block; background-color:#fff; width:92%; padding:5%; margin:0 auto;} .PicList001241 .list li figure{ position:relative; padding-bottom:62%; overflow:hidden;} .PicList001241 .list li figure dl, .PicList001241 .list li figure div, .PicList001241 .list li figure b{position:absolute; left:0; width:100%;text-align:center;} .PicList001241 .list li figure div{ height:100%; top:0; background-color:rgba(255,255,255,0.8); transform:translateY(100%); transition:all ease-in-out 0.3s;} .PicList001241 .list li figure dl{ top:25%;} .PicList001241 .list li figure dl img{ width:60%;} .PicList001241 .list li figure b{ padding:0 3%; bottom:5%;} .PicList001241 .list li:hover figure div{ transform:translateY(0);} .PicList001241 .list li h3, .PicList001241 .list li p{ margin:0;} .PicList001241 .list li h3{ font-weight:normal; font-size:16px;text-align: center;padding-top: 2%;} .PicList001241 .list li p{ color:#999;} .PicList001241 .list .bx-pager{ display:none;} .PicList001241 .list .bx-wrapper{ position:relative; z-index:0;} .PicList001241 .list .bx-viewport{ z-index:1;} .PicList001241 .list .bx-controls-direction a{ position:absolute; top:50%; width:47px; height:47px; margin-top:-23.5px; text-indent:-9999em; background:url(../images/PicList001241-btn.png) no-repeat 0 0; z-index:3;} .PicList001241 .list .bx-controls-direction a:hover{ background-image:url(../images/PicList001241-btn_hover.png);} .PicList001241 .list .bx-controls-direction a.bx-prev{ left:-5%;} .PicList001241 .list .bx-controls-direction a.bx-next{ right:-5%; background-position:right 0;} @media(max-width:1200px){ .PicList001241 .list .bx-controls-direction a.bx-prev{ left:0;} .PicList001241 .list .bx-controls-direction a.bx-next{ right:0; } } @media(max-width:768px){ .PicList001241 .intro ol, .PicList001241 .intro li{ float:none; width:auto;} } @media(max-width:640px){ .PicList001241 .intro li div{width:100%;} } .PicList001241 h2{text-align: center;padding-top: 2%; font-size: 24px;} .PicList001241 .con{padding: 3%} /* .PicList001307 为demo编号 */ .PicList001307{ padding-top:2%; max-width: 1200px;margin: 0 auto;} .PicList001307 li{ position:relative; float:left; width:32%; margin-right:2%; margin-bottom:2%;} .PicList001307 li:nth-child(3n){ margin-right:0;} .PicList001307 li img{ display:block; width:100%;} .PicList001307 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.4);} .PicList001307 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;} .PicList001307 li p{overflow:hidden; line-height:22px; height:65px; overflow:hidden; font-size:12px; margin:10px 0;} .PicList001307 li .more{ display:block; text-align:center; position:relative; line-height:43px; border-radius:5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); } .PicList001307 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;} .PicList001307 li figure{ height:0; overflow:hidden; transition:0.3s;} .PicList001307 li:hover figure{ height:93px;} @media(max-width:768px){ .PicList001307 li h3{ font-size:16px;} } @media(max-width:640px){ .PicList001307 li{ width:49%;} .PicList001307 li:nth-child(3n){ margin-right:2%;} .PicList001307 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001307 li{ width:auto; float:none; margin-right:0 !important;} .PicList001307 li figure{ height:auto;} } @media(max-width:480px) and (min-width:376px){ .PicList001307 li .more{ line-height:33px;} .PicList001307 li:hover figure{ height:93px;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:10px 0; text-align:center; overflow:hidden;} .Menu002252 li{ display: inline-block;} .Menu002252 li a{font-size:16px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px; } .Menu002252 li.aon a,.Menu002252 a:hover{ color:#fff; background-color:#3575de;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 li a{ display:inline-block; line-height:30px; padding:0 15px; min-width:115px; border-radius:30px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252{padding:35px 0 20px;} .Menu002252 li a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px; border-radius:36px;} } /*显示屏产品*/ /*PicList002093 */ .PicList002093{margin-bottom: 3%;} .PicList002093 .search{ border:1px solid#eaeaea; } .PicList002093 .search .design_reg{ position:absolute; right:0; bottom:-5px; margin-right:-136px; padding:5px; border-radius:3px; background-color:#f5ebdb;} .PicList002093 .search .design_reg b{ display:block; width:110px; line-height:33px; color:#fff; background-color:#e09529;border-radius:3px; text-align:center; } .PicList002093 .search .design_reg b i{ font-style:normal; font-family:'宋体'; margin-left:7px;} .PicList002093 .search section{ border:1px solid #fff;background-color:#f6f6f6; padding:2%; position:relative;} .PicList002093 .search dl{ margin-bottom:10px;} .PicList002093 .search dt{ float:left; font-size:16px; border-right:1px solid #d6d6d6; padding-right:24px; line-height:24px; margin-right:24px;} .PicList002093 .search dt.end{ margin-right:0; border-right:0;} .PicList002093 .search dt a{ color:#9c9c9c;} .PicList002093 .search dt a.select{ color:#e14343;} .PicList002093 .search dd{ position:relative; padding-right:60px; margin-right:136px;} .PicList002093 .search dd .btn{ position:absolute; right:0; top:0; height:33px; width:54px; background:#e14343; color:#fff; border:none; cursor:pointer;} .PicList002093 .search dd .text{ width:100%; border:1px solid #e5e5e5; border-radius:3px; background: url(../images/PicList002093-textbg.png) no-repeat 5px center #fff; padding:0 10px 0 30px; line-height:33px; height:33px;} .PicList002093 .list{ margin-top:2%;background:#fcfcfc;} .PicList002093 .list td{border-bottom: 1px solid #3575de;text-align: center;padding: 50px 20px;font-size: 16px;line-height: 30px;color: #333;background: #f8f8f8;vertical-align: middle;text-align: center;border-collapse: collapse;} .PicList002093 .list .tr_top td{padding: 10px 0;} .PicList002093 .list td em{ font-style:normal; font-weight:bold; color:#000; display:none;} .PicList002093 .list tr td:nth-child(2n){background:#fff;} .PicList002093 .list tr.tr_top td{color: #fff;background: #3575de;position:relative;font-size: 18px;display: table-cell;vertical-align: middle;text-align: center;border-collapse: collapse;} .PicList002093 .list tr.tr_top td i{ border:1px solid #fff; position:absolute; left:0; top:0; right:0; bottom:0;} .PicList002093 .list td.td_3{ width: 15%;} .PicList002093 .list td .pic img{} .PicList002093 .list td{} .PicList002093 .list .click_like{ background:url(../images/PicList002093-icon_like.png) no-repeat center top; padding-top:20px; display:inline-block;} @media(max-width:640px){ .PicList002093 .list{background-color:#F9F7F7;overflow: auto;} .PicList002093 .list table{/* width:100%; */} .PicList002093 .list tr.tr_top{/* display:none; */} .PicList002093 .list td{font-size: 14px!important;text-align: center;border:0;border-bottom:1px solid #eee;display: table-cell;vertical-align: middle;border-collapse: collapse;padding: 20px;padding: 10px 5px;} .PicList002093 .list tr td:last-child{padding: 0;} .PicList002093 .search dt{padding-right:5%; margin-right:5%;} .PicList002093 .list td em{ display:inline-block;} .PicList002093 .list td.td_6{ text-align:center;} .PicList002093 .list tr.tr_top td:first-child{width: 10%;} .PicList002093 .list tr.tr_top td:nth-child(2), .PicList002093 .list tr.tr_top td:nth-child(3), .PicList002093 .list tr.tr_top td:nth-child(4){width: 30%;} .PicList002093 .list td .pic{width: 100px;height: 50px;} } @media(max-width:375px){ .PicList002093 .search dd{ margin-right:0;} .PicList002093 .search .design_reg{ position:relative; margin-right:0; display:inline-block; bottom:auto; margin-top:10px;} } /*产品介绍1*/ /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .box{ background: #e3e3e3;height: 395px;margin: 20px 0 30px;} .RighInfo002228 .img{float: left;width: 662px;display: inline-block;} .RighInfo002228 .text{float: left;width: 44%;padding: 30px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{color: #3575de;font-size:20px;margin:0 0 10px 0;font-weight:normal;text-align: left;display: inline-block;float: left;} .RighInfo002228 .single-header p{color:#666;font-size:14px;font-weight:normal;position:relative;text-align: left;} .RighInfo002228 .single-header h1:after{content:"";display:block;height: 2px;background-color: #3575de;width:100%;z-index:1;margin-top: 4px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph;text-align:justify;word-wrap:break-word;overflow:hidden;font-size:14px;line-height:24px;color:#666;} .RighInfo002228 .single-content p{ margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:1199px){ .RighInfo002228 .img,.RighInfo002228 .text{width: 100%;text-align: center;} .RighInfo002228 .box{height: auto;} } @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{width: 49%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{font-size: 25px;} } .tit_1{ text-align: center; margin: 30px;} .tit_1 h3{color: #3575de; font-size: 24px; margin: 0; padding-bottom: 5px;} .tit_1 p{color: #333333; font-size: 14px; margin: 0;} .vid_box{ display: none;} .zhihui_box{ margin: 20px 0;} .zhihui_box .zh_box1{ float: left; width: 20%; line-height: 28px; font-size: 15px;} .zhihui_box .zh_box2{ float: right; width: 77%;} @media(max-width:768px){ .zhihui_box .zh_box1{ float: none; width: 100%; margin-bottom: 30px; font-size: 14px;line-height: 26px;} .zhihui_box .zh_box2{ float: none; width: 100%;} .tit_1 h3{ font-size: 18px;} .RighInfo002228 .text{ padding: 30px 0;} .RighInfo002228 .text p{ text-align: left; text-indent: 0!important;} } /*产品介绍2*/ /* .RighInfo001355 为demo编号 */ .RighInfo001355{ padding:3% 0;} .RighInfo001355 .single-header h1{color: #3575de;font-size:20px;margin:0 0 10px 0;font-weight:normal;text-align: left;display: inline-block;float: left;} .RighInfo001355 .single-header p{color:#666;font-size:14px;font-weight:normal;position:relative;text-align: left;} .RighInfo001355 .single-header h1:after{content:"";display:block;height: 2px;background-color: #3575de;width:100%;z-index:1;margin-top: 4px;} .RighInfo001355 p{font-size: 14px;color: #666;} .RighInfo001355 ul{ } .RighInfo001355 ul li{width: 20%;float: left;border: 1px solid #eee;height: 99px;margin: 1% 0 3%;} .RighInfo001355 ul li i{width: 65px;height: 99px;} .RighInfo001355 ul li span{float: right;width: 70%;padding: 30px 20px;} .RighInfo001355 .text .left{width: 45%;float: left;text-align: center;padding: 20px;border: 1px solid #eee;} .RighInfo001355 .text .left img{} .RighInfo001355 .text .left h2{color: #3575de;font-size: 18px;font-weight: normal;text-align: left;} .RighInfo001355 .text .left p{text-align: left;} .RighInfo001355 .text .right{width: 55%;float: right;background: #e3e9f6;padding: 3% 8% 3% 3%;} .RighInfo001355 .text .right h5{color: #3575de;font-size: 20px;font-weight: normal;margin: 0; margin-bottom: 20px;} .RighInfo001355 .text .right p{background: #fff;border-radius: 22px;padding: 10px 20px;margin: 0;margin-bottom: 10px;} @media screen and (max-width:1199px){ .RighInfo001355 ul li{width: 31%;margin-right: 3.5%;} .RighInfo001355 ul li:nth-child(3n){margin-right: 0%;} } @media screen and (max-width:1024px){ .RighInfo001355 ul li{width: 48%;margin-right: 4%;} .RighInfo001355 ul li:nth-child(2n){margin-right: 0%;} .RighInfo001355 ul li:nth-child(2n-1){margin-right: 4%;} } @media screen and (max-width:640px){ .RighInfo001355 .text .left,.RighInfo001355 .text .right,.RighInfo001355 ul li{width: 100%;} } @media screen and (min-width:1024px){ .RighInfo001355 .single-header h1{font-size: 25px;} } @media screen and (min-width:768px){.RighInfo001355 .single-header h1{ font-size:24px;}} .RighInfo001355 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;} .RighInfo001355 .box2{ background: #fff; padding:40px 0;} .RighInfo001355 .box2 .list{ padding-top: 25px;} .RighInfo001355 .box2 dd{float:left;width: 20%;text-align: center; position:relative;} .RighInfo001355 .box2 dd:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;} .RighInfo001355 .box2 dd:first-child{ border-left:1px solid #f4f4f4;} .RighInfo001355 .box2 dd a{display: block; margin:0 auto; width:80%; max-width:206px;} .RighInfo001355 .box2 dd figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .RighInfo001355 .box2 dd:hover figure img{ top: -10px;} .RighInfo001355 .box2 dd h3{font-size: 18px; color: #333; margin:25px 0 15px;} .RighInfo001355 .box2 dd p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #666; margin-top:20px;} @media(max-width:767px){ .RighInfo001355 .box2{ padding:20px 0;} .RighInfo001355 .box2 dd{ width:50%; margin-bottom:2%;} .RighInfo001355 .box2 dd{ border-left:1px solid #f4f4f4;} .RighInfo001355 .box2 dd:nth-child(2n){ border-left:1px solid #fff;} } .RighInfo001355_2{ padding:3% 0;} .RighInfo001355_2 .single-header h1{color: #3575de;font-size:20px;margin:0 0 10px 0;font-weight:normal;text-align: left;display: inline-block;float: left;} .RighInfo001355_2 .single-header p{color:#666;font-size:14px;font-weight:normal;position:relative;text-align: left;} .RighInfo001355_2 .single-header h1:after{content:"";display:block;height: 2px;background-color: #3575de;width:100%;z-index:1;margin-top: 4px;} .RighInfo001355_2 p{font-size: 14px;color: #666;} .RighInfo001355_2 ul{ } .RighInfo001355_2 ul li{width: 20%;float: left;border: 1px solid #eee;height: 99px;margin: 1% 0 3%;} .RighInfo001355_2 ul li i{width: 65px;height: 99px;} .RighInfo001355_2 ul li span{float: right;width: 70%;padding: 30px 20px;} .RighInfo001355_2 .text .left{width: 45%;float: left;text-align: center;padding: 20px;border: 1px solid #eee;} .RighInfo001355_2 .text .left img{} .RighInfo001355_2 .text .left h2{color: #3575de;font-size: 18px;font-weight: normal;text-align: left;} .RighInfo001355_2 .text .left p{text-align: left;} .RighInfo001355_2 .text .right{width: 55%;float: right;background: #e3e9f6;padding: 3% 8% 3% 3%;} .RighInfo001355_2 .text .right h5{color: #3575de;font-size: 20px;font-weight: normal;margin: 0; margin-bottom: 20px;} .RighInfo001355_2 .text .right p{background: #fff;border-radius: 22px;padding: 10px 20px;margin: 0;margin-bottom: 10px;} @media screen and (max-width:1199px){ .RighInfo001355_2 ul li{width: 31%;margin-right: 3.5%;} .RighInfo001355_2 ul li:nth-child(3n){margin-right: 0%;} } @media screen and (max-width:1024px){ .RighInfo001355_2 ul li{width: 48%;margin-right: 4%;} .RighInfo001355_2 ul li:nth-child(2n){margin-right: 0%;} .RighInfo001355_2 ul li:nth-child(2n-1){margin-right: 4%;} } @media screen and (max-width:640px){ .RighInfo001355_2 .text .left,.RighInfo001355 .text .right,.RighInfo001355 ul li{width: 100%;} } @media screen and (min-width:1024px){ .RighInfo001355_2 .single-header h1{font-size: 25px;} } @media screen and (min-width:768px){.RighInfo001355 .single-header h1{ font-size:24px;}} /*电源产品*/ /*RighInfo002554 */ .RighInfo002554{ padding:3% 0;} .RighInfo002554 .table_1 th{background: #f8f8f8;} .RighInfo002554 .table_1 th{font-size: 16px;text-align:center;border-collapse:collapse;line-height:24px;padding:15px;border-bottom: 1px solid #3575de;display: table-cell;vertical-align: middle;} .RighInfo002554 .table_1 td{font-size: 16px;text-align:center;border-collapse:collapse;line-height: 30px;padding: 20px;border-bottom: 1px solid #3575de;display: table-cell;vertical-align: middle;background: #fff} /*.RighInfo002554 .table_1 td:nth-child(2n-1){background: #fff}*/ .RighInfo002554 .table_1 th{font-size: 17px;font-weight:normal;} .RighInfo002554 .table_1 .th_1, .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4, .RighInfo002554 .table_1 .th_5, .RighInfo002554 .table_1 .th_6{color: #fff;background: #3575de;} .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4, .RighInfo002554 .table_1 .th_5, .RighInfo002554 .table_1 .th_6{color:#fff;width: 18%;} .RighInfo002554 .table_1 .th_1{color: #fff;width: 10%;} @media(max-width:768px){ .RighInfo002554 .table_1 th{padding: 15px 5px;font-size: 14px;} .RighInfo002554 .table_1 td{font-size: 14px;padding: 15px 5px;} .RighInfo002554 .table_1 .th_1{width: 13%;} .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4, .RighInfo002554 .table_1 .th_5, .RighInfo002554 .table_1 .th_6{width: 17.4%;} } @media(max-width:640px){ .RighInfo002554 .table_1 th{padding: 10px 3px;font-size: 12px;} .RighInfo002554 .table_1 td{font-size: 12px;padding: 10px 3px;} } @media(max-width:480px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} } /*新闻详情*/ /*新闻详情*/ /*.RichInfo005 为demo编号*/ .RichInfo005{margin:2% 0; } .RichInfo005 .news_info .title{ text-align:center; padding-bottom:14px; margin-bottom:3%;} .RichInfo005 .news_info .shipingbox{width: 100%;text-align: center} .RichInfo005 .news_info .shipingbox video{width:100%;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; padding-bottom:10px;} .RichInfo005 .news_info .title span{ margin:0 20px; color:#999; font-size:12px; } .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:60px 0; } .RichInfo005 .news_info .info_back a{ color:#999;; font-size:14px;} .RichInfo005 .news_info .info_back a:hover{color:#2d4992;} .RichInfo005 p{/*text-indent:2em;*/ font-size:14px; color:#666; line-height:28px;} .info_back a:last-child{float: right;} .info_back a:first-child{float: left;} .info_back a{color: #999999 !important} @media(max-width:640px) { .RichInfo005 .news_info .title h1{font-size: 16px;} .RichInfo005 .news_info .title span{margin: 0 3px} .RichInfo005 .news_info .info_back a{float:none !important;display: block;width: 100%;line-height: 40px;} .info_back a{display: block;width: 100%; line-height: 40px;} } /* .Floor000881 为demo编号 */ .Floor000881{padding:2% 0;} .Floor000881 h3{text-align:center;font-size:18px;font-weight:normal;color:#333;line-height:50px;} .Floor000881 .auto{padding: 0 5%;} .Floor000881 .list_copy{ display:none;} .Floor000881 .bx-viewport{ z-index:1;} .Floor000881 .list_scroll li{ text-align:center; position:relative;} .Floor000881 .list_scroll li .Ispic{display:block;padding-bottom: 72%;} .Floor000881 .list_scroll li p{margin:0;line-height:55px;} .Floor000881 .list_scroll li:hover p a{ color:#3575de;} .Floor000881 .bx-wrapper{ position:relative;} .Floor000881 .bx-pager{ display:none;} .Floor000881 .bx-controls-direction a{ position:absolute;width: 40px;height: 40px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10; background: url(../images/Floor000881-btn.png) no-repeat 0 0;} .Floor000881 .bx-controls-direction a.bx-prev{ left:-7%;} .Floor000881 .bx-controls-direction a.bx-next{ right:-7%; background-position: right 0;} .Floor000881 .bx-controls-direction a:hover{ background-image:url(../images/Floor000881-btn_hover.png);} @media(max-width:1250px){ .Floor000881 .bx-controls-direction a.bx-prev{ left:5px;} .Floor000881 .bx-controls-direction a.bx-next{ right:5px;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} } /* .RighInfo002257 为demo编号 */ .RighInfo002257{} .RighInfo002257{ padding:30px 0 30px;} .RighInfo002257 p{ line-height:1.8; } .RighInfo002257 .item{border-bottom: 1px solid #e8e8e8;padding:25px 0;max-width: 462px;margin: 0 auto;} .RighInfo002257 .item .pic .pic-inner,.RighInfo002257 .item .word .word-inner{display: table-cell;vertical-align: middle;} .RighInfo002257 .item .h1{color:#3575de;font-size: 24px;font-weight: normal;margin: 0;} .RighInfo002257 .item .con{color: #333333;font-size: 16px;line-height: 30px;margin: 10px 0 0;} @media only screen and (max-width: 767px) { .RighInfo002257 .item .word{ padding-bottom: 15px;} } @media only screen and (min-width:768px ) { .RighInfo002257 .item{ max-width: none; padding:38px 0; } .RighInfo002257 .item .pic{float: right;width: 50%;text-align: center;position: relative;} .RighInfo002257 .item .word{float: right;width: 50%;padding-left: 12%;position: relative;} .RighInfo002257 .item .pic::after{content:"";display:block;background-color: #3575de;width: 1px;height: 151px;position: absolute;z-index:1;right: 0;top: 29%;} .RighInfo002257 .item.odd .word{float: left;padding-left: 7%;padding-right: 7%;position:relative;} .RighInfo002257 .item:nth-child(2n) .pic::after{content: "";display: block;background-color: #3575de;width: 1px;height: 151px;position: absolute;z-index: 1;left: 0;top: 29%;} } @media only screen and (max-width:1200px ) { .RighInfo002257 .item .h1{font-size: 18px;} } /*产品品牌修改*/ /* .PicList001647 为demo编号 */ .PicList001647 li{float:left;margin-right: 2.65%;width: 23%;margin-bottom:2%;position: relative;} .PicList001647 li:nth-child(4n){margin-right: 0%;} .PicList001647 li dl{transition:0.3s;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 3%;color: #fff;background-color: rgba(0,0,0,0.4);} .PicList001647 li dl .hover{width: 100%;height: 100%;position: absolute;top: 0;left: 0} .PicList001647 li figure{ height:0; overflow:hidden; transition:0.5s;} .PicList001647 li:hover figure{ height:140px; padding: 0 10px; } .PicList001647 li:hover dl{ background-color:rgba(0,0,0,0.8); text-align: center;} .PicList001647 li a.Ispic{padding-bottom: 74%;display:block;background-size:contain;} .PicList001647 li *{margin:0;} .PicList001647 li p{ font-size:12px; color:#fff; height:40px; overflow:hidden; line-height:20px;} .PicList001647 li h1 a{font-size:18px;font-weight:normal;padding-top:5%;padding-bottom:3%;color: #fff;} @media(min-width:641px){ .PicList001647 li:nth-child(4n){ margin-right:0;} .PicList001647 li:nth-child(4n+1){ clear:left;} } @media(max-width:640px){ .PicList001647 li{ float:left; margin-right:2%; width:49%;} .PicList001647 li:nth-child(2n){ margin-right:0;} .PicList001647 li:nth-child(2n+1){ clear:left;} .PicList001647 li h1{ font-size:16px;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275{padding: 8% 0;} .RighInfo002275 .text{margin-bottom: 20px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 10px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; border-bottom:1px #eee dashed; padding:2% 0 1%;} .RighInfo002275 .map{width: 100%;height: 200px; border:1px #ddd solid; background:#fff;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;filter:alpha(opacity=50); -webkit-filter:alpha(opacity=50); -moz-filter:alpha(opacity=50);} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 50px 0 70px} .RighInfo002275 .text .title{margin-bottom:60px} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;} } /*Form002219*/ .Form002219{ padding:1% 0 4%;} .Form002219 dl{ width:49%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:1.5%;} .Form002219 dl.odd{ margin-left:2%;} .Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:85px; text-align:right; line-height:40px;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px;height:38px; color:#5b5b5b; display: block;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 dl .form_err{color:#df2130;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:150px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; background-color:#d42219;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:120px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ /* .Map000101 为demo编号 */ .Map000101{ padding:20px 0;} .Map000101 h2{font-size: 42px;color: #3575de;text-align: center;line-height: 1;margin:0;font-size:24px;position:relative;margin-bottom: 5%;} .Map000101 h2:before{ content:''; background:#3575de; height:3px; width:80px; position:absolute; top:42px; left:50%; margin-left:-45px;} .Map000101 .h{width: 100%;} .Map000101 #allMap{height:450px; width:100%;} .Map000101 #allMap img{ max-width:none;} .Map000101 ul{margin-bottom:20px;} .Map000101 ul ol{display:inline-block;font-size: 16px;color: #333;padding-left:38px;position:relative;margin: 0;} .Map000101 ul ol::before{ content:''; background:#333; height:1px; width:30px; position:absolute; left:0; top:12px;} .Map000101 li{line-height:25px;padding:20px;font-size: 16px;font-weight: normal;text-align: left;padding: 0 20px;display: inline-block;} .Map000101 li.on{color: #3575de;} @media(max-width:768px){ .Map000101 li{padding: 0 8px;} } @media(max-width:768px){ .Map000101 h2{margin-bottom: 50px;} } .leibie_min{ margin-bottom: 5%;} .leibie_min .ss_box{border-top: solid 1px #3575de; border-right: solid 1px #3575de;border-left: solid 1px #3575de;width: 25%; float: left; margin-bottom: -1px; } .leibie_min .ss_box .text{width: 85%; height: 52px; line-height: 52px; background: #fff; color: #999999; display: inline-block; border: none; text-indent: 15px;} .leibie_min .ss_box .but{ width: 12%;display: inline-block; background:url(../images/ss.png) no-repeat; border: none; cursor: pointer; } .leibie_min .ss_box1{ border: solid 1px #f3f3f3; background: #f3f3f3;} .leibie_min .ss_box .text1{width: 85%; height: 52px; line-height: 52px; background: none; color: #999999; display: inline-block; border: none; text-indent: 15px;} .leibie_min .ss_box .but1{ width: 12%;display: inline-block; background:url(../images/ss.png) no-repeat; border: none; cursor: pointer; } .leibie_min .ss_box2{ border: solid 1px #eeeeee; background: #fff;} .leibie_min .ss_box .text2{width: 85%; height: 52px; line-height: 52px; background: none; color: #999999; display: inline-block; border: none; text-indent: 15px;} .leibie_min .ss_box .but2{ width: 12%;display: inline-block; background:url(../images/ss.png) no-repeat; border: none; cursor: pointer; } .leibie_min .ss_box3{ border: solid 1px #fafafa; background: #fff;} .leibie_min .ss_box .text3{width: 85%; height: 52px; line-height: 52px; background: none; color: #999999; display: inline-block; border: none; text-indent: 15px;} .leibie_min .ss_box .but3{ width: 12%;display: inline-block; background:url(../images/ss.png) no-repeat; border: none; cursor: pointer; } /*.leibie_min ul li{ position: relative;}*/ .leibie_min ul{ position: relative;} .leibie_min .yi_a{ width: 25%; display: inline-block; background: #3575de; color: #fff; line-height: 52px; font-size: 16px; position: relative; padding: 0 15px; border: solid 1px #3575de; border-bottom: none;} .leibie_min .yi_a:after{ content: ''; width: 90%; position: absolute; bottom: 0; left: 5%; background: #fff; height: 1px;} .leibie_min ul li:last-child .yi_a:after{ display: none;} .leibie_min .yi_a span{ position: absolute; background: url(../images/ico1.png) no-repeat; width: 10px; height: 18px; right: 15px; top: 18px; } .leibie_min .yi_a.aon{ background: #fff; border-bottom: solid 1px #3575de; color: #3575de; border-top: none;} .leibie_min .yi_a.aon span{background: url(../images/ico1_on.png) no-repeat; } .leibie_min .yi_a:hover{background: #fff; color: #3575de; border-bottom: solid 1px #3575de; border-top: none;} .leibie_min .yi_a:hover span{background: url(../images/ico1_on.png) no-repeat;} .leibie_min dl{ display: none; width: 25%; position: absolute; left: 25%; top: 0; z-index: 2 } .leibie_min dl dd .er_a{ line-height: 53px; font-size: 16px; display: block;padding: 0 15px; border: solid 1px #dddddd; border-left: none; border-top: none; position: relative;border-bottom: none;} .leibie_min dl dd .er_a:before{ content: ''; width: 90%; position: absolute; bottom: 0; left: 5%; background: #dddddd; height: 1px;} .leibie_min dl dd:last-child .er_a{ border-bottom: solid 1px #dddddd } .leibie_min dl dd:last-child .er_a:before{ display: none;} .leibie_min dl dd .er_a.aona{ background: #3575de;color: #fff; border-top: none;} .leibie_min dl dd .er_a:after{ content: ''; display: block; background: url(../images/ico2.png) no-repeat; width: 10px; height: 18px; position: absolute; top: 18px; right: 15px;} .leibie_min dl dd .er_a.aona:after{background: url(../images/ico1.png) no-repeat;} .leibie_min dl dd .er_a:hover{ background: #3575de;color: #fff; border-top: none;} .leibie_min dl dd .er_a:hover::after{background: url(../images/ico1.png) no-repeat;} .leibie_min dl dd .navv{ display: none; width: 100%; position: absolute; left: 100%; top: 0; z-index: 3;} .leibie_min dl dd .navv .span .san_a{ line-height: 53px; font-size: 14px; display: block;padding: 0 15px; border: solid 1px #eeeeee; border-left: none; border-top: none; position: relative;border-bottom: none; color: #666666;} .leibie_min dl dd .navv .span .san_a:before{ content: ''; width: 90%; position: absolute; bottom: 0; left: 5%; background: #eeeeee; height: 1px;} .leibie_min dl dd .navv .span:last-child .san_a{ border-bottom: solid 1px #eeeeee } .leibie_min dl dd .navv .span:last-child .san_a:before{ display: none;} .leibie_min dl dd .navv .span .san_a.aons{ color: #3575de;} .leibie_min dl dd .navv .span .san_a:after{ content: ''; display: block; background: url(../images/ico2.png) no-repeat; width: 10px; height: 18px; position: absolute; top: 18px; right: 15px;} .leibie_min dl dd .navv .span .san_a.aons:after{background: url(../images/ico1_on.png) no-repeat;} .leibie_min dl dd .navv .span .san_a:hover{ color: #3575de;} .leibie_min dl dd .navv .span .san_a:hover::after{background: url(../images/ico1_on.png) no-repeat;} .leibie_min dl dd .navv .v_in{ display: none; width: 100%; position: absolute; left: 100%; top: 0; z-index: 4;} .leibie_min dl dd .navv .v_in a{ line-height: 53px; font-size: 14px; display: block;padding: 0 15px; border: solid 1px #fafafa; border-left: none; border-top: none; position: relative;border-bottom: none; color: #666666; background: #fafafa;} .leibie_min dl dd .navv .v_in a:before{ content: ''; width: 90%; position: absolute; bottom: 0; left: 5%; background: #eeeeee; height: 1px;} .leibie_min dl dd .navv .v_in a:last-child{ border-bottom: solid 1px #eeeeee } .leibie_min dl dd .navv .v_in a:last-child:before{ display: none;} .leibie_min dl dd .navv .v_in a.aonss{ color: #3575de;} .leibie_min dl dd .navv .v_in a:hover{ color: #3575de;} .leibie_min{ padding: 3% 0;} .leibie_box1 .ss{ border-bottom: solid 1px #dddddd;} .leibie_box1 .ss .text{width: 85%; height: 52px; line-height: 52px; background: #fff; color: #999999; float: left; border: none; text-indent: 15px;} .leibie_box1 .ss .but{ width: 12%;float: left; background:url(../images/ss.png) no-repeat center; height: 50px; border: none; cursor: pointer; } .leibie_box2 .ss{ border-bottom: solid 1px #f3f3f3;} .leibie_box2 .ss .text{width: 85%; height: 52px; line-height: 52px; background: #f3f3f3; color: #999999; float: left; border: none; text-indent: 15px;} .leibie_box2 .ss .but{ width: 12%;float: left; background:url(../images/ss.png) no-repeat center; height: 50px; border: none; cursor: pointer; } .leibie_box3 .ss{ border-bottom: solid 1px #fff;} .leibie_box3 .ss .text{width: 85%; height: 52px; line-height: 52px; background: #fff; color: #999999; float: left; border: none; text-indent: 15px;} .leibie_box3 .ss .but{ width: 12%;float: left; background:url(../images/ss.png) no-repeat center; height: 50px; border: none; cursor: pointer; } .leibie_box4 .ss{ border-bottom: solid 1px #fff;} .leibie_box4 .ss .text{width: 85%; height: 52px; line-height: 52px; background: #fff; color: #999999; float: left; border: none; text-indent: 15px;} .leibie_box4 .ss .but{ width: 12%;float: left; background:url(../images/ss.png) no-repeat center; height: 50px; border: none; cursor: pointer; } .leibie_box1 ul{ background: #3575de;} .leibie_box1 ul li{ line-height: 52px; padding: 0 15px; font-size: 16px; position: relative;} .leibie_box1 ul li:after{position: absolute; background: url(../images/ico1.png) no-repeat; width: 10px; height: 18px; right: 15px; top: 18px; content: ''; } .leibie_box1 ul li a{ font-size: 16px; color: #fff; border-bottom: solid 1px #c8ddff;} .leibie_box1 ul li:last-child a{ border-bottom: none;} .leibie_box1 ul li:hover{ background: #fff; } .leibie_box1 ul li:hover a{ color: #3575de;} .leibie_box1 ul li:hover:after{background: url(../images/ico1_on.png) no-repeat;} .leibie_box1 ul li.aon{ background: #fff; } .leibie_box1 ul li.aon a{ color: #3575de;} .leibie_box1 ul li.aon:after{background: url(../images/ico1_on.png) no-repeat;} .leibie_box2 ul{ background: #fff;} .leibie_box2 ul li{ line-height: 52px; padding: 0 15px; font-size: 16px; position: relative;} .leibie_box2 ul li:after{position: absolute; background: url(../images/ico2.png) no-repeat; width: 10px; height: 18px; right: 15px; top: 18px; content: ''; } .leibie_box2 ul li a{ font-size: 16px; color: #333333; border-bottom: solid 1px #dddddd;} .leibie_box2 ul li:last-child a{ border-bottom: none;} .leibie_box2 ul li:hover{ background: #3575de; } .leibie_box2 ul li:hover a{ color: #fff;border-bottom: solid 1px #3575de;} .leibie_box2 ul li:hover:last-child a{ border-bottom: none;} .leibie_box2 ul li:hover:after{background: url(../images/ico1.png) no-repeat;} .leibie_box2 ul li.aon{ background: #3575de; } .leibie_box2 ul li.aon a{ color: #fff;border-bottom: solid 1px #3575de;} .leibie_box2 ul li.aon:after{background: url(../images/ico1.png) no-repeat;} .leibie_box3 ul{ background: #fff;} .leibie_box3 ul li{ line-height: 52px; padding: 0 15px; font-size: 16px; position: relative;} .leibie_box3 ul li:after{position: absolute; background: url(../images/ico2.png) no-repeat; width: 10px; height: 18px; right: 15px; top: 18px; content: ''; } .leibie_box3 ul li a{ font-size: 14px; color: #666666; border-bottom: solid 1px #dddddd;} .leibie_box3 ul li:last-child a{ border-bottom: none;} .leibie_box3 ul li:hover a{ color: #3575de;} .leibie_box3 ul li:hover:after{background: url(../images/ico1_on.png) no-repeat;} .leibie_box3 ul li.aon a{ color: #3575de;} .leibie_box3 ul li.aon:after{background: url(../images/ico1_on.png) no-repeat;} .leibie_box4 ul{ background: #fafafa;} .leibie_box4 ul li{ line-height: 52px; padding: 0 15px; font-size: 16px; text-align: center; position: relative;} .leibie_box4 ul li a{ font-size: 14px; color: #666666; border-bottom: solid 1px #dddddd;} .leibie_box4 ul li:last-child a{ border-bottom: none;} .leibie_box4 ul li:hover a{ color: #3575de;} .leibie_box4 ul li.aon a{ color: #3575de;} .weizhi{ background: #eaf1fc; line-height: 48px; padding: 0 20px; margin-bottom: 5%;} .weizhi b{ font-size: 16px; color: #333333;} .tij{ margin-bottom: 10%; text-align: center;} .tij .but{ height: 58px; width: 100%; max-width: 240px; margin: 0 auto; color: #fff; font-size: 18px; background: #d42219; border: none; border-radius: 10px;} @media(min-width:641px){ .leibie_min .leibie_box{ height: 478px; overflow-y: scroll;} .leibie_box1{border: solid 1px #3575de; width: 25%; float: left; } .leibie_box2{border: solid 1px #f3f3f3; background: #f3f3f3; width: 25%; float: left; } .leibie_box3{border: solid 1px #eeeeee; background: #fff; width: 25%; float: left; } .leibie_box4{border: solid 1px #fafafa; background: #fff;width: 25%; float: left; } } @media(max-width:640px){ .leibie_min{width: 100%;overflow-x: auto;} .leibie_min .s-ctn{height: 500px;white-space: nowrap;font-size: 0;} .leibie_min .leibie_box {font-size: 14px;box-sizing: border-box;white-space: normal;word-wrap: break-word;word-break: break-all;overflow: hidden;display: inline-block!important;width: 50%;height: 100%;overflow-y: scroll;} .leibie_box1 ul li{ font-size: 14px;} .leibie_box2 ul li{ font-size: 14px;} .weizhi b{ display: block; font-size: 14px; padding-bottom: 5px;} .weizhi{ line-height: inherit; padding: 3%;} .tij .but{ line-height: 40px; font-size: 14px; height: 40px;} } .ab_box{ min-height: 360px;} .RighInfo002363{padding:3% 2%;} .RighInfo002363 .auto{ max-width: 1200px;background: #f6f6f6;} @media only screen and (max-width:1200px ) { .RighInfo002363 .auto{ padding-left: 2%; padding-right: 2%;} } .RighInfo002363 .industry_info{max-width: 1200px;margin: 0 auto;padding-top: 2%;} .RighInfo002363 .industry_info .industry_title{text-align:center;} .RighInfo002363 .industry_info .industry_title h1{font-size: 24px;color:#3575de;} .RighInfo002363 .industry_info .industry_title p{font-size: 12px;color:#444;} .RighInfo002363 .box1{} .RighInfo002363 .box1 .text{ position:relative; color: #333; padding:0 2% 3% 2%;text-align: center;} .RighInfo002363 .box1 .text p{max-width: 768px;margin:0 auto;line-height: 28px;font-size: 15px;padding:10px 0;color:#666;} .TextList001398{ padding:2% 0;} .TextList001398 li{height: 49px; padding: 0 10px; border-bottom: 1px solid #e3e3e3; line-height: 49px; position:relative;} .TextList001398 li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .TextList001398 li a:hover{color: #D61919;} .TextList001398 li .btn{width: 108px; height: 49px; position: absolute; top: 0; right: 10px; background: url(../images/TextList001398_btn.png) 0 50% no-repeat;} .TextList001398 li:nth-child(2n){background: #f2f2f2;} .ck{display: none;} .ck2{display: none;} .ck3{display: none;} @media(max-width:480px){ .ck{display: block;text-align: center;font-size: 16px;color: #333;margin: 2% 0;} } @media(max-width:640px){ .ck3{display: block;text-align: center;font-size: 16px;color: #333;margin: 2% 0;} } @media(max-width:768px){ .ck2{display: block;text-align: center;font-size: 16px;color: #333;margin: 2% 0;} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;} .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} @media(min-width:1025px){ .Banner002826 li.slick-slide .pc{display:block; height:40.6vw; background-repeat: no-repeat; background-size: cover; background-position:center;} .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide .pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 13px; height: 13px;position: relative; border-radius: 50%;background:#fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 10px;} .Banner002826 .slick-dots li.slick-active{background:#3575de; } .Banner002826 .slick-dots li button{display: none;} .Banner002826 .slick-arrow{ z-index:10;position:absolute; width:49px; height:49px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center; background-size:contain; border: none;} .Banner002826 .slick-prev{ left:2%;} .Banner002826 .slick-next{ right:2%; background-image:url(../images/Banner002058-btn_right.png);} .Banner002826 .slick-prev:hover{ background-image:url(../images/Banner002058-btn_lefton.png);} .Banner002826 .slick-next:hover{ background-image:url(../images/Banner002058-btn_righton.png);} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } .Product{background-color:#f8f8f8; margin-top: -2%;} /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:3%; } .PicList000762 li{ float:left; margin-right:2%; margin-bottom:2%;} .PicList000762 li a{ display:block; transition:all ease-in-out 0.3s; background-color: #fff; padding:18px;} .PicList000762 li .h1, .PicList000762 li .h2, .PicList000762 li .h3{ margin: 0; padding-bottom:6px; font-weight: normal; text-align: center; color: #888;} .PicList000762 li .h1{font-size: 17px; color: #222;} .PicList000762 li .h2{font-size: 14px;} .PicList000762 li .h3{font-size: 13px;} .PicList000762 li:hover .h1, .PicList000762 li:hover .h2, .PicList000762 li:hover .h3{ color:#122a88;} .PicList000762 li .Ispic{background-size:contain; padding-bottom:91.956%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .PicList000762 li:hover .Ispic{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} @media(min-width:641px){ .PicList000762 li{width:32%; } .PicList000762 li:nth-child(3n){ margin-right:0;} } @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } /* .RighInfo001277 */ .RighInfo001277{ padding-top:2.5%;} .RighInfo001277 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo001277 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo001277 .big_img li, .RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo001277 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo001277 .list{ padding:42px 0 42px 82.9%;} .RighInfo001277 .list .bd{ position:relative;} .RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo001277 .list a.prev{ top:0;} .RighInfo001277 .list a.next{ bottom:0; background-image:url(../images/RighInfo001277-btn_next.png);} .RighInfo001277 .list a.prevStop, .RighInfo001277 .list a.nextStop{ cursor:default;} .RighInfo001277 .list li{ height:130px; position:relative;} .RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo001277 .list li.on figure{ border:2px solid #122a88;} .RighInfo001277 .right_info{ float:right; width:39.2%;} .RighInfo001277 .right_info h1{ margin:0;padding:5% 0; padding:7% 0; color:#122a88; font-size:26px; } .RighInfo001277 .right_info .dl{padding:24px; background: #f8f8f8; font-size: 16px; margin-bottom: 2vw; border-radius: 10px;} .RighInfo001277 .right_info dd{line-height: 1.5; position: relative; padding:20px 0; padding-left:60px; border-bottom: 1px dashed #ccc;} .RighInfo001277 .right_info dt{line-height: 1.5;padding-top:20px;} .RighInfo001277 .right_info dd span{position: absolute; left: 0; top:20px; color: #999;} .RighInfo001277 .right_info a{ display:inline-block; border:1px solid #122a88; padding:10px 5%; color:#122a88; transition:0.4s;} .RighInfo001277 .right_info a:hover{ background-color:#122a88; color:#fff;} .RighInfo001277 .tab{ padding:2.5% 0 4%; margin-top:2.5%; background: #f8f8f8;} .RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:2px solid #122a88; overflow:hidden; font-size:16px; font-weight:normal;} .RighInfo001277 .tab .h1_tab span{display: inline-block; padding:0 5%; line-height:50px;cursor:pointer; background-color:#122a88; color:#fff; border-radius: 10px 10px 0 0;} .RighInfo001277 .tab .info{ padding-top:3%;} .RighInfo001277 .tab .box+.box{ padding-top:4%; margin-top:4%; border-top: 2px solid #eaeaea;} .RighInfo001277 .tab .tit{line-height: 1; padding-left: 10px; border-left: 3px solid #122a88; margin-bottom: 20px; color: #333; font-size: 22px;} .RighInfo001277 .tab p{ margin: 0; font-size: 16px; line-height: 1.75; color: #666;} .RighInfo001277 .tab p+p{ margin-top:14px; } @media(max-width:768px){ .RighInfo001277 .list_img, .RighInfo001277 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo001277 .list li{ height:100px;} .RighInfo001277 .right_info h1{font-size:20px; } .RighInfo001277 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo001277 .list a{ height:28px;} .RighInfo001277 .list li{ height:80px;} .RighInfo001277 .tab .h1_tab{ font-size:14px;} .RighInfo001277 .tab .h1_tab span{ padding:0 3%;} } .RighInfo002778{padding:4% 0;} .RighInfo002778 .ytable { display: table;width: 100%;} .RighInfo002778 .ytable-cell {display: table-cell;vertical-align: middle;} .RighInfo002778 .tit{color:#3575de;line-height:1.6; font-size:24px; font-weight: bold; } .RighInfo002778 .tit:after{width:50px;height:2px;background:#3575de;border:none;margin:15px 0 30px; content: ""; display: block;} .RighInfo002778 p{margin: 0; line-height: 1.75; font-size: 16px;} .RighInfo002778 p+p{margin-top:20px; padding: 1vw ;} .RighInfo002778 .ul1{margin-top: 2vw; text-align: center; padding: 2vw; background: #f8f8f8; display: flex;} .RighInfo002778 .ul1 li{font-size: 18px; text-align: center; color: #333; width:33.3%; padding:0 1.5vw;} .RighInfo002778 .ul1 li img{display: block; height: 60px; margin:0 auto 10px;} .RighInfo002778 .ul1 li:not(:last-child){border-right: 1px solid #eaeaea;} .RighInfo002778 .box{padding:5% 0; background: #f8f8f8; margin-top:5%;} .RighInfo002778 .pic{position: relative; z-index: 1;overflow: hidden;background: #000; } .RighInfo002778 .pic img{opacity: 0.7;} .RighInfo002778 .pic .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;} .RighInfo002778 .pic .play:before{position: absolute; content: '';width: 86px;height: 86px;background:url("../images/RighInfo002778_play.png") no-repeat center center rgba(255,255,255,0.25); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .RighInfo002778 .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} .RighInfo002778 ::-webkit-scrollbar {width:5px;height:5px;} .RighInfo002778 ::-webkit-scrollbar-track {width:6px;background-color:#f5f5f5;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;} .RighInfo002778 ::-webkit-scrollbar-thumb {background-color:#3575de;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;} .RighInfo002778 ::-webkit-scrollbar-thumb:hover {background-color:#3575de} @media(max-width:640px){ .RighInfo002778 .pic .play:before{width: 20vw; height: 20vw;} .RighInfo002778 .ytable-cell {display: block;} } @media(min-width:1025px){ .RighInfo002778 .pic{width: 50%;} .RighInfo002778 .info{padding-right:3.5vw;} .RighInfo002778 .info .word{ max-height: 280px; overflow-y: scroll; padding-right: 10px;} } @media(max-width:1024px){ .RighInfo002778 .ytable-cell{display: block;} .RighInfo002778 .info{padding-bottom:30px;} } .RighInfo002779 .box{padding:4% 0;} .RighInfo002779 .box:first-child{padding-top:1%;} .RighInfo002779 .box:nth-child(2n){background: #f8f8f8;} .RighInfo002779 .box .list1, .RighInfo002779 .box .list2{position: relative; z-index: 1;} .RighInfo002779 .tit{color:#3575de;line-height:1.6; font-size:24px; font-weight: bold; text-align: center; } .RighInfo002779 .tit:after{width:50px;height:2px;background:#3575de;border:none;margin:15px auto 30px; content: ""; display: block;} .RighInfo002779 .word{ margin: 0 auto;} .RighInfo002779 p{margin: 0; line-height: 1.75; font-size: 16px;} .RighInfo002779 p+p{margin-top:20px; padding: 1vw ;} .RighInfo002779 .ul1{margin-top: 3vw; text-align: center; padding: 2vw; background: #f8f8f8; display: flex;} .RighInfo002779 .ul1 li{font-size: 18px; text-align: center; color: #333; width:33.3%; padding:0 1.5vw;} .RighInfo002779 .ul1 li img{display: block; height: 60px; margin:0 auto 10px;} .RighInfo002779 .ul1 li:not(:last-child){border-right: 1px solid #eaeaea;} .RighInfo002779 .list1 ul{position:relative; font-size: 0;} .RighInfo002779 .list1 li .Ispic{display: block; transition:all 0.5s;padding-bottom: 64.63%;} .RighInfo002779 .slider .slick-list li a{display: block; margin:0 1vw;} .RighInfo002779 .list2 .pic{overflow: hidden;position: relative;} .RighInfo002779 .list2 .pic .Ispic{padding-bottom:74.63%; transition: 0.5s;} .RighInfo002779 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid #c0c0c0;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s; line-height: 1000; background: none; overflow: hidden;} .RighInfo002779 .slick-arrow:hover{background: #3575de;} .RighInfo002779 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #c0c0c0;border-left: 2px solid #c0c0c0; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .RighInfo002779 .slick-arrow:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .RighInfo002779 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .RighInfo002779 .list2 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .RighInfo002779 .list2 .video_files video{width:100%; height:100%; background-color:#000;} .RighInfo002779 .list2 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .RighInfo002779 .list2 .video_files .close::before, .RighInfo002779 .list2 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .RighInfo002779 .list2 .video_files .close::before{ transform:rotate(45deg);} .RighInfo002779 .list2 .video_files .close::after{ transform:rotate(-45deg);} .RighInfo002779 .list2 i{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .RighInfo002779 .list2 i::before, .RighInfo002779 .list2 i::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .RighInfo002779 .list2 i::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.9);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .RighInfo002779 .list2 i::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.9);margin-left: -5px;margin-top: -15px;} @media(min-width:641px){ .RighInfo002779 .slider{ margin: 0 -1vw;} } @media(min-width:1601px){ .RighInfo002779 .slick-prev{left: -5vw;} .RighInfo002779 .slick-next{right: -5vw;} } @media(max-width:1600px){ .RighInfo002779 .slick-prev{left:0;} .RighInfo002779 .slick-next{right:0;} .RighInfo002779 .slider{margin: 0 60px;} .RighInfo002779 .slick-arrow{width: 40px; height: 40px;} }