@charset "utf-8";
/* CSS Document */
html{color:#fff;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family:"Microsoft Yahei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
a{font-family:"Microsoft Yahei";text-decoration: none;font-size: 12px;}
.fl{float:left;}
.fr {float:right;}
.cl { *zoom:1;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.pa{position: absolute;top:0;}
img{padding:0;margin:0;border: none;display:block;width: 100%;}
.brd{border-right:1px solid #fff;padding-right: 10px;}
strong{color:#e3472e;}
.z999{ z-index:999}
.pdt90{padding-top: 90px;}
.pdb50{padding-bottom: 50px;}
.w1200{width: 1200px;margin: 0 auto;}
.w1200 p {text-indent: 2em;line-height: 1.6;font-size: 18px;}
.banner{overflow: hidden;}
.center {text-align: center;}
.line{display: inline-block;*display: inline;*zoom:1;}

.w540{width: 540px;}
.w267{width: 267px;}
.w590{width: 590px;}
.w287{width: 287px;}

.w1160{ width:1160px; margin:0 auto;}
.w648{ width:648px;}
.w580{ width:580px;}
.w512{ width:512px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}

/*公用样式*/
.title{margin-bottom: 45px;}
.pdt90 .w1200{padding-top: 120px;}
.pdt90 .w1200 h2{font-size: 42px;position: absolute;left: 0;top:0;color:#ff3600;}
.w1200 h2 b{border-bottom:4px solid #ff3600;color:#000;padding-bottom: 20px}
.w1200 h2.white b{color:#fff;}
/*头部样式开始*/
.banner{background: url(../images/banner_bg.jpg) center no-repeat;width: 100%;height: 618px;}
.banner .w1200{height: 100%;}
.logo{background: url(../images/logo.png) center no-repeat;width: 316px;height: 42px;position: absolute;top:-140px;left:2px;}
.txt{background: url(../images/l-txt.png)  center no-repeat;width:344px;height: 165px;position: absolute;top: 167px;left: -1500px;}
.txt1{background: url(../images/r-txt.png) left top  no-repeat;width: 518px;height: 171px;position: absolute;top:167px;right:-2400px;}
.text{position: absolute;bottom: -275px;right: 30px;width: 706px;color:#333;}
.text h1{padding-bottom: 20px;width: 360px;}
.text p{font-size: 14px;line-height: 30px;text-align: justify;    margin-left: 30px;}

/* 页面导航栏 */
.navThemeBox{width: 100%;background: #f7f7f7;}
.navTheme{height: 120px}
.navTheme li{float:left;width: 200px;height: 120px;}
.navTheme li:hover{background: #000;}
.navTheme li:hover div{color: #fff;}
.navTheme li.on{background: #000;}
.navTheme li.on div{color: #fff;}
.navTheme li a{display: block;padding: 22px 0;}
.navTheme li a div{font-size: 26px;color: #000;text-align: center;}
.navTheme li a div.themeNum{font-size: 16px;}
.navTheme li a div.themeTit{font-size: 14px;margin-top: 4px;}
/* 页面主题 */
.themeBox{width: 100%;margin: 60px 0;}
.themeBox>div{text-align: center;background: url('../images/themeTitBg.png') no-repeat center;}
.themeBox .w1200 b{font-size: 42px;color: #000;line-height: 90px;}
.themeBox b.themeColor{color:#ff3600;}
.themeBox .introduce{color: #000;width: 1200px;margin: 60px auto;text-align: center;background: #fff;line-height: 30px;}

/* ---------------------index.html--------------------- */
/*.part1*/
.part1 .vedioInfo{width: 600px;height: 440px;}
.part1 .vedioInfo .video{width:600px;height: 440px;}
.part1 .txtIntroduce {width: 420px;height: 380px;padding: 0 90px;background: url('../images/line_bj.jpg') repeat top left;}
.part1 .txtIntroduce img{width: 275px;height: 76px;margin: 120px auto 0;}
.part1 .txtIntroduce h5{font-size: 24px;text-align: center;color: #000;line-height: 80px;margin-top: 60px;}
.part1 .txtIntroduce p{margin:0 auto;font-size: 16px;color: #000;line-height: 30px;}
/*part2*/
.part2{background: url('../images/part2_bg.jpg') no-repeat center;width: 100%;height:349px;padding-top: 35px; }
.part2 li{float: left;width: 375px;height: 302px;overflow: hidden;position: relative;}
.part2 li img{transition: all .4s;}
.part2 li a{background: url('../images/blackbg.png') repeat;position: absolute;left:0;top:0;width: 100%;height: 100%;text-align: center;color:#fff;font-size: 18px;line-height: 18;}
.part2 li img:hover{transform: scale(1.2,1.2);}
.part2 li.one{width: 405px;}
.part2 li.two{margin:0 22px;}

/* 关注用户 */
/*右侧导航*/
.gzyh{background: url(../images/gzs.png) center no-repeat;width: 107px;height: 107px;position: fixed;bottom: 20%;right: 2%;}
.userfocus{text-align: center;margin-top: 20px;}
.db-cprt p{color:#333!important;}


/* ---------------------born.html--------------------- */
/*part3*/
.part3 h2{margin-bottom: 50px;color: #ff3600;font-size: 42px;}
.p7-slider .p7-bd ul li,.p4-bd ul li,.part3 .big-bd li{position: relative;}
.p4-sm-slider,.part3 .big-bd .small-slider{position: absolute;right:0;top:-50px;width: 600px;height: 428px;background: #fff}
.part3 .big-hd ul li{width: 24px;height: 24px;float: left;color:#333;line-height: 24px;text-align: center;margin:3px 10px;border-radius: 100%;cursor: pointer;font-family: "Arial";font-size: 12px;}
.part3 .big-hd ul li.on{color: #fff;background: #e3472e;}
.part3 .big-hd{width: 400px;float: right;margin-top: -40px;}
.part3 .info{background: url(../images/part3_libg.jpg) left top no-repeat;width: 509px;height: 388px;padding:50px 237px 0 40px;float: left;}

.part3 .info .wrap{width: 540px;height: 355px; overflow-y:auto;}
.part3 .info h5{border:1px solid #fff;font-size: 18px;padding:5px 15px;font-weight: normal;margin:15px 0;}
.part3 .info h4{font-size: 30px;margin:32px 0 15px;font-weight: normal;}
.part3 .info h3 img{width: 160px;}
.part3 .info .wrap p{font-size: 14px;}
.slider-part3{margin-bottom: 30px;}

.same{position: absolute;bottom: 10px;left:0;width: 100%;}
.same ul li{width: 12px;height: 12px;border-radius: 100%;background: #fff;float: left;margin:0 7px;cursor: pointer;}
.same ul li.on{background: #e3472e}

/*part4*/
.part4{background: url(../images/part4_bg.jpg) center no-repeat;width: 100%;height:710px;}
.part4 h2{float:left;margin-bottom: 0;}
.part4 p.pa{width: 855px;right:0;top:10px;}
.part4 .w1200 p.fr{width: 830px;color:#fff;font-weight: normal;margin-left: 130px;}
.p4-bd ul li dl{width:511px;height: 359px;background: url(../images/dl_bg.png) no-repeat; padding:60px 35px 0 90px;margin-top: 50px;}
.p4-bd ul li dl dt{font-size: 30px;}
.p4-bd ul li dl dd{font-size: 16px;line-height: 30px;}
.p4-bd ul li dl dd.across{background: #e3472e;width: 60px;height: 2px;margin: 15px 0 50px;}
.p4-hd{width: 365px;float:right;margin-right: 20px;margin-right: 132px;margin-top: -45px;}
.p4-hd a{background: url(../images/s_btn.png) no-repeat;width:14px;height: 27px ;margin-top: 30px}
.p4-hd a.sPrev{background-position: 0 0 ;}
.p4-hd a.sNext{background-position: -15px 0 ;}
.p4-hd ul li{width: 86px;height: 66px;border-radius: 100%;background: #fff;color:#333;text-align: center;padding-top: 20px;float: left;margin:0 13px;}
.p4-hd ul li.on{background: #e3472e;color: #fff;}
.p4-sm-slider{left:0;top:0;}
.p4-hd .tempWrap{float: left;}
.p7-slider a,.p5-slider a{position: absolute;top:32%;background: url(../images/btn.jpg) no-repeat;width: 31px;height: 31px;z-index: 999}
.p7-slider a.perv,.p5-slider a.perv{background-position: 0 0;left:0;}
.p7-slider a.next,.p5-slider a.next{background-position: -32px 0;left:31px;}
.p5-slider{height: 655px;}

/*part5*/
.part5 .p5-slider .p5-bd ul li dl.w540{margin-left:360px;}
.part7 .w1200,.part5 .w1200{padding-top: 0}
.part5 .p5-slider .p5-bd ul li dl{float: left;margin:0 8px 15px;position: relative;}
.part5 .p5-slider .p5-bd ul li dl dd{width: 100%;height: 100%;position: absolute;top:0;left:0;width: 100%;display: none;}
.part5 .p5-slider .p5-bd ul li dl:hover dd{display: block;}
.part5 .p5-slider .p5-bd ul li dl dd.op{background: #cb4e3a;filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
.part5 .p5-slider .p5-bd ul li dl dd h6 img{width: 133px;height: 26px;margin:90px auto 10px;}
.part5 .p5-slider .p5-bd ul li dl dd .hint{text-align: center;}
.part5 .p5-slider .p5-bd ul li dl dd .hint blockquote{border-top:1px solid #fff;border-bottom:1px solid #fff;display: inline-block;*display: inline;*zoom:1;padding:15px 30px;font-size: 24px;}
.part5 .p5-slider .p5-bd ul li dl dd .hint blockquote.pd10{padding:15px 10px;}
/*part6*/
.part6{background: url(../images/part6_bg.jpg) center no-repeat;width: 100%;height: 653px;}
.part6 dl dt.fl{width: 456px;height: 447px;}
.part6 dl dd{width: 677px;padding-top: 50px}
.part6 dl dd strong{font-size: 30px;color:#e3472e;font-weight: normal;margin:25px 0 15px;display: block;}
.part6 dl dd address{width:123px; margin:30px 0 10px;}
.part6 dl dd span{display: block;line-height: 26px;}
.part6 dl dd blockquote img{width: 411px;height: 112px;}

/* 总结 */
.summarize{width: 100%;margin-bottom: 60px;}
.summarize h3{text-align: center;font-size: 42px;color: #ff3600;}
.summarize h3 b{border-bottom: 4px solid #ff3600;color: #000;padding-bottom: 20px;}
.summarize p{color: #000;margin-top: 50px;text-align: center;}


/* ---------------------concentration.html--------------------- */
.sectionTitBox{width: 100%;}
.sectionTit{width: 100%;text-align: center;font-size: 42px;color: #000;margin: 60px 0 30px;}
.sectionTit>div{width: 100%;position: absolute;top: 0;left: 0;height: 100%;text-align: center;}
.sectionTit>div b{border-bottom: 4px solid #ff3600;width: 100px;line-height: 80px;}
.sectionTit .color{color: #ff3600;}
/* 门店概况 */
.parta{ height:390px; background:#eee;color: #333;}
.parta .fl{ margin-top:-60px;}
.parta .fr{ padding:40px 0 0 40px; width:472px}
.parta .fr b{ font-size:24px; font-weight:normal; line-height:50px;}
.parta .fr p{ font-size:18px; line-height:35px;}

/* 探店专家 */
.partb { height:555px;}
.partb .fl{ margin-top: 60px;}
.partb span{ display:block; width:100%; height:325px; background:#eee; position:absolute; bottom:0; left:0}
.partb .fr{ width:680px; position:absolute; top:0; right:40px;}
.partb .fr .vedio{ width:100%; height:393px; background:#000}
.partb .fr b{ display:inline-block; line-height:45px; background:#ff3600; color:#fff; font-size:28px; font-weight:normal; padding:0 20px; margin:20px 0 10px 0}
.partb .fr p{ padding:0 0px 0 75px; text-align:justify;color: #333;line-height: 28px;}

/* 门店印象 */
.partc{  width:100%;}
.slideBox .hd{ text-align:center}
.slideBox .hd ul{ padding-left:425px;}
.slideBox .hd ul li{ width:124px; height:150px; margin:0 15px; float:left; cursor:pointer;font-size: 0;}
.slideBox .hd ul li b{ display:inline-block; width:122px; height:60px; background:#fff; border:1px solid #333; border-radius:100%; font-size:28px; font-weight:normal; line-height:30px; padding:31px 0}
.slideBox .hd ul li i{ display:none; width:21px; height:12px; background:url(../images/icons.png) no-repeat 0 -337px;vertical-align:top; margin-top:-1px}
.slideBox .hd ul li.on b{ background:#ff3600; border:1px solid #ff3600; color:#fff;}
.slideBox .hd ul li.on i{ display:inline-block}
.shop .fl{ width:425px; padding:30px 60px 30px 50px; background:#ff3600; color:#fff; position:absolute; top:55px; left:0}
.shop .fl b{ font-size:30px; line-height:50px; font-weight:normal}
.shop .fl img{ width: 247px;height: 38px;;margin-top:10px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
.shop .fr{ width:705px; height:441px;}

/* 专注故事 */
.focus{color: #333;}
.focus .bd ul li{ width:100%; float:left;padding: 20px 0;border-bottom: 1px solid #e2e2e2}
.focus .bd ul li:hover{ background: #e4e4e4}
.focus .bd ul li .headInfo{ width:320px; padding-left: 20px;}
.focus .bd ul li .infotxt{ width:790px;margin-left: 50px;padding-right: 20px}
.focus .bd ul li .headInfo .per{ width:100%; overflow:hidden;margin-top: 20px;}
.focus .bd ul li .headInfo img{ width:170px; height:170px; float:left; border-radius:100%; margin-right:20px;}
.focus .bd ul li .headInfo h2{ font-size:24px; font-weight:normal; line-height:30px; padding-top:50px;}
.focus .bd ul li .headInfo h2 b{ font-size:30px; font-weight:normal;border: none;}
.focus .bd ul li .infotxt p{ width:100%; text-align:justify; font-size:14px; padding-top:10px; line-height:24px;text-indent: 0;}
.focus .bd ul li .infotxt p strong{ color: #333;}

.sign{ width:1158px; border:1px solid #ccc; border-radius:5px; overflow:hidden}
.sign b{ display:block;float:left; width:27px; padding:10px; background:#ff3600; text-align:center; font-size:24px; color:#fff; }
.sign p{ padding:40px 30px 0 80px;}

/* 匠心安装 */
.tm_bg{ width:100%;color: #000;background: url(../images/tm_bg.jpg) no-repeat 0 -90px;}
.slideBox03 .smallScroll2{ width:108px; float:left}
.slideBox03 .smallScroll2 a{ display:block; width:40px; height:40px; float:left; margin:0 34px; background:url(../images/icons.png) no-repeat;}
.slideBox03 .smallScroll2 a:hover{ background:url(../images/icons.png) no-repeat}
.slideBox03 .smallScroll2 a.sPrev{ background-position:0 -256px;}
.slideBox03 .smallScroll2 a.sPrev:hover{ background-position:0 -296px}
.slideBox03 .smallScroll2 a.sNext:hover{ background-position:-40px -296px}
.slideBox03 .smallScroll2 a.sNext{ background-position:-40px -256px}
.slideBox03 .smallScroll2 .smallImg2{ width:100%; height:364px; overflow:hidden; float:left}
.slideBox03 .smallScroll2 .smallImg2 ul li{ width:106px; height:106px; text-align:center; line-height:108px; border:1px solid #b9b9b9; border-radius:100%; font-size:24px; margin-top:10px; cursor:pointer}
.slideBox03 .smallScroll2 .smallImg2 ul li.on{ background:#ff3600; border:1px solid #ff3600; color:#fff}
.slideBox03 .bigImg2{ width:1020px; float:right}
.slideBox03 .bigImg2 li{ width:100%; float:left; }
.slideBox03 .bigImg2 li img{ width:552px; height:434px;}
.slideBox03 .bigImg2 li .txtdetail{ width:440px; float:right; padding-top:80px}
.slideBox03 .bigImg2 li .txtdetail h2{ font-size:30px; font-weight:normal; margin-left:-65px; line-height:50px}
.slideBox03 .bigImg2 li .txtdetail h2 i{ display:inline-block; width:65px; height:7px; background:#ff3600; margin-right:5px}
.slideBox03 .bigImg2 li .txtdetail p{ padding-top:50px}
.slideBox03 .bigImg2 li .txtdetail img{ width:248px; height:158px;}

/* 天格用户说 */
.slideBox04 {color: #000;}
.slideBox04 h2{ text-align:center; font-size:18px; padding:0 0 20px 0; font-weight:normal}
.user dl{ width:100%; float:left}
.user dl dt{ width:315px; height:447px; padding:50px 50px; float:left; background:#ff3600}
.user dl dt img{ display:block; margin:0 47px;width: 220px;height: 220px;}
.user dl dt b{ display:block; text-align:center; color:#fff; font-size:24px; padding:15px 0}
.user dl dt b span{ display:inline-block; vertical-align:middle; width:20px; height:3px; background:#fff;}
.user dl dt p{ color:#fff;text-indent: 0;line-height: 1.8;font-size: 14px;}
.user dl dt p strong{ color:#fff;text-indent: 0;line-height: 1.8;font-size: 14px;}
.user dl dd{ width:785px; float:left}
.user dl dd img{ vertical-align:top}
.user ul{ width: 1200px;margin-right: -90px;}
.user ul li{ width:380px; float:left; margin-right:20px;}
.user h3{ font-size:14px; width:100%; padding:10px 0; overflow:hidden}
.user h3 i{ display:block; float:left;font-style: normal; font-size:18px; color:#ff3600; border-right:2px solid #ff3600; padding-right:5px; margin-right:10px; vertical-align:middle}
.user h3 p{ float:left; width:1140px;text-indent: 0;line-height: 1.5;margin-top: 3px;font-size: 14px;}
.slideBox04 a {display: block;position: absolute;top: 190px;width: 77px;height: 65px;background: url(../images/icons.png) no-repeat;}
.slideBox04 a.prev{ left:-80px; top:450px;background-position: 0 -44px;}
.slideBox04 a.next{ right:-80px; top:450px;background-position: 0 -110px;}

/* ---------------------vitality.html--------------------- */
/* 车间人物 */
.part1 .title{margin-top: -30px;position: relative;}
.box{background: #f0f0f0;padding-bottom: 205px;margin-top: -129px;padding-top: 129px;}
.box p{color:#333333;text-indent: 0;text-align: center;}
.part4 p b,.box p b{color:#000;}
.boxPeople{margin-top: 160px;}
.boxPeople dl{float: left;color:#000;margin:20px;}
.boxPeople dl.mgt100{margin-top: -100px;}
.boxPeople dl:hover{box-shadow:0px 2px 20px 0 #999;}
.boxPeople dl,.boxPeople dt{width: 340px;}
.boxPeople dl{height: 1020px;}
.boxPeople dl dd{padding:40px 20px 40px;}
.boboxPeoplex2 dl dd p{color:#999;}
.boxPeople blockquote{margin-top: 5px;}
.boxPeople dl dd a{text-transform: uppercase;border:1px solid #999;display: inline-block;padding:10px 28px;color:#999;font-size: 14px;margin-top: 30px;}
.boxPeople dl dd a:hover{background: #e34730;color:#fff;border:none;}
.boxPeople dl dd h2{font-size: 30px;color:#333;margin-bottom: 10px;}
 blockquote em{width: 100px;height: 3px;display: block;background: #e3472e;margin: 20px 0 25px;}

 /* 天格脸谱 */
.tiangeFace{background: url(../images/part2_bg.jpg) center 30px no-repeat;background-size: 100% 580px;width: 100%;padding-top: 60px;}
.tiangeFace p{font-size: 14px;}
.tg-slider{margin-top: 75px;}
.tiangeFace .tg-slider dl{position: relative;width: 560px;font-size: 14px;float: left;}
.tiangeFace .tg-slider dl dt{width: 560px;height: 540px;}
.tiangeFace .tg-slider dl dd{position: absolute;top:0;right:0;background: url(../images/blackbg.png) repeat;width: 210px;height: 100%;padding:0 40px;}
.tiangeFace .tg-slider dl dd .top-tit{width: 160px;height: 80px;background: #232226;margin:-22px auto 15px;padding:20px 25px;}
.tiangeFace .tg-slider dl dd h3{font-size: 24px;margin-bottom: 10px;}
.tiangeFace .tg-slider dl dd i{width: 40px;height: 40px;line-height: 40px;font-size: 18px;font-style: normal;background: #e3472e;text-align: center;position: absolute;bottom: 0;right:73%;}
.tiangeFace .tg-slider dl dd .top-tit  blockquote em{margin:10px 0 0 0;}
.sames a{position:absolute;top:33%;width: 33px;height: 108px;background: url(../images/btn.png) no-repeat;z-index: 9;}
.sames a.prev{background-position:  0 0;left:-8%;}
.sames a.next{background-position:  -35px 0;right:-8%;}

.sames .hd li{width: 10px;height: 10px;background: #232226;float: left;margin:0 5px;cursor: pointer;}
.sames .hd li.on{background: #e3472e;}
.slider02 .bd ul li{position: relative;text-align: center;}

.slider02 .bd ul li span{position: absolute;left:0;bottom: 15px;width: 100%;font-size: 24px;}
.slider02 .bd ul li b{position: absolute;bottom: 15px;width: 49.5%;font-size: 24px;font-weight: normal;}
.slider02 .bd ul li b.b1{left: 0;}
.slider02 .bd ul li b.b2{right:0;}

/*专注解码*/
.reseverCode{background: url(../images/part3_bg.jpg) center no-repeat;width: 100%;height: 540px;}
.reseverCode dl{float: right;width: 800px;}
.reseverCode dl dt{width: 400px;height: 540px;float: left;}
.reseverCode dl dd{width: 330px;padding: 80px 35px 0;float: left;}
.reseverCode dl dd p{line-height: 2.1;font-size: 14px;}

/* ---------------------attentively.html--------------------- */
/* 匠心产品 */
.part7 .w1200{padding-top: 0;color: #000;}
.part7 h2{font-size: 42px;color: #ff3600;}
.p7-slider{height: 595px;}
.p7-slider a{top:90%;}
.part7 .p7-bd ul li em{width: 597px;height: 368px;position: absolute;top:25%;left:0;z-index: 9;}
.part7 .p7-bd ul li .pic{width: 875px;height: 595px;float: right;position: relative;}
.part7 .p7-bd ul li .pic span{display: block;width: 100%;height: 37px;line-height: 37px;background: url(../images/blackbg.png) repeat;text-align: center;color: #fff;position: absolute;bottom: 0;left: 0;}
.x_logo{float: right;width: 137px;height: 28px;margin-top: 5px;margin-right: 5px;background: url(../images/x_logo.png) no-repeat;}

.partcc{width: 100%;color: #000;width: 100%;background: url(../images/partc_bg.jpg) no-repeat center top;}
.brand .bigImg li{ width:100%; float:left;}
.brand .bigImg li .pic{ width:580px; height:440px;}
.brand .bigImg li .txtdetail{ width:520px;}
.brand .bigImg li .txtdetail b{ display:block; font-weight:normal; font-size:30px; color:#ff3600; padding:50px 0 30px 0;}
.brand .smallScroll{ position:absolute; top:300px; right:0; width:550px}
.brand .smallScroll a{ display:block; float:left; font-size:70px; font-family:"宋体"; width:29px; text-align:center; line-height:104px;color: #000;}
.brand .smallImg{ float:left; width:492px; height:104px; overflow:hidden}
.brand .smallImg ul li{ width:104px; height:104px; float:left; margin:0 30px;}
.brand .smallImg ul li.on img{border: 2px solid #ff3600;}
.brand .smallImg ul li img{ border-radius:100%;border: 2px solid #fff;height: 100px;width: 100px;}
.Performance ul li{ width:899px; margin:0 auto;position:relative}
.Performance ul li .txtdetail{ position:absolute; top:130px; left:343px; width:194px; height:200px; padding:0 10px}
.Performance ul li .txtdetail b{ display:block; text-align:center; font-size:24px; color:#ff3600}
.Performance ul li .txtdetail p{ text-indent: 0;font-size: 14px;}
.Performance a,.slideBox04 a{ display:block; position:absolute; top:190px; width:77px; height:66px; background:url(../images/icons.png) no-repeat;}
.Performance a.sPrev{ left:0; background-position:0 -44px}
.Performance a.sNext{ right:0; background-position:0 -110px}
.Performance a.sPrev:hover,.slideBox04 a.prev:hover{ background-position:-77px -44px}
.Performance a.sNext:hover,.slideBox04 a.next:hover{ background-position:-77px -110px}

/* ---------------------auditorium.html--------------------- */
.story{width: 100%;}
.story ul{margin-right: -40px;}
.story ul li{float: left;border-bottom: 1px solid #e3e3e3;padding-right: 20px;padding: 30px 0;}
.story ul li:hover {background: #e7e7e7;}
.story ul li a{display: block;color: #000;height:140px;width:600px;}
.story ul li img{width: 180px;height: 135px;float: left;}
/* .story ul li img:hover{transition:transform 0.3s linear;transform:scaleX(1.06) scaleY(1.06);-webkit-transition:-webkit-transform 0.3s linear;-webkit-transform:scaleX(1.06) scaleY(1.06);} */
.story ul li div{width: 385px;height: 135px;float: left;margin-left: 20px;}
.story ul li div h5{font-size: 22px;line-height: 30px;text-align: justify;}
.story ul li div h5:hover{color: #ff3600;}
.story ul li div p{font-size: 14px;line-height: 26px;margin-top: 16px;color: #999;}
.story .moreNews{display: block;width: 300px;text-align: center;font-size: 22px;line-height: 60px;margin: 50px auto;border: 2px solid #000;color: #000;border-radius: 6px;font-weight: 900;}