﻿#indexslide{position:relative;overflow:hidden;width:100%;height:670px;-webkit-animation:all .3s;animation:all .3s}
.banner li{position:absolute;top:0;left:0;z-index:10;display:none;width:100%;height:100%}
.banner li a{display:block;width:100%;height:100%}
.bannerindex{position:absolute;bottom:55px;left:0;z-index:10;width:825pt;height:1pc;text-align:left}
.bannerindex dd{display:inline-block;margin:0 3px;width:9pt;height:9pt;border:2px solid #fff;border-radius:9pt;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}
.bannerindex dd.on{border:2px solid #fff;background-color:#fff}
.pro-box{position:absolute;right:0;bottom:-1px;z-index:15;width:674px;height:169px}
.pro-box a{float:left;display:block;visibility:visible;margin-top:169px;width:218px;height:169px;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.showtext .img-text{visibility:visible;opacity:1}
.box-e{background:url(../img/index/e-bg2.jpg) no-repeat}
.box-b,.box-e{margin-right:10px}
.box-b{background:url(../img/index/b-bg2.jpg) no-repeat}
.box-p{background:url(../img/index/p-bg2.jpg) no-repeat}
.pro-box .pb-text{display:block;visibility:visible;margin:0 auto;padding-top:30px;padding-left:55px;width:92px;height:50px;-webkit-transition:all .3s;transition:all .3s}
.pro-box .pb-text b{font-size:1pc}
.pro-box .pb-text b,.pro-box .pb-text i{display:block;color:#fff;line-height:20px}
.pro-box .pb-text i{font-style:normal;font-size:15px}
.box-e .pb-text{background:url(../img/index/e-icon.png) no-repeat left 36px}
.box-b .pb-text{background:url(../img/index/b-icon.png) no-repeat left 36px}
.box-p .pb-text{background:url(../img/index/p-icon.png) no-repeat 5px 36px}
.img-text{display:block;margin:0 auto;width:6pc;height:31px;-webkit-transition:all .5s;transition:all .5s}
.img-text,.showtext .pb-text{visibility:hidden;opacity:0}
.mainbox{overflow:hidden;padding:35px 0}
.news-box{padding-right:23px;width:508px;height:220px}
h3.news-title{margin-bottom:10px;color:#001c33;font-weight:600;font-size:24px;line-height:30px}

.news-top ul{float:left;overflow:hidden;width:250px;height:38px}
.news-top li{float:left;width:100px;height:38px;background:#333333;color:#fff;text-align:center;font-size:15px;line-height:38px;cursor:pointer}
.news-top li.current,.news-top li:hover{background:#ec6205;color:#fff}
.news-top li a{color:#fff;font-size:15px}
.news-top li.current a,.news-top li:hover a{color:#fff;font-size:15px;}
a.news-more{float:right;display:none;color:#999;font-weight:700;font-size:9pt;line-height:38px}
.news-main{position:relative;padding-top:15px}
.news-main h3 a,.news-main h3 a span{color:#000;font-weight:500;font-size:16px}
.news-main h3 a span{display:inline-block;margin-right:10px}
.news-main p{margin-top:10px}
.news-main-box{position:relative;overflow:hidden;width:470px;height:110px}
.news-main-box ul{position:absolute;top:0;left:0}
.news-main-box li{display:block;width:470px;height:100px}
.news-main-box li h3{ display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-main-box li p{line-height:22px; font-size:13px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-main-dl{position:absolute;top:15px;right:0;overflow:hidden;width:10px;height:105px}
.news-main-dl li{display:block;margin-bottom:20px;width:10px;height:10px;background:url(../img/index/icon2.jpg) no-repeat;cursor:pointer}
.news-main-dl li.on,.news-main-dl li:hover{background:url(../img/index/icon1.jpg) no-repeat}
.inews-list li{line-height:22px}
.inews-list li a,.inews-list li a span{color:#666;font-weight:700;font-size:14px}
.inews-list li a span{display:inline-block;margin-right:10px}


@-webkit-keyframes bounce-up2 {
    25% {
        -webkit-transform: translateX(3px);
    }
    50%, 100% {
        -webkit-transform: translateX(0);
    }
    75% {
        -webkit-transform: translateX(-3px);
    }
}
@keyframes bounce-up2 {
    25% {
        transform: translateX(3px);
    }
    50%, 100% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-3px);
    }
}
.lay-box{float:right; background:url(../images/layout2.jpg) center center no-repeat}
.lay-box,.lay-box a{width:219px;height:219px}
.lay-box a{position:relative;display:block}
.lay-box a span.sp0{position:absolute;top:70px;left:92px;width:100%;height:20px; font-size:10px; color:#f4b184;text-transform:uppercase;}
.lay-box a span.sp1{position:absolute;top:35px;left:47px;width:100%;height:30px;}
.lay-box a span.sp2{position:absolute;top:38px;left:95px;width:100%;height:30px;color:#fff;font-size:30px;line-height:30px;}
.lay-box a span.sp3{position:absolute;top:50%;left:0;width:100%;height:30px;color:#fff;font-size:16px;line-height:30px; text-align:center}
.lay-box a span.sp4{position:absolute;top:175px;left:50%;width:60px;height:20px; margin-left:-30px;color:#fff;font-size:14px;line-height:20px; font-weight:600;text-transform:uppercase;}
.lay-box span.sp4 i { display:inline-block}
.lay-box span.sp4:hover i{-webkit-animation: bounce-up2 2s linear infinite;animation: bounce-up2 2s linear infinite;}
.lay-box:hover span.sp1 img{-webkit-animation: trans1 1.6s ease 180ms alternate none 1;
    -moz-animation: trans1 1.6s ease 180ms alternate none 1;
    -o-animation: trans1 1.6s ease 180ms alternate none 1;
    animation: trans1 1.6s ease 180ms alternate none 1;
}

@-webkit-keyframes trans1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-moz-keyframes trans1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-o-keyframes trans1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@keyframes trans1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}

.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{position:relative;z-index:2;overflow:hidden;width:100%}.carousel-inner>.item{position:relative;display:none;height:830px;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:50%;z-index:3;display:block;margin-top:-79px;width:79px;height:79px}
a.b-leftbtn{left:10px;border-radius:5pc;background:#fff url(../images/All-Icon.png) no-repeat 0 -308px;opacity:0;-webkit-transition:background-color .3s;transition:background-color .3s;filter:alpha(opacity=0)}
a.b-leftbtn:hover{background:#fb9000 url(../images/All-Icon.png) no-repeat 0 -229px}
a.b-rightbtn{right:10px;border-radius:5pc;background:#fff url(../images/All-Icon.png) no-repeat 0 -72px;opacity:0;-webkit-transition:background-color .3s;transition:background-color .3s;filter:alpha(opacity=0)}
a.b-rightbtn:hover{background:#fb9000 url(../images/All-Icon.png) no-repeat 0 -147px}
.b-slide:hover a.b-leftbtn,.b-slide:hover a.b-rightbtn{opacity:1;filter:alpha(opacity=100)}
.b-slidetitle .b-slidetitle-inner h6{display:none;color:#ede5d9;font-size:3pc;line-height:50px}
.carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333;background:rgba(0,0,0,.75)}.carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px}.carousel-caption h4{margin:0 0 5px}
.carousel-caption p{margin-bottom:0}.b-slide{position:relative;overflow:hidden;width:100%}


/*首页banner漂浮模块*/
.slidemask{position:absolute;bottom:0;left:0;z-index:10;width:100%;background:url(../images/index_listbg.png) repeat!important;background:#000}
.slidemask,.slidemask .w1200{height:80px}
.bs-box{position:absolute;right:0;bottom:-1px;overflow:hidden;width:668px;height:120px}
.bs-box a{position:relative;float:left;display:block;margin-top:39px;width:334px;height:219px;-webkit-transition:all .3s;transition:all .3s}
.bs-box a span{position:absolute;top:25px;left:47px;display:block;-webkit-transition:all .3;transition:all .3;text-transform:uppercase;}
a.es{background:url(../images/bg1.jpg) no-repeat;}
a.pt{background:url(../images/bg3.jpg) no-repeat}
.bs-box a .th{top:40px;visibility:hidden;color:#e0f8ff;font-weight:400;font-size:26px;opacity:0;text-transform:uppercase;}
.bs-box a .th,.bs-box a .tt{-webkit-transition:all .4s;transition:all .4s}
.bs-box a .tt{visibility:visible;opacity:1}
.bs-box a .tt img{display:block}
.bs-box a .tt strong{color:#e0f8ff;font-weight:400;font-size:24px}
.bs-box a .tt strong em{color:#fcb687;font-weight:400;font-size:24px}
.bs-box a .tt strong.tt3 em{color:#528fc3;font-weight:400;font-size:24px}
.bs-box a:hover{margin-top:0}
.bs-box a:hover .tt{visibility:hidden;opacity:0}
.bs-box a:hover .th{visibility:visible;opacity:1}
.slidestock{position:absolute;top:6px;left:0;z-index:10;width:220px;height:75pt;}
.slidestock h5{position:relative;color:#fff;font-weight:700;font-size:24px; font-family:宋体}
.slidestock .stocknum{font-size:38px;font-family:dincond-medium-webfont; color:#ec6205;text-transform:uppercase; font-weight:100}
.slidestock .stocknum.up{background:url(../images/All-Icon.png) no-repeat -121px 0;color:#e55}
.slidestock .stocknum.down{background:url(../images/All-Icon.png) no-repeat -314px 0;color:#090}





/* 首页项目切换 */
.est-detail{float:left;width:444px;height:219px}
.slider, .slider .slider-img {
    overflow: hidden;
    height: 219px;
}
.slider {
    width: 444px;
    margin: 0 auto;
    position: relative;
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img {
    width: 12000px;
    position: relative;
}
.slider .slider-img .slider-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.slider .slider-img .slider-img-ul li {
    float: left;
}
.slider .slider-img .slider-img-ul li img {
    width: 444px;
    height: 219px;
}
.slider .slider-dot ul {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.slider .slider-dot ul li {
    cursor: pointer;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ccc;
    border: 2px solid #fff;
    float: left;
    margin-left: 6px;
	display:none;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
    background: #fff;
}
.slider .slider-btn {
    position: absolute;
    width: 22px;
    height: 45px;
    top: 50%;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: '黑体';
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0;
    margin-top: -20px;
	background:url(../images/pic10.png) no-repeat center center;
}
.slider .slider-btn.slider-btn-right {
    right: 0;
    margin-top: -20px;
	background:url(../images/pic11.png) no-repeat center center;
}




.indexwarp{overflow:hidden;margin:0 auto;width:100%;background:#fff}
.indexwarp.smallwidth{width:1340px}
.indexwarp.sswidth{width:75pc}
body{background:#262834}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){
	.indexwarp.sswidth{width:98%}
	}
.news-main-dl li{display:block;margin-bottom:9pt;width:10px;height:10px;background:url(../images/All-Icon.png) no-repeat -81pt -42px;cursor:pointer}
.news-main-dl li.on,.news-main-dl li:hover{background:url(../images/All-Icon.png) no-repeat -81pt -52px}.news-main-con{position:absolute;bottom:-10px;left:0}
.news-main-con li{float:left;display:block;margin-right:10px;width:30px;height:3px;background:#666666;cursor:pointer}
.news-main-con li.on,.news-main-con li:hover{background:#ec6205}