@charset "UTF-8"; * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;} body {color:#333;font-size:14px;font-family:"Source Han Sans","鎬濇簮榛戜綋",Helvetica,Arial,sans-serif;} a, a:active{color: inherit;text-decoration: none;cursor:pointer;} a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} a:hover {text-decoration:none;} img {border:none;vertical-align:middle;max-width:100%;} ol,ul,li {list-style:none;} input,textarea,select,button {font:14px "Source Han Sans","鎬濇簮榛戜綋",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} .clearfix:after,.clearfix:before {content:"";display:table;clear:both;} .btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;} input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;} .container {width:75%;max-width:1440px;margin:0 auto;position:relative;} .d-more{-webkit-transition:0.4s cubic-bezier(0.77,0,0.175,1);transition:0.4s cubic-bezier(0.77,0,0.175,1);position:relative;z-index:2} .d-more::before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background:#0f6ab4;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1)} .d-more:hover{color:#fff;background:transparent} .d-more:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left} /*闃块噷鍥炬爣*/ @font-face { font-family: 'iconfont'; src: url('iconfont.ttf?t=1694743861182') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*澶撮儴*/ /*.header{position:sticky;top:30px;width:100%;background:#ffffff;transition:all .4s ease}*/ #headertop{background:#000;color:#fff; padding:5px;text-align: right;} #headertop .container{font-size:12px;} .header{position:sticky; top: 50px;left:0;top:0;z-index:100;width:100%;background:#ffffff;transition:all .4s ease} .header::after{content:'';width:100%;height:1px;background:#ffffff;position:absolute;left:0;bottom:0;opacity:.1} .header .header-content{width:74%;margin:auto;position:relative;height:75px} .header .header-content .header-logo{width:12%;height:auto;position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:13} .header .header-content .header-logo a{display:block} .header .header-content .header-logo a img{display:block;width:100%;height:auto} .header .header-content .header-logo .img1{display:block} .header .header-content .header-logo .img2{display:none} .header.scroll-down{top:-100px} .header.scroll-top{background:#ffffff;box-shadow:0px 0px 10px #ccc} .header.scroll-top .header-content .header-logo .img1{display:none} .header.scroll-top .header-content .header-logo .img2{display:block} .header.scroll-top .header-content .header-nav li a.nav{color:#000000} .header.scroll-top .header-content .header-search .search1{display:none} .header.scroll-top .header-content .header-search .search2{display:block} .header .header-content .header-nav{display:flex;justify-content:flex-end;align-items:center} .header .header-content .header-nav .nav-box{display:flex;justify-content:flex-end} .header .header-content .header-nav li{position:relative;border:none} .header .header-content .header-nav li a{position:relative;z-index:2;color:#000;padding:0 1.5vw;line-height:30px;display:block;font-weight:normal;text-align:center} .header .header-content .header-nav li a.nav{line-height:75px;font-size:16px;padding:0;margin:0 24px} .header .header-content .header-nav li a.cur:after{content:'';width:100%;height:3px;background:#ff9c00;position:absolute;left:0;bottom:0 } .header .header-content .header-nav li:hover a.nav:after{content:'';width:100%;height:3px;background:#ff9c00;position:absolute;left:0;bottom:0} .header .header-content .header-nav li a.jiantou:after{content:" >"} .header .header-content .header-nav li ul{position:absolute;float:left;width:140px;display:none;background:#ffffff; border-radius: 0px 0px 15px 15px;border:0px solid #ccc;padding:20px; z-index:99} .header .header-content .header-nav li ul.one{padding:15px 0} .header .header-content .header-nav li ul a{width:140px;text-decoration:none;color:#666666;text-align:left;padding:5px 20px} .header .header-content .header-nav li ul a:hover{background:#f5f5f5;color:#666666} .header .header-content .header-nav li ul ul{top:0;left:140px} .header .header-content .header-nav .header-search{cursor:pointer;padding-left:140px} .header .header-content .header-search .search1{display:block;padding-right:40px} .header .header-content .header-search .search2{display:none;padding-right:40px} .search-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999} .search-box .search-box-bg{width:100%;height:100%;background:rgba(0,0,0,.5)} .search-box .search-form{position:absolute;top:50%;left:50%;width:1000px;height:70px;transform:translate(-50%,-50%);border-radius:10px;overflow:hidden} .search-box .search-form .search-text{position:absolute;top:0;left:0;display:block;width:calc(100% - 100px);border:none;padding:20px 30px;font-size:24px;line-height:30px;color:#666;box-sizing:border-box} .search-box .search-form .search-submit{position:absolute;top:0;right:0;display:block;width:100px;height:70px;font-size:0;background:url(../images/search1.png) center no-repeat #0f6ab4;border:none;cursor:pointer} /*棣栭〉banner*/ .in-banner{height:650px} /*.in-banner{height:100vh}*/ /*.in-banner .swiper-wrapper .swiper-slide .pimg{display:block;width:100%;height:100%}*/ .in-banner .swiper-wrapper .swiper-slide .pimg{display:block;width:100%;} .in-banner .swiper-wrapper .swiper-slide .mimg{display: none;} .in-banner .swiper-wrapper .swiper-slide .title-box{position:absolute;top:42%;left:10%} .in-banner .swiper-wrapper .swiper-slide .title-box .big{width:660px;margin-bottom:24px;font-size:48px;line-height:1.5em;font-weight:bold;color:#fff} .in-banner .swiper-wrapper .swiper-slide .title-box .small{max-width:900px;margin-bottom:50px;font-size:24px;line-height:1.5em;color:#fff} .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more{width:170px;height:46px;box-sizing:border-box;display:block;justify-content:center;align-content:center;text-align:center;line-height:46px;text-transform:uppercase;background:#4b4c4f} .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more p{font-size:16px;color:#fff} .in-banner .swiper-wrapper .swiper-slide video{width:100%;height:650px;display:block;object-fit:cover;object-position:center} .in-banner .swiper-wrapper .swiper-slide .seat{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);pointer-events:none} .in-banner .swiper-pagination{bottom:60px} .in-banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:4px;background:#afafaf;border-radius:0;margin-right:8px;transition:all 0.4s cubic-bezier(0.19,1,0.22,1)} .in-banner .swiper-pagination .swiper-pagination-bullet-active{background:#f9f9f9} .in-banner .banner-next{position:absolute;top:50%;right:53px;z-index:22;cursor:pointer;outline:none} .in-banner .banner-prev{position:absolute;top:50%;left:53px;z-index:22;cursor:pointer;outline:none} .in-banner .banner-next img,.in-banner .banner-prev img{display:block} .in-banner .banner-next img{transform:rotate(180deg)} /*棣栭〉浜у搧鏍囩*/ .tabClick{ background: #f3f3f3; overflow: hidden} .tabClick li{ height:50px; font-size:20px;line-height: 50px; width: 50%; float: left; text-align: center} .tabClick li.active{ color: #e18002; transition: 0.1s; font-weight: bold} .tabCon{ overflow: hidden} .tabBox{ position: relative} .tabList{height:350px;width:100%;padding:60px;float:left; line-height:30px; text-align:left; color:#D3D3D3; font-size:16px; border:1px solid #ccc} .lineBorder{ height: 3px; overflow: hidden; border-bottom:0px solid #09699c; background: #f3f3f3} .lineDiv{ background: #e18002; height: 6px; width: 50%;} /*棣栭〉浜у搧*/ .in-product1{padding:60px 0 70px} .in-product1 .container{background-color:#fff} .in-product1 .p2-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end} .in-product1 .p2-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;margin-bottom:35px;position:relative;text-align:left} .in-product1 .p2-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4} .control-box {width: 100%;height: 330px;margin-left: auto;margin-right: auto;margin-top:0px; } .control-box ul {list-style: none;position: relative;} .control-box ul li { position: absolute;top:-70px;cursor: pointer;} .prev {right: 90px;} .next { right: 20px;} .bigbox {overflow: hidden;width: 100%;height: 330px;margin: auto 0px auto;} #switcher {height: 330px;top:0px;left: 0px;} .content_1.content_2 {width: 100%; float: left;} .box1{transition:all .7s ease 0s;height:330px;float: left;border-left: 3px white solid; overflow: hidden;position: relative;} .box1 .text{ position: absolute; left: 0px;top: 0px;right: 0px;bottom: 40px;background-color: rgba(0, 0, 0,.6);visibility: hidden;} .box1:hover .text { opacity:0.5; visibility: inherit;} .box1 .text .c1{ padding:30px;color: #fff;} .shadow {width: 100%;height: 40px; background-color: rgba(0, 0, 0, 0.45);margin-top: 290px;color: white;font-size: 14px;} .shadow a {display: inline-block;width: 100%;height: 40px;color: white;text-decoration: none;padding-top: 10px;padding-left: 10px;} .shadow a:hover{display: inline-block;background-color:#0f6ab4;width: 100%;height: 40px;color: white;} @media (min-width: 768px) { .container { width: 1370px; } } /*棣栭〉鏈€鏂颁骇鍝?/ .in-product{padding:60px 0 40px} .in-product .product-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;margin-bottom:40px;position:relative;text-align:left} .in-product .product-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4} .in-product .product-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap} .in-product .product-wrapper .product-item{margin-bottom:1.9%;position:relative;max-height:460px} .in-product .product-wrapper .small{width:31.81%} .in-product .product-wrapper .product-item>div{height:100%} .in-product .product-wrapper .product-item>div a{height:100%} .in-product .product-wrapper .product-item>div a.img-product{transition:all .4s ease-in-out;background-size:100%} .in-product .product-wrapper .product-item>div a.img-product:hover{background-size:110%} .in-product .product-wrapper .small a{padding-bottom:calc(100% - 64.2px)} .in-product .product-wrapper .product-item a{display:block;width:100%;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:105%;background-position:center} .in-product .product-wrapper .product-item .product-des{position:absolute;bottom:0;z-index:5;width:100%;height:50%;background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 70%);opacity:.8} .in-product .product-wrapper .product-item .product-des h4{font-weight:bold;padding-left:22px;font-size:22px;color:#fff;line-height:38px;margin:40px 0 5px 0;white-space:nowrap} .in-product .product-wrapper .product-item .product-des h6{padding-left:22px;font-weight:normal;font-size:16px;color:#fff;margin:0 0 32px 0;white-space:nowrap} .in-product .product-wrapper .product-item>div a .product-des span{background-color:#0f6ab4;border-color:#0f6ab4} .in-product .product-wrapper .product-item .product-des span{font-style:normal;color:#fff;line-height:1px;margin-left:22px;opacity:0;font-size:16px;cursor:pointer;border:1px solid #fff;padding:6px 12px} .in-product .product-wrapper .product-item .product-des span img{width:14px;margin-left:5px;margin-top:-2px;display:inline-block} .in-product .product-wrapper .big{width:66%} .in-product .product-wrapper .big a{padding-bottom:calc(48.293% - 57.12px)} .in-product .product-wrapper .mobile-show{display:none} .in-product .product-wrapper .mobile-hide{display:block} /*棣栭〉绠€浠?/ .in-company{padding:60px 0 70px;background:url(img/company-bg.jpg) no-repeat center bottom} .in-company .company-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end} .in-company .left .company-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;margin-bottom:70px;position:relative;text-align:left} .in-company .left .company-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4} .in-company .left .ny-title{overflow:hidden} .in-company .left .roll{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px;color:#333} .in-company .left .roll .sum{margin-bottom:50px;font-size:18px;line-height:18px} .in-company .left .roll .sum span{display:inline-block;font-size:38px;font-weight:bold;line-height:26px;color:#0f6ab4;margin:0 5px} .in-company .left{width:calc(50% - 16px)} .in-company .left .introduce{} .in-company .left .introduce p{text-indent:2em;text-align:justify;font-size:16px;line-height:2em;color:#555} .in-company .left .introduce span{font-size:24px;line-height:1em;color:#0f6ab4} .in-company .right{position:relative} .in-company .right:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 25px);height:calc(100% - 80px);background:#0f6ab4;content:""} .in-company .right .bigimg{position:relative;z-index:2;overflow:hidden} .in-company .right .bigimg img{display:block;transition:all .8s} /*棣栭〉鏂伴椈*/ .in-news{padding:60px 0 70px;background:#eee; height:450px;} .news-name{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:40px} .news-name .news-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;position:relative;text-align:left} .news-name .news-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4} .newstitle1{color:#000;font-size:18px;line-height:18px;font-weight:normal;padding:0px;position:relative;text-align:left} .newstitle1:hover {color:#0f6ab4;font-size:18px;line-height:18px;font-weight:normal;padding:0px;position:relative;text-align:left} .newstitle2{width:80%;color:#000;font-size:16px;line-height:18px;font-weight:normal;padding-bottom:12px;position:relative;float:left;text-align:left} .newstitle2:hover{width:80%;color:#0f6ab4;font-size:16px;line-height:18px;font-weight:normal;padding-bottom:12px;position:relative;float:left;text-align:left} /*.newstitle1:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4}*/ .news-name .news-more{display:flex;justify-content:flex-end;align-items:flex-end} .news-name .news-more .img2{display:none} .news-name .news-more a{margin-left:11px;color:#999;font-size:16px;line-height:1em;transition:all .5s} .news-name .news-more:hover a{color:#0f6ab4} .news-name .news-more:hover .img2{display:block} .news-name .news-more:hover .img1{display:none} .news-date{color:#999;font-size:14px;margin-bottom:10px;margin-top:10px;line-height:1em}*/ .news-more1{width:128px;height:42px;border:1px solid #dadada;display: block;line-height:42px;text-align:center;color:#444;} .news-more1 a{width:128px;height:42px;background:#0f6ab4;color:#fff;border-color:#0f6ab4;display: block;line-height:42px;text-align:center;color:#fff;} .news-more1 a:hover{width:128px;height:42px;background:#ffa00a;color:#fff;border-color:#0f6ab4;display: block;line-height:42px;text-align:center;color:#fff;} .news-msg{color:#999;font-size:14px;margin-bottom:10px;margin-top:10px;padding-right:30px;line-height:1.6em} .newsmm{margin-bottom:12px;margin-top:0px;border-bottom:1px solid #dbdbdb;line-height:1.8em} /*.in-news .news-name{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:40px}*/ /*.in-news .news-name .news-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;position:relative;text-align:left}*/ /*.in-news .news-name .news-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4}*/ /*.in-news .news-name .news-more{display:flex;justify-content:flex-end;align-items:flex-end}*/ /*.in-news .news-name .news-more .img2{display:none}*/ /*.in-news .news-name .news-more a{margin-left:11px;color:#999;font-size:16px;line-height:1em;transition:all .5s}*/ /*.in-news .news-name .news-more:hover a{color:#0f6ab4}*/ /*.in-news .news-name .news-more:hover .img2{display:block}*/ /*.in-news .news-name .news-more:hover .img1{display:none}*/ /*.in-news .news-content{display:flex;flex-wrap:wrap}*/ /*.in-news .news-content .news-latest{width:100%;height:460px;position:relative}*/ /*.in-news .news-content .news-latest .news-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2;transition:all 1.2s}*/ /*.in-news .news-wrapper .news-content .news-latest.on .news-bg{transform:translateX(100%)}*/ /*.in-news .news-wrapper .news-content .news-latest a{position:relative;display:block;width:100%;height:100%;overflow:hidden}*/ /*.in-news .news-wrapper .news-content .news-latest a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-latest .swiper-slide-active a img{opacity:1}*/ /*.in-news .news-wrapper .news-content .news-list{width:50%;height:460px;padding: 60px 14% 60px 4%;box-sizing:border-box;background:#fff url(img/newlist.png) bottom center/contain no-repeat}*/ /*.in-news .news-wrapper .news-content .news-list .news-item{padding-bottom:64px}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:last-child{padding-bottom:0}*/ /*.in-news .news-wrapper .news-content .news-list .news-item a{position:relative;display:block}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-date{color:#999;font-size:16px;line-height:1em}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-title{margin-top:19px;color:#000;font-size:22px;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-msg{display:none;height:44px;margin:15px 0 -4px;color:#999;font-size:14px;line-height:22px;overflow:hidden}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-link{position:absolute;top:50%;right:-92px;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:url('img/news_r.png') center no-repeat #0f6ab4;opacity:0;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-title,.in-news .news-wrapper .news-content .news-list .news-item.on .news-title{color:#0f6ab4}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-msg,.in-news .news-wrapper .news-content .news-list .news-item.on .news-msg{display:block}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-link,.in-news .news-wrapper .news-content .news-list .news-item.on .news-link{opacity:1}*/ /*棣栭〉鏂伴椈*/ /*.in-news{position:relative;padding:60px 0 70px;background:#eee;}*/ /*.in-news .news-wrapper{position:relative}*/ /*.in-news .news-wrapper .news-name{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:40px}*/ /*.in-news .news-wrapper .news-name .news-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;position:relative;text-align:left}*/ /*.in-news .news-wrapper .news-name .news-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#0f6ab4}*/ /*.in-news .news-wrapper .news-name .news-more{display:flex;justify-content:flex-end;align-items:flex-end}*/ /*.in-news .news-wrapper .news-name .news-more .img2{display:none}*/ /*.in-news .news-wrapper .news-name .news-more a{margin-left:11px;color:#999;font-size:16px;line-height:1em;transition:all .5s}*/ /*.in-news .news-wrapper .news-name .news-more:hover a{color:#0f6ab4}*/ /*.in-news .news-wrapper .news-name .news-more:hover .img2{display:block}*/ /*.in-news .news-wrapper .news-name .news-more:hover .img1{display:none}*/ /*.in-news .news-wrapper .news-content{display:flex;flex-wrap:wrap}*/ /*.in-news .news-wrapper .news-content .news-latest{width:100%;height:460px;position:relative}*/ /*.in-news .news-wrapper .news-content .news-latest .news-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2;transition:all 1.2s}*/ /*.in-news .news-wrapper .news-content .news-latest.on .news-bg{transform:translateX(100%)}*/ /*.in-news .news-wrapper .news-content .news-latest a{position:relative;display:block;width:100%;height:100%;overflow:hidden}*/ /*.in-news .news-wrapper .news-content .news-latest a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-latest .swiper-slide-active a img{opacity:1}*/ /*.in-news .news-wrapper .news-content .news-list{width:50%;height:460px;padding: 60px 14% 60px 4%;box-sizing:border-box;background:#fff url(img/newlist.png) bottom center/contain no-repeat}*/ /*.in-news .news-wrapper .news-content .news-list .news-item{padding-bottom:64px}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:last-child{padding-bottom:0}*/ /*.in-news .news-wrapper .news-content .news-list .news-item a{position:relative;display:block}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-date{color:#999;font-size:16px;line-height:1em}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-title{margin-top:19px;color:#000;font-size:22px;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-msg{display:none;height:44px;margin:15px 0 -4px;color:#999;font-size:14px;line-height:22px;overflow:hidden}*/ /*.in-news .news-wrapper .news-content .news-list .news-item .news-link{position:absolute;top:50%;right:-92px;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:url('img/news_r.png') center no-repeat #0f6ab4;opacity:0;transition:all .5s}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-title,.in-news .news-wrapper .news-content .news-list .news-item.on .news-title{color:#0f6ab4}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-msg,.in-news .news-wrapper .news-content .news-list .news-item.on .news-msg{display:block}*/ /*.in-news .news-wrapper .news-content .news-list .news-item:hover .news-link,.in-news .news-wrapper .news-content .news-list .news-item.on .news-link{opacity:1}*/ /*杩斿洖椤堕儴*/ .sidebar.act{right:0} .sidebar{position:fixed;top:200px;right:-50px;width:50px;height:203px;z-index:100;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} .sidebar li{width:auto;height:50px;position:absolute;z-index:20} .sidebar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#595656;opacity:0.8;border-radius:6px} .sidebar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px} .sidebar li a:hover{background-color:#0f6ab4;opacity:1} .sidebar li.message{position:absolute;top:51px;left:0;width:126px} .sidebar li.telephone{position:absolute;top:102px;left:0;width:172px} .sidebar li.wechat{top:153px} .sidebar li.top{top:204px} .sidebar li.top,.sidebar li.wechat{position:absolute;left:0;width:62px} .sidebar li.wechat .wechat-code{position:absolute;top:-88px;left:-200px;width:216px;height:216px;padding-bottom:9px;display:none} .sidebar li.wechat .wechat-code img{display:block;padding:14px;background-color:#FFF;width:188px;height:188px} .sidebar li:hover .wechat-code{display:block} /*搴曢儴*/ .footer{color:#B3B3B3;background:#181818;clear:both;top:30px} .footer .footer-wrapper{padding:72px 0 42px;border-bottom:1px solid #3c3c3c} .footer .footer-wrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .footer .footer-wrapper .footer-info{float:left} .footer .footer-wrapper .footer-info .footer-logo{display:block;width:230px;margin-bottom:32px} .footer .footer-wrapper .footer-nav{float:right;display:flex;justify-content:space-between;width:70%;padding-right:14px} .footer .m-footer-code{display:none} .footer-info p{margin-bottom:20px;font-size: 16px;} .footer-info .footer-info-tit{margin-bottom:64px;color:#fff} .footer-info .footer-info-tel{margin-bottom:24px} .footer-info .footer-info-tel .p1{margin-bottom:15px;font-size: 16px;} .footer-info .footer-info-tel .p2{font-size:32px;color:#fff} .footer-nav dt{margin-bottom:24px} .footer-nav dt a{color:#fff;font-size:18px} .footer-nav dd a{font-size:16px;} .footer-nav dd a span{margin-bottom: 20px;display: block;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .footer-nav dd:hover a span{color: #0f6ab4;-webkit-transform: translateX(-6px);-moz-transform: translateX(-6px);-ms-transform: translateX(-6px);-o-transform: translateX(-6px);transform: translateX(-6px);} .footer-bottom{display:flex;justify-content:space-between;padding:38px 0} .footer-bottom-left{display:flex;align-items:center} .footer-bottom-left a{margin-left:12px} .media-icons{display:flex;justify-content:space-between;width:138px} .media-icons a{position:relative;display:block;width:32px;height:26px;background-repeat:no-repeat} .media-icons .weibo{background-position:2px center} .media-icons .wechat{background-position:-52px center} .media-icons .douyin{background-position:-106px center} /*.footer-bottom-right .code-hide{display:none;position:absolute;top:-130px;left:50%;width:120px;height:120px;padding:4px;margin-left:-60px;background:#fff;box-sizing:border-box}*/ /*.footer-bottom-right .code-hide::after{position:absolute;left:50%;bottom:-10px;display:block;content:"";width:0;height:0;margin-left:-10px;border-width:10px;border-style:solid;border-top-color:#fff;border-right-color:transparent;border-bottom:none;border-left-color:transparent}*/ /*.footer-bottom-right .code-hide img{display:block;width:100%;height:auto}*/ /*.footer-bottom-right .wechat:hover .code-hide,.footer-bottom-right .douyin:hover .code-hide{display:block}*/ .footer-bottom-right{margin-right:28px} .f2{color:#181818} /*.footer-bottom-right a{background-image:url(../images/media-icons.png)}*/ .footer a:hover{color:#fff} .mfooter{display:none} /*绗簩瀵艰埅*/ .nav_phone.hide{display:none !important} .nav_pc{width:100%;height:60px;background-color:#f6f6f6;position: relative;z-index: 1;} .nav_pc .home{float:left;display:block} .nav_pc .first,.nav_pc .second,.nav_pc .third{cursor:pointer;position:relative;} .nav_pc .first h4,.nav_pc .second h4,.nav_pc .third h4{height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative;border-right:1px solid #eaebeb} .nav_pc .active h4{border-bottom:3px solid #0f6ab4;color:#0f6ab4} .nav_pc .first h4::after,.nav_pc .second h4::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto} .nav_pc .active h4::after{border-top-color:#0f6ab4} .nav_pc .first.no-a h4,.nav_pc .second.no-a h4,.nav_pc .third h4{padding-right:30px} .nav_pc .first.no-a h4::after,.nav_pc .second.no-a h4::after{display:none} .nav_pc .first ul,.nav_pc .second ul{display:none;position:absolute;top:60px;left:0;z-index:99;min-width:100%} .nav_pc .first ul li a,.nav_pc .second ul li a{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .nav_pc .first ul li a:hover,.nav_pc .second ul li a:hover{color:#fff;background:#0f6ab4} .nav_pc .right{float:right} .nav_pc .right a{font-size:16px;line-height:60px;color:#333;margin-left:60px} .nav_pc .right a:first-child{margin-left:0} .nav_pc .right a.active{color:#0f6ab4} /*绗簩瀵艰埅 yu*/ .nav_p{/*璁剧疆澶х洅瀛愮殑楂樺*/width:100%;height:60px;background-color:#f6f6f6;} .nav_p ul{/*璁剧疆瀵艰埅鏍忕殑楂樺浠ュ強瀵归綈鏂瑰紡*/height:60px; min-width:180px;} .nav_p ul li a{float:left;/*娴姩璁剧疆涓哄彸娴姩*/display:block;margin-left:20px;/*姣忎釜鍏冪礌浠锋牸10*/list-style-type:none;/*鍙栨秷鍓嶇疆鍥炬爣*/ font-size:16px;color:#333;line-height:60px;height:60px;padding:0 42px 0 30px;} .nav_p ul li a:hover{line-height:60px;height:60px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background:#0f6ab4;color:#fff} #navigation,#navigation li ul{list-style-type:none} #navigation li{float:left;text-align:center;position:relative} #navigation li h4,#navigation li a:link,#navigation li a:visited{display:block;height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative} #navigation li h4.arrow::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto} #navigation li h4.arrow{border-bottom:3px solid #0f6ab4;color:#0f6ab4;border-right:1px solid #eaebeb} #navigation li h4.arrow::after{border-top-color:#0f6ab4} #navigation li a.menu1{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} #navigation li a.menu2,#navigation li a.menu3{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} #navigation li a:hover{color:#fff;background:#0f6ab4} #navigation li ul li a:hover{color:#fff;background:#0f6ab4} #navigation li ul{display:none;position:absolute;left:0;width:120px;z-index:99;} #navigation li ul li ul{display:none;position:absolute;top:0px;left:180px;margin-top:0;margin-left:0px;width:120px} /*鏍忕洰Banner*/ #bann{height:400px;color:#fff;background-size:cover;background-position: center;background-repeat: no-repeat;padding-top:160px;position: relative;} #bann .t1{font-size:36px;margin-left:5%;text-align:left;margin-bottom:5px;} #bann .t2{font-size:18px;margin-left:5%;margin-bottom:25px;text-align:left;} #bann2{height:400px;color:#0f6ab4;background-size:cover;background-position: center;background-repeat: no-repeat;padding-top:160px;position: relative;} #bann2 .t1{font-size:36px;margin-left:5%;text-align:left;margin-bottom:5px;} #bann2 .t2{font-size:18px;margin-left:5%;margin-bottom:25px;text-align:left;} .hr4{ margin-left:5%;height:3px;border:none;border-top:3px solid #0f6ab4; width:100px;} .hr3{ margin-left:5%;height:3px;border:none;border-top:3px solid #fff; width:100px;} .hr100{ height:2px;border:none;border-top:2px solid #d2d2d2; width:100%;} /*浜у搧涓績*/ #product {margin-top:50px; } /*#product .pro-list .pro-list-left{width:75%;float:left;}*/ /*#product .pro-list .pro-list-right{width:75%;float:left;}*/ #product .pro-list .info{font-size:16px;color:#999;padding:30px;border:1px solid #f1f2f3;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #product .pro-list .info .t2{font-size:16px;color:#999;padding:30px; } #product .pro-list .t2{font-size:16px;color:#999;padding:30px; } /*#product .pro-list .t2{font-size:16px;color:#999;margin-top:5px; padding:15px 30px;border:1px solid #f1f2f3;}*/ /*#product .pro-list-right{width:23.5%;float:right;}*/ #product .pro-list-left{width:23.5%;float:left;margin-right:2%;} #product .pro-list {margin:20px 0 20px;display:flex;flex-wrap:wrap;} #product .pro-list .item {width:32%;transition:all 0.6s;display:block;margin-right:2%;margin-bottom:2%;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #product .pro-list .item .pic {width:100%;overflow:hidden;} #product .pro-list .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;} #product .pro-list .item .info {background-color:#fff;transition:all 0.6s;padding:30px 30px;border:1px solid #f1f2f3;} #product .pro-list .item .info .t1 {font-size:16px;color:#333;} #product .pro-list .t3 {font-size:30px;color:#09699c;} #product .pro-list .item .info .t2 {font-size:16px;color:#999;margin-top:5px; padding:15px 30px;border-top:1px solid #f1f2f3;} #product .pro-list .item:nth-of-type(3n) {margin-right:0;} #product .pro-list .item:hover {box-shadow:0px 5px 20px 0px rgba(0,73,133,0.2);} #product .pro-list .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);} #product .pro-list .item:hover .info {background-color:#ebebeb; } #product .pro-list .item:hover .info .t1 {color:#012967;} #product .pro-list .item:hover .info .t2 {color:#bce2ff;} #product .pro-list .over-line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #product .pro-list .over-line2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /*浜у搧渚ц竟鏍?/ *, *::after, *::before { box-sizing: border-box; } /* -------------------------------- Main Components -------------------------------- */ .cd-accordion-menu { width: 100%; max-width: 600px; background: #f1f1f1; margin: 2em auto; box-shadow: 0 4px 40px #ccc; } .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; } .cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; } .cd-accordion-menu label { position: relative; display: block; padding: 10px 0px 10px 10; background: #012967; box-shadow: inset 0 -1px #b5b5b5; color: #fff; font-size: 16px; } .cd-accordion-menu a { position: relative; display: block; padding: 10px 0px 10px 10; background: #0685bd; box-shadow: inset 0 -1px #b5b5b5; color: #666; font-size: 16px; } .cd-accordion-menu li ul li a { position: relative; display: block; padding: 10px 0px 10px 18px; background: #f1f1f1; box-shadow: inset 0 -1px #b5b5b5; color: #666; font-size: 16px; } .cd-accordion-menu li ul li a:hover{ position: relative; display: block; padding: 10px 0px 10px 18px; background: #f39803; box-shadow: inset 0 -1px #b5b5b5; color: #fff; font-size: 16px; text-decoration: none; } .cd-accordion-menu li ul li a:active{ position: relative; display: block; padding: 10px 0px 10px 18px; background: #f39803; box-shadow: inset 0 -1px #b5b5b5; color: #fff; font-size: 16px; text-decoration: none; } .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #ffca10; } .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu label { cursor: pointer; } .cd-accordion-menu label::before, .cd-accordion-menu label::after { /*background-image: url(../img/cd-icons.svg);*/ /*background-repeat: no-repeat;*/ /*background: #ffca10;*/ } .cd-accordion-menu label::before { /* arrow icon */ left: 10px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .cd-accordion-menu label::after { /* folder icons */ left: 10px; background-position: -16px 0; } .cd-accordion-menu a::after { /* image icon */ left: 10px; /*background: url(../img/cd-icons.svg) no-repeat -8px 0;*/ } .cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */ background-position: -32px 0; } .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #f1f1f1; padding-left: 15px; } .no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; } .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; } .cd-accordion-menu ul label::before { left: 10px; } .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { background: #f39803; left: 15px; } @media only screen and (min-width: 600px) { .cd-accordion-menu label, .cd-accordion-menu a { padding: 10px 10px 10px 18px; font-size: 16px; } .cd-accordion-menu label::before { left: 10px; } .cd-accordion-menu label::after { left: 10px; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { padding-left: 10px; } .cd-accordion-menu ul label::before { left: 10px; } .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 10px; } .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 15px; } .cd-accordion-menu ul ul label::before { left: 15px; } .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 15px; } } .cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } /* 鍦板浘蹇呰甯冨眬鏍峰紡css */ .map-content { margin: 0 auto; } .map-module { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; } .map-title { font-size: 24px; color: #333; text-align: center; margin: 50px 0; position: relative; } .map-branch .map-title { margin: 20px 0 0; z-index: 1; } .map-title:before { content: ""; position: absolute; width: 0; height: 0; bottom: -23px; left: 50%; transform: translateX(-50%); border: 6px solid; border-color: #0f6ab4 transparent transparent; } .map-title:after { content: ""; position: absolute; width: 52px; height: 3px; background-color: #0f6ab4; bottom: -12px; left: 50%; transform: translateX(-50%); } .map-content-info { position: relative; margin-bottom: 30px; } .branch-map-l { width: 849px; height: 575px; position: relative; } .map-content-box { width: 100%; height: 100%; background: url("/assets/img/map-bj.png") no-repeat center; position: relative; } .map-dot { position: absolute; text-align: center; font-size: 12px; cursor: pointer; } .hainan { left: 515px; top: 535px; } .lemeng { left: 485px; top: 220px; } .xingjang { left: 215px; top: 160px; } .ningxia { left: 464px; top: 280px; } .gansu { left: 434px; top: 300px; } .beijing { left: 585px; top: 220px; } .tianjin { left: 604px; top: 234px; } .hebei { left: 575px; top: 254px; } .shanxi { left: 540px; top: 276px; } .liaoning { left: 660px; top: 196px; } .jilin { left: 696px; top: 167px; } .heilongjiang { left: 676px; top: 106px; } .shanghai { left: 668px; top: 341px; } .jiangsu { left: 646px; top: 316px; } .zhejiang { left: 655px; top: 379px; } .anhui { left: 605px; top: 334px; } .fujian { left: 625px; top: 428px; } .jiangxi { left: 595px; top: 402px; } .shandong { left: 610px; top: 284px; } .henan { left: 562px; top: 316px; } .hubei { left: 555px; top: 359px; } .hunan { left: 545px; top: 409px; } .guangdong { left: 575px; top: 466px; } .guangxi { left: 506px; top: 461px; } .chongqing { left: 495px; top: 364px; } .sichuan { left: 425px; top: 354px; } .guizhou { left: 484px; top: 424px; } .yunnan { left: 405px; top: 462px; } .shanxi1 { left: 502px; top: 312px; } .map-dot:after { content: ""; display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #0f6ab4; border-radius: 50%; } .map-dot.beijing:after { width: 13px; height: 12px; border-radius: 0; background: url("/assets/img/icon-star.png") no-repeat center; } .branch-map-data { position: absolute; box-sizing: border-box; width: 430px; border: 1px solid #0f6ab4; box-shadow: 0 0 2px 2px #e9e9e9; background-color: #fff; padding: 10px 30px; z-index: 1; display: none; } .branch-map-data-title { border-bottom: 1px solid #eee; } .branch-map-data-title p { font-size: 18px; color: #333; line-height: 28px; } .branch-map-data-info { max-height: 236px; overflow-y: auto; } .data-branch { border-bottom: 1px dashed #eee; padding: 6px 0; box-sizing: border-box; } .data-branch:last-child { border: none; } a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .data-branch .data-name { font-size: 14px; color: #666; line-height: normal; margin-bottom: 5px; } .data-branch p { font-size: 12px; color: #999; line-height: 20px; } .data-branch p { font-size: 12px; color: #999; line-height: 20px; } .branch-map-data:before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #0f6ab4 transparent transparent; } .branch-map-data:after { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #fff transparent transparent; } .map-dot.cur:before { content: ""; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; border: 1px solid #0f6ab4; animation: dot 4s infinite; } @keyframes dot { 100% { transform: translateX(-50%) scale(1); opacity: 1; } 50% { transform: translateX(-50%) scale(1.5); opacity: .1; } } /*浜у搧璇︽儏*/ #product_dt .hide {display:none !important;} #product_dt .product-detail {margin:50px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #product_dt .product-detail .tops-box {display:flex;justify-content:space-between;padding:80px;background-color:#fff;} #product_dt .product-detail .tops-box .banner {width:48%;position:relative;flex-shrink:0;} #product_dt .product-detail .tops-box .banner .swiper-pro {height:100%;} #product_dt .product-detail .tops-box .banner .swiper-wrapper {height:100%;} #product_dt .product-detail .tops-box .banner .swiper-slide {background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;} #product_dt .product-detail .tops-box .banner .swiper-slide > img {width:100%;opacity:0;} #product_dt .product-detail .tops-box .banner .swiper-pagination-pro {width:100%;bottom:-30px;z-index:100;} #product_dt .product-detail .tops-box .banner .swiper-pagination-bullet {width:15px;height:3px;background-color:#ddd;opacity:1;outline:none;transition:all .6s;margin:0 10px;border-radius:0;} #product_dt .product-detail .tops-box .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;background-color:#0f6ab4;transition:all .6s;} #product_dt .product-detail .tops-box .info-box {padding-left:50px;width: 52%;} #product_dt .product-detail .tops-box .info-box .title-box {padding-bottom:20px;border-bottom:1px solid #ddd;} #product_dt .product-detail .tops-box .info-box .title-box .t1 {font-size:24px;line-height:30px;font-weight:bold;color:#000;} #product_dt .product-detail .tops-box .info-box .title-box .t2 {font-size:18px;line-height:18px;margin-top:20px;color:#333;} #product_dt .product-detail .tops-box .info-box .desc {color:#666;font-size:16px;line-height:26px;margin-top:30px;height:45%;} #product_dt .product-detail .tops-box .info-box .bottoms .query {width:150px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;display:block;background-color:#0f6ab4;} #product_dt .product-detail .tops-box .info-box .bottoms .txt {color:#bbb;font-size:12px;line-height:18px;margin-top:25px;} #product_dt .product-detail .pro-cont {margin-top:20px;background-color:#fff;} #product_dt .product-detail .pro-cont .pro-nav {height:32px;margin-left:80px;margin-right:80px;border-bottom:2px solid #212554;background-color:#fff;padding:0 0px;} #product_dt .product-detail .pro-cont .pro-nav .item {font-size:16px;color:#666;padding:0 35px;height:32px;line-height:32px;position:relative;display:inline-block;margin-right:60px;cursor:pointer;} #product_dt .product-detail .pro-cont .pro-nav .item:hover,#product_dt .product-detail .pro-cont .pro-nav .item.active {color:#fff;font-weight:bold;background-color:#212554;border-radius: 1em 1em 0em 0em;} #product_dt .product-detail .pro-cont .pro-nav .item:hover:before,#product_dt .product-detail .pro-cont .pro-nav .item.active:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#212554;} #product_dt .product-detail .pro-cont .content {padding:80px;} #product_dt .product-detail .pro-cont #cont01.content,#product_dt .product-detail .pro-cont #cont02.content {width: 90%;} #product_dt .product-detail .pro-cont .content img {max-width:100%;} #product_dt .product-detail .pro-cont .content h1 {font-size:24px;line-height:24px;color:#333;margin-bottom:20px;margin-top:20px;} #product_dt .product-detail .pro-cont .content .download-item {width:665px;height:90px;border:1px solid #eee;display:flex;align-items:center;justify-content:space-between;} #product_dt .product-detail .pro-cont .content .download-item .info {padding:0 30px;width:574px;} #product_dt .product-detail .pro-cont .content .download-item .info .t1 {font-size:16px;color:#666;} #product_dt .product-detail .pro-cont .content .download-item .info .t2 {font-size:16px;color:#999;margin-top:6px;display:block;} #product_dt .product-detail .pro-cont .content .download-item .info .t2 i {font-size:20px;display:inline-block;margin-right:10px;color:#bbb;} #product_dt .product-detail .pro-cont .content .download-item .download {display:flex;align-items:center;flex-direction:column;justify-content:center;width:90px;height:90px;color:#999;font-size:14px;border-left:1px solid #eee;} #product_dt .product-detail .pro-cont .content .download-item .download i {font-size:16px;} #product_dt .product-detail .pro-cont .content .download-item .download p {margin-top:6px;} #product_dt .artInfo-page{padding:15px 3.689567430025445%;line-height:24px;color:#666666;background:#f1f1f1;margin:49px 0 0;} #product_dt .artInfo-page .type{color:#999999;margin:0 5px 0 0;} #product_dt .artInfo-page a{display:block;width:46%;color: inherit;} #product_dt .artInfo-page a.fl{float: left;} #product_dt .artInfo-page a.fl:hover{color: #0f6ab4;} #product_dt .artInfo-page a.fr{text-align:right;float: right;} #product_dt .artInfo-page a.fr:hover{color: #0f6ab4;} /*瑙e喅鏂规*/ #cases .solution-items {margin:50px 0 50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #cases .solution-items .items .item {display:flex;padding:40px;background-color:#fff;border-bottom:1px solid #eee;transition:all 0.6s;position:relative;} #cases .solution-items .items .item .pic {width:300px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:cover;} #cases .solution-items .items .item .pic img {width:100%;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;} #cases .solution-items .items .item .pic:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} #cases .solution-items .items .item .info {padding-left:40px;} #cases .solution-items .items .item .info .tt {font-size:22px;line-height:22px;font-weight: bold;} #cases .solution-items .items .item .info .tt:hover {color:#0f6ab4;} #cases .solution-items .items .item .info .desc {font-size:16px;line-height:28px;height:80px;color:#666;margin-top:10px;} #cases .solution-items .items .item .info .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:30px;transition:all 0.6s;} #cases .solution-items .items .item .info .more i {font-size:16px;color:#bbb;} #cases .solution-items .items .item:hover .info .more {border:1px solid #0f6ab4;background-color:#0f6ab4;color:#fff;} #cases .solution-items .items .item:hover .info .more i {color:#fff;} /*鏂囧寲娲诲姩*/ #culture .solution-items {padding:0 40px 50px; 0 50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #culture .solution-items .culture-title {font-size:24px;line-height:24px;font-weight:bold;padding:40px 0 30px;border-bottom:1px solid #f1f2f3;} #culture .solution-items .items .item {display:flex;padding:40px;background-color:#fff;border-bottom:1px solid #eee;transition:all 0.6s;position:relative;} #culture .solution-items .items .item .pic {width:300px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:cover;} #culture .solution-items .items .item .pic img {width:100%;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;} #culture .solution-items .items .item .pic:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} #culture .solution-items .items .item .info {padding-left:40px;} #culture .solution-items .items .item .info .tt {font-size:22px;line-height:22px;font-weight: bold;} #culture .solution-items .items .item .info .tt:hover {color:#0f6ab4;} #culture .solution-items .items .item .info .desc {font-size:16px;line-height:28px;height:80px;color:#666;margin-top:10px;} #culture .solution-items .items .item .info .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:30px;transition:all 0.6s;} #culture .solution-items .items .item .info .more i {font-size:16px;color:#bbb;} #culture .solution-items .items .item:hover .info .more {border:1px solid #0f6ab4;background-color:#0f6ab4;color:#fff;} #culture .solution-items .items .item:hover .info .more i {color:#fff;} #culture .top1 {margin-top:50px;} #culture .culture-box {padding:0 40px 50px;background-color:#fff;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #culture .culture-box .culture-title {font-size:24px;line-height:24px;font-weight:bold;padding:40px 0 30px;border-bottom:1px solid #f1f2f3;} #culture .culture-box .desc-box {display:flex;justify-content:space-between;margin-top:40px;} #culture .culture-box .desc-box .info-box {width:36%;padding-top:30px;} #culture .culture-box .desc-box .info-box .info {height:280px;overflow-y:auto;font-size:16px;line-height:28px;color:#666;padding-right:10px;} #culture .culture-box .desc-box .info-box .info::-webkit-scrollbar {width:5px;height:10px;background-color:#f3f4f5;} #culture .culture-box .desc-box .info-box .info::-webkit-scrollbar-track {background-color:#f3f4f5;} #culture .culture-box .desc-box .info-box .info::-webkit-scrollbar-thumb {background-color:#0f6ab4;} #culture .culture-box .desc-box .info-box .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:70px;transition:all 0.6s;} #culture .culture-box .desc-box .info-box .more i {font-size:16px;color:#bbb;} #culture .culture-box .desc-box .info-box .more:hover {background-color:#0f6ab4;color:#fff;} #culture .culture-box .desc-box .info-box .more:hover i {color:#fff;} #culture .culture-box .desc-box .video-box {width:55.5%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("../images/20200911150108.jpg");position:relative;} #culture .culture-box .desc-box .video-box img {width:100%;/*opacity:0;*/} /*鏂囧寲娲诲姩璇︽儏*/ #culture_dt .solution-detail {padding:0 40px 50px;background-color:#fff;margin-bottom:50px;margin-top:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #culture_dt .solution-detail .title {font-size:24px;line-height:30px;border-bottom:1px solid #eee;padding:40px 0 30px;} #culture_dt .solution-detail .title span{font-size:16px;line-height: 22px;color: #777777;margin: 0 0 0 50px;} #culture_dt .solution-detail .content {padding:30px 0;font-size:16px;} #culture_dt .solution-detail .content img {max-width:100%;} #culture_dt .solution-detail .detail-bottom {padding:30px 40px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;} #culture_dt .solution-detail .detail-bottom .left {font-size:16px;color:#999;} #culture_dt .solution-detail .detail-bottom .left .pg {line-height:30px;} #culture_dt .solution-detail .detail-bottom .left .pg .item {color:#999;} #culture_dt .solution-detail .detail-bottom .left .pg:hover .item {color:#333;} #culture_dt .solution-detail .detail-bottom .back {width:130px;height:40px;line-height:40px;font-size:14px;color:#999;border:1px solid #ddd;text-align:center;display:block;} /*瑙e喅鏂规璇︽儏*/ #cases_dt .solution-detail {padding:0 40px;margin:30px 0 60px;background-color:#fff;} #cases_dt .solution-detail .title {font-size:30px;line-height:30px;border-bottom:1px solid #eee;padding:40px 0 30px;} #cases_dt .solution-detail .title span{font-size:14px;line-height: 22px;color: #777777;margin: 0 0 0 50px;} #cases_dt .solution-detail .content {padding:30px 0;} #cases_dt .solution-detail .content img {max-width:100%;} #cases_dt .solution-detail .detail-bottom {padding:30px 40px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;} #cases_dt .solution-detail .detail-bottom .left {font-size:16px;color:#999;} #cases_dt .solution-detail .detail-bottom .left .pg {line-height:30px;} #cases_dt .solution-detail .detail-bottom .left .pg .item {color:#999;} #cases_dt .solution-detail .detail-bottom .left .pg:hover .item {color:#333;} #cases_dt .solution-detail .detail-bottom .back {width:130px;height:40px;line-height:40px;font-size:14px;color:#999;border:1px solid #ddd;text-align:center;display:block;} /*鍏徃绠€浠?/ #profile .container {width:100%;} #profile .policy-box {padding: 50px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #profile .policy-box .title-box {padding-bottom:25px;} #profile .policy-box .title-box .tt {font-size:20px;line-height:20px;} #profile .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:20px;} #profile .policy-box .content .cont {padding-top:30px;;font-size:14px;} #profile .policy-box .content .cont .tt {font-size:14px;margin-bottom:20px;} /*缁勭粐鏋舵瀯*/ #organize .policy-box {padding: 50px 50px 50px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #organize .policy-box .title-box {padding-bottom:25px;} #organize .policy-box .title-box .tt {font-size:20px;line-height:20px;} #organize .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:20px;} #organize .policy-box .content .cont {padding-top:30px;;font-size:14px;} #organize .policy-box .content .cont .tt {font-size:14px;margin-bottom:20px;} /*鍙戝睍鍘嗙▼*/ #development .policy-box {padding: 50px 50px 50px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #development .policy-box .title-box {padding-bottom:25px;} #development .policy-box .title-box .tt {font-size:20px;line-height:20px;} #development .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:20px;} #development .policy-box .content .cont {padding-top:30px;;font-size:14px;} #development .policy-box .content .cont .tt {font-size:14px;margin-bottom:20px;} #development .policy-box .develop-banner {width:100%;position:relative;margin-top:30px;} #development .policy-box .develop-banner .swiper-develop {height:100%;} #development .policy-box .develop-banner .swiper-wrapper {height:100%;} #development .policy-box .develop-banner .swiper-slide {width:30% !important;padding-right:3%; border-left:3px solid #666;} #development .policy-box .swiper-slide { border-left:2px solid #1451af;margin-left:10%; } #development .policy-box .swiper-slide .year {font-size:18px;font-weight:bold;padding:15px 0px 8px 0px; margin-left:-70px;background-repeat:no-repeat;background-image:url("img/line.png");} #development .policy-box .swiper-slide .year span {font-size:18px;line-height:25px;margin-right:6px; color:#1451af;} #development .policy-box .swiper-slide .desc {font-size:16px;line-height:18px;color:#666; padding-left:15px;margin-top:-28px;} #development .policy-box .swiper-slide img {max-width:100%;} /*浜哄姏璧勬簮*/ #rencaie .policy-box {padding: 50px 30px 30px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #rencaie .policy-box .title-box {padding-bottom:25px;} #rencaie .policy-box .title-box .tt {font-size:20px;line-height:20px;} #rencaie .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:20px;} #rencaie .policy-box .content .cont {padding-top:30px;;font-size:14px;} #rencaie .policy-box .content .cont .tt {font-size:14px;margin-bottom:20px;} /*鏈嶅姟绛栫暐*/ #service .policy-box {padding: 80px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #service .policy-box .title-box {padding-bottom:25px;} #service .policy-box .title-box .tt {font-size:20px;line-height:20px;} #service .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:20px;} #service .policy-box .content .cont {padding-top:30px;;font-size:14px;} #service .policy-box .content .cont .tt {font-size:14px;margin-bottom:20px;} /*钀ラ攢缃戠粶*/ #market .box{margin-top:50px;margin-bottom:50px;padding:40px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)} #market .box.flexBetween{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} #market .box .boxLeft{width:23%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left: 60px;padding-top: 30px;padding-bottom: 30px;border-right:2px solid #eee;position:relative} #market .box .boxLeft ul li{cursor:pointer;position:relative} #market .box .boxLeft ul li .flexStart{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} #market .box .boxLeft ul li > span{position:absolute;top:50%;right:0;border:10px solid transparent;border-left-color:#eee;display:block;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0} #market .box .boxLeft ul li > span::after{content:'';position:absolute;top:-8px;left:-11px;z-index:1;border:8px solid transparent;border-left-color:#ffffff} #market .box .boxLeft ul li:not(:last-child){margin-bottom:20px} #market .box .boxLeft ul li .text{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s} #market .box .boxLeft ul .active > span{opacity:1} #market .box .boxLeft ul .active .text{color:#0f6ab4;font-weight:500} #market .box .boxRight{width:77%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top: 30px;padding-bottom: 30px;padding-left: 6%;padding-right: 5%;} #market .box .boxRight .main .toggMain{display:none} #market .box .boxRight .main .toggMain .bot h6{font-size:24px} #market .box .boxRight .main .toggMain .bot div{margin-top:40px} #market .box .boxRight .main .toggMain .bot div p{font-size:18px;padding-left:35px} #market .box .boxRight .main .toggMain .bot div p:not(:last-child){margin-bottom:20px} #market .box .boxRight .main .toggMain .bot p.add{background:url(img/add.png) top 2px left no-repeat} #market .box .boxRight .main .toggMain .bot p.sale{background:url(img/sale.png) top 2px left no-repeat} #market .box .boxRight .main .toggMain .bot p.tech{background:url(img/tech.png) top 2px left no-repeat} #market .box .boxRight .main .toggMain .bot p.mail{background:url(img/mail1.png) top 2px left no-repeat} #market .box .boxRight .main .toggMain .bot p.fax{background:url(img/fax.png) top 2px left no-repeat} #market .box .boxRight .main .active{display:block} /*璧勬枡涓嬭浇*/ #download .select {width:260px;height:48px;float:left;border:1px #eee solid;background-image:url("img/munder.png");background-repeat:no-repeat;background-position:right 30px center;background-size:13px 8px;} #download .select select {width: 260px;background-color:transparent;border:0;font-size:18px;line-height:48px;height:48px;} #download .select select option {border: 1px solid #eee;position: relative;top:46px;height: 30px;z-index:10;} #download .down_1_left {float:left;font-size:35px;line-height:35px;color:#000;} #download .down_1_left span{font-size:16px;margin-top: 1px;color: #6c6c6c;font-family: Arial, Helvetica, sans-serif;} #download .down_1_right {float:right;width:800px;margin-top:20px;} #download .down_1_right ul li {float:right;width:380px;border:1px #eee solid;height:48px;position:relative;} #download .down_btn {border:none;background:none;background-image:url(img/img09.png);cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:50px;background-color:#0f6ab4;} #download .down_form {padding-left:15px;padding-right:65px;} #download .down_form input {border:none;width:100%;height:35px;line-height:35px;font-size:16px;color:#000;background:none;} #download .down_1 {margin-top:40px;margin-bottom:0px;} #download .down_2 {margin-top:40px;margin-bottom:40px;} #download .down_2 ul li {width:100%;clear:both;overflow:hidden;border-bottom:1px #d9d9d9 solid;} #download .down_2 ul li.down_2_1 {border:none;background-color:#f5f5f5;line-height:40px;color:#000;font-size:16px;} #download .down_2_1_left {float:left;margin-left:30px;} #download .down_2_1_right {float:right;margin-right:30px;} #download .down_2_2 {padding:15px 0px 15px 0px;} #download .down_2_2_left {margin-left:30px;float:left;font-size:16px;color:#000;background-image: url(img/download.png);background-position:left center;background-repeat:no-repeat;padding-left:38px;} #download .down_2_2_left2 {font-size:16px;color:#666;padding-left:20px;margin-left:20px;display:inline-block;background-position:left center;background-repeat:no-repeat;background-image:url(img/img07.png);} #download .down_2_2_right {float:right;display:inline-block;background: #f39800;border:1px #fff solid;line-height:30px;font-size:14px;color:#fff;padding:0 16px;} #download .down_2_3_right {float:right;display:inline-block;background: #012967;border:1px #fff solid;line-height:30px;font-size:14px;color:#fff;padding:0 16px;} /*鍚堜綔浼欎即*/ #partner .partner_sec{margin-top:50px;margin-bottom:50px;padding:40px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)} #partner .partner_list li{float:left;width:calc((100% - 40px) / 1);margin-left:68px;margin-top:14px} #partner .partner_list li:nth-child(1n){margin-left:80} #partner .partner_list li:nth-child(1n + 1){clear:both} #partner .partner_list li:nth-child(-n + 1){margin-top:0px} #partner .partner_list li .img{border:solid 0px #f5f5f5;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.04);cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} /*#partner .partner_list li:hover .img{box-shadow:0 15px 20px rgba(80,100,140,.1),0 4px 10px rgba(80,100,140,.1);transform:translateY(-10px)}*/ #partner .partner_list li p{font-size:16px;line-height:18px;color:#333;margin-top:5px;text-align:center} /*鏂伴椈涓績*/ #news .newslist ul li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee;overflow:hidden;} #news .newslist ul li .N-pic{width:31.76%;float:left;} /*#news .newslist ul li .N-pic{width:31.76%;float:left;}*/ #news .newslist ul li .N-pic img{width:100%;height:280px;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;} #news .newslist ul li .N-pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} #news .newslist ul li .N-note{width:64%;float:right;margin-top:15px;} #news .newslist ul li .N-note h4{font-size:18px;color:#444;font-weight:bold;} #news .newslist ul li .N-note h4 a:hover{color:#0f6ab4;} #news .newslist ul li .N-note p{color:#777;line-height:26px;margin:19px auto;} #news .newslist ul li a.more{width:128px;height:42px;border:1px solid #dadada;display: block;line-height:42px;text-align:center;color:#444;} #news .newslist ul li a.more:hover{background:#0f6ab4;color:#fff;border-color:#0f6ab4;} #news .newslist ul li h4:hover{color:#0f6ab4;} #news .newsbox .artInfo-left{width:100%;float:left;} /*#news .newsbox .artInfo-left{width:75%;float:left;}*/ /*#news .artInfo-right{width:23.5%;float:right;}*/ #news .news_con{padding:50px 0 0;} #news .aiAbout-news{margin:0px 0 30px;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative;} #news .aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;} #news .aiAbout-news .list li{padding:0 0 0 0px;position:relative;margin:20px 0 20px;} #news .aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;} #news .aiAbout-news .list li .name a{color:#777777;} #news .aiAbout-news .list li .name:hover a{color:#0f6ab4;} #news .aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;} #news .aiAbout-news .list li:hover .name{color:#005fc0;} /*鏂伴椈璇︽儏*/ #newsdt .news_con{margin-top:50px;padding:50px;background-color:#fff;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #newsdt .artInfo-left{width:90%;float:left;} #newsdt .artInfo-left .artInfo-name{text-align:center;line-height:44px;font-size:24px;font-weight:bold;color:#333;;} #newsdt .artInfo-left .artInfo-ab{text-align:center;line-height:22px;color:#777777;margin:15px 0 0;} #newsdt .artInfo-ab span{display:inline-block;margin:0 5px;} #newsdt .artInfo-con{90%;line-height:32px;color:#777777;position:relative;overflow:hidden;margin:37px 0 0;} #newsdt .artInfo-con img{max-width:100%;} #newsdt .artInfo-page{padding:15px 3.689567430025445%;line-height:24px;color:#666666;background:#f1f1f1;margin:49px 0 0;} #newsdt .artInfo-page .type{color:#999999;margin:0 5px 0 0;} #newsdt .artInfo-page a{display:block;width:46%;color: inherit;} #newsdt .artInfo-page a.fl{float: left;} #newsdt .artInfo-page a.fl:hover{color: #0f6ab4;} #newsdt .artInfo-page a.fr{text-align:right;float: right;} #newsdt .artInfo-page a.fr:hover{color: #0f6ab4;} /*#newsdt .artInfo-right{width:23.5%;float:right;}*/ #newsdt .aiAbout-news{margin:0px 0 30px;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative;} #newsdt .aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;} #newsdt .aiAbout-news .list li{padding:0 0 0 0px;position:relative;margin:20px 0 20px;} #newsdt .aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;} #newsdt .aiAbout-news .list li .name a{color:#777777;} #newsdt .aiAbout-news .list li .name:hover a{color:#0f6ab4;} #newsdt .aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;} #newsdt .aiAbout-news .list li:hover .name{color:#005fc0;} /*鍏徃姒傚喌*/ #about .top1 {margin-top:50px;} #about .about-box {padding:0 40px 50px;background-color:#fff;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #about .about-box .about-title {font-size:24px;line-height:24px;font-weight:bold;padding:40px 0 30px;border-bottom:1px solid #f1f2f3;} #about .about-box .desc-box {display:flex;justify-content:space-between;margin-top:40px;} #about .about-box .desc-box .info-box {width:36%;padding-top:30px;} #about .about-box .desc-box .info-box .info {height:280px;overflow-y:auto;font-size:16px;line-height:28px;color:#666;padding-right:10px;} #about .about-box .desc-box .info-box .info::-webkit-scrollbar {width:5px;height:10px;background-color:#f3f4f5;} #about .about-box .desc-box .info-box .info::-webkit-scrollbar-track {background-color:#f3f4f5;} #about .about-box .desc-box .info-box .info::-webkit-scrollbar-thumb {background-color:#0f6ab4;} #about .about-box .desc-box .info-box .more {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:70px;transition:all 0.6s;} #about .about-box .desc-box .info-box .more i {font-size:16px;color:#bbb;} #about .about-box .desc-box .info-box .more:hover {background-color:#0f6ab4;color:#fff;} #about .about-box .desc-box .info-box .more:hover i {color:#fff;} #about .about-box .desc-box .video-box {width:55.5%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("../images/20200911150108.jpg");position:relative;} #about .about-box .desc-box .video-box img {width:100%;/*opacity:0;*/} #about .about-box .culture-box {display:flex;justify-content:space-between;margin-top:40px;} #about .about-box .culture-box .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;} #about .about-box .culture-box .items img {width:100%;opacity:0;} #about .about-box .culture-box .items .text-box {position:absolute;text-align:center;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);} #about .about-box .culture-box .items .text-box i {width:50px;height:50px;margin:auto;display:inline-block;} #about .about-box .culture-box .items .text-box .title {margin-top:20px;} #about .about-box .culture-box .items .text-box .title .cn {font-size:22px;line-height:22px;} #about .about-box .culture-box .items .text-box .title .en {font-size:14px;text-transform:uppercase;margin-top:5px;} #about .about-box .culture-box .items .text-box .txt {margin-top:20px;font-size:22px;} #about .about-box .culture-box .items.left {width:32.5%;} /*#about .about-box .culture-box .items.item01 {background-image:url("../images/20200911150300.jpg");}*/ /*#about .about-box .culture-box .items.item02 {background-image:url("../images/20200911150423.jpg");}*/ /*#about .about-box .culture-box .items.item03 {background-image:url("../images/20200911160101.jpg");}*/ /*#about .about-box .culture-box .items.item04 {background-image:url("../images/20200911150857.jpg");}*/ /*#about .about-box .culture-box .items.item05 {background-image:url("../images/20200911151027.jpg");}*/ #about .about-box .culture-box .items:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);} #about .about-box .culture-box .culture {width:66%;display:flex;flex-wrap:wrap;} #about .about-box .culture-box .culture .items {width:48.8%;margin-right:2.4%;margin-bottom:2.4%;} #about .about-box .culture-box .culture .items:nth-of-type(2n) {margin-right:0;} #about .about-box .culture-box .culture .items:nth-of-type(3) {margin-bottom:0;} #about .about-box .culture-box .culture .items:nth-of-type(4) {margin-bottom:0;} #about .about-box .develop-banner {width:100%;position:relative;margin-top:30px;} #about .about-box .develop-banner .swiper-develop {height:100%;} #about .about-box .develop-banner .swiper-wrapper {height:100%;} #about .about-box .develop-banner .swiper-slide {width:30% !important;padding-right:3%;border-right:1px solid #f1f2f3;} #about .about-box .develop-banner .swiper-slide .year {font-size:18px;font-weight:bold;} #about .about-box .develop-banner .swiper-slide .year span {font-size:22px;line-height:22px;margin-right:10px;color:#063fc1;} #about .about-box .develop-banner .swiper-slide .desc {font-size:16px;line-height:28px;color:#666;margin-top:20px;margin-bottom:20px;} #about .about-box .develop-banner .swiper-slide img {max-width:100%;} #about .develop-box {position:relative;overflow: hidden;} #about .develop-box .prevNext-box {width:87.5%;max-width:1680px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99;} #about .develop-box .prevNext-box .prev,#about .develop-box .prevNext-box .next {position:absolute;width:60px;height:60px;line-height:60px;text-align:center;background-color:rgba(0,104,182,0.8);} #about .develop-box .prevNext-box .prev i,#about .develop-box .prevNext-box .next i {font-size:16px;color:#fff;} #about .develop-box .prevNext-box .prev.swiper-button-disabled,#about .develop-box .prevNext-box .next.swiper-button-disabled {background-color:rgba(0,0,0,0.2);} #about .develop-box .prevNext-box .prev {left:0;background-image:url(img/prev.png);} #about .develop-box .prevNext-box .next {right:0;background-image:url(img/next.png);} /*鍏徃姒傚喌寮圭獥*/ .more-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;} .more-cover .info-content {width:75%;max-width:1440px;height:650px;top:15%;left:12.5%;position:absolute;background-color:#fff;padding:40px 40px 50px;} .more-cover .info-content .content {font-size:16px;color:#666;height:100%;overflow-y:auto;padding-right:30px;} .more-cover .info-content .content::-webkit-scrollbar {width:4px;height:10px;background-color:#e1e1e1;} .more-cover .info-content .content::-webkit-scrollbar-track {border-radius:0px;background-color:#e1e1e1;} .more-cover .info-content .content::-webkit-scrollbar-thumb {border-radius:0px;background-color:#0f6ab4;} .more-cover .info-content .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;} .more-cover .info-content .close-box i {width:22px;height:22px;margin:auto;display:inline-block;} /*鑽h獕璧勮川*/ #honor .honor-box {margin-top:40px;margin-bottom: 20px;margin-right: 20px;display:flex;flex-wrap:wrap;} /*#honor .honor-box {margin-top:40px;margin-bottom: 20px;display:flex;flex-wrap:wrap;justify-content: space-between;}*/ /*#honor .honor-box .item {width:23.4%;margin-right:2.13%;margin-bottom:2.13%;transition:all 0.6s;padding:15px 15px 10px;background-color:#fff;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}*/ #honor .honor-box .item {width:23.4%;margin-right:1.3%;margin-bottom:2.13%;transition:all 0.6s;padding:35px;background-color:#fff;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #honor .honor-box .item .pic {width:100%;overflow:hidden;} #honor .honor-box .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;} #honor .honor-box .item .info {font-size:16px;color:#333;padding-top:20px;} #honor .honor-box .item:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);} #honor .honor-box .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);} #honor .honor-box .item:hover .info {color:#0f6ab4;} #honor .honor-box .item:nth-of-type(4n) {margin-right:0;} #honor .honor-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;} #honor .honor-cover .pic-box {width:900px;padding:30px 40px 20px;background-color:#fff;position:absolute;top:80px;left:calc(50% - 400px);} #honor .honor-cover .pic-box .pic {width:100%;} #honor .honor-cover .pic-box .pic img {width:100%;} #honor .honor-cover .pic-box .info {font-size:16px;color:#333;padding-top:20px;text-align:center;} #honor .honor-cover .pic-box .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;} #honor .honor-cover .pic-box .close-box i {width:22px;height:22px;margin:auto;display:inline-block;} /*鍔犲叆鎴戜滑*/ #join .join-box {margin-top:50px;margin-bottom:60px;background-color:#fff;padding-top:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #join .join-box .join-nav {display:flex;align-items:center;justify-content:center;} #join .join-box .join-nav .item {width:140px;height:50px;line-height:50px;font-size:16px;color:#666;border:1px solid #eee;text-align:center;display:block;margin-right:20px;} #join .join-box .join-nav .item.active,#join .join-box .join-nav .item:hover {background-color:#0f6ab4;border:1px solid #0f6ab4;color:#fff;} #join .join-box .text {font-size:16px;color:#888;text-align:center;margin-top:20px;line-height:30px;} #join .join-box .join-select {padding:0 40px 30px;display:flex;align-items:center;justify-content:space-between;margin-top:35px;border-bottom:1px solid #eee;} #join .join-box .join-select input {width:28%;height:50px;border:1px solid #eee;caret-color:#0f6ab4;padding-left:30px;} #join .join-box .join-select input:focus {border:1px solid #0f6ab4;box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);} #join .join-box .join-select .select {width:28%;height:50px;border:1px solid #eee;background-image:url("img/munder.png");background-repeat:no-repeat;background-position:right 30px center;background-size:13px 8px;} #join .join-box .join-select .select select {width:100%;height:100%;background-color:transparent;border:0;padding-left:30px;} #join .join-box .join-select .select select option {border:1px solid #eee;} #join .join-box .join-select .btn {width:100px;height:50px;line-height:50px;font-size:16px;color:#fff;border:0;background-color:#0f6ab4;} #join .join-box .join-list {width:100%;padding:40px 40px;} #join .join-box .join-list li {margin-bottom:10px;} #join .join-box .join-list li .recruit-top {width:100%;height:70px;padding:0px 30px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;cursor:pointer;font-size:14px;box-sizing:border-box;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;} #join .join-box .join-list li .recruit-top > div {color:#666666;width:25%;} #join .join-box .join-list li .recruit-top > div span {color:#333;} #join .join-box .join-list li .recruit-top > div:nth-of-type(2) {text-align:center;} #join .join-box .join-list li .recruit-top > div:nth-of-type(3) {text-align:center;} #join .join-box .join-list li .recruit-top > div:nth-of-type(4) {text-align:center;} #join .join-box .join-list li .recruit-top > div:nth-of-type(5) {text-align:right;} #join .join-box .join-list li .recruit-top:hover {background:#0f6ab4;} #join .join-box .join-list li .recruit-top:hover > div {color:#fff;} #join .join-box .join-list li .recruit-top:hover > div span {color:#fff;} #join .join-box .join-list li .active {background:#0f6ab4;} #join .join-box .join-list li .active > div {color:#fff;} #join .join-box .join-list li .active > div span {color:#fff;} #join .join-box .join-list li .recruit-content {width:100%;padding:0px 30px 50px;box-sizing:border-box;display:none;} #join .join-box .join-list li .recruit-content .t1 {color:#333;font-size:18px;padding-bottom:25px;padding-top:25px;} #join .join-box .join-list li .recruit-content .content p {line-height:2em;color:#666;font-size:14px;} #join .join-box .join-list li .recruit-content .zhaopin-box {padding-top:20px;margin-top:25px;border-top:1px solid #eee;} #join .join-box .join-list li .recruit-content .zhaopin-box .tt {color:#666;font-size:14px;line-height:2em;} #join .join-box .join-list li .recruit-content .join-in {width:180px;height:50px;line-height:50px;color:#fff;display:inline-block;font-size:14px;text-align:center;background:#0f6ab4;margin-top:35px;} /*鑱旂郴鎴戜滑*/ #contact .container{background-color:#fff; height:850px;margin-top:50px;margin-bottom:50px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);} #contact .contact-box {background-color:#fff;margin-top:50px;margin-bottom:50px;} #contact .contact-box .map-box {padding:80px 10px 10px;} #contact .contact-box .map-box #map {width:100%;height:480px; center;} #contact .contact-box .address-items {display:flex;} #contact .contact-box .address-items .item {border-right:1px solid #f1f2f3;cursor:pointer;text-align:center;width:23%;padding:0 3%;margin-top:3%;} #contact .contact-box .address-items .item .img {position:relative;display:block;width:60px;height:60px;margin:auto;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} #contact .contact-box .address-items .item:hover .img {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} #contact .contact-box .address-items .item .img img:nth-child(2) {position:absolute;left:0;top:0;opacity:0;} #contact .contact-box .address-items .item:hover .img img:nth-child(2) {opacity:1;} #contact .contact-box .address-items .item .t1 {font-size:16px;color:#999;margin:20px 0;} #contact .contact-box .address-items .item .desc {font-size:16px;color:#333;padding-bottom:1px;} #contact .contact-box .address-items .item:last-of-type {border-right:0;} #contact .contact-box .address-items .item:hover .desc {display:inline-block;color:#0f6ab4;} /*鍦板浘*/ .BMapLabel .map-info {height:90px;display:flex;align-items:center;} .BMapLabel {left:-200px !important;top:-95px !important;border:0 !important;} .BMapLabel .map-info .info {width:460px;height:100%;padding:20px;} .BMapLabel .map-info .info .t1 {font-size:14px;color:#666;} .BMapLabel .map-info .info .t2 {font-size:18px;margin-top:10px;} .BMapLabel .map-info .gps-box {display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#0f6ab4;width:90px;height:100%;} .BMapLabel .map-info .gps-box i {font-size:26px;color:#fff;} .BMapLabel .map-info .gps-box .tt {font-size:14px;color:#fff;margin-top:10px;} /*瀹㈡埛鐣欒█*/ #contact .message-box {padding:80px 10px 10px;background-color:#fff;margin-bottom:60px;} #contact .message-box .title {font-size:16px;color:#999;} #contact .message-box .title span {font-weight:bold;color:#333;font-size:24px;line-height:24px;margin-right:15px;} #contact .message-box .advise-nav {display:flex;align-items:center;justify-content:center;} #contact .message-box .advise-nav .item {width:140px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#666;border:1px solid #eee;transition:all 0.6s;margin-right:20px;cursor:pointer;} #contact .message-box .advise-nav .item.active,#contact .message-box .advise-nav .item:hover {background-color:#0068b6;color:#fff;} #contact .message-box .txt {text-align:center;color:#666;font-size:16px;margin-top:20px;} #contact .message-box .form-box {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;} #contact .message-box .form-box .line {width:100%;margin-bottom:2%;height:40px;position:relative;} #contact .message-box .form-box .line input {width:100%;height:100%;border:1px solid #eee;transition:all 0.6s;padding-left:30px;} #contact .message-box .form-box .line input:focus {box-shadow:0px 0px 10px 0px rgba(122,195,255,0.2);border:solid 1px #0068b6;} #contact .message-box .form-box .line.has-star:before {width:100%;content:'*';position:absolute;color:#f00000;font-size:16px;left:22px;top:22px;} #contact .message-box .form-box .line.has-text {width:100%;height:160px;resize:none;} #contact .message-box .form-box .line.has-text textarea {width:100%;height:100%;border:1px solid #eee;padding:20px 30px;transition:all 0.6s;resize:none;} #contact .message-box .form-box .line.has-text textarea:focus {box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);border:solid 1px #0068b6;} #contact .message-box .form-box .code-box {height:50px;display:flex;align-items:center;} #contact .message-box .form-box .code-box .line {width:190px;height:100%;margin-bottom:0;} #contact .message-box .form-box .code-box .img-box {overflow:hidden;width:160px;height:100%;line-height:50px;} #contact .message-box .form-box .code-box .img-box img {height:100%;} #contact .message-box .form-box .msg-btn {width:190px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;border:0;background-color:#0068b6;} } /*鍒嗛〉*/ ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;margin-bottom: 50px;} .pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;} .pagination li a{display:block;width:40px;height:40px;} .pagination li.active, .pagination li:hover{color:#ffffff;background-color:#0f6ab4;border-color:#0f6ab4;} /*寮圭獥鎶曢€掔畝鍘?/ .join-form{width:600px;height:336px;background-color:#fff;padding:40px} .join-form .line{width:100%;height:46px;display:inline-block} .join-form .line .label{height:46px;display:inline-block;float:left;font-size:16px;line-height:46px;margin:0} .join-form .line input{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px} .join-form .line select{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px} .join-form .line textarea{display:inline-block;float:left;width:438px;height:100px;background-color:#fff;border:1px solid #f1f5fd;padding:10px;resize:none} .join-form .line .load{width:438px;height:25px;background-color:#fff;border:none;margin-top:6px;display:inline-block;float:left} .join-form .line img{display:inline-block;margin-left:10px;width:100px;height:44px} .join-form .line button{width:120px;height:38px;border-radius:4px;background-color:#0096ff;line-height:38px;text-align:center;font-size:16px;color:#fff;border:none;float:right} .join-form .line.heightauto{height:auto} /*鏈嶅姟绛栫暐*/ /*input妗嗘牱寮?/ .dz_text { display: inline-block; margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; width: 200px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .dz_text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } /*鎸夐挳鏍峰紡*/ .dz_btn { display: inline-block; width: 90px; line-height: 34px; background: green; color: #ffffff; text-align: center; margin-right: 10px; cursor: pointer; border: none; } /*琛ㄥ崟楠岃瘉*/ .error { color: red; text-align: left; color: red; font-size: 12px; font-weight: normal; line-height: 1.4; position: fixed; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type="number"] { -moz-appearance: textfield; } .dz_Qrcode{ height: 35px; line-height: 25px; padding: 10px; width: 200px; border: 1px solid #ccc; margin-top: 0px; } #v_container { width: 135px; height: 45px; margin-left: 10px; display: inline-block; } #v_container canvas{ width: 120px; height: 40px; vertical-align: middle; } #app {padding: 20px;margin-top:10px;margin-bottom:10px; height: 450px;} .show1 { width: 100%; } .show1 .dz_oneLeft { float: left; height: 450px; width: 60%; background: #fff; } .show1 .dz_oneLeftTitle { height: 45px; border-bottom: 1px solid #ccc; line-height: 44px; width: 450px; font-size: 15px; margin-left: 25px; } .show1 .dz_oneQrImg { height: 150px; width: 150px; margin-top: 20px; margin-left: 30px; float: left; background: url("data:image/jpeg;base64,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") no-repeat; background-size: 150px; } .show1 .dz_oneInputBox { float: left; margin-top: 20px; margin-left: 20px; } .show1 .dz_oneInputBox .dz_oneInputTitle { font-size: 14px; margin-bottom: 20px; margin-top: 10px; } .show1 .dz_oneInputBox .dz_oneInput input { height: 35px; line-height: 25px; padding: 10px; border: 1px solid #ccc; width: 200px; } .show1 .dz_oneInputBox .dz_oneSure { height: 32px; width: 115px; text-align: center; line-height: 32px; color: #fff; background: #f39501; cursor: pointer; margin-top: 20px; } .show1 .dz_oneRight { float: right; height: 450px; width: 40%; background: #fff; margin-left: 0px; font-size: 14px; padding: 0px; color: #888; } .show1 .dz_oneRight .dz_oneRightTitle { height: 45px; border-bottom: 1px solid #ccc; line-height: 44px; width: 150px; font-size: 15px; } .show1 .dz_oneRight .dz_oneRightCon { margin-top: 10px; line-height: 1.2; letter-spacing: 2px; } .show2 { /*display: none;*/ width: 708px; height: auto; background: #f9f9f9; } .show2 .dz_twoTitle { height: 45px; border-bottom: 1px solid #ccc; line-height: 44px; width: 650px; font-size: 15px; margin-left: 20px; } .show2 .dz_vgbel{ font-weight: bold; margin-left: 20px; margin-bottom: 20px; font-size: 14px; } .show2 .dz_twoshuoming { height: 50px; line-height: 50px; margin-left: 20px; } .show2 .dz_item { height: 80px; width: 650px; margin-left: 20px; margin-bottom: 15px; font-size: 13px; background: #fff; } .show2 .dz_item li { float: left; width: 287px; height: 26px; line-height: 25px; margin-left: 35px; } .show2 .dz_item span { width: 220px; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: middle; } .show2 .dz_item .dz_itemName { font-weight: bold; width: 65px; } .show2 .dz_twoPages{ clear: both; width: 600px; margin-left: 13px; height: 50px; background-color: #fff; padding: 5px; text-align: right; box-sizing: border-box; } .show2 .dz_twoPages .page-click{ background-color: #f39501 !important; border-color: #f39501 !important; } .show2 .dz_twoPages li:hover{ background-color: #f39501; border-color: #f39501; } .show3 { /*display: none;*/ width: 95%; height: 500px; background: #f9f9f9; } .show3 .dz_twoTitle { height: 45px; border-bottom: 1px solid #ccc; line-height: 44px; width: 100%; font-size: 15px; margin-left: 20px; } .show3 .dz_noImg{ height: 150px; width: 120px; margin: 50px auto 0 auto; background: url('data:image/jpeg;base64,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') no-repeat; background-size: 120px; } @font-face { font-weight: normal; font-style: normal; } .csslider1 { display: inline-block; position: relative; max-width: 833px; width: 100%; margin-top: 10px; } .csslider1 > .cs_anchor { display: none; } .csslider1 > ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; } .csslider1 > ul > li.img img { width: 100%; } .csslider1 > ul > li.img { font-size: 0pt; -khtml-user-select: none; -moz-user-select: none; user-select: none; } .csslider1 > ul > li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; white-space: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -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); } .csslider1 .cs_lnk{ position: absolute; top: -9999px; left: -9999px; font-size: 0pt; opacity: 0; filter: alpha(opacity=0); } .csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext { position: absolute; top: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 5; } .csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { position: absolute; text-decoration: none; cursor: pointer; opacity: 0; z-index: -1; } .csslider1 > .cs_arrowprev { left: 0; } .csslider1 > .cs_arrownext { right: 0; } .csslider1 > .cs_arrowprev > label.num2, .csslider1 > .cs_arrownext > label.num1 { opacity: 1; z-index: 5; } .csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label { opacity: 0; z-index: -1; } .csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0 { opacity: 1; z-index: 5; } /* calculate autoplay */ @-webkit-keyframes arrow { 0%, 33.32333333333334% { opacity: 1; z-index: 5; } 33.333333333333336%, 100% { opacity: 0; z-index: -1; } } @-moz-keyframes arrow { 0%, 33.32333333333334% { opacity: 1; z-index: 5; } 33.333333333333336%, 100% { opacity: 0; z-index: -1; } } @-ms-keyframes arrow { 0%, 33.32333333333334% { opacity: 1; z-index: 5; } 33.333333333333336%, 100% { opacity: 0; z-index: -1; } } @-o-keyframes arrow { 0%, 33.32333333333334% { opacity: 1; z-index: 5; } 33.333333333333336%, 100% { opacity: 0; z-index: -1; } } @keyframes arrow { 0%, 33.32333333333334% { opacity: 1; z-index: 5; } 33.333333333333336%, 100% { opacity: 0; z-index: -1; } } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 { -webkit-animation: arrow 12000ms infinite -2000ms; -moz-animation: arrow 12000ms infinite -2000ms; -ms-animation: arrow 12000ms infinite -2000ms; -o-animation: arrow 12000ms infinite -2000ms; animation: arrow 12000ms infinite -2000ms; } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 { -webkit-animation: arrow 12000ms infinite 2000ms; -moz-animation: arrow 12000ms infinite 2000ms; -ms-animation: arrow 12000ms infinite 2000ms; -o-animation: arrow 12000ms infinite 2000ms; animation: arrow 12000ms infinite 2000ms; } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 { -webkit-animation: arrow 12000ms infinite 6000ms; -moz-animation: arrow 12000ms infinite 6000ms; -ms-animation: arrow 12000ms infinite 6000ms; -o-animation: arrow 12000ms infinite 6000ms; animation: arrow 12000ms infinite 6000ms; } .csslider1.cs_pauseHover:hover > .cs_arrowprev > label, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label, .csslider1.cs_pauseHover:hover > .cs_arrownext > label, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; } /* stop */ .csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } /* /calculate autoplay */ .csslider1 > .cs_bullets { position: absolute; left: 0; width: 100%; z-index: 6; font-size: 0; line-height: 8pt; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider1 > .cs_bullets > div { margin-left: -50%; width: 100%; } .csslider1 > .cs_bullets > label { position: relative; display: inline-block; cursor: pointer; } .csslider1 > .cs_bullets > label > .cs_thumb { visibility: hidden; position: absolute; opacity: 0; z-index: 1; line-height: 0; left: -39.5px; top: -48px; }.csslider1 > .cs_description { z-index: 3; } .csslider1 > .cs_description a, .csslider1 > .cs_description a:visited, .csslider1 > .cs_description a:active { color: inherit; } .csslider1 > .cs_description a:hover { text-decoration: none; } .csslider1 > .cs_description > label { position: absolute; word-wrap: break-word; white-space: normal; text-align: left; max-width: 50%; left: 0; } .csslider1 > .cs_description > label > span { vertical-align: top; } .csslider1 > .cs_description > label span { display: inline-block; } .csslider1 > #cs_slide1_0:checked ~ ul > li.num0, .csslider1 > #cs_slide1_1:checked ~ ul > li.num1, .csslider1 > #cs_slide1_2:checked ~ ul > li.num2 { opacity: 1; z-index: 2; } .csslider1 > ul > li { position: absolute; left: 0; top: 0; display: inline-block; opacity: 0; z-index: 1; -webkit-transition: opacity 2000ms ease; -moz-transition: opacity 2000ms ease; -ms-transition: opacity 2000ms ease; -o-transition: opacity 2000ms ease; transition: opacity 2000ms ease; } .csslider1 > ul > li.num0 { opacity: 1; z-index: 2; } .csslider1 > .slide:checked ~ ul > li.num0 { opacity: 0; z-index: 1; } /* calculate autoplay */ @-webkit-keyframes fade { 0%, 50%, 100% { opacity: 0; z-index: 2; } 16.666666666666668%, 33.333333333333336% { opacity: 1; z-index: 2; } } @-moz-keyframes fade { 0%, 50%, 100% { opacity: 0; z-index: 2; } 16.666666666666668%, 33.333333333333336% { opacity: 1; z-index: 2; } } @-ms-keyframes fade { 0%, 50%, 100% { opacity: 0; z-index: 2; } 16.666666666666668%, 33.333333333333336% { opacity: 1; z-index: 2; } } @-o-keyframes fade { 0%, 50%, 100% { opacity: 0; z-index: 2; } 16.666666666666668%, 33.333333333333336% { opacity: 1; z-index: 2; } } @keyframes fade { 0%, 50%, 100% { opacity: 0; z-index: 2; } 16.666666666666668%, 33.333333333333336% { opacity: 1; z-index: 2; } } .csslider1 > #cs_play1:checked ~ ul > li.num0, .csslider1 > #cs_pause1:checked ~ ul > li.num0 { -webkit-animation: fade 12000ms infinite -2000ms; -moz-animation: fade 12000ms infinite -2000ms; -ms-animation: fade 12000ms infinite -2000ms; -o-animation: fade 12000ms infinite -2000ms; animation: fade 12000ms infinite -2000ms; } .csslider1 > #cs_play1:checked ~ ul > li.num1, .csslider1 > #cs_pause1:checked ~ ul > li.num1 { -webkit-animation: fade 12000ms infinite 2000ms; -moz-animation: fade 12000ms infinite 2000ms; -ms-animation: fade 12000ms infinite 2000ms; -o-animation: fade 12000ms infinite 2000ms; animation: fade 12000ms infinite 2000ms; } .csslider1 > #cs_play1:checked ~ ul > li.num2, .csslider1 > #cs_pause1:checked ~ ul > li.num2 { -webkit-animation: fade 12000ms infinite 6000ms; -moz-animation: fade 12000ms infinite 6000ms; -ms-animation: fade 12000ms infinite 6000ms; -o-animation: fade 12000ms infinite 6000ms; animation: fade 12000ms infinite 6000ms; } .csslider1 > #cs_play1:checked ~ ul > li, .csslider1 > #cs_pause1:checked ~ ul > li { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .csslider1.cs_pauseHover:hover > ul > li, .csslider1 > #cs_pause1:checked ~ ul > li{ -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; } /* stop */ .csslider1 > .slide:checked ~ ul > li { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } /* /calculate autoplay */ .csslider1 { -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } .csslider1 > .cs_play_pause { -webkit-transition: .5s opacity 0s ease; -moz-transition: .5s opacity 0s ease; -ms-transition: .5s opacity 0s ease; -o-transition: .5s opacity 0s ease; transition: .5s opacity 0s ease; } .csslider1 > .cs_arrowprev { -webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .csslider1 > .cs_arrownext { -webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext, .csslider1 > .cs_play_pause { opacity: 0; } .csslider1:hover > .cs_arrowprev, .csslider1:hover > .cs_arrownext, .csslider1:hover > .cs_play_pause { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }.csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { overflow: hidden; margin-top: -35px; width: 40px; height: 70px; /* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .csslider1 > .cs_arrowprev { left: 70px; } .csslider1 > .cs_arrownext { right: 70px; } .csslider1 > .cs_arrowprev > label { right: 0; } .csslider1 > .cs_arrownext > label { left: 0; } .csslider1 > .cs_arrowprev > label:after { content: '<'; } .csslider1 > .cs_arrownext > label:after { content: '>'; } .csslider1 > .cs_arrowprev > label:after, .csslider1 > .cs_arrownext > label:after { display: block; font: 40px "demurecontrols"; text-align: center; line-height: 76px; color: #fff; } .csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { -webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease; -moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease; -ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease; -o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease; transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease; } .csslider1 > .cs_arrowprev:hover > label { background-color: #1FA5AD; width: 70px; } .csslider1 > .cs_arrownext:hover > label { background-color: #1FA5AD; width: 70px; }.csslider1 > .cs_bullets { bottom: 5px; margin-bottom: 5px; } .csslider1 > .cs_bullets > label { -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } .csslider1 > .cs_bullets > label > .cs_thumb { border: 3px solid #1FA5AD; margin-top: -11px; -webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transform-origin: 0% 100% 0px; -moz-transform-origin: 0% 100% 0px; -ms-transform-origin: 0% 100% 0px; -o-transform-origin: 0% 100% 0px; transform-origin: 0% 100% 0px; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .csslider1 > .cs_bullets > label > .cs_thumb:before { content: ''; position: absolute; width: 0; height: 0; left: 50%; margin-left: -1px; bottom: -8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #1FA5AD; } .csslider1 > .cs_bullets > label:hover > .cs_thumb { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .csslider1 > .cs_bullets > label { margin: 0 6px; padding: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); } .csslider1 > .cs_bullets > label.num0 { background-color: #1FA5AD; } .csslider1 > .slide:checked ~ .cs_bullets > label { /* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); } .csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 { background-color: #1FA5AD; } .csslider1 > .cs_bullets > label:hover { background-color: #1FA5AD; } /* calculate autoplay */ @-webkit-keyframes bullet { 0%, 33.32333333333334% { background-color: #1FA5AD; } 33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); } } @-moz-keyframes bullet { 0%, 33.32333333333334% { background-color: #1FA5AD; } 33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); } } @-ms-keyframes bullet { 0%, 33.32333333333334% { background-color: #1FA5AD; } 33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); } } @-o-keyframes bullet { 0%, 33.32333333333334% { background-color: #1FA5AD; } 33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); } } @keyframes bullet { 0%, 33.32333333333334% { background-color: #1FA5AD; } 33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); } } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 { -webkit-animation: bullet 12000ms infinite -2000ms; -moz-animation: bullet 12000ms infinite -2000ms; -ms-animation: bullet 12000ms infinite -2000ms; -o-animation: bullet 12000ms infinite -2000ms; animation: bullet 12000ms infinite -2000ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 { -webkit-animation: bullet 12000ms infinite 2000ms; -moz-animation: bullet 12000ms infinite 2000ms; -ms-animation: bullet 12000ms infinite 2000ms; -o-animation: bullet 12000ms infinite 2000ms; animation: bullet 12000ms infinite 2000ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 { -webkit-animation: bullet 12000ms infinite 6000ms; -moz-animation: bullet 12000ms infinite 6000ms; -ms-animation: bullet 12000ms infinite 6000ms; -o-animation: bullet 12000ms infinite 6000ms; animation: bullet 12000ms infinite 6000ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .csslider1.cs_pauseHover:hover > .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; } /* stop */ .csslider1 > .slide:checked ~ .cs_bullets > label { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } /* /calculate autoplay */ .csslider1 > .cs_description > label { font: 20px 'Roboto', sans-serif; line-height: normal; bottom: 35px; left: 20px; top: auto; opacity: 1; z-index: 1; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } .csslider1 > .cs_description > label > span { margin: 1px 10px; padding: 10px; color: #fff; overflow: hidden; -webkit-transform-origin: 0% 0% 0px; -moz-transform-origin: 0% 0% 0px; -ms-transform-origin: 0% 0% 0px; -o-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 { z-index: 2; } .csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr { opacity: 1; visibility: visible; -webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title { opacity: 1; visibility: visible; -webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .csslider1 > .cs_description > label > .cs_title { margin: 0px 10px; opacity: 0; visibility: hidden; z-index: 2; /* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; } .csslider1 > .cs_description > label > .cs_descr { font-size: 0.8em; margin: 1px 10px; opacity: 0; visibility: hidden; z-index: 1; background-color: #1FA5AD; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } .csslider1 > .cs_description > label > .cs_title > .cs_wrapper { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } .csslider1 > .cs_description > label > .cs_descr > .cs_wrapper { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } /* calculate autoplay */ @-webkit-keyframes cs_descrWrapper { 3.0625%, 37.708333333333336% { z-index: 2; } 37.718333333333334%, 100% { z-index: 0; } } @-moz-keyframes cs_descrWrapper { 3.0625%, 37.708333333333336% { z-index: 2; } 37.718333333333334%, 100% { z-index: 0; } } @-ms-keyframes cs_descrWrapper { 3.0625%, 37.708333333333336% { z-index: 2; } 37.718333333333334%, 100% { z-index: 0; } } @-o-keyframes cs_descrWrapper { 3.0625%, 37.708333333333336% { z-index: 2; } 37.718333333333334%, 100% { z-index: 0; } } @keyframes cs_descrWrapper { 3.0625%, 37.708333333333336% { z-index: 2; } 37.718333333333334%, 100% { z-index: 0; } } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 { -webkit-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -moz-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -ms-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -o-animation: cs_descrWrapper 12000ms infinite -1400ms ease; animation: cs_descrWrapper 12000ms infinite -1400ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 { -webkit-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -moz-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -ms-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -o-animation: cs_descrWrapper 12000ms infinite 2600ms ease; animation: cs_descrWrapper 12000ms infinite 2600ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 { -webkit-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -moz-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -ms-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -o-animation: cs_descrWrapper 12000ms infinite 6600ms ease; animation: cs_descrWrapper 12000ms infinite 6600ms ease; } @-webkit-keyframes cs_title { 3.0625%, 30.260833333333334% { opacity: 1; -webkit-transform: rotateX(-9deg); z-index: 2; visibility: visible;} 4.375%, 28.948333333333334% { opacity: 1; -webkit-transform: rotateX(0deg); z-index: 2; visibility: visible;} 33.333333333333336% { opacity: 0; -webkit-transform: rotateX(90deg); z-index: 2; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-moz-keyframes cs_title { 3.0625%, 30.260833333333334% { opacity: 1; -moz-transform: rotateX(-9deg); z-index: 2; visibility: visible;} 4.375%, 28.948333333333334% { opacity: 1; -moz-transform: rotateX(0deg); z-index: 2; visibility: visible;} 33.333333333333336% { opacity: 0; -moz-transform: rotateX(90deg); z-index: 2; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-ms-keyframes cs_title { 3.0625%, 30.260833333333334% { opacity: 1; -ms-transform: rotateX(-9deg); z-index: 2; visibility: visible;} 4.375%, 28.948333333333334% { opacity: 1; -ms-transform: rotateX(0deg); z-index: 2; visibility: visible;} 33.333333333333336% { opacity: 0; -ms-transform: rotateX(90deg); z-index: 2; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-o-keyframes cs_title { 3.0625%, 30.260833333333334% { opacity: 1; -o-transform: rotateX(-9deg); z-index: 2; visibility: visible;} 4.375%, 28.948333333333334% { opacity: 1; -o-transform: rotateX(0deg); z-index: 2; visibility: visible;} 33.333333333333336% { opacity: 0; -o-transform: rotateX(90deg); z-index: 2; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @keyframes cs_title { 3.0625%, 30.260833333333334% { opacity: 1; transform: rotateX(-9deg); z-index: 2; visibility: visible;} 4.375%, 28.948333333333334% { opacity: 1; transform: rotateX(0deg); z-index: 2; visibility: visible;} 33.333333333333336% { opacity: 0; transform: rotateX(90deg); z-index: 2; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-webkit-keyframes cs_descr { 6.125%, 25.885833333333334% { opacity: 1; -webkit-transform: rotateX(9deg); z-index: 1; visibility: visible;} 8.75%, 24.573333333333334% { opacity: 1; -webkit-transform: rotateX(0deg); z-index: 1; visibility: visible;} 33.333333333333336% { opacity: 0; -webkit-transform: rotateX(-90deg); z-index: 1; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-moz-keyframes cs_descr { 6.125%, 25.885833333333334% { opacity: 1; -moz-transform: rotateX(9deg); z-index: 1; visibility: visible;} 8.75%, 24.573333333333334% { opacity: 1; -moz-transform: rotateX(0deg); z-index: 1; visibility: visible;} 33.333333333333336% { opacity: 0; -moz-transform: rotateX(-90deg); z-index: 1; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-ms-keyframes cs_descr { 6.125%, 25.885833333333334% { opacity: 1; -ms-transform: rotateX(9deg); z-index: 1; visibility: visible;} 8.75%, 24.573333333333334% { opacity: 1; -ms-transform: rotateX(0deg); z-index: 1; visibility: visible;} 33.333333333333336% { opacity: 0; -ms-transform: rotateX(-90deg); z-index: 1; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @-o-keyframes cs_descr { 6.125%, 25.885833333333334% { opacity: 1; -o-transform: rotateX(9deg); z-index: 1; visibility: visible;} 8.75%, 24.573333333333334% { opacity: 1; -o-transform: rotateX(0deg); z-index: 1; visibility: visible;} 33.333333333333336% { opacity: 0; -o-transform: rotateX(-90deg); z-index: 1; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } @keyframes cs_descr { 6.125%, 25.885833333333334% { opacity: 1; transform: rotateX(9deg); z-index: 1; visibility: visible;} 8.75%, 24.573333333333334% { opacity: 1; transform: rotateX(0deg); z-index: 1; visibility: visible;} 33.333333333333336% { opacity: 0; transform: rotateX(-90deg); z-index: 1; visibility: hidden;} 33.343333333333334%, 100% { z-index: 0; } } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 > .cs_title { -webkit-animation: cs_title 12000ms infinite -1400ms ease; -moz-animation: cs_title 12000ms infinite -1400ms ease; -ms-animation: cs_title 12000ms infinite -1400ms ease; -o-animation: cs_title 12000ms infinite -1400ms ease; animation: cs_title 12000ms infinite -1400ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 > .cs_title { -webkit-animation: cs_title 12000ms infinite 2600ms ease; -moz-animation: cs_title 12000ms infinite 2600ms ease; -ms-animation: cs_title 12000ms infinite 2600ms ease; -o-animation: cs_title 12000ms infinite 2600ms ease; animation: cs_title 12000ms infinite 2600ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 > .cs_title { -webkit-animation: cs_title 12000ms infinite 6600ms ease; -moz-animation: cs_title 12000ms infinite 6600ms ease; -ms-animation: cs_title 12000ms infinite 6600ms ease; -o-animation: cs_title 12000ms infinite 6600ms ease; animation: cs_title 12000ms infinite 6600ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 > .cs_descr { -webkit-animation: cs_descr 12000ms infinite -1400ms ease; -moz-animation: cs_descr 12000ms infinite -1400ms ease; -ms-animation: cs_descr 12000ms infinite -1400ms ease; -o-animation: cs_descr 12000ms infinite -1400ms ease; animation: cs_descr 12000ms infinite -1400ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 > .cs_descr { -webkit-animation: cs_descr 12000ms infinite 2600ms ease; -moz-animation: cs_descr 12000ms infinite 2600ms ease; -ms-animation: cs_descr 12000ms infinite 2600ms ease; -o-animation: cs_descr 12000ms infinite 2600ms ease; animation: cs_descr 12000ms infinite 2600ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 > .cs_descr { -webkit-animation: cs_descr 12000ms infinite 6600ms ease; -moz-animation: cs_descr 12000ms infinite 6600ms ease; -ms-animation: cs_descr 12000ms infinite 6600ms ease; -o-animation: cs_descr 12000ms infinite 6600ms ease; animation: cs_descr 12000ms infinite 6600ms ease; } @-webkit-keyframes cs_title_text { 3.0625%, 30.260833333333334% { opacity: 1; -webkit-transform: translateX(-1%); } 4.375%, 28.948333333333334% { opacity: 1; -webkit-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes cs_title_text { 3.0625%, 30.260833333333334% { opacity: 1; -moz-transform: translateX(-1%); } 4.375%, 28.948333333333334% { opacity: 1; -moz-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -moz-transform: translateX(100%); } } @-ms-keyframes cs_title_text { 3.0625%, 30.260833333333334% { opacity: 1; -ms-transform: translateX(-1%); } 4.375%, 28.948333333333334% { opacity: 1; -ms-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -ms-transform: translateX(100%); } } @-o-keyframes cs_title_text { 3.0625%, 30.260833333333334% { opacity: 1; -o-transform: translateX(-1%); } 4.375%, 28.948333333333334% { opacity: 1; -o-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -o-transform: translateX(100%); } } @keyframes cs_title_text { 3.0625%, 30.260833333333334% { opacity: 1; transform: translateX(-1%); } 4.375%, 28.948333333333334% { opacity: 1; transform: translateX(0%); } 33.333333333333336% { opacity: 0; transform: translateX(100%); } } @-webkit-keyframes cs_descr_text { 6.125%, 25.885833333333334% { opacity: 1; -webkit-transform: translateX(1%); } 8.75%, 24.573333333333334% { opacity: 1; -webkit-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -webkit-transform: translateX(-100%); } } @-moz-keyframes cs_descr_text { 6.125%, 25.885833333333334% { opacity: 1; -moz-transform: translateX(1%); } 8.75%, 24.573333333333334% { opacity: 1; -moz-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -moz-transform: translateX(-100%); } } @-ms-keyframes cs_descr_text { 6.125%, 25.885833333333334% { opacity: 1; -ms-transform: translateX(1%); } 8.75%, 24.573333333333334% { opacity: 1; -ms-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -ms-transform: translateX(-100%); } } @-o-keyframes cs_descr_text { 6.125%, 25.885833333333334% { opacity: 1; -o-transform: translateX(1%); } 8.75%, 24.573333333333334% { opacity: 1; -o-transform: translateX(0%); } 33.333333333333336% { opacity: 0; -o-transform: translateX(-100%); } } @keyframes cs_descr_text { 6.125%, 25.885833333333334% { opacity: 1; transform: translateX(1%); } 8.75%, 24.573333333333334% { opacity: 1; transform: translateX(0%); } 33.333333333333336% { opacity: 0; transform: translateX(-100%); } } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper { -webkit-animation: cs_title_text 12000ms infinite -1190ms ease; -moz-animation: cs_title_text 12000ms infinite -1190ms ease; -ms-animation: cs_title_text 12000ms infinite -1190ms ease; -o-animation: cs_title_text 12000ms infinite -1190ms ease; animation: cs_title_text 12000ms infinite -1190ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper { -webkit-animation: cs_title_text 12000ms infinite 2810ms ease; -moz-animation: cs_title_text 12000ms infinite 2810ms ease; -ms-animation: cs_title_text 12000ms infinite 2810ms ease; -o-animation: cs_title_text 12000ms infinite 2810ms ease; animation: cs_title_text 12000ms infinite 2810ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper { -webkit-animation: cs_title_text 12000ms infinite 6810ms ease; -moz-animation: cs_title_text 12000ms infinite 6810ms ease; -ms-animation: cs_title_text 12000ms infinite 6810ms ease; -o-animation: cs_title_text 12000ms infinite 6810ms ease; animation: cs_title_text 12000ms infinite 6810ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper { -webkit-animation: cs_descr_text 12000ms infinite -1190ms ease; -moz-animation: cs_descr_text 12000ms infinite -1190ms ease; -ms-animation: cs_descr_text 12000ms infinite -1190ms ease; -o-animation: cs_descr_text 12000ms infinite -1190ms ease; animation: cs_descr_text 12000ms infinite -1190ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper { -webkit-animation: cs_descr_text 12000ms infinite 2810ms ease; -moz-animation: cs_descr_text 12000ms infinite 2810ms ease; -ms-animation: cs_descr_text 12000ms infinite 2810ms ease; -o-animation: cs_descr_text 12000ms infinite 2810ms ease; animation: cs_descr_text 12000ms infinite 2810ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper { -webkit-animation: cs_descr_text 12000ms infinite 6810ms ease; -moz-animation: cs_descr_text 12000ms infinite 6810ms ease; -ms-animation: cs_descr_text 12000ms infinite 6810ms ease; -o-animation: cs_descr_text 12000ms infinite 6810ms ease; animation: cs_descr_text 12000ms infinite 6810ms ease; } .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; } /* stop */ .csslider1 > .slide:checked ~ .cs_description > label { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } /* /calculate autoplay *//* hide description & bullets on mobile devices */ @media only screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( -o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and ( max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max-resolution: 192dpi) and (max-width: 480px), only screen and ( max-resolution: 2dppx) and (max-width: 480px) { .csslider1 > .cs_description, .csslider1 > .cs_bullets { display: none; } } @media (min-width: 768px) { .container { width: 750px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,.col-xs-5, .col-xs-6, .col-xs-7,.col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-12, { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1370px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; }