.title{text-align:center;color:#fff;font-size:24px;overflow: hidden;height:140px;line-height:1.5}
.title .t1{margin-top:50px;background:url("../img/title.png") no-repeat center center}
.title p{color:#999;font-size:14px}

.business{width:100%;position: relative;overflow: hidden}
.business .bg{position:absolute;z-index:-1;background:#31343b;height:500px;width:100%;left:0;top:0;}
.business .content{width:1326px}
.business .content_main{float:left;width:219px;height:410px;background:#31343b;text-align:center;line-height:49px;;font-size:16px;margin:0 1px;position:relative}
.business .content_main a{display: block;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;text-align: center;overflow: hidden;transition-property: width, left,background;transition-duration: .5s, .5s, .5s;}
.business .content_main a img{width:319px;height:360px;margin-left:-50px;transition-property: margin-left;transition-duration: .5s;}
.business .content_main a:hover{background: #ec6c00;width:319px;left:-50px;z-index:999}
.business .content_main a:hover img{margin-left:0}

.about{width:100%;background:url("../img/about_bg.jpg") no-repeat center center;overflow: hidden}
.about .content .left{width:240px}
.about .content .right{width:943px;font-size:14px;line-height:2.5}
.about .content .right .main_content{padding: 50px 0;text-indent:2rem}
.about .content .right ul li{float:left;width:268px;margin-right:69px}
.about .content .right ul li:nth-child(3){margin-right:0}
.about .content .right ul li div{width:100%;height:21px;line-height:21px;background:#ec6c00;color:#fff;text-indent:10px;margin-bottom: 30px}
.about .content .right ul li strong{font-size:20px}

.adv{width:100%;overflow: hidden;background:url("../img/adv.jpg") no-repeat center center;margin-top:50px;padding:110px 0}
.adv .content{width:1130px}
.adv .content .left{color:#999999;line-height:24px;width:320px;}
.adv .content .left div{line-height:50.4px;color:#fff;font-size:36px;padding:50px 0}
.adv .content .left div span{color:#ED6C00}
.adv .content .right{width:65%;background:#fff}
.adv .content .right .item{width:40%;float:left;padding:5%;line-height:2}
.adv .content .right .item div{text-align:center;font-size:18px;line-height:3;}
.adv .content .right .item div img{width:58px;height:58px;}

.case{overflow: hidden;width:100%;padding-bottom:50px}
.case .content{width:1260px;margin:0 auto;position: relative;overflow: hidden;padding:30px}
.case .content .item{float:left;width:300px;height:200px;margin:1px}
.case .content .middle{overflow: hidden;background:#fff;position:relative}
.case .content .middle p{line-height:50px;text-align:center;font-size:16px}
.case .content .middle .content_main{position:absolute;bottom:-50px;left:0;transition: bottom .5s;-moz-transition: bottom .5s;-webkit-transition: bottom .5s;-o-transition: bottom .5s;}
.case .content .middle .content_main:hover{bottom:0}
.case .content .middle img{width:300px;height:200px;}

.case .content .heads{width:258px;font-size:50px;color:#000}
.case .content .heads p{font-size:16px;color:#666}
.case .content .heads hr{width:25px;border:0;border-bottom:1px solid #333;padding-top:10px}
.case .content .tail{background:#31343b;text-align:center;line-height:200px;}
.case .content .tail a{color:#fff;font-size:18px}
.case .content .tail:hover{background:#ec6c00}
.bg{width:65%;height:680px;background:#ec6c00;position:absolute;left:0;bottom:0;z-index:-1}

.news{background:#f0f0f0;width:100%;overflow: hidden;padding-bottom:50px}
.news .content>img{width:480px;float:left}
.news .content .list{width:678px;padding:20px;float:right;text-align: left;background: #fff;height:320px}
.news .content .list .list_a{position: relative;padding-top: 12px; padding-bottom: 12px;  margin: 10px 0; height: 60px;border-bottom: 1px dotted #cccccc;}
.news .content .list .time{position: absolute; background: #ed6c00; color: #fff;font-size: 13px; line-height: 18px; left: 30px; width: 60px; text-align: center;}
.news .content .list .time .day{line-height: 40px; display: block;font-size: 30px; font-weight: bold;}
.news .content .list .con{margin-left: 130px;}
.news .content .list a{text-decoration: none;}
.news .content .list a{font-size: 16px; color: #333;}
.news .content .list a:hover{color:#d3b167;}
.news .content .list .memo{color: #999; font-size: 12px; padding-top: 3px;}

.slideBox{ max-width:1920px; height:730px; overflow:hidden; position:relative;margin:0 auto}
.slideBox .hd{ height:15px; width:100%;overflow:hidden; position:absolute; right:0; bottom:15px; z-index:1;text-align: center}
.slideBox .hd ul{ overflow:hidden; zoom:1;display: inline-block}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:11px; height:11px;cursor:pointer;border-radius:11px;border:2px solid #fff;opacity: .5}
.slideBox .hd ul li.on{border-color:#d62a41;opacity: 1}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative;font-family: '黑体';color:#f00}
.slideBox .bd li div{ z-index:999999}
.slideBox .bd img{ width:100%; height:100%; display:block;  }

.slideBox .banner_title{display:none;width:100%;height:100%;position:absolute;left:0;top:0;text-align:center}
.slideBox .banner_title .top_title{position:absolute;left:0;top:250px;width:100%}
.slideBox .banner_title .top_title .top{border-radius:5px;background:#f00;padding:5px 20px;height:57px;line-height:57px;font-size:30px;color:#fff}
.slideBox .banner_title .bottom_title{position:absolute;left:0;top:139px;width:100%}
.slideBox .banner_title .bottom_title .bottom{width:100%;height: 100%;font-size:76px;line-height:1}