html{color:#333;background:#fff;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;}  
body{ font-size:14px; line-height:24px;}
ol, ul, li{list-style: none;}
em,i{ font-style:normal}
b,strong{ font-weight:bold}
h1,h2{ font-weight:bold}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}

.w1200{width:1200px;margin:0 auto;}
.pd50{ padding:50px 0;}
.pd30{ padding:30px 0}
.pd20{ padding:20px 0}
.mt50{ margin-top:50px}
.mt60{ margin-top:60px}
.mt70{ margin-top:70px}
.mt80{ margin-top:80px}
.mt90{ margin-top:90px}
.mt100{ margin-top:100px}
.mt110{ margin-top:110px}
.w750{ width:750px}
.w575{ width:575px}
.w566{ width:566px}
.w510{ width:510px}
/*背景*/
.bg01{ background:#292929}
.bg02{ background:url(images/bg02.jpg) no-repeat center 200px #292929;}
.bg03{ background:#333}
.bg04{ background:url(images/bg04.jpg) repeat-y center top; height:auto;color:#fff}
.bg05{ background:url(images/bg05.jpg) no-repeat;}
.bg06{ background:url(images/bg06.jpg) no-repeat; height:830px}
.bg07{ background:url(images/bg07.jpg) no-repeat; height:873px}
.bg08{ background:url(images/bg08.jpg) no-repeat; height:793px}
/*头图*/
.banner{width:100%;height:500px;background:url(images/banner.jpg) no-repeat center center;}
.b-rt{position:absolute;top:0;left:-60px;width:520px;height:500px;background:url(images/b_rt.png) no-repeat;}
.logo-tzz{width:327px;height:168px;background:url(images/logo_tzz.png) no-repeat; position:absolute; top:20px; right:-177px;}
.b-tit{width:599px;height:146px; position:absolute; top:-177px; right:36px;background:url(images/b_tit.png) no-repeat;}
.b-lead{width:600px;font-size:14px;line-height:24px;text-indent:2em;text-align:justify;color:#666; position:absolute; top:355px; right:-40px;}
.b-rt,.logo-tzz,.b-tit,.b-lead{ opacity:0; filter:alpha(opacity=0)}

/* 页面导航栏 */
.navThemeBox{width: 100%; height:120px;background: #111;}
.navThemeBox li{float:left;width:240px;height:118px; text-align:center}
.navThemeBox li a{ display:block; width:100%; height:120px; color:#fff;}
.navThemeBox li em{ font-size:16px; text-transform:uppercase}
.navThemeBox li b{ font-size:26px}
.navThemeBox li i{ font-size:14px}
.navThemeBox li.on{ border-bottom:2px solid #ff0000}
.navThemeBox li.on a{ color:#ff0000}

/*大标题*/
.title{ width:100%; height:88px; border-bottom:1px solid #444; text-align:center; margin:0 auto 70px auto}
.title span{ display:inline-block; width:90px; height:3px; background:#ff0000}
.title em{ display:inline-block; font-family:"宋体"; font-size:24px; font-weight:bold; text-transform:uppercase;}
.title b{ display:inline-block; padding:0 50px; background:#fff; font-size:36px; color:#ff0000; line-height:50px}
.title p{color:#ccc; font-size:24px;}
/*小标题*/
.s_tit{ width:100%; text-align:center; padding:20px 0}
.s_tit b{ display:inline-block; font-size:30px; color:#ff0000; line-height:40px}

/*01、挑战之路 艺术成就品牌化形象*/
.add01 h2{ text-align:center; font-size:30px; line-height:60px;}
/*part1*/
.part1 .img{ width:833px; height:222px; margin:0 auto; display:block;}
.part1 .txt{ width:1162px; height:196px; margin:0 auto; display:block;}
/*part2*/
.part2 .line{width:73px;height:4675px;position:absolute;left:-26px;top:0;}
.part2 h3{ width:100%; height:60px; line-height:60px; font-family:"宋体"; font-weight:bold; font-size:30px; color:#fff;}
.part2 h3 i{ color:#ff0000}
.part2>div{ padding-left:60px;}
.part2-1 p{ font-size:24px; color:#fff; padding:20px 0 50px;}
.part2 .con{ width:1100px; padding:20px; background:#fff; position:relative}
.part2 .con .slide{ width:575px; height:358px; overflow:hidden; position:relative;}
.part2 .con .slide ul li img{ width:575px; height:358px;}
.part2 .con .slide span{ width:51px; height:89px; cursor:pointer;}
.part2 .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2 .next{ position:absolute; right:0; top:50%; margin-top:-44px;}
.part2 .con dl{ padding-top:50px; font-size:14px; line-height:29px;}
.part2 .con dl dd b{ color:#f00;}
.part2 .con .video{ width:100%; height:350px; background:#ccc;}
.part2 .tag{ height:44px; line-height:44px; padding:0 20px 0 4px; border-radius:0 22px 22px 0; background:#f00; color:#fff; font-size:20px; position:absolute; top:355px; left:0;}
.part2 .con .slide02{ width:1100px; height:537px; position:relative; float:left;}
.part2 .con .slide02 .bd{ width:749px; height:537px; overflow:hidden; float:left}
.part2 .con .slide02 .bd ul li img{ width:749px; height:537px;}
.part2 .con .slide02 .hd{ float:right;height:245px; padding:290px 0 0 12px; border:1px solid #313131; border-left:none;}
.part2 .con .slide02 .hd ul{ width:338px; float:right;}
.part2 .con .slide02 .hd ul li{ width:154px; height:95px; float:left; margin:0 10px 10px 0; position:relative;}
.part2 .con .slide02 .hd ul li i{ width:154px; height:95px; background:url(images/opacity.png); position:absolute; left:0; top:0; display:block; cursor:pointer;}
.part2 .con .slide02 .hd ul li.on i{ display:none;}
.part2 .con .slide02 span{ width:51px; height:89px; cursor:pointer;}
.part2 .con .slide02 .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2 .con .slide02 .next{ position:absolute; right:353px; top:50%; margin-top:-44px;}
.part2 .theme{ width:280px; position:absolute; right:50px; top:60px;}
.part2 .theme h4{ height:44px; line-height:44px; padding:0 40px; border-radius:22px; background:#f00; color:#fff; font-size:20px; margin-bottom:30px;}
.part2 .theme h5{ font-size:14px; line-height:29px; font-weight:normal;}
.part2 .theme p{ font-size:14px; line-height:29px;}
.part2 .theme p b{ color:#f00;}
.part2 .con .border{ width:1060px; height:460px; border:1px solid #333; position:absolute; top:20px; left:20px}
.part2 .con .slide03{ width:100%; height:580px; overflow:hidden}
.part2 .con .slide03 .hd{width: 510px; position: absolute;left: 20px; bottom: 70px; z-index:999}
.part2 .con .slide03 .hd ul li{ width:106px; height:71px; padding-top:35px; border-radius:100%; background:#707070; color:#fff; text-align:center; line-height:27px; font-size:18px; float:left; margin-left:40px;white-space: nowrap; cursor:pointer;}
.part2 .con .slide03 .hd ul li.on{ background:#f00;}
.part2 .con .slide03 .bd{ width:100%; height:580px; overflow:hidden;}
.part2 .con .slide03 .bd ul li{ width:100%; height:580px; float:left; }
.part2 .con .slide03 .bd ul li dl{ padding-top:20px; width:520px; line-height:22px}
.part2 .con .slide03 .bd ul li dl dd.img{ height:94px; margin:10px 0}
.part2 .con .slide04{ width:564px; height:329px; overflow:hidden; position:relative}
.part2 .con .slide04 .sprev{position:absolute; left:0; top:50%; margin-top:-44px;}
.part2 .con .slide04 .snext{position:absolute; right:0; top:50%; margin-top:-44px;}
.part2-6 .fr { width:260px; padding:40px 20px 0 0;}
.part2-6 .fr b{ display:inline-block; height:44px; line-height:44px; padding:0 40px; border-radius:22px; background:#f00; color:#fff; font-size:20px; margin-bottom:30px; text-align:center;}
.part2-6 .fr p{ font-size:16px; line-height:24px; padding-bottom:10px;}
.part2-6 .fr p strong{ color:#f00;}
.part2 .con .slide05{ width:750px; height:537px; overflow:hidden; position:relative}
.part4 .bg1{width:100%; height:280px; background:url(images/part5-1.jpg) no-repeat center center;}
.part4 .bg2{width:100%; height:243px; background:url(images/part5-2.jpg) no-repeat center center;}

/*02挑战之根用艺术温暖不锈钢*/
.tcenter{ text-align:center}
.tindent{ text-indent:2em}
.parta b{ display:block; width:100%; font-size:18px; text-align:center}
.desc{width:1200px;height:295px;background:url(images/bg_desc.jpg) no-repeat center top;}
.desc p{padding:125px 5px 0 620px;text-align:justify;text-indent:2em;}
.co-tit{padding:20px 0;font-size:24px;text-align:center;}
.co-tit span{display:inline-block;*display:inline;*zoom:1;width:30px;height:1px;background-color:#fff;margin:8px 10px;font-size:0;}
.h225{height:225px;}
.sl-produce{width:1230px;margin-left:-30px;}
.sl-produce .bd{height:480px;overflow:hidden;}
.sl-produce .bd li{width:340px;height:440px;margin-left:30px;border:1px solid #5c5c5c;padding:19px;}
.sl-produce img{width:340px;height:215px;}
.sl-produce h4{font-size:20px;line-height:60px;font-weight:normal;}
.sl-produce h4 b{color:#ff0000;}
.sl-produce p{text-align:justify;}
.sl-produce .hd{padding-top:20px;font-size:0;text-align:center;}
.sl-produce .hd li{display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;background-color:#fff;cursor:pointer;}
.sl-produce .hd .on{background-color:#ff0000;}
.v-install{float:left;width:790px;height:445px;}
.install{float:right;width:340px;height:330px;padding:115px 20px 0;background:url(images/bg_install.jpg) no-repeat center top;}
.install .img1{display:block;padding-bottom:10px;}
.lspot dl{float:left;width:300px;}
.lspot dt{width:300px;height:190px;}
.lspot dd{position:relative;width:300px;height:190px;}
.lspot-wrap{position:absolute;left:-10px;top:-10px;width:320px;height:210px;}
.rbg{background:#ff0000;}
.lspot-info{width:240px;height:187px;margin:10px auto;}
.bt3{border-top:3px solid #ff0000;}
.bb3{border-bottom:3px solid #ff0000;}
.lspot-info h4{padding-top:20px;font-size:20px;line-height:42px;}
.lspot-info p{text-indent:2em;text-align:justify;}
.sl-detail .hd{padding-bottom:20px;font-size:0;text-align:center;}
.sl-detail .hd li{display:inline-block;*display:inline;*zoom:1;margin:0 4px;width:100px;height:36px;line-height:36px;font-size:14px;color:#fff;cursor:pointer;}
.sl-detail .hd .on{background-color:#ff0000;font-weight:bold;}
.sl-detail .bd{width:1200px;height:450px;overflow:hidden;}
.bimg{float:left;position:relative;width:640px;height:405px;padding-bottom:45px;}
.simg{position:absolute;top:117px;right:-492px;width:524px;height:324px;padding:8px 0 0 8px;background:url(images/bg_simg.jpg) no-repeat left top;}
.detail-info{float:left;width:515px;padding:0 10px 0 30px;}
.detail-info h4{font-size:20px;padding-bottom:5px;}
.detail-info p{text-indent:2em;text-align:justify;}
.sl-detail .sl-btn{position:absolute;right:0;bottom:232px;width:50px;height:100px;background:url(images/arrow.png) no-repeat;}
.sl-detail .sl-btn a{display:block;width:50px;height:50px;cursor:pointer;}

/*03*/
.add02{ background:url(images/part1-w1200_bg.png) center top no-repeat; padding-bottom:50px}
.add02 ul{margin-top:235px}
.add02 ul li{overflow: hidden; width:100%; float:left}
.add02 ul li span{color:#fff;width: 260px;font-size: 16px;}
.add02 ul li.li01{ margin-top:120px}
.add02 ul li.li02{ margin-top:130px}
.add02 ul li.li03{ margin-top:80px}
.add02 ul li .sp3{ margin-left:80px}
.add02 ul li .sp4{ margin-right:50px}
.add02 ul li .sp5{ margin-left:310px}
.add02 ul li .sp6{ margin-right:270px}
.f_white{ color:#fff}
.add03 a{ display:inline-block;border: 1px solid #ff0000; color: #ff0000; padding: 10px; margin: 10px 0;} 
.add03 img{ display:block; margin:0 auto}
.add04 dl{width: 360px;float: left;margin:0 14px;text-align: center;}	
.add04 dl dd b{position: absolute;top:-20px;left:0;background: url(images/b_bg.png) center no-repeat;width: 100%;height: 46px;color: #fff;line-height: 36px;font-size: 24px;font-weight: normal;}
.add04 dl dd{background: #fff;width: 330px;position: relative;height:161px;padding:45px 15px 30px;}
.add04 dl dd h3{margin-bottom: 10px;}
.add04 dl dd p{color:#333;font-size: 16px;text-indent: 2em;text-align: left;line-height: 1.8;}
.add04 dl dd blockquote a{ display:inline-block; border:1px solid #ff0000; color:#ff0000; padding:10px;font-size: 16px;padding:5px 10px ;position: absolute;bottom:20px;left: 35%;}
.add04 dl dd blockquote a:hover{background: #ff0000;color:#fff;}
.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 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: #ff0000;}
.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;}






