@charset "utf-8";
/* CSS Document */


/* Title */
.Title{width: 100%;text-align: center;padding-top: 56px;}
.Title h2{font-size: 24px;color: #333333;margin-top: 0;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;font-weight: bold;font-family: 微软雅黑;}

.Title h2 a span{color:#ffb400;}

.Title p{font-size: 28px;color: #1e1e1e;font-family: arial;margin-bottom: 0;text-transform: uppercase;word-spacing: 2px;font-weight: bold;}
.Title i{display: block;width: 100%;height: 4px;float: right;margin: 13px auto 0;background: url(Img/Index/title_xian.png) no-repeat center;}



/* banner */
.banner{width: 100%;overflow: hidden;height: 598px;position: relative;}
.banner a{display: block;height: 598px;}




#flashs{ position:relative; height:598px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btnList{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0; z-index:999; }
#flashs .btnList span{display: inline-block;width:80px;height: 5px;cursor: pointer; font-size:0; background: #fff;margin-left:2px;}
#flashs .btnList span:first-child{margin-left: 0;}
#flashs .btnList span.cur{background: #131313;}

/*
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}


/* search */
.search{width: 100%;height:79px;background: #f3f4f6;}
.search p{float: left;font-size: 14px;color: #000000;width: 700px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 79px;line-height: 79px;}
.search p a{font-size: 14px;color: #333333;font-weight: normal;margin-right: 16px;}

.search .Input{width: 318px;height:39px;float: right;margin-top:20px;}
.search .Input input{padding:0 4px 0 10px;font-size: 13px;outline: none;border: none;color: #999999;height: 39px;line-height: 39px;width: 250px;float: left;border: none;}
.search .Input a{display: block;float: left;width: 54px;height: 39px;text-decoration: none;text-align: center;background: url(Img/Index/searchBtn.png) no-repeat center;}

/* project */
.project{width: 100%;}
.project .mainCon{width: 100%;margin-top: 36px;}
.project .mainCon li{width: 210px;height: 270px;padding-top: 6px;background: #f3f4f6;float: left;margin-left: 12px;text-align: center;position: relative;}
.project .mainCon li:first-child{margin-left: 0;}
.project .mainCon li a{display: block;text-decoration: none;}
.project .mainCon li img{display: block;}
.project .mainCon li .Pics{width: 210px;height: 122px;position: relative;}
.project .mainCon li .caise{position: absolute;top: 0;left: 0;display: block;}
.project .mainCon li h3{font-size: 16px;color: #333333;font-weight: normal;margin-top: 12px;}
.project .mainCon li p{font-size: 14px;color: #666666;}
.project .mainCon li span{display: block;width: 40px;height: 40px;position: absolute;bottom: 35px;left: 50%;margin-left: -20px;overflow: hidden;}
.project .mainCon li span img{position: relative;}
.project .mainCon li:hover .caise{display: block;}
.project .mainCon li:hover span img{top: -40px;}


/* case */
.case{width: 100%;}
.case .menu{width: 100%;height: 66px;background: #313538;position: relative;margin-top: 52px;}
.case .menu ul{padding-left: 50px;height: 50px;}
.case .menu li{width: 171px;float: left;height: 66px;border-left: 1px solid #232628;border-right: 1px solid #3b3f42;}
.case .menu li p{line-height: 66px;height: 66px;text-align: center;position: relative;font-size: 16px;color: #fff;}
.case .menu li p a{display: block;text-decoration: none;color: #fff;}
.case .menu li p i{display: none;width: 11px;height: 6px;position: absolute;left: 50%;margin-left: -5px;bottom: -6px;z-index: 9}
.case .menu li img{display: block;}
.case .menu li.cur i{display: block;}
.case .menu li.cur p{background: #fc6b00;font-weight: bold;}
.case .menu li.cur{border-color: #fc6b00;}
.case .caseList{width: 100%;background: url(Img/Index/caseBg01.jpg);padding: 40px 0;height: 47px;overflow: hidden;position: relative;}
.case .caseList .container{height: 47px;overflow: hidden;position: relative;}
.case .caseList .box{overflow: hidden;height: 47px;padding-left: 40px;}
.case .caseList .box a{display: block;float: left;width: 102px;height: 47px;line-height: 47px;text-align: center;font-size: 14px;color: #333333;background: #fff;margin-left: 10px;text-decoration: none;}
.case .caseList .box a:hover{color: #fc6b00;font-weight: bold;}
.case .mainCon{width: 100%;}
.case .mainCon li{float: left;width: 25%;}
.case .mainCon li img{display: block;width: 100%;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon li .Pics{position: relative;overflow: hidden;}
.case .mainCon li .intro{position: absolute;width: 90%;height: 92%;background: url(Img/Index/caseBg02.png);left: 0;top: 0;overflow: hidden;display: none;padding: 5% 5% 0;}
.case .mainCon li .intro .box{border: 1px solid #333333;width: 100%;height:100%;}
.case .mainCon li .intro .box i{
    height: 140px;
    display: block;
    overflow: hidden;}
.case .mainCon li .intro p{    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-style: normal;
    padding: 0% 5% 0;
    height: 20px;
    margin-bottom: 0!important;
    overflow: hidden;
    text-overflow: ellipsis;}
.case .mainCon li .intro span{display: block;font-size:14px;color: #e2e2e2;font-family: arial;text-align: center;margin-top: 5%;}
.case .mainCon li .PicTitle{padding-top: 18px;height: 55px;text-align: center;background: #f7f7f7;}
.case .mainCon li .PicTitle p{font-size: 14px;color: #333333;}
.case .mainCon li .PicTitle i{display: block;width: 25%;height: 2px;background: #e2e2e2;margin:10px auto 0;}
.case .mainCon li a{display: block;text-decoration: none;}
.case .mainCon li:hover .intro{display: block;}
.case .mainCon li:hover .PicTitle{background: #fc6b00;}
.case .mainCon li:hover .PicTitle p{color: #fff;}
.case .mainCon li:hover .PicTitle i{background: #fff;}
.case .mainCon li:hover img{transform: scale(1.2);}

/* trouble */
.trouble{width: 100%;background: url(Img/Index/troubleBg.jpg) no-repeat center;height: 680px;overflow: hidden;}
.trouble .container{height: 680px;position: relative;}
.trouble .box{padding-top: 220px;width: 382px;overflow: hidden;}
.trouble .box dl{height: 49px;padding-top: 12px;border-bottom: 1px dotted #ebebeb;position: relative;left: -600px;opacity: 0;}
.trouble .box dt{width: 36px;height: 35px;line-height: 35px;text-align: center;font-size: 22px;color: #fff;background: url(Img/Index/trouble_y.png) no-repeat center;font-family: arial;float: left;}
.trouble .box dd{height: 35px;line-height: 35px;float: left;margin-left: 14px;font-size: 16px;color: #414141;}

.trouble .people{position: absolute;left: 546px;bottom: -1000px;opacity: 0;}
.trouble img{display: block;}
.trouble span{display: block;position: absolute;}
.trouble span.wz01{left: 490px;top: 1200px;opacity: 0;}
.trouble span.wz02{left: 543px;top: 1200px;opacity: 0;}
.trouble span.wz03{left: 912px;top: 1200px;opacity: 0;}
.trouble span.wz04{right: 0;top: 1200px;opacity: 0;}


/* adv */
.adv{width: 100%;background: url(Img/Index/advBg.jpg);}
.adv .title{width: 100%;padding-top: 51px;}
.adv .title img{display: block;margin: 0 auto;}
.adv .mainCon{width: 100%;margin-top: 52px;}
.adv .mainCon .con{height: 445px;background: #f7f7f7;}
.adv .mainCon .con dl{width: 1100px;margin: 0 auto;}
.adv .mainCon .con dt{width: 508px;height:360px;float: left;padding-top: 85px;padding-right: 42px;overflow: hidden;}
.adv .mainCon .con dt span{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt h3{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt i{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt p{position: relative;top: 400px;opacity: 0;}

.adv .mainCon .con dd{width: 550px;float: right;height: 445px;position: relative;}
.adv .mainCon .con dd img{display: block;transform: scale(1);transition: all 1s ease-out;}
.adv .mainCon .con.same dd span{width: 960px;height: 445px;overflow: hidden;position: absolute;right:-1500px;top: 0;opacity: 0;}
.adv .mainCon .con.dif dt{float: right;}
.adv .mainCon .con.dif dd{float: left;position: relative;}
.adv .mainCon .con.dif dd span{display: block;position: absolute;left:-1500px;top: 0;overflow: hidden;opacity: 0;}
.adv .mainCon .con.dif dt{padding-left: 42px;padding-right: 0;}
.adv .mainCon .con dt span{overflow:hidden;display:block}
.adv .mainCon .con dt em.kuang{width: 68px;height: 61px;    font-family: "微软雅黑";line-height: 61px;text-align: center;font-size: 42px;color: #fc6b00;border: 5px solid #fc6b00;display: block;float:left}
.adv .mainCon .con dt em.num{display:block;float:left;line-height:71px;font-size:50px;color:#fc6b00;margin-right:10px}

.adv .mainCon .con dt h3{font-size: 20px;color: #333333;margin-top: 34px;}
.adv .mainCon .con dt i{display: block;width: 42px;height: 3px;background: #fc6b00;margin-top: 12px;}
.adv .mainCon .con dt p{font-size: 16px;line-height: 25px;margin-top: 26px;color: #666666;}
/* .adv .mainCon .con:hover dd img{transform: scale(1.2);} */





/* partner */
.partner{width: 100%; padding-bottom:56px;}
.partner .mainCon{width: 100%;margin-top: 37px;}
.partner .mainCon .conBox{width: 100%;height: 302px;position: relative;overflow: hidden;}
.partner .mainCon .conBox ul{float: left;position: absolute;left: 0;top: 0;}
.partner .mainCon .conBox li{width: 1100px;float: left;overflow: hidden;height: 302px;}
.partner .mainCon .conBox li a{display: block;float: left;text-align: center;text-decoration: none;margin-bottom: 25px;}
.partner .mainCon .conBox li a span{display: block;border: 1px solid #e4e4e4;border-left: none;}
.partner .mainCon .conBox li a.dif span{border-left: 1px solid #e4e4e4;}
.partner .mainCon .conBox li em{display: block;font-size: 13px;color: #333333;margin-top: 10px;}
.partner .mainCon .conBox li img{display: block;}

.partner .mainCon .btnList{text-align: center;margin-top:12px;}
.partner .mainCon .btnList span{display: inline-block;*display: inline-block;width: 12px;height: 11px;background: url(Img/Index/partner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;} 
.partner .mainCon .btnList span.cur{background: url(Img/Index/partner_icon02.png) no-repeat center;}

/* flow */
.flow{width: 100%;background: url(Img/Index/flowBg02.jpg) no-repeat center;height: 366px;}
.flow .container{height: 309px;padding-top: 57px;}
.flow .khflow{float: left;margin-left: 480px;margin-right: 32px;}
.flow a{display: block;width: 292px;height: 255px;float: left;}

/* yzkehu */
.yzkehu{width: 100%;background: url(Img/Index/kehuBg.jpg);padding-bottom: 72px;}
.yzkehu .mainCon{width: 100%;margin-top: 50px;}
.yzkehu .mainCon li{float: left;width: 263px;margin-left: 16px;}
.yzkehu .mainCon li:first-child{margin-left: 0;}
.yzkehu .mainCon li .Pics{position: relative;width: 263px;height: 161px;overflow: hidden;display: block;}
.yzkehu .mainCon li img{display: block;transform: scale(1);transition: all 1s ease-out;}
.yzkehu .mainCon li:hover img{transform: scale(1.2);}
.yzkehu .mainCon li .intro{padding: 26px 22px 0;height: 198px;background: #fff;text-align: center;position: relative;}
.yzkehu .mainCon li .intro h3{font-size: 14px;color: #333333;}
.yzkehu .mainCon li .intro h3 a{color: #333333;text-decoration: none;}
.yzkehu .mainCon li .intro p{font-size: 14px;font-weight: lighter;line-height: 22px;color: #666666;margin-top: 13px;}
.yzkehu .mainCon li .intro a.details{width: 124px;height: 30px;display: block;line-height: 30px;text-align: center;background: #e3e3e3;font-size: 13px;color: #979797;bottom: 40px;left: 50%;margin-left: -62px;position: absolute;text-decoration: none;}
.yzkehu .mainCon li:hover a.details{background: #fc6b00;color: #fff;}


/* honor */
.honor{width: 100%;padding-bottom: 42px;}
.honor .mainCon{width: 100%;margin-top: 30px;}
.honor .mainCon .conBox1{width: 100%;height: 181px;background: url(Img/Index/honorBg01.jpg) no-repeat center;padding-top: 38px;}
.honor .mainCon .conBox1 ul{margin-left: 248px;width: 814px;}
.honor .mainCon .conBox1 li{float: left;width: 372px;padding-left: 14px;background: url(Img/Index/honor_icon01.png) no-repeat left center;font-size: 14px;color: #333333;margin-bottom: 12px;margin-left: 20px;}
.honor .mainCon .conBox1 li a{color: #333333}
.honor .mainCon .conBox2{width: 1250px;margin: 0 -40px;position: relative;/* margin-top: 36px; */}

.honor .mainCon .conBox2 i{display: block;width: 14px;height: 29px;position: absolute;top: 63px;cursor: pointer;overflow: hidden;}
.honor .mainCon .conBox2 i img{display: block;position: relative;}
.honor .mainCon .conBox2 i.prev{left: 0;}
.honor .mainCon .conBox2 i.next{right: 0;}
.honor .mainCon .conBox2 i:hover img{top: -29px;}
.honor .mainCon .conBox2 .box{width: 1148px;margin: 0 auto;position: relative;height: 158px;overflow: hidden;}
.honor .mainCon .conBox2 .box ul{width: 102%;position: absolute;top: 0;left: 0;}
.honor .mainCon .conBox2 .box li{float: left;width: 275px;margin-right: 16px;height: 158px;/* background: url(Img/Index/honor_yy.png) no-repeat center bottom; */}
.honor .mainCon .conBox2 .box li a{display: block;border: 1px solid #f2f3f7;height: 203px;padding-top: 29px;text-decoration: none;}
.honor .mainCon .conBox2 .box li span{display: block;width: 189px;height: 138px;padding-top: 8px;background: url(Img/Index/honorBg02.png) no-repeat center;margin: 0 auto;}
.honor .mainCon .conBox2 .box li img{display: block;margin: 0 auto;}
.honor .mainCon .conBox2 .box li em{display: block;font-size: 13px;color: #333333;margin-top: 20px;text-align: center;}


/* mien */
.mien{width: 100%;background: url(Img/Index/mienBg.jpg) no-repeat center;height: 824px;}
.mien .mainCon{width: 100%;/* margin-top: 38px; */}
.mien .Title{padding-top: 28px;}
.mien .Title h2 a{color: #000000;font-weight: bold;font-size: 25px;}
.Title p{color: #ffb400;margin-bottom: 0;}

.Title p.subname{color: #000000;font-size:20px;font-weight: initial;}


.mien .Title i{background: url(Img/Index/title_xian02.png) no-repeat center;}

.mien .mainCon{width:100%;height:336px;position:relative;/* margin-top:34px; */}
.mien .mainCon span{ display:block; width:14px; height:29px; cursor:pointer; position:absolute; top:50%; margin-top:-14px;overflow: hidden;z-index: 99;}
.mien .mainCon .btn01{background:url(Img/Index/mienBtn01.png) no-repeat left top;left: 22px;}
.mien .mainCon .btn02{background:url(Img/Index/mienBtn02.png) no-repeat left top;right: 22px;}
.mien .mienCon{overflow:hidden;width: 650px;height:336px;margin:0 auto;position:relative;}
.mien .mienCon .mienBox{width: 650px;height: 336px;margin: 0 auto;}
.mien .mienCon .iteam .Pic{position: relative;display: block;}
.mien .mienCon .iteam img{ display:block}
.mien .mienCon .iteam b{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(Img/Index/mienBg02.png);}
.mien .mienCon .iteam.active b{ display:none;}
.mien .mienCon .iteam.active{height: 456px;top: 0 !important;}
.mien .mienCon .iteam.active .Pic{display: block;border: 5px solid #f6f6f6;}
.mien .mienCon .iteam.active p{color: #fff;font-size: 14px;margin-top: 22px;text-align: center;}
.mien .mienCon .iteam.active p a{color: #fff;}
.mien .mienCon .iteam{overflow: hidden;position: absolute;}
.mien .mienCon .iteam p a{font-size:16px;}
/* liuy */
.liuy{width: 100%;background: url(Img/Index/lyBg.jpg) no-repeat center;height:523px;}
.liuy .mainCon{width: 100%;padding-top: 100px;height: 423px;position: relative;}
.liuy .mainCon .phone{position: absolute;left: 175px;top: 388px;background:url(Img/Index/ly_phone.png) no-repeat left center;padding-left: 32px;}
.liuy .mainCon .phone p{font-size: 20px;color: #fc6b00;line-height: 24px;}
.liuy .mainCon .box{width: 320px;margin-left: 730px;}
.liuy .mainCon .box p{font-size: 16px;color: #333333;}
.liuy .mainCon .box p em{font-weight: bold;color: #fc6b00;}
.liuy .mainCon .box .Input{height: 36px;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.liuy .mainCon .box .Input span{display:block;font-size: 14px;color: #999999;line-height: 36px;width: 85px;float: left;}
.liuy .mainCon .box .Input input{width: 235px;border: none;float: left;display: block;outline: none;font-size: 14px;height: 36px;line-height: 36px;}
.liuy .mainCon .box .Textarea span{display:block;font-size: 14px;color: #999999;line-height: 38px;}
.liuy .mainCon .box .Textarea textarea{width: 307px;height: 82px;border: 1px solid #eaeaea;outline: none;resize: none;padding: 10px 0 0 10px;}
.liuy .mainCon .box a{display: block;margin-top: 10px;height: 40px;line-height: 40px;text-align: center;background: #fc6b00;font-size: 16px;color: #fff;text-decoration: none;}

/* news */
.news{width: 100%;background: #ebecf0;padding: 56px 0 52px 0;}
.news h3{color:#ffb400;margin-left: 130px;font-size:12px;margin-bottom: 0;}
.news h2{font-size:22px;margin-top:0;/* font-weight: bold; */margin-left: 130px;}

.news .btnx{float:right;}
.news .btnx span{line-height:35px;display:block;float:left;font-size: 16px;margin-left: 12px;text-align:center;background:#252525;color:#fff;padding:0 20px;}
.news .btnx span.active{background:#ffb400;color:#fff;}
.news .contextx{clear:both;margin-top:25px;line-height:2;margin-left: 130px;}
.news .contextx a img{width:100%}
.news .contextx a h2{font-size: 16px;margin: 15px 0 4px;color: #606060;font-family: "微软雅黑";}
.news .contextx a span{display:block;font-size: 12px;color: #999;font-family: "微软雅黑";}
.news .contextx a p{font-size: 14px;margin:0;color: #606060;font-family: "微软雅黑";}
.news .more{}
.news .more a{text-align:center;display:block;width:180px;margin:30px auto 0;font-size:14px;border:1px solid #ffb400;color:#ffb400;line-height:30px;height:30px;}
.news .contextx a{float:left;width:32%;margin-right: 2%;}

.footerCenter .link{width: 100%;height: 40px;padding-top: 20px; display: block;border-top: 1px solid #2d2c2c;}
.footerCenter .link dt{float: left;width: 68px;font-size: 14px;color: #fc6b00;font-weight: bold;}
.footerCenter .link dt a{color: #fc6b00;}
.footerCenter .link dd{float: left;width: 1000px;overflow: hidden;padding-top: 1px;}
.footerCenter .link dd a{display: block;margin: 0 15px;font-size: 14px;color: #666;float: left;}

.probtx {color: #F01414;display: block;margin-top: 5px;font-size: 12px;}
.lymsg{color:#F01414;}

 .adv{height:846px;overflow:hidden;background:url(Img/Index/adv_bg.jpg) no-repeat center 0;}    
    .adv-list{float:right;padding-top:90px;width:720px;overflow:hidden;}
    .adv-list .item{float:left;margin-left:80px;margin-bottom:22px;width:280px;overflow:hidden;}
    .adv-list .item i{display:block;margin:0 auto;width:60px;height:60px;overflow:hidden;}
    .adv-list .item i img{display:block;width:60px;height:60px;}
    .adv-list .item h3{position:relative;padding-bottom:5px;height:42px;line-height:42px;font-size:20px;text-align:center;color:#333;}
    .adv-list .item h3:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-23px;width:46px;height:2px;content:"";background:#fc7008;}
    .adv-list .item p{margin-top:12px;height:220px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}

.cksi {
    width: 900px;
    margin: 0 auto;
}


.cksi a{
  display:block;float:left;
  width:25%;text-align:center;
}

.cksi a img{  /* 定义动画的过程 */
    -webkit-transition:-webkit-transform .5s ease-in;
    -moz-transition:-moz-transform .5s ease-in;
    -o-transition:-o-transform .5s ease-in;
    transition:transform .5s ease-in;}


.cksi a:hover img{    /* 定义动画的状态 */
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -transform: rotate(360deg) scale(1);}



.sliia {
    text-align: center;
    margin: 60px 0 35px;
}







/*展览案例*/
.zlal_cen_menu { overflow: hidden; margin-top: 20px; }
.zlal_cen_menu li { float: left; }
.zlal_cen_menu li a { display: inline-block; font-size: 16px; border: 1px solid #ccc; padding: 0px 15px; line-height: 30px; color: #666; margin: 0px 10px; transition: none; }
.zlal_cen_menu li a:hover { background: #c7000a; border: 1px solid #c7000a; color: #fff; transition: none; }
.content { margin-top: 30px; }
.content_cen { overflow: hidden; }
.content_cen li {width: 20%;display: inline-block;margin-right: -6px;vertical-align: top;}
.content_cen a { display: block; background: #f5f5f5 url(../images/icon_002.jpg) no-repeat right 10px center; font: 18px; line-height: 65px; color: #3c4648; transition: none;  }
.content_cen a:hover { background: #3c4648 url(../images/icon_002_hover.jpg) no-repeat right 10px center; color: #fff; transition: none; }
.content_cen img { width:100%; height:auto}

.bootwidth { width:1200px; margin:0 auto}
.bannerDiv {  height: 300px; }
#full-screen-slider { width:100%; height:300px; float:left; position:relative}
#slides { display:block; width:100%; height:300px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; left:50%; top:490px; z-index:9900; /* padding:5px 15px 5px 0 */}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e7c712}

.zlal .button-group {
	margin:0 auto;
	margin-top: 0;
	margin-bottom: 34px;
	text-align: center;
	max-width:1200px;
}
.bootwidth .button-group {margin: 20px 180px 34px;}
.bootwidth .btn-group{margin:0 1%;}






.bootwidth .content_cen li{margin:8px 0.7%; width:23%;display:inline-block;float:none;}
.bootwidth .content_cen li.w30 { float:none; width: 30%; display:inline-block;}

.catinfo .catimg{ width:40%; float:left; text-align:center}
.catinfo h3{ line-height:28px; text-indent:2em;}
.catinfo .cattxt{ width:60%; float:right; text-align:left; margin-top:15px}
.catinfo .cattxt p{ font-size:15px; line-height:28px; text-indent:2em; margin-top:5px}
.zlal .button-group a,.zlal .button-group a.fcfcfc {
  display: inline-block;
  margin: 5px 1px;
  min-width: 95px;
  border: 1px solid #bbbbbc;
  text-align: center;
  font-size: 14px;
  line-height: 29px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.zlal .button-group a.droplink { border:none; height:inherit; line-height:inherit; font-weight:100; text-align:inherit}
.zlal .button-group a.fcfcfc { background:#fcfcfc}
.zlal .button-group a.active,
.zlal .button-group a:hover,.zlal .button-group a.fcfcfc:hover {
  text-decoration: none;
  background: #f07119;
  border-color: #f07119;
  color: #ffffff;
}
.zlal .button-group a#current {
  color: #c88310;
}
.zlal .button-group a#current:hover {
  color: #fff;
}

.zlal a[data-gal] {
  width: 100%;
}
a[data-gal] {
  display: block;
  width: 14.285714%;
  height: 100%;
  float: left;
  position: relative;
}
.zlal a[data-gal] img {
}

.bjgc{ margin-top:35px}
.tit_bjgc { text-align:center}
.tit_bjgc_c { text-align:center; margin-top:20px}


a[data-gal] img {
  width: 100%;
}
a[data-gal] img.video-s {
  width: 52px;
	height:52px
}
/*img {
  max-width: 100%;
}*/
a[data-gal] .overlay-gallery {
  display: block;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ie8 a[data-gal] .overlay-gallery {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
  zoom: 1;
}

a[data-gal] p {
  position: absolute;
  top: 30%;
  margin-top: -27px;
  left: 20px;
  right: 20px;
  visibility: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}

#lzimg a[data-gal] p {
  top: 30%;
  margin-top: -50px;
  font-size: 12px;
  line-height: 2;
}


.casetxt {
  /* background: #f5f5f5 url(../images/icon_002.jpg) no-repeat left 10px center;*/
  font: 18px;
  height: 45px;
  line-height: 45px;
  color: #000;
  transition: none;
  /*padding-left:40px;*/
  text-align: center;
  overflow:hidden;
  }
a:hover .casetxt {  /*background: #3c4648 url(../images/icon_002_hover.jpg) no-repeat right 10px center;*/
  color: #fff;
  transition: none;}
a[data-gal]:hover .overlay-gallery {
  background: rgba(0, 0, 0, 0.5);
}
a[data-gal]:hover .video-a {
  background: rgba(0, 0, 0, 0.2);
}
.ie8 a[data-gal]:hover .overlay-gallery {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  zoom: 1;
}
a[data-gal]:hover p {
  visibility: visible;
}


.sddi {
    background: url(/images/sddi.png) no-repeat 50% 190px;
    height: 880px;
}

.video {
    height: 780px;
}

.ys .ysimg {
    text-align: center;
    padding: 30px 0 40px;
}

.huaneng-container{
  margin-top:-70px;	
}	


.about {
    background: url(/images/aboutbg.jpg) no-repeat 50% 0;
    padding-top: 310px;
}