@charset "utf-8";
/*.header{ position:absolute; background:none; width:100%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.header .logo{background-image:url(../images/logo.png)}
.header .logo a{ color:#FFF}
.header .nav-menu li > a{ color:#FFF}
.header .nav-menu li.categorys > a{background: url(../images/icon-down-2.png) no-repeat center right;}
.header:hover{ background:rgba(0,0,0,0.85)}
*/

.banner{ height:460px; position:relative; width:100%}
.banner .hd{ position:absolute;top:50%;margin-top:-30px; height:60px; width:1200px; left:50%;margin-left:-600px; z-index:2}
.banner .hd a{ width:40px; height:60px; display:block;}
.banner .hd a.prev{ float:left; background:url(../images/icon-goleft.png) no-repeat}
.banner .hd a.next{ float:right; background:url(../images/icon-goright.png) no-repeat}
.banner .bd li{ height:460px; width:100%; background-position:center; background-repeat:no-repeat}

.index-accordion{margin-bottom:100px}
.index-accordion .fz14{ font-size:14px;}
.index-accordion .bor-g{border-left:1px solid #eee;}
.index-accordion .flash4{width:1280px;height:380px;margin-left:-40px;position:relative; margin-top:60px; border:1px solid #eee; border-left:0;}
.index-accordion .flash4 ul li{width:215px;height:378px;position:relative;overflow:hidden;float:left;padding:20px 0 0;background:#fff;}
.index-accordion .flash4 ul li p.p-mid{ width:100%; text-align:center;color:#a6a6a6;}
.index-accordion .flash4 ul li .imgfl{width:250px; height:225px; text-align:center;}
.index-accordion .flash4 ul li .imgfl{width:214px;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.index-accordion .flash4 ul li .imgfr{width:228px; height:225px;border-left:1px solid #eee; padding-left:15px; padding-right:10px; margin-top:20px;position:absolute; top:52px; right:10px;display:none;}
.index-accordion .flash4 ul li .btn-green{ margin:32px auto 0; display:none}
.index-accordion .flash4 ul li.on{ width:419px; background:#fefefe;border-right: solid 1px #1FB28E;border-left: solid 1px #1FB28E;}
.index-accordion .flash4 ul li.on .imgfl{ width:180px;}
.index-accordion .flash4 ul li.on .imgfr{ display:block;}
.index-accordion .flash4 ul li.on .btn-green{ display:block}
.index-accordion .imgfl h2{ font-size:24px; margin-top:20px; font-weight:normal; color:#333}
.index-accordion .imgfl .icon-img{ width:90px; height:90px; margin:20px auto 30px;}
.index-accordion .imgfr h3{ margin-bottom:15px;color:#333; }
.index-accordion .imgfr h3 a{ display:inline-block;width:80px; height:20px; line-height:20px; text-align:center; border:1px solid #eee; border-radius:50px; font-weight:normal; color:#666; margin-left:25px;}
.index-accordion .imgfr p{ line-height:18px;}
.index-accordion .imgfr p.p-tit{font-weight:400; color:#444; text-align:left;padding-left: 13px; background:url(../images/ico-arrow-0.png) no-repeat left center;}
.index-accordion .imgfr p.mb-txt{ margin-bottom:10px; text-align:left;}


.story { height: 266px; padding: 0; margin: 0; width: 100%; width: 100%; position: relative; margin: 0 auto; overflow: hidden;z-index: 3; background:url(../images/story-bg.jpg) no-repeat center}
.story .smashinglogo { background: url("../images/scroll_bg_01.png") 50% 100px no-repeat fixed; height: 266px; padding: 0; margin: 0; width: 100%; position: absolute; margin: 0 auto;z-index: 3}
.floor_work_box{height: 266px;position: absolute;z-index: 44;top: 0;left: 50%;margin-left: -570px;}
.floor_work_box li{width: 250px;height: 266px;}
.floor_work_box li .info{padding: 70px 0 0;}
.floor_work_box li h2{font-size: 16px;line-height: 60px;color: #CCC;background: url(../images/work_line.png) no-repeat 2px bottom;}
.floor_work_box li h2 b{font-size: 40px;color: #1FB28E;margin-right: 8px;}
.floor_work_box li p{color: #ccc2c2;font-size: 20px;line-height: 30px;padding-top: 26px;}


/*floor_case*/
.floor_case{background: url(../images/floor_case_bg.jpg) no-repeat top center;height: 737px;padding-top: 60px;z-index: 4;}
.floor_title{width: 140px;height: 70px;margin:0 auto; background: url(../images/floor_title_bg.png) no-repeat center center;}
.floor_title h3{font-size: 30px;line-height: 32px;padding-top: 17px;color: #332e2e;padding-left: 10px;text-align: center;}
.floor_title p{font-size: 14px;line-height: 20px;color: #cccccc;text-transform: uppercase;text-align: center;}
.floor_case_hd{text-align: center;margin-top: 35px;height: 70px;font-size: 16px;}
.floor_case_hd span{cursor: pointer;padding: 0 40px 25px;border-bottom: 1px solid #eaeaea;color: #666;margin: 0 -3px;}
.floor_case_hd span.on{color: #ff854c;position: relative;}
.floor_case_hd span:hover{color: #ff854c;}
.floor_case_hd span.on i{position: absolute;bottom: -5px;left: 50%;margin-left: -5px;display: block;width: 10px;height: 10px;background-color: #ff854c;border-radius: 50%;}
.floor_case_bd{display: block;height: 500px;}
.floor_case_bd .bd_list{padding-top: 45px;background: url(../images/floor_case_r_bg.png) no-repeat 480px 20px;height: 456px;}
.floor_case_bd .bd_list{display: none;}
.floor_case_l{width: 663px;height: 456px;text-align: center;line-height: 456px;}
.floor_case_l img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.floor_case_r{width: 410px;margin-right: 46px;}
.floor_case_r h2{font-size: 26px;line-height: 50px;padding-top: 70px;}
.floor_case_r h2 a{color: #ff854c;}
.floor_case_r h2 a:hover{color: #eb611f}
.floor_case_r p{font-size: 14px;line-height: 26px;color: #666;margin-top: 10px;}
.floor_case_btn{margin-top: 60px;}
.floor_case_btn a{font-size: 16px;-o-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;height: 40px;text-align: center;display: block;line-height: 40px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;position: relative;border: 1px solid;}
.floor_case_btn a.detl{background: #ffffff;color: #ff854c;width: 150px;margin-right: 30px;border-color: #ff854c;}
.floor_case_btn a.more{background: #ffffff;color: #1FB28E;width: 210px;line-height: 40px;border-color: #1FB28E;}
.floor_case_btn a.detl:hover{background-color: #eb611f;color: #FFF;}
.floor_case_btn a.more:hover{background-color: #1FB28E;color: #FFF;}
.floor_case_btn a span{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.floor_case_btn a i{display: none;position: absolute;line-height: 42px;top: 0;right: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}