@charset "utf-8"; /*初始样式*/ body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} i,em{ font-style:normal;} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} /* -- 页面整体布局 -- */ .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; } /*banner*/ .banner{height: 600px;overflow: hidden;} .banner .bd li{height: 600px;background: url(../img/banner1.jpg) no-repeat center 0;} .banner .bd li a{display: block;height: 559px;} /*search*/ .search{height: 65px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;margin-top: 50px;} .search p{float: left;line-height: 65px;font-size: 14px;color: #000;} .search p a{margin: 0 10px;color: #333;} .s_box{float: right;height: 36px;margin-top:15px;} .s_box .input1{float:left;width:250px;padding-left:15px;height:34px;line-height: 34px;font-size:14px;color:#9b9b9b;border:1px solid #dcdcdc;background: none;outline: 0;border-right: 0;} .s_box .input2{float: left;width:36px;height:36px;border: 0;background:url(../img/sea.jpg) no-repeat;outline: 0;cursor: pointer;} /*intro*/ .intro{padding: 70px 0;} .intro dl{height: 341px;} .intro dl dt video{width: 565px;height: 340px;} .intro dl dt{float:left;width:600px;height:341px;} .intro dl dd{float: left;width: 553px;height: 339px;border: 1px solid #d6d6d6;padding-left: 45px;} .intro dl dd h4{font-size:36px ;color: #040000;padding-top: 72px;} .intro dl dd h4 span{display: block;font-size: 24px;font-weight: normal;} .intro dl dd h4 em{display: block;font-size: 20px;font-weight: normal;color:#c7000a;padding-top: 10px;} .intro dl dd p{height: 44px;margin-top: 28px;} .intro dl dd p .more{float: left;width: 125px;height: 42px;text-align: center;line-height: 42px;color:#fff;font-size: 15px;font-weight: normal;background: url(../img/tuo2.png) no-repeat;margin-right: 28px;} .intro dl dd p .zx{float: left;width: 127px;height: 44px;text-align: center;line-height: 44px;color:#155bc5;font-size: 15px;font-weight: normal;background: url(../img/tuo1.png) no-repeat;} .intro ul{height: 65px;margin-top:65px;} .intro ul li{float: left;border-right: 1px solid #e8e8e8;width: 199px;font-size: 18px;color: #1d1d1d;text-align: center;} .intro ul li span{display: block;font-size: 14px;height: 30px;line-height: 30px;padding-bottom: 5px;} .intro ul li span b{font-size: 30px;} .intro ul li:hover{color: #155bc5;} .intro ul li.nobor{border: 0;} /*product*/ .pro{background: url(../img/pro_bg.png) no-repeat center 0;} .pro h3{font-size: 50px;color: #2c2b2b;text-align: center;height: 160px;padding-top:80px;} .pro h3 a{color: #2c2b2b;} .pro h3 em{color: #155bc5;} .pro h3 span{display: block;font-size: 30px;font-weight: normal;} .pro_l{float: left;width:278px;height: 684px;border: 1px solid #888;} .pro_l h4{height: 70px;padding-top:26px;background: url(../img/p.png) no-repeat;font-weight: normal;color: #fff;margin-bottom: 15px;} .pro_l h4 span{float: left;font-size: 42px;font-family: Arial;line-height: 42px;margin-left: 64px;} .pro_l h4 b{float: left;font-size: 18px;padding-left: 12px;} .pro_l h4 b i{display: block;font-size: 13px;font-family: Arial;font-weight: normal;} .pro_l em{display: block;width: 193px;height: 38px;padding-left: 35px;line-height: 38px;font-size: 16px;margin: 0 auto 5px;background: url(../img/em1.png) no-repeat left center;font-weight: bold;} .pro_l em a{display: block;color: #fff;} .pro_l em.cur{background: url(../img/em2.png) no-repeat left center;} .pro_l ul{width: 200px;margin: 0 auto;padding-bottom: 8px;} .pro_l ul li{height: 36px;line-height: 36px;padding-left: 20px;border-bottom: 1px dashed #040000;background: url(../img/quan2.png) no-repeat left center;font-size: 16px;} .pro_l ul li a{display: block;color: #040000;} .pro_l ul li.nobor{border: 0;} .pro_l .more{display: block;width: 228px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background-color: #155bc5;border-radius: 5px;margin:30px auto 0;} .pro_r{float: right;width: 876px;padding-top: 10px;} .pro_r ul li{float: left;width:428px;position: relative;margin-right: 20px;margin-bottom: 24px;} .pro_r ul li img{display: block;width: 428px;height: 321px;} .pro_r ul li span{position:absolute;left: 118px;top: 102px;font-size: 20px;width: 190px;height: 120px;color: #fff;background: url(../img/tm1.png) repeat;text-align: center;} .pro_r ul li span b{display: block;font-size: 16px;position: relative;height: 34px;padding-top: 23px;margin-bottom: 5px;} .pro_r ul li span b:after{position: absolute;width: 35px;height: 3px;background-color: #fff;content: "";left: 80px;bottom: 0;} .pro_r ul li.nomar{margin-right: 0;} /*铝材*/ .lv{padding:22px 0 40px;} .lv h4{height: 65px;line-height: 65px;text-align: center;font-size: 35px;border-bottom: 1px solid #155bc5;margin-bottom: 35px;} .lv h4 a{color: #155bc5;} .lv ul li{float: left;width: 396px;position: relative;text-align: center;margin-right: 6px;} .lv ul li img{display: block;width: 396px;height: 198px;} .lv ul li b{position: absolute;width: 100%;height: 45px;line-height: 45px;color: #fff;font-size: 18px;background: url(../img/tm1.png) repeat;top: 153px;left: 0;} .lv ul li span{display: block;height: 58px;line-height: 58px;font-size: 20px;color: #060001;} .lv ul li.nomar{margin-right: 0;} /*经验*/ .jy{height:906px;padding-top: 172px;background: url(../img/pin_bg.jpg) no-repeat center 0;padding-bottom: 55px;} .jy h3{height: 202px;text-align: center;font-size: 50px;color: #2c2b2b;background: url(../img/pin_t.png) no-repeat center 0;} .jy h3 em{color: #c7000a;font-size: 70px;} .jy h3 span{display: block;font-size: 38px;font-weight: normal;} .jy_l{float: left;margin-left: -358px;} .jy_r{float: right;width: 655px;margin-left: -58px;padding-top: 47px;} .jy_r ul li{height: 154px;position: relative;z-index: 100;} .jy_r ul li i{float: left;width: 72px;height: 72px;margin:41px 70px 0 20px;} .jy_r ul li p{float: left;padding-top: 35px;width: 430px;} .jy_r ul li p em{display: block;font-size: 22px;padding-bottom: 5px;color: #05101f;} .jy_r ul li p span{display: block;font-size: 14px;line-height: 24px;color: #666;} .jy_r ul li .i1{background: url(../img/you1.png) no-repeat center;} .jy_r ul li .i2{background: url(../img/you2.png) no-repeat center;} .jy_r ul li .i3{background: url(../img/you3.png) no-repeat center;} .jy_r ul li .i4{background: url(../img/you4.png) no-repeat center;} .jy_r ul li:hover,.jy_r ul li.cur{background: url(../img/you_bg.png) no-repeat;} .jy_r ul li:hover em,.jy_r ul li.cur em{color: #fff;} .jy_r ul li:hover span,.jy_r ul li.cur span{color: #fff;} .jy_r ul li.cur .i1,.jy_r ul li:hover .i1{background: url(../img/you1h.png) no-repeat center;} .jy_r ul li.cur .i2,.jy_r ul li:hover .i2{background: url(../img/you2h.png) no-repeat center;} .jy_r ul li.cur .i3,.jy_r ul li:hover .i3{background: url(../img/you3h.png) no-repeat center;} .jy_r ul li.cur .i4,.jy_r ul li:hover .i4{background: url(../img/you4h.png) no-repeat center;} /*ad*/ .ad{height: 228px;background: url(../img/ad_bg.jpg) no-repeat center 0;} .ad .text{float: left;margin-left: 230px;padding-top: 40px;color: #fff;width: 495px;} .ad .text h4{font-size: 31px;} .ad .text h4 span{display: block;font-weight: normal;} .ad .text b{display: block;font-size: 14px;line-height: 24px;padding-top: 15px;} .ad .tel{float: right;width: 290px;padding-top: 50px;} .ad .tel p{font-size: 19px;color: #fff;padding-left: 52px;background: url(../img/ph2.png) no-repeat left center;margin-bottom: 20px;} .ad .tel p b{display: block;font-size: 31px;font-family: Arial;} .ad .tel a{display: block;width: 110px;height: 35px;line-height: 35px;text-align: center;font-size: 20px;color: #155bc5;background: url(../img/tuo3.png) no-repeat;margin-left: 54px;} /*use*/ .use{padding: 60px 0;} .use h3{font-size: 50px;text-align: center;color: #2c2b2b;padding-bottom: 60px;} .use h3 a{color: #2c2b2b;} .use h3 em{color: #155bc5;} .use h3 span{display: block;font-size: 30px;font-weight: normal;padding-top: 12px;} .use_l{float: left;width: 443px;} .use_l ul{border-top: 1px solid #afafaf;border-left: 1px solid #afafaf;} .use_l ul li{float: left;width: 125px;height: 80px;line-height: 80px;padding-left: 95px;border-bottom: 1px solid #afafaf;border-right: 1px solid #afafaf;background: url(../img/c1.png) no-repeat 68px center;font-size: 16px;} .use_l ul li a{color: #666;} .use_l ul li:hover,.use_l ul li.cur{background: url(../img/c2.png) no-repeat 68px center #155bc5;} .use_l ul li:hover a,.use_l ul li.cur a{color: #fff;} .use_r{float: right;width: 720px;} .use_r img{display: block;width: 720px;height: 405px;} /*coop*/ .coop{height: 152px;position: relative;} .coop .bd{border-left: 1px solid #d6d6d6;} .coop ul li{float: left;width: 298px;border: 1px solid #d6d6d6;border-left: 0;} .coop ul li img{display: block;width: 298px;height: 149px;} .coop .prev{position: absolute;top: 50px;left: -68px;cursor: pointer;} .coop .next{position: absolute;top: 50px;right:-68px;cursor: pointer;} /*cess*/ .cess{padding: 60px 0;height: 480px;background: url(../img/cees_bg.jpg) no-repeat center 196px;} .cess h3{text-align: center;font-size: 50px;color: #222;position: relative;padding-bottom: 15px;margin-bottom: 55px;} .cess h3 em{color: #155bc5;} .cess h3:after{position: absolute;width:4%;height: 5px;background-color: #155bc5;content: "";left:48%;bottom: 0;} .cess ul li{float: left;width: 102px;margin-right: 80px;} .cess ul li span{display: block;height: 70px;background: url(../img/circle2.png) no-repeat;padding-top: 32px;} .cess ul li span i{width: 38px;height: 38px;display: block;margin:0 auto;} .cess ul li em{display: block;font-size: 16px;color: #155bc5;font-weight: bold;text-align: center;padding-top: 12px;} .cess ul .li01{padding-top: 110px;} .cess ul .li02{padding-top: 72px;} .cess ul .li03{padding-top: 25px;} .cess ul .li05{padding-top: 37px;} .cess ul .li06{padding-top: 86px;} .cess ul .li07{padding-top: 101px;margin-right: 0;} .cess ul .li01 i{background: url(../img/cess1.png) no-repeat center;} .cess ul .li02 i{background: url(../img/cess2.png) no-repeat center;} .cess ul .li03 i{background: url(../img/cess3.png) no-repeat center;} .cess ul .li04 i{background: url(../img/cess4.png) no-repeat center;} .cess ul .li05 i{background: url(../img/cess5.png) no-repeat center;} .cess ul .li06 i{background: url(../img/cess6.png) no-repeat center;} .cess ul .li07 i{background: url(../img/cess7.png) no-repeat center;} .cess ul li:hover span{background: url(../img/circle1.png) no-repeat;} .cess ul li:hover em{color: #1e1e1e;} .cess ul .li01:hover i{background: url(../img/cess1h.png) no-repeat center;} .cess ul .li02:hover i{background: url(../img/cess2h.png) no-repeat center;} .cess ul .li03:hover i{background: url(../img/cess3h.png) no-repeat center;} .cess ul .li04:hover i{background: url(../img/cess4h.png) no-repeat center;} .cess ul .li05:hover i{background: url(../img/cess5h.png) no-repeat center;} .cess ul .li06:hover i{background: url(../img/cess6h.png) no-repeat center;} .cess ul .li07:hover i{background: url(../img/cess7h.png) no-repeat center;} .cess .tel{margin-top: 12px;text-align: center;} .cess .tel p{display: inline-block;*display:inline;zoom:1;font-size: 16px;color: #666;padding-left: 42px;background: url(../img/ph3.png) no-repeat left center;text-align: left;} .cess .tel p b{display:block;font-size: 28px;color: #155bc5;font-family: Arial;} .cess .tel a{display: inline-block;*display:inline;zoom:1;width: 90px;height: 29px;line-height: 29px;padding-left: 15px;text-align:left;font-size: 14px;color: #fff;background: url(../img/yue.png) no-repeat;margin-left: 20px;vertical-align: top;margin-top: 18px;} /*news*/ .news{height: 680px;padding-top:88px;background: url(../img/new_bg.jpg) repeat-x;} .new_l{float: left;width: 776px;} .news h4{height: 38px;line-height: 20px;border-bottom: 1px solid #8e8a89;font-weight: normal;} .news h4 span{float: left;height: 20px;font-size: 16px;color: #666;font-family:"Arial";} .news h4 span b{display: inline-block;font-size: 20px;color: #342c2a;height: 20px;font-family: "Microsoft Yahei";padding-bottom: 16px;border-bottom: 4px solid #1d398b;margin-right: 12px;} .news h4 i{float: right;font-size: 14px;color: #666;} .xw{height: 312px;margin-top: 32px;} .xw dl{width: 360px;} .xw dl dt img{display: block;width: 360px;height: 180px;} .xw dl dd b{display: block;font-size: 16px;padding:16px 0 8px;} .xw dl dd b a{color:#666;} .xw dl dd b i{float: right;font-weight: normal;} .xw dl dd p{font-size: 14px;color: #666;line-height: 25px;} .new_l ul{padding-top: 20px;} .new_l ul li{height: 38px;line-height: 38px;font-size: 16px;} .new_l ul li a{color: #666;} .new_r{float: right;width: 340px;} .new_r ul li{height: 120px;padding-top: 20px;border-bottom: 1px dotted #bdbcbb;} .new_r ul li h5{height: 26px;line-height: 26px;font-weight: normal;margin-bottom: 7px;} .new_r ul li h5 a{font-size: 16px;color: #342c2a;} .new_r ul li h5 em{display:inline-block;color: #fff;font-size: 16px;background-color: #1d398b;margin-right: 10px;padding: 0 5px;} .new_r ul li p em{float:left;color: #fff;font-size: 16px;background-color: #c7000a;margin-right: 10px;padding: 0 5px;} .new_r ul li p span{float:left;font-size: 14px;color: #666;line-height: 25px;width: 295px;} .new_r ul li.nobor{border: 0;} /*about*/ .about{padding-top: 100px;height: 688px;background: url(../img/about_bg.jpg) no-repeat center bottom;} .about dl{height: 183px;} .about dl dt{float: left;width: 210px;height: 183px;background: url(../img/line2.png) no-repeat center 100px #155bc5;margin-left: 32px;color: #fff;text-align: center;} .about dl dt b{display: block;font-size: 30px;padding-top: 45px;} .about dl dt span{display: block;font-size: 16px;padding-top: 34px;} .about dl dd{float: left;padding-left: 55px;width: 880px;} .about dl dd h4{font-size: 24px;color: #155bc5;padding-top: 22px;} .about dl dd h4 i{display: block;font-size: 13px;color: #231815;font-family: "Tahoma";padding: 8px 0 2px;} .about dl dd p{font-size: 14px;color: #666;line-height: 28px;} .about dl dd p a{color: #1c4d90;} /*team*/ .team{padding: 68px 0;position: relative;} .team h4{height: 44px;text-align: center;color: #d4d4d4;line-height: 40px;font-weight: normal;margin-bottom: 32px;} .team h4 a{display: inline-block;width: 184px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;background:url(../img/line3.jpg) no-repeat right center #eee;} .team h4 a.cur,.team h4 a:hover{background:#155bc5;color: #fff;} .team .tu{padding-left: 13px;} .team ul li{float: left;width: 286px;margin-right: 10px;} .team ul li img{display: block;width:286px;height: 215px;} .team .sPrev{position: absolute;top: 218px;left: -37px;cursor: pointer;} .team .sNext{position: absolute;top: 218px;right:-37px;cursor: pointer;}