body,html{ _width:100%;
height: 100%;
}
.banner {
position: relative; /*_width: 100%;*/
}
.flex-viewport{ }
.banner .slides{ }
.banner .slides li {/*position: relative;*/
/*overflow: hidden;*/
}
.banner img {
width: 100%;_width:auto;
display: block;
min-height: 100%;
}
.banner-s img {
/*position: relative;
left: 50%;
width: 1600px;
margin-left: -800px;*/
}
.banner .para, .banner .text,.banner .para, .banner .pp {
position: absolute;
top: 0;
left: 0;
margin-left: 0;
}
.banner .text {
top: 15%;
left: 50%;
width: auto;
height: auto;
margin-left: -500px;
color:#fff;
font-family:'微软雅黑'
}
.banner .text dt{
font-size:36px;
height:50px;
font-weight: bold;
}
.banner .text dd.tit{
height:18px;
font-size: 14px;
text-indent:2px;
}
.banner .text dd.data{
font-family: arial;font-family: "微软雅黑";
font-size:12px;font-size:14px;
text-indent:2px;text-indent:0px; line-height:150%
}
.banner .text dd.btn{
margin-top:12px;
}
.banner .text dd.btn a{display: block;height:28px;line-height:28px;width:80px;background:#ff6e00;text-align: center;
font-size:12px;
color:#fff;
font-family:'微软雅黑'
}
.banner .flex-prev,
.banner .flex-next {
position: absolute;
top:50%;
width: 77px;
height: 118px;
margin-top: -99px;
text-indent: -100em;
overflow: hidden;
}
.banner .flex-prev {
left: 0;
background: url(/uploads/image/tfimages/arrow-left.png) no-repeat center center;
}
.banner .flex-next {
right: 0;
background: url(/uploads/image/tfimages/arrow-right.png) no-repeat center center;
}
.banner .flex-control-nav {
position: absolute;
bottom: 200px; display:none;
left: 50%;
/*margin-top: 135px;*/
margin-left: 0px;
}
.banner .flex-control-nav li {
float: left;
width: 10px;
height: 10px;
margin-left: 8px;
}
.banner .flex-control-nav li a {
display: block;
width: 100%;
height: 100%;
text-indent: -100em;
overflow: hidden;
background: #fff;
cursor: pointer;
background: no-repeat;
}
.banner .flex-control-nav li .flex-active {
background: no-repeat;
}
.index-content {
position: relative;
overflow: hidden;
}
.newsslide {
position: absolute;
top: 29%;
left: 50%;
width: 320px;
height: 103px;
margin-top: 145px;
margin-left: -500px;
z-index: 1000;
font-family: '微软雅黑';
}
.newsslide h2{
color:#fff;
font-size: 12px;
height:22px;
background: repeat-x left bottom;
}
.newsslide li a{
display: block;
height:38px;
overflow: hidden;
line-height:38px;
color:#f1f1f1;
font-size:12px;
width: 320px;
background: repeat-x left bottom;
overflow: hidden;/*注意不要写在最后了*/
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.newsslide .flex-prev,
.newsslide .flex-next{
position: absolute;
left: 0;
top: 123px;
width: 26px;
height: 16px;
text-indent: -100em;
overflow: hidden;
background: no-repeat;
}
.newsslide .flex-next {
left: 27px;
background-position: -27px 0;
}
.newsslide .flex-direction-nav a:hover{
background-image:;
}
.module {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 98px;
background: repeat-x 0 0;/*2.11 add style*/
}
.module .center {
position: absolute;
left: 50%;
top: 0;
width: 1100px;
height: 98px;
margin-left: -500px;
overflow: hidden;
}
.module .index-center{
background: none;
}
.kwicks {
width: 1200px;
height: 98px;
}
.kwicks .kwick {
float: left;
width: 120px;
height: 98px;
border-right: 1px solid transparent;
background: no-repeat right center;/*2.11 add style*/
overflow: hidden;
}
.kwicks .kwick div {
width: 435px;
height: 98px;
/*background: repeat-x;*/
}
.kwicks .first {
width: 435px;
}
.kwicks .last {
border-right: 0;
}
.kwicks .icon {
float: left;
width: 120px;
height: 98px;
background-repeat: no-repeat;
background-position: center center;
}
.kwicks .icon00{
background-image: ;
}
.kwicks .icon01 {
background-image: ;
}
.kwicks .icon02 {
background-image: ;
}
.kwicks .icon03 {
background-image: ;
}
.kwicks .icon04 {
background-image: ;
}
.kwicks .icon05 {
background-image: ;
}
.kwicks img {
float: left;
}
.kwicks .first .icon {
background-color: #ff6e00;
}
.module .left {
position: absolute;
left: 0;
right: 50%;
margin-right: 500px;
background: repeat-x;
height: 98px;
}
.module .right {
position: absolute;
right: 0;
left: 50%;
margin-left: 500px;
background: repeat-x;
height: 98px;
}
.kwicks .kwick div.kwick-nr{width:310px;height:98px;float:left;}
.kwick-nr p{height:98px;width:170px;overflow: hidden;float: left;}
.kwick-nr h3{color:#f1f1f1;padding-top:28px;line-height:24px;margin-left:10px;width:130px;float:left;font-size:12px;font-family: '微软雅黑';}
.index-content {
height: 620px;
overflow: hidden;
position: relative;
}
@media screen and (max-width:1020px){
body,html{ _width:100%;
height:auto;
overflow:inherit;}
}
@media screen and (max-width:761px) {
.banner .flex-prev, .banner .flex-next {
position: absolute;
top: 35%;
width: 50px;
height: 118px;
margin-top: 0px;
text-indent: -100em;
overflow: hidden;
background-size: contain;
}
}
@media screen and (max-width:480px) {
.banner .flex-prev, .banner .flex-next {
position: absolute;
top: 35%;
width: 38px;
height:79px;
margin-top: 0px;
text-indent: -100em;
overflow: hidden;
}}