/* 给所有表格添加统一的边框样式 */
        table {
            border-collapse: collapse !important; /* 合并单元格的边框 */
            width: 100%; /* 设置表格宽度为100% */
        }

        /* 给表格的单元格添加边框 */
        table, th, td {
            border: 1px solid black !important; /* 设置黑色边框 */
        }

.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(https://www.cceg.cn/skin/default/images/e-bg2.jpg) no-repeat}
.box-b,.box-e{margin-right:10px}
.box-b{background:url(https://www.cceg.cn/skin/default/images/b-bg2.jpg) no-repeat}
.box-p{background:url(https://www.cceg.cn/skin/default/images/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(https://www.cceg.cn/skin/default/img/index/e-icon.png) no-repeat left 36px}
.box-b .pb-text{background:url(https://www.cceg.cn/skin/default/img/index/b-icon.png) no-repeat left 36px}
.box-p .pb-text{background:url(https://www.cceg.cn/skin/default/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}


@-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);
    }
}


@-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%; height:600px;}
.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(../image/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(../image/All-Icon.png) no-repeat 0 -229px}
a.b-rightbtn{right:10px;border-radius:5pc;background:#fff url(../image/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(../image/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%}
.indexwarp{overflow:hidden;margin:0 auto;width:100%;background:#fff}
.indexwarp.smallwidth{width:1340px}
.indexwarp.sswidth{width:75pc}
@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%}
	}




/*首页简介*/
.mAbout { margin-top:60px; margin-bottom:30px;}
.mAbout .mAboutL { width:560px; height:360px; float:left} 
.mAbout .mAboutC { width:360px; height:360px; float:left;background: url(../image/pic02.jpg) no-repeat center center} 
.mAbout .mAboutR { width:360px; height:360px; float:right} 
.mAbout .mAboutC a { width:360px; height:250px; display:block}
.mAbout .mAboutC p { width:285px; margin:0 auto;}
.mAbout .mAboutC p.p1 { color:#333333; font-size:30px; font-weight:bold; opacity:0.2; margin-top:100px; line-height:30px;}
.mAbout .mAboutC p.p2 { color:#333333; font-size:15px; font-weight:bold; margin-bottom:15px;}
.mAbout .mAboutC p.p3 { color:#333333; font-size:12px;}


/* 首页案例 */
.focus{ position:relative; width:560px; height:360px; background-color: #000; float: left;}  
.focus img{ width: 560px; height: 360px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:18px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:10px; right:18px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:9px; height:9px; border-radius:7px; margin:0 4px;color:#B0B0B0;text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px; display:none}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


/*首页新闻*/
.mNews { width:100%; height:575px; background:#f0f0f0;}
.mNews-tit { text-align:center; height:40px; padding:40px 0 40px 0;}
.mNewsBox { height:440px;}
.mNews1 { width:1000px; height:440px; float:left}
.mNews1 .mNews1-1 { width:440px; height:440px; float:left;}
.mNews1 .mNews1-1 p.p1 { width:440px; height:340px; overflow:hidden;}
.mNews1 .mNews1-1 p.p1 img { width:440px; height:340px; display:block;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.mNews1 .mNews1-1:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.mNews1 .mNews1-1 p.p2 { width:440px; height:100px; line-height:100px; color:#333; background:#fff; }
.mNews1 .mNews1-1 p.p2 span.sp1 { width:300px; height:100px; font-size:15px; float:left; padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; color:#333;}
.mNews1 .mNews1-1 p.p2 a { display:block}
.mNews1 .mNews1-1 p.p2 a:hover span.sp1 { color:#e60020}
.mNews1 .mNews1-1:hover p.p2 span.sp2 { background:#3958a3;}
.mNews1 .mNews1-1 p.p2 span.sp2 { width:100px; height:100px; float:right; text-align:center; font-size:18px; font-weight:600; background:#3958a3; color:#fff; display:block;text-transform:uppercase;}
.mNews1 .mNews1-1 p.p3 { display:none} 
.mNews1 .mNews1-1 p.p4 { display:none}
.mNews1 .mNews1-2 { width:280px; height:440px; float:left; background:#fff;}
.mNews1 .mNews1-2 a { display:block}
.mNews1 .mNews1-2 a:hover p.p3 { color:#e60020}
.mNews1 .mNews1-2 p.p1 { width:280px; height:220px; overflow:hidden }
.mNews1 .mNews1-2 p.p1 img { width:280px; height:220px; display:block;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.mNews1 .mNews1-2:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.mNews1 .mNews1-2 p.p2 { width:240px; margin:0 auto; color:#999999; margin-top:25px;}
.mNews1 .mNews1-2 p.p3 { width:240px; margin:0 auto; color:#1f1f1f; font-size:16px; margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;  }
.mNews1 .mNews1-2 p.p4 { width:240px; margin:0 auto; color:#666666; font-size:13px; margin-top:15px; line-height:24px;}
.mNews1 .mNews1-3 { width:280px; height:440px; float:left; background:#fff; position:relative;}
.mNews1 .mNews1-3 a { display:block}
.mNews1 .mNews1-3 a:hover p.p3 { color:#e60020}
.mNews1 .mNews1-3 p.p4 { position:absolute; bottom:305px; left:20px; width:240px; margin:0 auto; color:#999999; height:35px; padding-top:25px;}
.mNews1 .mNews1-3 p.p3 { position:absolute; bottom:340px; left:20px; width:240px; margin:0 auto; color:#1f1f1f; font-size:16px; height:45px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.mNews1 .mNews1-3 p.p2 { position:absolute; bottom:300px; left:20px; width:240px; margin:0 auto; color:#666666; font-size:13px; height:115px; line-height:24px;}
.mNews1 .mNews1-3 p.p1 { position:absolute; bottom:0; left:0; width:280px; height:220px; overflow:hidden; }
.mNews1 .mNews1-3 p.p1 img { width:280px; height:220px; display:block;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.mNews1 .mNews1-3:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.mNews2 { width:280px; height:440px; float:right}
.mNews2 p.p1 {}
.mNews2 p.p2 { width:280px; height:220px; color:#fff; text-align:center; line-height:220px;background:#c64056 url(../image/pic10.png) no-repeat center center}
.mNews2 p.p2 a { color:#fff; display:block; font-size:16px;}


.clear{ clear:both; margin:0; padding:0; height:0;}
.mtzgg{ width:100%; height:110px; margin:0 auto; background:#f0f0f0; }
.mtzgg-list{ width:1280px; height: 60px; line-height:60px; margin:0 auto; overflow: hidden;background:#fff; }
.mtzgg-list p { width:510px; height:60px; float:left;background: url(../image/pic45.jpg) no-repeat left center; padding-left:130px;}
.mtzgg-list p.p2 { width:510px; height:60px; float:left;background: url(../image/pic46.jpg) no-repeat left center; padding-left:130px;}
.mtzgg-list p a { width:360px; height:60px; line-height:60px; float:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; padding-right:50px;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.mtzgg-list p span { width:100px; height:60px; line-height:60px; float:right}
.mtzgg-list p:hover a { color:#e60020; padding-left:10px; width:350px;}

.right-box { width:66px; height:206px; position:fixed; right:0; bottom:80px; z-index:9}
.right-box h3 { padding:45px 0; text-align:center;}




/* imghvr-hinge-left
   ----------------------------- */
.imghvr-hinge-left img {
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}









