body{ overflow:scroll;/*overflow-y:hidden;*/ overflow:scroll;overflow-x:hidden; } #top-sp { width:100%; margin-bottom: 50px; overflow:hidden; position:relative; } #top-sp li { width:inherit; } #top-sp .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } #top-sp .hd ul{ overflow:hidden; zoom:1; float:left; } #top-sp .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; cursor:pointer;color:#FFF; } #top-sp .hd ul li.on{ background:#f00; color:#fff; } #top-sp .bd{ position:relative; height:100%; z-index:0; } #top-sp .bd img{ width:100%; height:auto; } .torch { width: 8%; float: left; } .focus .head { border-bottom: 1px solid #999; margin-bottom: 15px; margin-bottom: 0.5em; padding-left:unset; padding-right:unset; } .focus .head a { line-height: 2em; font-size: 16px; color: #3591c2; } .focus .head .title { border-bottom: 2px solid #3589b8; color: #3589b8; font-size: 20px; display: block; float: left; font-weight: bold; } .focus .left { background-color:#ededed; padding-top: 15px; padding-bottom:3px; } .focus .left .cover { width: 100%; height: 35px; /*background-color: rgba(0, 0, 0, 0.5);*/ background:url('../img/jdtxt.png') repeat-x; color: #eee; font-size: 16px; line-height: 2em; text-indent: 2em; position: absolute; top: 90%; } .focus .left .swiper-slid { background-position: center center; background-repeat: no-repeat; background-size: contain; } .focus .left .swiper-slid img { width:100%; height:355px; } #focusNews{ width:540px; height:460px; position:relative; overflow:hidden; zoom:1; } #focusNews .hd{ width:540px; height:84px; position:absolute; top:360px;left: 1px; } #focusNews .hd ul{ width:540px; overflow:hidden; zoom:1; padding-left:0;} #focusNews .hd ul li{ padding-top:5px; float:left; text-align:center; width:108px; } #focusNews .hd ul li img{ width:105px; height:75px; border:4px solid #ddd; cursor:pointer; } /* #focusNews .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; } */ #focusNews .hd ul li.on img{ border-color:#3591c2; } #focusNews .bd{ width:540px; height:336px; position:relative; } #focusNews .bd img{ width:540px; height:335px; } #focusNews .bd li{ position:relative; zoom:1;width:540px; } #focusNews .bd li .pic{ position:relative; z-index:0; line-height:0px; } #focusNews .bd li .bg{ display:none; width:540px; height:30px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; } #focusNews .bd li .title{ display:none; width:540px; height:30px; line-height:30px; left:0; bottom:0; position:absolute; z-index:2; } .channel .head .title { /* border-bottom:2px solid #3589b8; */ color: #3589b8; font-size: 20px; font-weight: bold; line-height: 50px; } .channel .head { border-bottom: 2px solid #666; padding-left:unset; padding-right:unset; } .news .head { border-bottom: 1px solid #999; margin-bottom: 15px; margin-bottom: 0.5em; padding-left:unset; padding-right:unset; } .news .head a { line-height: 2em; font-size: 16px; color: #3591c2; } .news .head .title { color: #333; font-size: 20px; font-weight: bold; display: block; float: left; transition: all 0.3s ease-in; } .news .head .title.active { border-bottom: 2px solid #3589b8; } .news .head .title:hover { color: #3589b8; } /* .news .head li { display: inline-block; width:33%; } */ .focus .swiper-container { width: 100%; height:355px; margin-left: auto; margin-right: auto; } .focus .swiper-slide { background-size: cover; background-position: center; } .focus .gallery-top { /* height: 80%; */ width: 100%; } .focus .gallery-thumbs { height: 100px; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .news .head li .title { cursor: pointer; margin-right: 1.2em; border-bottom: unset; } .news .head li span.active { border-bottom: 2px solid #3589b8; color: #3589b8; } .news .head li.current span { border-bottom: 2px solid #3589b8; color: #3589b8; } .news-block .block { display: block; border-bottom: 1px solid #ccc; margin-bottom: 11px; color: #333; padding-left:unset; padding-right:unset; } .news-block .block .left { padding-top: 15px; padding-bottom: 15px; } .news-block .block .left .title { font-size: 18px; } .news-block .block .left .des { font-size: 14px; color: #9c9c9c; line-height: 22px; } .news-block .block .right { background-color: #3591c2; padding-top: 15px; } .news-block .block .right .line { border-top: 1px solid #FFF; } .news-block .block .right .date { font-size: 18px; text-align: center; color: #FFF; } .zt { margin-top: 15px; margin-bottom: 27px; } .industry { background: url('../img/index-industry.JPG'); background-size: cover; background-position: center center; min-height: 450px; padding-left:unset; padding-right:unset; } .industry .prev, .industry .next { font-size: 30px; color:#00a0e9; cursor: pointer; } .industry .next { position: relative; right: 25px; } .industry .prev { position: relative; left: 25px; } .industry .prev { float: right; } .industry .title { border-bottom: 2px solid #FFF; /* height: 52px;*/ margin-top:4em; } .industry .container .row { width:100%; margin-left:unset; margin-right:unset; } .industry .title span { color: #FFF; display: block; float: left; line-height: 2em; background:url(file:///D|/zhandian/WWW/%E5%B9%BF%E6%B1%87/wwwroot/themes/company/img/cy.png) no-repeat left; padding:0 0.5em; font-size: 20px; font-weight: bold; margin-left: 20px; } .industry .title img { width:13%; margin-right: 0.3em; } .industry #industry{ /*margin-top: 1.5em;*/ width:100%; position: relative; margin-bottom: 2.5em; /*top: 65px;*/ } .industry #industry .block { height:310px; /*background-color: rgba(53,145,194,0.5);*/ background:url('../img/transparent1.png'); transition: all 0.3s ease-in-out; width:220px; height:250px; margin:0 auto; } .industry #industry .bd li { width:300px; } .industry #industry .hd { position: relative; top: 150px; } .industry .block { padding-top:4em; transition: all 0.4s ease-in-out; } .industry .block .title { color:#FFF; font-size: 18px; border:0; margin-top:2em; transition: all 0.5s ease-in-out; } .industry .block .stock { color:#FFF; font-size: 14px; border:unset; transition: all 0.5s ease-in-out; display:none; } .industry .block:hover .stock{ display:block; color:#333; } .industry .block img { width:70px; height:70px; display: block; margin:0 auto; transition: all 0.5s ease-in-out; } .industry .block .img2 { display: none; } .industry .block .words{ display: none; transition: all 0.5s ease-in-out; } .industry .block .words span{ display: inline-block; background-color:#3491c1; color:#FFF; font-size: 12px; padding:0.2em 0.5em; margin-bottom: 0.3em; width: 80px; margin-left: 2px; text-align: center; } .industry .block:hover{ padding-top:1em; } .industry .block:hover .title{ margin-top:1em; color: #3592c3; } .industry .block:hover .words{ display: block; padding:0.3em 1em; text-align:center; } .industry #industry .block:hover { /*background-color:rgba(255,255,255,0.7);*/ background:url('../img/transparent2.png'); } .industry .block:hover .img2{ display: block; } .industry .block:hover .img1 { display: none; } /* .industry .ind-prev{ left: 8%; } .industry .ind-next{ right: 8%; } */ .industry .ind-prev, .industry .ind-next{ top: 222px; } .channel { margin-top: 3em; } .channel .list { margin-top: 25px; margin-bottom: 25px; } .channel .list .block { background-color: #f6f6f6; width: 15%; height: 135px; transition: all 0.4s ease-in-out; margin: 0.65em; } .channel .list .block a { color: #333; } .channel .list .block p { text-align: center; transition: all 0.4s ease-in-out; font-size: 16px; font-weight: bold; padding-top: 5px; } .channel .list .block:hover { background-color: #3491c1; } .channel .list .block:hover p { color: #FFF; } .channel .list .block img { width:70px; height:70px; display: block; margin:0 auto; transition: all 0.3s ease-in-out; margin-top: 1em; } .channel .list .block .img2 { display: none; } .channel .list .block:hover .img2{ display: block; } .channel .list .block:hover .img1{ display: none; } .dynamic .head .title { /* border-bottom:2px solid #3589b8; */ color: #3589b8; font-size: 20px; display: block; float: left; font-weight: bold; line-height: 46px; } .dynamic .head { border-bottom: 2px solid #666; padding-left:unset; padding-right:unset; } .dynamic .head a { color: #3589b8; line-height: 48px; } .dynamic .tabs { margin-top: 1em; /* margin-bottom: 0.5em;*/ } .dynamic .tabs li { display: block; border: 1px solid #747474; border-right: unset; background-color: #fbfcff; color: #333; padding: 10px 40px; float: left; width: 25%; text-align: center; } .dynamic .tabs li:nth-child(4){ border-right:1px solid #747474; } .dynamic .tabs li:nth-child(5){ height:42px; background-color:unset; border-left:unset; border-top:unset; } .dynamic .tabs li a { color: #333; font-size: 16px; } .dynamic .tabs li a:hover { color: #3592c3; } .dynamic .tabs li.active { border-top:2px solid #3591c2; background-color: #FFF; border-bottom: unset; } .dynamic .tabs li.current { border-top:2px solid #3591c2; background-color: #FFF; border-bottom: unset; } .dynamic .item{ border-left: 1px solid #747474; border-bottom: 1px solid #747474; border-right: 1px solid #747474; padding-top: 1em; } .dynamic .item .main{ padding-left:15px; } .dynamic .item img { width:100%; height: 112px; } .dynamic .item .main .date, .dynamic .item .main .des{ color:#777; font-size: 12px; line-height: 2em; } .dynamic .item .main .title { font-size: 14px; } .dynamic .item .main .info { padding-top:1em; } .dynamic .item .other { /*padding-top:1em;*/ } .date{font-size: 12px;} .dynamic .item .other a { color:#777; } .dynamic .item .other a :hover{color: #3592c3;} .dynamic .item .other li { line-height: 2em; } .info .date{height: 12px;} .info .title{height: 16px;} .info .des{line-height: 1.7em;} .video .head .title { /* border-bottom:2px solid #3589b8; */ color: #3589b8; font-size:20px; display: block; float: left; font-weight: bold; line-height: 48px; } .video .head { border-bottom: 2px solid #666; padding-left:unset; padding-right:unset; } .video .head a { color: #3589b8;line-height: 48px; } .video .block { margin-top: 1em; } .video .block video{ width:100%; height:100%; height: 175px; } .video .block embed { width:100%; height:200px; } .index_ny{ margin-bottom: 35px;margin-top: 1.5em;} .news .head .torch{float: left;width: 8%;} @media screen and (max-width:1366px){ .news-block .block{ margin-bottom: 8px; } } @media screen and (max-width:1000px){ #focusNews .bd img{ width:440px; } #focusNews .hd{ width:440px; } #focusNews .hd ul li{ width:82px; } .channel .list .block { width: 14.7%; } #focusNews .bd{ width:440px; } } #index_mid_div2_end li{ line-height:2em }