html, body { height: 100%; font-family: "Microsoft YaHei","PingFang-SC-Regular","Hiragino Sans GB","Source Han Sans CN","Heiti SC", Tahoma,SimSun , sans-serif;}
.header { background: #1c1d22; height: 70px; }
.container { clear: both; padding-bottom: 40px; }
.wrapper { background: #1c1d22; min-height: 100%; height: auto!important; height: 100%; }
.footer { margin-top: -40px; }
.logo, .i-new, a.carouselprev, a.carouselnext,.scrolltip a.close { background: url(../images/sprites.png) no-repeat; }
.grid-s7m0 .col-main { display: inline; float: left; overflow: hidden; }
.grid-s7m0 .col-sub { background: #32353c; display: inline; overflow: hidden; width: 280px; }
.list-half li { display: inline; float: left; }
.img-list p { width:200px;line-height: 20px; text-align: left; }
.img-list li { display: inline; float: left; }
.img-text { padding-bottom: 0; }
.img-text h3 { font: 18px/22px \5fae\8f6f\96c5\9ed1; padding-bottom: 10px; }
.img-text .imgarea { display: inline; float: left; margin-right: 10px; overflow: hidden; }
.img-text .txtarea { /*float:right;display:inline;*/ }
.img-text .txtarea p { line-height: 23px; }
.logo { background-position: left top; float: left; display: inline; height: 70px; width:220px; }
.channel-nav { background-color: #fff; cursor: pointer; float: left; height: 30px; line-height: 30px; margin-top: -15px; padding: 0 26px 0 6px; position: relative; top: 50%; z-index: 99; }
.channel-nav-arrow { border-color: #666 transparent transparent; border-style: solid dashed dashed; border-width: 4px 4px 0; font-size: 0; height: 0; line-height: 0; position: absolute; right: 10px; top: 50%; margin-top: -2px; -webkit-transition: -webkit-transform .2s ease-in; -webkit-backface-visibility: hidden; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; width: 0; }
.channel-nav-hover .channel-nav-arrow { -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%; }
.channel-nav-bd { background-color: #fff; border: #f3f3f3 solid 1px; display: none; position: absolute; left: 0; top: 30px; width: 130px; z-index: 9; }
.channel-nav-hover .channel-nav-bd { }
.channel-nav-bd li { background: none; border: 0 none; margin-left: 0; width: 100%; }
.channel-nav-bd li a { background-color: #fff; display: block; height: 26px; line-height: 26px; padding-left: 10px; padding-right: 20px; width: 100px; }
.channel-nav-bd li a:hover { background-color: #1c1d22; color: #fff; text-decoration: none; }
.scrolltip { position: absolute; z-index: 10; right: 10px; top: 20px; background: url(../images/scrolltip.png) no-repeat; overflow: hidden; text-indent: -999em; width: 284px; height: 75px; }
.scrolltip a.close { background-position: -270px -45px;position: absolute; z-index: 12; right: 0; top: 0; width: 23px; height: 24px; overflow: hidden; text-indent: -999em; }
.scrolltip a.close:hover { background-position: -300px -45px; }
.ks-ui-carousel .ks-ui-carousel-nav {position:relative;}
.ks-ui-carousel .ks-ui-carousel-nav li { background: #393c43; color: #fff; font-size: 14px; height: 36px; line-height: 36px; margin: 10px 0 10px 14px; position: relative; white-space: nowrap; text-overflow: ellipsis; width: 110px; }
.ks-ui-carousel .ks-ui-carousel-nav li.ks-ui-carousel-active { background: #5aabd6; }
.ks-ui-carousel .ks-ui-carousel-nav li a { color: #fff; display:block;height:100%;width:100%; text-indent: 16px; }
.backtotop { position: absolute; z-index: 7; right: 0; top: 50%; width: 25px; height: 80px; padding: 15px 5px; margin-top: -55px; background: #5b5d60; color: #fff; font-size: 18px; font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif; text-align: center; line-height: 20px; cursor: pointer; }
.lasttip {display:none; position: absolute; left: 50%; top: 50%; width: 154px; height: 40px; margin: -20px 0 0 -77px; text-align: center; color: #fff; font-size: 18px; font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif; line-height: 40px; background: rgba(27, 29, 34, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#991b1d22,endColorstr=#991b1d22); }
.arrow { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 0 25px 25px; border-color: transparent transparent #f3f3f3; border-style: dashed dashed solid; }
.i-new { background-position: -330px -50px; display: block; height: 9px; position: absolute; right: -4px; top: -4px; width: 19px; }
.ks-ui-carousel-con { width: 1000000px; }
.ks-ui-carousel-mod { overflow: hidden; position: relative; }
.ks-ui-carousel .ks-ui-carousel-panel { background: #f3f3f3; display: inline; float: left; margin-right: 10px; padding: 0 50px; position: relative; width: 1050px; }
.panel-hd { height: 130px; position: relative; }
.panel-hd .decorate { height: 25px; left: 0; padding-top: 100px; position: absolute; top: 0; width: 50px; }
.decorate { background: #5eba6d; }
#brand-01 .decorate { background: #5eba6d; }
#brand-02 .decorate { background: #f90; }
.panel-hd .imgarea { margin-right: 24px; }
.panel-hd .img-text { padding-left: 80px; padding-top: 10px; }
.panel-hd .img-text h3 { font: normal 24px/40px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei"; padding-bottom: 0; padding-top: 6px; }
.panel-hd .img-text p { font-size: 14px; color: #666; line-height: 26px; }
.panel-bd { padding: 20px 0; }
.panel-bd .imgarea { margin-right: 30px; }
.panel-ft .img-list { width: 100%; }
.panel-ft .img-list li {
/*margin-left: 10px;*/
}
.prev-next { background: #87888a; color: #fff; bottom: 0; height: 42px; left: 50%; margin-left: -80px; position: absolute; width: 160px;display: none; }
.prev-next a.disable:hover { cursor:auto; }
a.carouselprev, a.carouselnext { color: #fff; display: inline; float: left; font: normal 24px/42px \5fae\8f6f\96c5\9ed1, "Microsoft Yahei"; height: 42px; cursor: pointer; text-align: center; width: 32px; text-indent:-9999em;}
a.carouselprev { background-position: -222px 0; }
a.carouselnext { background-position: -254px 0; }
a.carouselprev.disable:hover{ background-position: -222px 0; }
a.carouselnext.disable:hover{ background-position: -254px 0; }
a.carouselprev:hover{ background-position: -286px 0; }
a.carouselnext:hover{ background-position: -318px 0; }
.page-number { display: inline; float: left; height: 42px; text-align: center; width: 96px; }
.page-current { color: #fff; font: normal 36px/38px Georgia; }
.page-total { color: #ccc; font: normal 20px/38px Georgia; }
.stage-mask{position:absolute;z-index:5;right:0;top:0;height:100%;background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(27, 29, 34, 0.88)));background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(27, 29, 34, 0.88));background:-moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(27, 29, 34, 0.88));background:-o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(27, 29, 34, 0.88));background:linear-gradient(left, rgba(0, 0, 0, 0), rgba(27, 29, 34, 0.88));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#E01b1d22,gradientType=1);}
.footer { background: #1c1d22; clear: both; color: #666; height: 40px; line-height: 40px; text-align: center; }
.footer a { color: #666; }
.foot-nav a:hover { color: #999; }
.foot-nav span { color: #333; margin: 0 6px; }
.foot-nav strong { font-weight: normal; margin-right: 10px; }
.J_CarouselNav{overflow: auto;}
.nav
{
float: left;
width:75%;
}
.nav>li {
font-size: 16px;
float: left;
}
.nav li>a{
line-height: 20px;
padding: 25px 15px;
color: #fff;
display: block;
}
.bg-li{
background-color:#5AABD6;
}
#imgDiv p
{
font-size: 16px;
text-align: center;
margin: 10px;
}
#imgDiv a {
cursor: pointer;
text-decoration: underline;
}
dl a{
text-decoration: underline;
}
.logo {
background: url(../images/sprites1.png) no-repeat;
}
dt{line-height:2}
dd{width:33%;
display: inline-block;font-size: 13px;
line-height:2;
margin:10px 0;}
.img-text .txtarea {
overflow: hidden;
}
dd a{
margin: 0 25%;}
.item {
width: 20%;
float: left;
}
.item > a {
/* padding-bottom: 60px; */
/* margin: 3px auto; */
width: 200px;
position: relative;
height: 120px;
display: block;
overflow: hidden;
margin: 2px 41.5px;
/* padding-bottom: 30%; */
background-color: #fff;
border: 1px solid #e6e7e8;
}
.item > h2{
font-size: 18px;
width: 100%;
margin: 0;
padding-bottom: 15px;
white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;text-align: center;
}
.item-img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
}
.item-name {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
color: #fff;
line-height: 32px;
text-align: center;
font-size: 14px;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.ul-list {
float:right;
height: 75%;
margin-left: -7px;
margin-right: -7px;
padding:44px;}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #5AABD6;
}
.index-container {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;
margin-right: auto;
margin-left: auto;
}
.index-container .each{
position: relative;
padding: 10px 10px 10px 45px;
margin-bottom: 10px;
border-radius: 10px;
border-bottom: 3px solid #cae0f3;
background-color: #f5f8fc;
text-align: left;
display: table;
width: 100%;
padding: 0 25px 0 60px;
height: 80px;
border-radius: 1px;
transition: all 0.3s ease-in-out;
}
.index-container .each .icon{
color: #1b8cca;
font-size: 20px;
position: absolute;
z-index: 2;
left: 15px;
top: 10px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-size: 32px;
top: 16px;
left: 20px;
}
.index-container .each p{
height: 30px;
display: table-cell;
vertical-align: middle;
font-size: 16px;
}
.index-desc{
line-height: 2;
padding: 20px 25px;
font-size: 16px;
}
@media (max-width: 1440px)
{
.nav>li {
font-size: 12px;
float: left;
width: 9%;
}
}