@charset "utf-8"; /*搜索*/ .seabox{height:77px;padding: 25px 0 0;border-bottom: solid 1px #eee;line-height: 40px;} .keyword{width: 765px;color: #dedede;} .keyword b{color: #6b6b6b;} .keyword a{color: #aaa;padding: 0 9px;} .sea_inp{width:350px;height:40px;overflow: hidden;} .sea_inp .serach{width:200px;height:38px;border:solid 1px #d0d0d0;border-right:0; background:#fff;line-height:38px;color:#d0d0d0;padding:0 18px;float:left;outline: none;display: block;font-size:14px;} .sea_inp .sub{ width:60px; height:40px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat center;border: 0;} /*banner*/ .banner{position: relative; height:717px;clear: both;} .ban_p,.ban_p li{ height:717px;overflow: hidden;} .ban_p li a{ display:block; height:717px; background:url(../images/banner1.jpg) no-repeat center 0;} .pageState{width: 200px;height: 100px;line-height: 100px;text-align: center;background: #05c6ab;color: #fff;left: 50%;bottom: -50px;margin-left: 400px;font-family:"Didot ,Times New Roman" ;font-size: 24px;display: block;position: absolute;font-style: normal;letter-spacing:15px;} .pageState span{font-size:34px;} .ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;} .ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #fff;} .ban_t em.on{background: #05c6ab;} .til01{height:140px;display: block;font-size:48px;line-height:64px;color: #333;text-align: center;} .til01 span{display: block;font-weight: normal;font-size: 24px;line-height: 42px;} .til01 a{display: block;color: #333;} /*case*/ .casebj{height:723px; background:url(../images/casebj.jpg) no-repeat center;} .case{padding-top:50px;} .case .left{width:427px;float:left;height:582px;background:url(../images/kk.png) no-repeat left bottom;} .case .left span{display: block;padding-top:58px; padding-left:103px;background:url(../images/cat_bj.png) no-repeat left top; font-size: 48px; color:#333333; line-height: 48px; font-weight: bold;} .case .left em{display: block;padding-left:40px; margin-top: 19px;font-size: 18px;color:#666666;letter-spacing: 1px;} .case .left ul{padding-top:51px;height:228px;padding-left:4px;} .case .left ul li{float:left; margin-bottom: 22px; padding-left:35px; margin-right: 50px;background:url(../images/hg1.jpg) no-repeat left;} .case .left ul li a{font-size: 16px; color:#666666;} .case .left ul li.cur a{color:#007EBF; font-weight: bold;} .case .left ul li.cur{background:url(../images/hg1_h.jpg) no-repeat left;} .case .right{width:773px; height:603px;float:right;position: relative;} .case .right .ys_box{z-index:100;position:relative;} .case .right .cat{width:773px; height:581px;position: relative;z-index:1;} .case .right .cat span{display: block;width:773px; height:581px; overflow: hidden;} .case .right .cat span img{width:773px; height:581px;transition: .5s;} .case .right .cat span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .case .right .cat dl{width:611px; height:136px; position: absolute;bottom:24px;left:-386px;} .case .right .cat dl dt{width:88px; height:88px;position: absolute;border:3px solid #007EBF;border-radius:50%; top:15px;right: 0;overflow: hidden;} .case .right .cat dl dt img{width:88px; height:88px;} .case .right .cat dl dd{background:#05c6ab;width:559px; height:136px;float:left; padding-top:19px; padding-left:15px; box-sizing: border-box;} .case .right .cat dl dd b{display: block; margin-bottom: 18px;} .case .right .cat dl dd b a{font-size: 18px; color:#FFF; font-weight: bold;} .case .right .cat dl dd p{width:470px;height:61px; font-size: 14px; color:#FFFFFF;} .case .right .bj{display: block; width:773px; height:581px;background:#05c6ab;position: absolute;top:22px; right:-20px;} /*我们*/ .webox{height:700px;padding:68px 0 0;font-family: "Microsoft Yahei";border-bottom: solid 4px #f4f4f4;font-size: 16px;line-height: 40px;color: #575757;} .webox_l,.webox_l img{width: 540px;height: 560px;display: block;} .webox_r{width: 603px;display: block;} .webox_w{display: block;height: 284px;overflow: hidden;} .webox_w h3{font-weight: normal;font-size: 48px;line-height:92px;color: #3c3c3c;} .webox_w h3 span{font-weight: bold;color: #05c6ab;} .webox_p,.webox_p img{width: 603px;height: 275px;} /*产品*/ .probox{font-family: "Microsoft Yahei";height:978px;padding:72px 0 0;line-height: 36px;color: #6e6e6e;position: relative;} .probox h2{background:url(../images/protbg.gif) no-repeat 0 0;position: absolute;font-size:48px;line-height: 63px;padding: 19px 24px;height: 110px;width: 456px;color: #333;} .probox h2 a{color: #333;display: block;} .probox h2 span{font-size:24px;line-height:41px;font-weight: normal;display: block;} .pro_l{width:458px;padding: 193px 0 0;background:url(../images/ico02.gif) no-repeat center 836px;height: 690px;} .prev1,.next1{width:37px;height:37px;display: block;z-index: 2;top:833px;left:282px;background:url(../images/next1.gif) no-repeat 0 0;} .prev1{left:140px;background:url(../images/prev1.gif) no-repeat 0 0;} .prev2,.next2{width:45px;height:45px;display: block;z-index: 2;top:385px;right:0;background:url(../images/next2.gif) no-repeat 0 0;} .prev2{left:0;background:url(../images/prev2.gif) no-repeat 0 0;} .prev3,.next3{width:46px;height:46px;display: block;z-index:2;top:194px;right:-65px;background:url(../images/next3.gif) no-repeat 0 0;} .prev3{left:-65px;background:url(../images/prev3.gif) no-repeat 0 0;} .prev1:hover,.next1:hover,.prev2:hover,.next2:hover,.prev3:hover,.next3:hover{background-position: 0 bottom;} .pro_lc li{position: relative;} .pro_lc li,.pro_lc li img{width:458px;height: 609px;display: block;overflow: hidden;} .pro_lc li p{width:218px;height: auto;display: block;overflow: hidden;right: 25px; bottom: 76px;position: absolute;} .pro_lc li p span{display: block;line-height: 46px;border-radius: 23px;background: #05c6ab;margin:10px 0 0;color: #fff;font-weight: bold;font-size:18px;} .pro_lc li p span i{display: inline-block;width: 32px;line-height: 32px;border-radius: 32px;background: #fff;font-family: Times New Roman;text-align: center;margin: 7px 11px;color: #05c6ab;} .pro_r{width:725px;} .pro_t{height: 193px;font-size: 22px;line-height: 30px;padding: 0 0 0 236px;} .pro_t li{height: 144px;width: 222px;padding: 0 0 0 20px;float: left;font-weight: bold;color: #333;} .pro_t li em{display: block;font-weight: normal;color: #cfcfcf;font-size: 12px;line-height: } .pro_t li span{display: block;margin: 0 0 18px;width:49px;height:49px;position: relative;overflow: hidden;} .pro_t li span i{width:49px;height:49px;position: absolute;display: block;top: 0;left: 0;background-image:url(../images/pro_ico2.gif);} .pro_t li:nth-child(1) span i{background-image:url(../images/pro_ico1.gif);} .pro_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-position: center 0;} .pro_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;background-position: center bottom; -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;} .pro_t li.cur p,.pro_t li:hover p{display: block;} .pro_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);} .pro_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);} .pro_t li.cur,.pro_t li:hover{color: #05c6ab;background:url(../images/ico01.gif) no-repeat 20px bottom;} .pro_c li{float: left;width:223px;margin: 0 0 17px 18px;height:298px;text-align: center;line-height:42px;position:relative;} .pro_c li span{width:223px;height:42px;display: block;position:absolute;left:0;bottom:0;background:rgba(255 , 255 , 255 , 0.6);white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pro_c li span a{display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color:#333;} .pro_c li p,.pro_c li p img{width:223px;height:298px;display: block;overflow: hidden;} /*产品特点*/ .pkbox{font-family: "Microsoft Yahei";background:url(../images/pkbg.jpg) no-repeat center bottom #f4f4f4;padding: 68px 0 0;height: 1265px;font-size: 18px;line-height: 32px;color: #424242;} .pktil{text-align: center;height: 153px;font-size: 24px;line-height: 58px;} .pktil p{width: 600px;float: left;} .pktil p span{width:196px;line-height: 63px;border: solid 1px #424242;display: block;margin: 0 auto;} .pktil p:nth-child(1){color: #05c6ab;} .pktil p:nth-child(1) span{border-color: #05c6ab;} .pk01{padding: 21px 28px 0;height: 123px;position: relative;} .pk02{height: 118px;} .pk_ico{font-weight: bold;color: #fff;font-size: 18px;line-height: 24px;top: 45px;width: 74px;left: 50%;margin-left:-35px;height: 48px;text-align: center;} .pk01 dl{width: 487px;float: left;} .pk01 dl:nth-child(2){float: right;text-align: right;} .pk01 dt{float: left;width: 100px;display: block;} .pk01 dd{float: left;width:342px;padding:18px 22px;} .pk01 dt img{width: 100px;height: 100px;border-radius: 100px;} .pk01 dl:nth-child(2) dt{float: right;} .pk01 dl:nth-child(2){float: right;text-align: right;} /*见证*/ .witn{font-family: "Microsoft Yahei";padding: 85px 0 0;height:745px;line-height: 24px;background:url(../images/witnbg.jpg) no-repeat center 0;color: #919191;} .witn h2{height:209px;color: #fff;text-align: right;font-size: 48px;padding: 0 51px 0 0;line-height: 65px;background:url(../images/ico06.png) no-repeat right 10px;margin-right:48px;} .witn h2 span{font-size: 24px;font-weight: normal;line-height: 38px;display: block;} .witn_c{width: 1106px;overflow: hidden;margin: 0 auto;} .witn_c dl{width:361px;float: left;margin: 0 10px 0 0;height:444px;background: #f8f8f8;} .witn_c dl a{color: #3c3c3c;} .witn_c dt,.witn_c dt img{height:221px;display: block;width: 361px;overflow: hidden;} .witn_c dd h3{display: block;padding:20px 33px 0;border-bottom: solid 1px #eaeaea;height: 68px;font-weight: normal;font-size: 18px;line-height: 32px;margin-bottom: 12px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .witn_c dd h3 span{display: block;font-size: 14px;line-height:26px;opacity: 0.6;} .witn_c dd p{display: block;height:98px;padding: 0 33px;} .witn_c dl:hover{color: #b8e9e0;background: #05c6ab;} .witn_c dl:hover h3{border-color: #33cdb8;} .witn_c dl:hover a{color: #fff;} /*优势*/ .edge{font-family: "Microsoft Yahei";line-height: 34px;} .edge_t{height: 419px;padding: 0 0 0 127px;line-height: 24px;color: #969696;} .edge_t dl{width: 152px;height:349px;padding: 0 20px;border: solid 4px #d2d2d2;float: left;margin: 0 49px 0 0;color: #3c3c3c} .edge_t dt{height:88px;font-size: 36px;line-height: 42px;padding: 32px 0 0;white-space: nowrap;text-align: center;} .edge_t dt em,.new_t li em,.about_w h3 em{font-family: Arial;font-size: 10px;text-transform: uppercase;line-height: 18px;color: #969696;font-style: normal;display: block;} .edge_t dd p{background:url(../images/ico03.gif) no-repeat center 0;display: block;padding: 64px 0 0;} .edge_t dd span{width: 122px;margin:41px auto;display: none;} .edge_t dd span img{width: 122px;display: block;height: 122px;border-radius: 122px;} .edge_t dl.cur{border-color: #05c6ab;} .edge_t dl.cur dd p{display: none;} .edge_t dl.cur dd span{display: block;} .edge1,.edge1 img{width: 100%;display:block;min-width: 1200px;max-width: 1920px;margin: 0 auto;} /*资讯*/ .news{line-height:24px;height:796px;font-family: "Microsoft Yahei";padding:88px 0 0;color: #939393;} .news .til01{height:128px;} .new_t{height:130px;line-height:26px;overflow: hidden;padding:0 0 0 310px;} .new_t li{float: left;color: #222;width: 185px;height:53px;border: solid 1px #dcdcdc;margin:0 9px 0 0;text-align: center;font-size: 18px;padding: 13px 0 0;} .new_t li.cur{color: #05c6ab;border-color: #05c6ab;} .new_cl dl{width:600px;float: left;padding: 8px 0 0;} .new_cl dt,.new_cl dt img{width:600px;height: 231px;display: block;overflow: hidden;} .new_cl dd{height:156px;display: block;padding: 17px 0 0;background:url(../images/ico04.gif) no-repeat 0 bottom;} .new_cl dd h3{height:43px;display: block;line-height: 43px;font-weight: normal;font-size: 16px;color: #3c3c3c;} .new_cl dd h3 a{color: #3c3c3c;display: block;} .new_cl ul{width:512px;float: right;padding: 8px 0 0;background:url(../images/new_line.gif) no-repeat 97px 13px;} .new_cl li{height:160px;} .new_cl li span{width:84px;float: left;text-align: right;padding:0 37px 0 0;font-family:Times New Roman, Arial;line-height:40px;font-size: 30px;} .new_cl li span em{display: block;font-size:14px;line-height:16px;} .new_cl li p{display: block;width:378px;overflow: hidden;float: left;} .new_cl li p a{display: block;line-height:42px;color: #777;font-size: 16px;} /*欧顺诺*/ .about{height: 1194px;font-family: "Microsoft Yahei";} .about .til01{height:137px;} .about_p,.about_p p,.about_p p img{width: 1200px;height: 462px;overflow: hidden;} .about_ico{width: 260px;height: 302px;left: 40px;top: 0;text-align: center;color: #fff;line-height: 24px;z-index: 2;} .about_ico span{width: 260px;height:62px;left:0;top: 200px;position: absolute;} .about_ico span b{display: block;font-size: 20px;line-height: 30px;letter-spacing: 2px;} .about_w{padding: 66px 0 0;line-height: 30px;color: #797979;} .about_w h3{height: 90px;font-size: 30px;line-height: 38px;color: #3c3c3c;} .about_w h3 span{font-size:22px;float: right;} .about_w h3 span b{color: #05c6ab;} .about_w h3 span i{font-weight: normal;} .about_r{width: 430px;} .about_l{width: 770px;padding: 7px 0 0;} .about_l p{width:495px;height: 236px;display: block;} .about_l li{float: left;padding: 0 75px 0 0;} .about_l li b{display: block;line-height: 58px;color: #303030;font-size:60px;} /*风采展示*/ .show{height:480px;font-family: "Microsoft Yahei";line-height: 50px;text-align: center;position: relative;} .show_t{height:95px;line-height:55px;font-size: 18px;} .show_t li{float: left;background:#e0e0e0;margin:0 10px 0 0;color: #333;width: 182px;line-height: 55px;} .show_t li.cur{background:#05c6ab;color: #fff;} .show_l1{width: 1200px;overflow: hidden;} .show_c li{width: 294px;float: left;margin: 0 9px 0 0;overflow: hidden;} .show_c li span{display: block;line-height: 50px;color:#1d1d1d;background: #e0e0e0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .show_c li span a{display: block;color: #1d1d1d;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .show_c li p,.show_c li p img{width: 294px;height: 221px;display: block;overflow: hidden;} /*友情链接*/ .link{height:102px;line-height:24px;color: #fff;background:#05c6ab;position: relative;width: 100%;padding: 26px 0 0;} .f_code{width:370px;display: block;padding:0 20px 0 0;} .f_code p{float: left;padding: 18px 0 0;} .f_code span{width:81px;float: right;margin: 0 0 0 15px;} .f_code span img{width:67px;height:67px;background: #fff;padding:7px;display: block;margin: 0 auto;} .link_c{width:734px;overflow: hidden;} .link_c span{width:80px;height:63px;float: left;background: #00ac94;padding:14px 0 0 20px;font-size: 16px;line-height: 23px;} .link_c span em{display: block;text-transform: uppercase;font-style: normal;font-weight: bold;} .link_c p{padding:14px 0 0 30px;width: 458px;float: left;} .link_c a{display: inline-block;color: #fff;width: 152px;} .pro_c li p img,.witn_c dt img,.new_cl dt img, .about_p p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .pro_c li p img:hover,.witn_c dt img:hover,.new_cl dt img:hover, .about_p p img:hover, .show_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}