@charset "utf-8"; /*网站公共样式开始*/ /*reset*/ #nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;} /* mub01InpageBannerr 模板1公共广告高度*/ .mub01InpageBannerr{width: 100%;height: 400px; background:#fff;} .mub01InpageBannerr a{display:block;margin:0 auto;height:400px;} /* mub01MainContent */ .mub01MainContent{width: 100%;background: #f6f6f6;padding-bottom: 20px;} .newsCenterBanner-con{ position: absolute; left:0; top:134px; width:100%;} /* 搜索 */ .InpageSearch{width: 100%;padding-top:50px;} .InpageSearch .top{padding-top: 52px;height: 108px;background: #e5e5e5;} .InpageSearch .Input{width: 608px;height: 57px;position: relative;margin: 0 auto;} .InpageSearch .Input input{width:520px;height: 57px;line-height: 57px;padding: 0 60px 0 28px;font-size: 16px;color: #333333;border: none;background: url(../images/InpageSearchBg01.png) no-repeat center;outline: none;} .InpageSearch .Input a{display: block;width: 47px;height: 47px;position: absolute;right: 4px;top: 4px;} .InpageSearch .mainCon{padding: 58px 80px;background: #fff;} .InpageSearch .mainCon .conBox .searchTitle{margin-bottom: 32px;font-size: 24px;color: #333;font-weight: normal;} .InpageSearch .mainCon .conBox .box{width: 100%;} .InpageSearch .mainCon .conBox .box li{padding: 38px 0 26px;border-bottom: 1px solid #e5e5e5;} .InpageSearch .mainCon .conBox .box li:first-child{border-top: 1px solid #e5e5e5;} .InpageSearch .mainCon .conBox .box li h3{font-size: 16px;color: #333333;font-weight: normal;} .InpageSearch .mainCon .conBox .box li h3 a{color: #333333;text-decoration: none;} .InpageSearch .mainCon .conBox .box li p.p1{font-size: 14px;color: #666666;line-height: 22px;margin-top: 18px;} .InpageSearch .mainCon .conBox .box li p.p1 a{color: #666666;text-decoration: none;} .InpageSearch .mainCon .conBox .box li p.p2{overflow: hidden;height: 16px;line-height: 16px;margin-top: 30px;} .InpageSearch .mainCon .conBox .box li p.p2 span{display: block;float: left;font-size: 14px;color: #666666;} .InpageSearch .mainCon .conBox .box li p.p2 a{display: block;float: left;font-size: 14px;color: #666666;font-family: arial;margin-left: 32px;background: url(../images/InpageSearch_icon02.png) no-repeat left center;padding-left: 24px;} .InpageSearch .mainCon .conBox .box li:hover h3 a{color: #0083c9;} .InpageSearch .mainCon .conBox .box li.cpsosu{float: left;} .InpageSearch .mainCon .conBox .box li.cpsosu .Pic{display: block;width: 300px;height: 239px;overflow: hidden;float: left;} .InpageSearch .mainCon .conBox .box li.cpsosu .Pic img{display: block;transform:scale(1);transition: all 2s ease-out; width:300px; height:239px;} .InpageSearch .mainCon .conBox .box li.cpsosu:hover .Pic img{transform: scale(1.2);} .InpageSearch .mainCon .conBox .box li.cpsosu .intro{padding: 0px 32px 0; width:676px; float: left;} /* webMap 网站地图 */ .map_main { overflow:hidden; border:solid 5px #F0F0F0; margin:20px 0; padding-bottom:30px;background:#fff; } .sitemap_con { width:1120px; margin:0 auto; color:#666;} .sitemap_con .map_top { border-bottom:solid 1px #d7d7d7; } .sitemap_con .map_top img { float:left;} .site_r_link { width:136px; margin-top:20px; border:1px solid #cdcdcd; background:#F8F8F8; padding:5px 10px; float:right; } .site_plc { background:url(Img/ico27.gif) no-repeat 0 11px; padding:5px 0; text-indent:10px;} .sitemap_con h4 { line-height:30px;margin:10px 0;margin-right: 10px;} .sitemap_con h4 a{color:#000;font-size:18px;} .b4 { border:1px dashed #efefef; padding:10px 5px;} .b4 ul { padding:0 11px;} .b4 li { float:left; line-height:25px; width:342px; overflow:hidden; margin:0 10px;} .b4 li a { color:#000;} .b4 li a:hover { color:#0083c9;} /*网站公共样式结束*/ /* 模板1公共面包屑导航 */ .mub01address{width: 100%;} .mub01address .container{position: relative;} .mub01address .con{width: 100%;position: absolute;top: -50px;left: 0;height: 50px;background: url(../images/mub01addressBg.png);} .mub01address .p1{height: 50px;line-height: 50px;font-size: 13px;color: #fff;float: left;width: 1180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mub01address .p1 a{color: #fff;padding: 0 4px;} .mub01address .p1 img{margin: 0 10px 0 20px;position: relative;top: 4px;} .mub01address .p2{float: right;font-size: 13px;color: #fff;line-height: 50px;margin-right: 22px;} .mub01address_search .con{top:0px;} /* mub01Title 模板1公共标题*/ .mub01Title{width: 100%;text-align: center;padding-top: 40px;} .mub01Title h3{font-size: 26px;color: #1e1e1e;font-weight: bold;} .mub01Title h3 em{color: #0083c9;font-weight: bold;} .mub01Title h3 i{display: inline-block;height: 1px;background: #e5e5e5;width: 534px;position: relative;top: -6px;} .mub01Title h3 i.xianL{margin-right: 12px;} .mub01Title h3 i.xianR{margin-left: 12px;} .mub01Title p{font-size: 12px;color: #999999;font-family: arial;margin-top: 6px;} /* mub01Top */ .mub01Top{width: 100%;height: 42px;border-bottom: 1px solid #eaeaea;} .mub01Top h3{font-size: 20px;color: #333333;float: left;} .mub01Top h3 em{color: #0083c9;font-weight: bold;} .mub01Top h3 i{display: block;width: 24px;height: 1px;background: #0083c9;position: relative;top: 18px;} .mub01Top a.more{display: block;font-size: 14px;color: #666666;float: right;margin-right: 6px;text-decoration: none;line-height:34px;} .mub01Top a.more:hover{color: #0083c9;} /* proList 产品列表内页 */ /* proListClassify */ .proListClassify{width: 100%;padding-top: 30px;} .proListClassify .sidebar{width: 320px;float: left;} .proListClassify .sidebar .top{width: 320px;height: 70px;background: url(../images/proListClassify_icon01.png) no-repeat 267px center #0083c9;} .proListClassify .sidebar h3{padding: 20px 0 0 26px;font-size: 24px;font-weight: normal;} .proListClassify .sidebar h3 a{display: block;color: #fff;text-decoration: none;} .proListClassify .sidebar h3 em{font-weight: bold;color: #fff;} .proListClassify .sidebar h3 span{font-size: 10px;color: #fff;font-family: arial;margin-left: 6px;position: relative;top: 2px;} .proListClassify .sidebar .box1{padding: 26px;background: #fff;} .proListClassify .sidebar .box1 dl{margin-top: 20px;} .proListClassify .sidebar .box1 dl:first-child{margin-top: 0;} .proListClassify .sidebar .box1 dt{height: 56px;text-indent: 26px;font-size: 18px;background: url(../images/proListClassify_icon02.png) no-repeat 220px center #eaeaea;line-height: 56px;} .proListClassify .sidebar .box1 dt a{display: block;color: #333;text-decoration: none;} .proListClassify .sidebar .box1 dt a:hover,.proListClassify .sidebar .box1 dt a.cur{color: #0083c9;background: url(../images/proListClassify_icon03.png) no-repeat 220px center;font-weight: bold;} .proListClassify .sidebar .box1 dd a{display: block;font-size: 14px;color: #666666;height: 50px;line-height: 50px;background: url(../images/proListClassify_icon02.png) no-repeat 220px center;text-indent: 25px;text-decoration: none;border: 1px solid #eaeaea;} .proListClassify .sidebar .box1 dd a:first-child{border-top: none;} .proListClassify .sidebar .box1 dd a:hover,.proListClassify .sidebar .box1 dd a.cur{color: #0083c9;background: url(../images/proListClassify_icon03.png) no-repeat 220px center;font-weight: bold;} .proListClassify .sidebar .box2{margin-top: 20px;background: #fff; margin-bottom:20px;} .proListClassify .sidebar .box2 .phone{background: url(../images/proListClassify_phone.png) no-repeat 32px center;padding-left: 86px;padding-top: 25px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;} .proListClassify .sidebar .box2 .phone span{display: block;font-size: 14px;color: #333333;} .proListClassify .sidebar .box2 .phone p{font-size: 24px;color: #0083c9;font-family: arial;} .proListClassify .sidebar .intro{padding: 28px 28px 24px;} .proListClassify .sidebar .intro p{font-size: 14px;color: #333333;margin-bottom: 8px;line-height: 20px;} .proListClassify .sidebar .intro p em{font-size: 14px;color: #333;font-family: arial;} .proListClassify .section{width: 850px;float: right;} .proListClassify .section .con ul{width: 105%;} .proListClassify .section .con li{width: 420px;height: 540px;margin-right: 10px;float: left;margin-bottom: 10px;} .proListClassify .section .con li .Pic{display: block;width: 420px;height: 335px;overflow: hidden;} .proListClassify .section .con li .Pic img{display: block;transform:scale(1);transition: all 2s ease-out; width:420px; height:335px;} .proListClassify .section .con li:hover .Pic img{transform: scale(1.2);} .proListClassify .section .con li .intro{padding: 28px 32px 0;height: 177px;background: #fff;position: relative;} .proListClassify .section .con li .intro h3{font-size: 16px;color: #333333;font-weight: normal; width:356px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;} .proListClassify .section .con li .intro h3 a{color: #333333;text-decoration: none;} .proListClassify .section .con li .intro p{line-height: 20px;color: #666666;font-size: 14px;margin-top: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;} .proListClassify .section .con li .intro .btn{overflow: hidden;width: 281px;height: 42px;background: url(../images/proListClassifyBg01.png) no-repeat center;position: absolute;bottom: 26px;left: 32px;} .proListClassify .section .con li .intro .btn a{display: block;width: 140px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 14px;color: #777777;text-decoration: none;} .proListClassify .section .con li .intro .btn a i{display: inline-block;width: 7px;height: 12px;background: url(../images/proListClassify_icon04.png) no-repeat center;margin-left: 8px;position: relative;top: 2px;} .proListClassify .section .con li .intro .btn a:first-child{border-right: 1px solid #eaeaea;} .proListClassify .section .con li .intro .btn a:hover{color: #fff;} .proListClassify .section .con li:hover h3 a{color: #0083c9;} .proListClassify .section .con li .intro .btn a.more:hover{background: url(../images/proListClassifyBg02.png) no-repeat center;} .proListClassify .section .con li .intro .btn a.more:hover i{background: url(../images/proListClassify_icon05.png) no-repeat center;} .proListClassify .section .con li .intro .btn a.zx:hover{background: url(../images/proListClassifyBg03.png) no-repeat center;} .proListClassify .section .con li .intro .btn a.zx:hover i{background: url(../images/proListClassify_icon05.png) no-repeat center;} /*产品页面 分页控件 靠左样式*/ /*.proListClassify .section .paging{width: 100%;margin-top: 20px;margin-bottom: 25px;} .proListClassify .section .paging .pagingPrev{float: left;display: block;width: 45px;height: 43px;} .proListClassify .section .paging ul{float: left;margin-left: 30px;} .proListClassify .section .paging li{width: 45px;height: 43px;line-height: 43px;text-align: center;font-size: 16px; font-family: arial;background: url(../images/pagingBg01.png) no-repeat center;float: left;margin-left: 12px;} .proListClassify .section .paging li a{color: #999;text-decoration: none;display: block;} .proListClassify .section .paging .pagingNext{float: left;display: block;width: 45px;height: 43px;margin-left: 30px;} .proListClassify .section .paging li:hover{background: url(../images/pagingBg02.png) no-repeat center;} .proListClassify .section .paging li:hover a{color: #fff;} .proListClassify .section .paging li:first-child{margin-left: 0;}*/ /* proListNews */ .proListNews{width: 100%;} .proListNews .top{width: 100%;height: 38px;border-bottom: 1px solid #eaeaea;} .proListNews .top h3{font-size: 20px;color: #333333;float: left;} .proListNews .top h3 em{color: #0083c9;font-weight: bold;} .proListNews .top h3 i{display: block;width: 24px;height: 1px;background: #0083c9;position: relative;top: 14px;} .proListNews .top a.more{display: block;font-size: 13px;color: #666666;float: right;margin-right: 6px;text-decoration: none; line-height:34px;} .proListNews .top a.more:hover{color: #0083c9;} .proListNews .mainCon{padding: 20px 0;background: #fff;} .proListNews .mainCon dl{float: left;margin-left: 40px;width: 577px;padding-right: 41px;border-right: 1px dotted #b2b2b2;} .proListNews .mainCon dt{width: 220px;height: 170px;float: left;} .proListNews .mainCon dt img{ display:block; width:220px; height:170px;} .proListNews .mainCon dd{width: 330px;float: right;height: 170px;position: relative;} .proListNews .mainCon dd h3{font-size: 16px;font-weight: normal;} .proListNews .mainCon dd h3 a{color: #000000;text-decoration: none; width:330px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;} .proListNews .mainCon dd p{line-height: 24px;color: #666666;font-size: 13px;margin-top: 20px; height:74px; overflow:hidden;} .proListNews .mainCon dd p a{color: #666666;text-decoration: none;} .proListNews .mainCon dd span{display: block;font-size: 13px;color: #999999;position: absolute;bottom: 15px;left: 0;} .proListNews .mainCon dd a.more{display: block;width: 36px;height: 36px;background: url(../images/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 6px;bottom: 0;} .proListNews .mainCon dl:hover dd a.more{background-position: left bottom;} .proListNews .mainCon dl:hover dd h3 a{color: #0083c9;} .proListNews .mainCon ul{width: 474px;float: right;margin-right: 30px;} .proListNews .mainCon li{overflow: hidden;margin-top: 15px;} .proListNews .mainCon li:first-child{margin-top: 0;} .proListNews .mainCon li a{display: block;font-size: 13px;color: #333333;width: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;} .proListNews .mainCon li a:hover{color: #0083c9;} .proListNews .mainCon li span{display: block;font-size: 13px;color: #999999;font-family: arial;margin-right: 10px;float: right;} /* proDetails 产品详情页*/ /* proDetailsIntro */ .proDetailsIntro{width: 100%;padding-top: 30px;padding-bottom: 90px;background: #eaeaea;} .proDetailsIntro .conL{width:600px;float: left;position: relative;} .proDetailsIntro .conL i{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;} .proDetailsIntro .conL i.prev{left: 0;} .proDetailsIntro .conL i.next{right: 0;} .proDetailsIntro .conL .btnList{width: 100%;height: 10px;text-align: center;position: absolute;bottom: 24px;} .proDetailsIntro .conL .btnList span{display: inline-block;width: 10px;height: 10px;overflow: hidden;position: relative;background: url(../images/proDetailsIntro_icon01.png) no-repeat left top;margin-left: 16px;cursor: pointer;} .proDetailsIntro .conL .btnList span.cur{background-position: left bottom;} .proDetailsIntro .conL .btnList span:first-child{margin-left: 0;} .proDetailsIntro .conL .conBox{width: 600px;height: 480px;position: relative;overflow: hidden;} .proDetailsIntro .conL .conBox ul{position: absolute;top: 0;left: 0;} .proDetailsIntro .conL .conBox li{float: left;width: 600px;} .proDetailsIntro .conL .conBox li img{display: block; width:600px; height:480px;} .proDetailsIntro .conR{float: right;padding-top: 20px;width:541px;height: 460px;position: relative;} .proDetailsIntro .conR h3{font-size: 24px;color: #333333;font-weight: normal;} .proDetailsIntro .conR i{display: block;width: 541px;height: 2px;margin: 28px 0 32px 0;} .proDetailsIntro .conR h4{font-size: 14px;color: #333333;font-weight: normal;margin: 46px 0 26px;} .proDetailsIntro .conR p{font-size: 14px;color: #666666;line-height: 22px;} .proDetailsIntro .conR .box{width: 100%;position: absolute;bottom: 20px;left: 0;} .proDetailsIntro .conR .box .zx{display: block;width: 197px;height: 60px;float: left;font-size: 22px;color: #fff;line-height: 60px;background: url(../images/proDetailsIntroBg01.png) no-repeat center;text-align: center;text-decoration: none;} .proDetailsIntro .conR .box .zx img{position: relative;top: 4px;margin-left: 8px;} .proDetailsIntro .conR .box .phone{float: left;padding-left: 56px;;background: url(../images/proListClassify_phone.png) no-repeat left center;margin-left: 46px;margin-top: 6px;} .proDetailsIntro .conR .box .phone span{display: block;font-size: 14px;color: #333333;} .proDetailsIntro .conR .box .phone em{display: block;font-size: 24px;color: #0083c9;font-family: arial;} /* proDetailsCanS */ .proDetailsCanS{width: 100%; background:#fff;} .proDetailsCanS .container{position: relative;} .proDetailsCanS .menu{width: 100%;height: 60px;position: absolute;top: -60px;} .proDetailsCanS .menu li{float: left;width:49.9%;border-left: 1px solid #eaeaea;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #fff;background: #8c8c8c;cursor:pointer;} .proDetailsCanS .menu li.status_on{background: #0083c9;} .proDetailsCanS .mainCon{width: 100%;background: #fff;} .proDetailsCanS .mainCon .box{width: 100%; padding:20px 0;} .proDetailsCanS .mainCon .box p{ width:100%; margin:0 auto; white-space:normal; word-spacing:10px; line-height: 30px;font-size: 14px;color: #333333;} /* proDetailsLy */ .proDetailsLy{width: 100%;margin-top: 40px;} .proDetailsLy .mainCon{padding: 40px 40px 0 20px;background: #fff;height: 420px;} .proDetailsLy .mainCon .box1{width: 100%;} .proDetailsLy .mainCon .box1 .Input{width: 548px;height: 58px;border: 1px solid #e0e0e0;float: left;margin-bottom: 20px;margin-left: 20px;} .proDetailsLy .mainCon .box1 .Input span{width: 130px;float: left;display: block;border-right: 1px solid #e0e0e0;line-height: 58px;font-size: 16px;color: #999999;text-indent: 22px;} .proDetailsLy .mainCon .box1 input{width: 344px;padding-left: 22px;padding-right: 51px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none;} .proDetailsLy .mainCon .box1 p.input{width: 344px;padding-left: 22px;padding-right: 51px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none; margin-left:131px;} .proDetailsLy .mainCon .box1 .Input1 p.input{background: url(../images/proDetailsLy_icon01.png) no-repeat 372px center;} .proDetailsLy .mainCon .box1 .Input2 input{background: url(../images/proDetailsLy_icon02.png) no-repeat 372px center;} .proDetailsLy .mainCon .box1 .Input3 input{background: url(../images/proDetailsLy_icon03.png) no-repeat 372px center;} .proDetailsLy .mainCon .box1 .Input4 input{background: url(../images/proDetailsLy_icon04.png) no-repeat 372px center;} .proDetailsLy .mainCon .box1 textarea{text-indent: 22px;width: 1067px;height: 120px;border: 1px solid #e0e0e0;margin-left: 20px;padding-top: 18px;font-size: 16px;color: #999999;outline: none;resize: none;background: url(../images/proDetailsLy_icon05.png) no-repeat 1072px 18px;padding-right: 51px;} .proDetailsLy .mainCon .box2{text-align: center;margin-top: 25px;} .proDetailsLy .mainCon .box2 a.tj{margin-right: 12px;} .proDetailsLy .mainCon .box2 a{display: inline-block;width: 242px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;color: #666666;text-decoration: none;background: url(../images/proDetailsLyBg01.png) no-repeat center;} .proDetailsLy .mainCon .box2 a i{display: inline-block;width: 7px;height: 12px;background: url(../images/proListClassify_icon04.png) no-repeat center;margin-left: 14px;} .proDetailsLy .mainCon .box2 a:hover{background: url(../images/proDetailsLyBg02.png) no-repeat center;color: #fff;} .proDetailsLy .mainCon .box2 a:hover i{background: url(../images/proListClassify_icon05.png) no-repeat center;} /* proDetailsPictures */ .proDetailsPictures{width: 100%;margin-top: 40px;} .proDetailsPictures .mainCon{width: 100%;padding-top: 20px;} .proDetailsPictures .mainCon li{float: left;width: 290px;margin-left: 13px;text-align: center;} .proDetailsPictures .mainCon li:first-child{margin-left: 0;} .proDetailsPictures .mainCon li em{display: block;font-size: 14px;color: #333333;margin-top: 15px; width:290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .proDetailsPictures .mainCon li span{display: block;width: 290px;height: 230px;overflow: hidden;position: relative;} .proDetailsPictures .mainCon li a{display: block;text-decoration: none;} .proDetailsPictures .mainCon li img{display: block;transform: scale(1);transition: all 2s ease-out; width:290px; height:230px;} .proDetailsPictures .mainCon li:hover img{transform: scale(1.2);} /* proDetailsNews */ .proDetailsNews{margin-top: 40px;} /* about 关于我们页面 */ /* aboutMenu */ .aboutMenu{width:1200px;text-align: center;padding: 40px 0 0; margin:0 auto;} .aboutMenu li{display: inline-block;*display: inline;font-size: 14px;color: #333333;background: url(../images/aboutMenuBg01.png) no-repeat center;height: 50px;line-height: 50px;margin-left: 5px;width: 141px;text-align: center;} .aboutMenu li a{color: #333;text-decoration: none;display: block;} .aboutMenu li:first-child{margin-left: 0;} .aboutMenu li.cur{background: url(../images/aboutMenuBg02.png) no-repeat center;} .aboutMenu li.cur a{color: #fff;} .aboutMenu li:hover{background: url(../images/aboutMenuBg02.png) no-repeat center;} .aboutMenu li:hover a{color: #fff;} /* aboutIntro */ .aboutIntro{width: 100%;padding-bottom: 40px; } .aboutIntro .mainCon{width: 100%;margin-top: 34px; font-size:14px;} .aboutIntro .mainCon .dt{float: left;width: 540px;} .aboutIntro .mainCon .dd{width: 600px;float: right;position: relative;} .aboutIntro .mainCon .dd h3{font-size: 22px;color: #333333;font-weight: normal;} .aboutIntro .mainCon .dd p{line-height: 24px;color: #333333;font-size: 13px;margin-top: 10px;} .aboutIntro .mainCon .dd i{display: block;width: 34px;height: 2px;background: #0083c9;position: absolute;bottom: 0;left: 0;} /* aboutMien */ .aboutMien{width: 100%;padding-bottom: 40px;background: #fff;} .aboutMien .mainCon{ width:100%; height:400px; position:relative;margin-top:34px;} .aboutMien .mainCon span{ display:block; width:42px; height:42px; cursor:pointer; position:absolute; top:50%; margin-top:-21px;overflow: hidden;} .aboutMien .mainCon .btn01{ background:url(../images/aboutMienBtn01.png) no-repeat left top; left:0;} .aboutMien .mainCon .btn02{ background:url(../images/aboutMienBtn02.png) no-repeat left top; right:0;} .aboutMien .aboutMienCon{ overflow:hidden; width:1080px; height:400px; margin:0 auto; position:relative} .aboutMien .aboutMienCon .aboutMienBox{width: 1080px;height: 400px;margin: 0 auto;} .aboutMien .aboutMienCon .iteam{ position:absolute; overflow:hidden;height: 285px ;top: 12% !important;} .aboutMien .aboutMienCon .iteam img{ display:block;} .aboutMien .aboutMienCon .iteam b{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/aboutMienBg.png) repeat;} .aboutMien .aboutMienCon .iteam.active b{ display:none;} .aboutMien .aboutMienCon .iteam.active{height: 400px;top: 0 !important;} .aboutMien .aboutMienCon .iteam.active p{color: #333333;font-size: 14px;margin-top: 16px;text-align: center;} .aboutMien .aboutMienCon .iteam.active p a{display: block;color: #333;text-decoration: none;} /* aboutHonor */ .aboutHonor{width: 100%;padding-bottom: 60px;background: #1e1e1e;} .aboutHonor .mub01Title h3{color: #fff;} .aboutHonor .mub01Title p{color: #fff;} .aboutHonor .mub01Title h3 i{background: #626262;} .aboutHonor .mainCon{ width:100%; position:relative;margin-top:34px;} .aboutHonor .mainCon i{ display:block; width:42px; height:42px; cursor:pointer; position:absolute; top:124px; overflow: hidden;} .aboutHonor .mainCon .btn01{ background:url(../images/aboutHonorBtn01.png) no-repeat left top; left:-70px;} .aboutHonor .mainCon .btn02{background:url(../images/aboutHonorBtn02.png) no-repeat left top; right:-70px;} .aboutHonor .mainCon .aboutHonorCon{width: 100%;position: relative;height: 321px;overflow: hidden;} .aboutHonor .mainCon .aboutHonorCon ul{width: 105%;position: absolute;top: 0;left: 0;} .aboutHonor .mainCon .aboutHonorCon li{width: 280px;float: left;margin-right: 30px;} .aboutHonor .mainCon .aboutHonorCon li span{display: block;width: 100%;margin-top: 14px;font-size: 14px;color: #fff;text-align: center;} .aboutHonor .mainCon .aboutHonorCon li img{display: block; width:280px; height:290px;} /* aboutHistory */ .aboutHistory{width: 100%;padding-bottom: 44px;background: #fff;position: relative;} .aboutHistory .mainCon{ width:100%;margin-top:34px;} .aboutHistory .mainCon .conL{float: left;width: 540px;height: 360px; padding:0;} .aboutHistory .mainCon .conL a{ display:block;} .aboutHistory .mainCon .conR{width: 635px;height: 360px;margin-left: 25px;float: left;overflow: hidden;} .aboutHistory .mainCon .conR .box{width: 548px;height: 360px;float: left;overflow: hidden;padding-left: 36px;background:url(../images/aboutHistory_xian.png) no-repeat left top;overflow: hidden;} .aboutHistory .mainCon .conR ul{width: 548px;} .aboutHistory .mainCon .conR li{padding-top: 32px;;border-bottom: 1px solid #e5e5e5;padding-bottom: 22px;} .aboutHistory .mainCon .conR li dt{width: 70px;float: left;font-size: 26px;color: #0083c9;font-weight: bold;font-family: arial;} .aboutHistory .mainCon .conR li dd{width: 478px;float: left;} .aboutHistory .mainCon .conR li dd p{font-size: 14px;color: #333333;line-height: 23px;} .aboutHistory .mainCon .conR li:first-child{padding-top: 0;} .aboutHistory .mainCon .scroll{width:11px;height:360px;float:right;position:relative;background:url(../images/scroll02.png);z-index: 99;} .aboutHistory .mainCon .scroll p{width:11px;height:61px;background:url(../images/scroll01.png);cursor:auto;left:0;top:1px;position:absolute; background:url(../images/scroll01.png);} /* aboutCulture */ .aboutCulture{width: 100%;padding-bottom: 38px;background: #f6f6f6;} .aboutCulture .mainCon{margin-top: 20px;} .aboutCulture .mainCon ul{width: 100%;text-align:center;} .aboutCulture .mainCon li{width: 247px;text-align: center;margin: 0 24px;display:inline-block;*display:inline; margin-bottom:24px;} .aboutCulture .mainCon li span{display: block;width: 237px;height: 237px;border: 5px solid #fff;border-radius: 50%;box-shadow: 0 3px 6px 6px #e4e3e3;} .aboutCulture .mainCon li img{display: block;border-radius: 50%;} .aboutCulture .mainCon li h3{font-size: 20px;color: #0083c9;font-weight: normal;margin: 24px 0 6px;text-align: center;} .aboutCulture .mainCon li p{font-size: 14px;color: #33332f;line-height: 22px;padding: 0 14px;height: 140px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .aboutCulture .mainCon li a{text-decoration:none;color: #33332f;} .aboutCulture .mainCon li i{display: block;margin: 12px auto 0;width: 35px;height: 2px;background: #241f73;} /* linkUs 联系我们 */ /* linkUsMap */ .linkUsMap{width: 100%;padding-top: 30px;} .linkUsMap .mainCon{width: 100%;} .linkUsMap .mainCon .conL{width: 455px;height: 496px;float: left;background: #fff;padding: 54px 70px 0 75px;} .linkUsMap .mainCon .conL h3{font-size: 24px;color: #006699;margin-bottom: 42px;} .linkUsMap .mainCon .conL .box{width: 100%;} .linkUsMap .mainCon .conL .box li{height: 71px;border-bottom: 1px solid #e5e5e5;overflow: hidden;} .linkUsMap .mainCon .conL .box li:first-child{border-top: 1px solid #e5e5e5;} .linkUsMap .mainCon .conL .box li img{display: block;margin-top: 18px;float: left;} .linkUsMap .mainCon .conL .box li p{float: left;margin-top: 26px;width: 402px;float: right; padding-top:0; line-height:20px;} .linkUsMap .mainCon .conL .box p span{font-size: 15px;color: #666666;} .linkUsMap .mainCon .conL .box p em{font-size: 15px;color: #333;} /*产品联系我们*/ .proDetailsCanS .mainCon .conL{width: 455px;height: 496px;float: left;background: #fff;padding: 54px 70px 0 75px;} .proDetailsCanS .mainCon .conL h3{font-size: 24px;color: #006699;margin-bottom: 42px;} .proDetailsCanS .mainCon .conL .box{width: 100%;} .proDetailsCanS .mainCon .conL .box li{height: 71px;border-bottom: 1px solid #e5e5e5;overflow: hidden;} .proDetailsCanS .mainCon .conL .box li:first-child{border-top: 1px solid #e5e5e5;} .proDetailsCanS .mainCon .conL .box li img{display: block;margin-top: 18px;float: left;} .proDetailsCanS .mainCon .conL .box li p{float: left;margin-top: 26px;width: 402px;float: right; padding-top:0; line-height:20px;} .proDetailsCanS .mainCon .conL .box p span{font-size: 15px;color: #666666;} .proDetailsCanS .mainCon .conL .box p em{font-size: 15px;color: #333;} /* linkUsLy */ .linkUsLy{width: 100%;margin-top: 12px;} .linkUsLy .mainCon{width: 100%;height: 520px;background: url(../images/linkUsLyBg.jpg) no-repeat top;padding-bottom: 20px;position: relative;} .linkUsLy .mainCon .box{width: 500px;margin-left: 620px;padding-top: 70px;} .linkUsLy .mainCon .box input{width: 408px;height: 58px;line-height: 58px;padding: 0 70px 0 20px;border: none;border: 1px solid #e5e5e5;font-size: 16px;color: #999999;margin-bottom: 20px;outline: none;font-size: 16px;color: #999999;} .linkUsLy .mainCon .box .input1{background: url(../images/linkUsLy_icon01.png) no-repeat 452px center;} .linkUsLy .mainCon .box .input2{background: url(../images/linkUsLy_icon02.png) no-repeat 452px center;} .linkUsLy .mainCon .box textarea{width: 408px;height: 80px;padding: 0 70px 0 20px;border: none;border: 1px solid #e5e5e5;font-size: 16px;color: #999999;margin-bottom: 20px;outline: none;font-size: 16px;color: #999999;padding-top: 20px;background: url(../images/linkUsLy_icon03.png) no-repeat 452px 20px;resize: none;} .linkUsLy .mainCon .box a{display: block;height: 60px;text-align: center;width: 100%;font-size: 22px;color: #fff;line-height: 60px;background: #0083c9;text-decoration: none;} .linkUsLy .mainCon .title{position: absolute;top: 66px;left: 70px;} .linkUsLy .mainCon .title h3{font-size: 24px;color: #0083c9;} .linkUsLy .mainCon .title p{font-size: 20px;color: #b8b8b8;font-family: arial;margin-top: 2px;} .linkUsLy .mainCon li{margin-bottom:20px; color:#777;height:60px;} .linkUsLy .mainCon label{display:inline-block; float:left; line-height:60px; height:58px; width:77px; border:1px solid #dedede; border-right-width:0; text-align:center; background:#fff;} .linkUsLy .mainCon .iptTxt{float:left; width:252px; border:1px solid #dedede; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .linkUsLy .mainCon li.yzm .iptTxt{float:left; width:130px; margin-bottom:0px;} cite { display:block;} .linkUsLy .mainCon cite{float:left} .linkUsLy .mainCon cite img{ width:110px;margin-left:10px;margin-top:10px;} .linkUsLy .mainCon cite #spChgVerCode{ display:inline; text-align:left;font-size:14px;color:#000; background:none;} /* helpList 帮助列表页 */ .helpListCon{width: 100%;margin-top: 40px;} .helpListCon .mainCon{width: 1200px;margin: 0 auto; background:#fff;} .helpListCon .mainCon .conBox{ display:block; margin: 0 20px; padding:20px 0;} .helpListCon .mainCon .con{width: 100%; text-align:center;} .helpListCon .mainCon .con p{ text-align:left;} /*详情页关键词*/ .rt_bot_line { background:#0083c9; height:2px; font-size:0; margin-top:20px; margin-bottom:10px;} .age_con_key {margin:0 auto;} .age_con_key .age_con_key1 { font-size:14px; float:left;} .age_con_key .age_con_key1 span { margin:0; font-weight:bold;} .age_con_key .age_con_key2 { float:right;} /*标题展示样式*/ .news_ul{width: 106%;} .news_ul li{width: 560px;overflow: hidden;margin-right: 38px;float: left;margin-bottom: 13px; height:24px; line-height:24px;} .news_ul li a{display: block;font-size: 14px;color: #333333;float: left;width: 434px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:left;} .news_ul li a:hover{color: #ff6c00;} .news_ul li span{display: block;font-size: 14px;color: #999999;font-family: arial;float: right;} /*标题加简介*/ dl.news_dl{float: left;width: 560px;height: 184px;background: #fff;margin: 0 9px 20px 9px; border:1px solid #0083c9;} dl.news_dl dt{float: left;padding-top: 30px;width: 80px;text-align: right;} dl.news_dl dt span{display: block;font-size: 16px;color: #cccccc;font-weight: bold;} dl.news_dl dt em{display: block;font-size: 16px;color: #cccccc;font-weight: bold;} dl.news_dl dt i{display: block;width: 45px;height: 45px;overflow: hidden;position: relative;float: right;margin-top: 44px;} dl.news_dl dt i img{display: block;width: 45px;height: 90px;position: relative;} dl.news_dl dd{width: 436px;margin-left: 34px;padding-top: 30px;height: 154px;position: relative;float: left;} dl.news_dl dd h3{font-size: 20px;color: #333333;font-weight: normal;} dl.news_dl dd h3 a{color: #333333;text-decoration: none;} dl.news_dl dd p{margin-top: 14px;color: #666666;line-height: 24px;font-size: 14px;} dl.news_dl dd a.more{display: block;position: absolute;left: 0;bottom: 26px;font-size: 12px;color: #999999;font-family: arial;} dl.news_dl:hover{background: #abce03;} dl.news_dl:hover dt span,dl.news_dl:hover dt em,dl.news_dl:hover dd h3,dl.news_dl:hover dd p,dl.news_dl:hover dd a.more{color: #fff;} dl.news_dl:hover dt i img{top: -45px;} /*图片加标题 弹窗*/ dl.dl_2 {float:left;width: 374px;margin: 0 6px 16px;} dl.dl_2 dt img{width: 370px;height: 247px;background:#eee;display:block;overflow:hidden;padding: 2px;transition:background 0.5s ease;-o-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;} dl.dl_2 dd { float:left; width:370px; margin-top:18px; height:24px; text-align:center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} dl.dl_2 dd a{ color:#333333; font-size:14px; line-height:24px; padding-right:8px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } dl.dl_2:hover dt img{ background:#0083c9;} dl.dl_2:hover dd{ color:#0083c9; text-decoration: none;} dl.dl_2:hover dd a{color:#0083c9; text-decoration: none;} /*风采*/ dl.qyfc {float:left;width: 374px;margin: 0 6px 16px;} dl.qyfc dt img{width: 370px;height: 247px;background:#eee;display:block;overflow:hidden;padding: 2px;transition:background 0.5s ease;-o-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;} dl.qyfc dd { float:left; width:370px; margin-top:18px; height:24px; text-align:center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} dl.qyfc dd { color:#333333; font-size:14px; line-height:24px; padding-right:8px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } dl.qyfc:hover dt img{ background:#0083c9;} dl.qyfc:hover dd{ color:#0083c9; text-decoration: none;} dl.qyfc:hover dd a{color:#0083c9; text-decoration: none;} /*荣誉*/ dl.qyry {float:left;width: 284px;margin-bottom:16px;margin-left: 6px;} dl.qyry dt img{width: 280px;height: 290px;background:#eee;display:block;overflow:hidden;padding: 2px;transition:background 0.5s ease;-o-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;} dl.qyry dd { float:left; width:284px; margin-top:18px; height:24px; text-align:center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} dl.qyry dd a{ color:#333333; font-size:14px; line-height:24px; padding-right:8px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } dl.qyry:hover dt img{ background:#0083c9;} dl.qyry:hover dd{ color:#0083c9; text-decoration: none;} dl.qyry:hover dd a{color:#0083c9; text-decoration: none;} /*图片标题简介*/ dl.dl_42{width: 370px;height: 464px;margin: 0 8px;float: left;margin-bottom: 20px;} dl.dl_42 dt{display: block;width: 370px;height: 285px;overflow: hidden;} dl.dl_42 dt img{display: block;transform:scale(1);transition: all 2s ease-out; width:370px; height:285px;} dl.dl_42 dt:hover img{transform: scale(1.2);} dl.dl_42 dd{padding: 28px 32px 0;height: 177px;background: #fff;position: relative;} dl.dl_42 dd h4{font-size: 16px;color: #333333;font-weight: normal;} dl.dl_42 dd h4 a{color: #333333;text-decoration: none;} dl.dl_42 dd p{line-height: 22px;color: #666666;font-size: 13px;margin-top: 14px;} dl.dl_42 dd .btn{overflow: hidden;width: 281px;height: 42px;background: url(../images/proListClassifyBg01.png) no-repeat center;position: absolute;bottom: 26px;left: 32px;} dl.dl_42 dd .btn a{display: block;width: 140px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 14px;color: #777777;text-decoration: none;} dl.dl_42 dd .btn a i{display: inline-block;width: 7px;height: 12px;background: url(../images/proListClassify_icon04.png) no-repeat center;margin-left: 8px;position: relative;top: 2px;} dl.dl_42 dd .btn a:first-child{border-right: 1px solid #eaeaea;} dl.dl_42 dd .btn a:hover{color: #fff;} dl.dl_42 dd:hover h4 a{color: #0083c9;} dl.dl_42 dd .btn a.more:hover{background: url(../images/proListClassifyBg02.png) no-repeat center;} dl.dl_42 dd .btn a.more:hover i{background: url(../images/proListClassify_icon05.png) no-repeat center;} dl.dl_42 dd .btn a.zx:hover{background: url(../images/proListClassifyBg03.png) no-repeat center;} dl.dl_42 dd .btn a.zx:hover i{background: url(../images/proListClassify_icon05.png) no-repeat center;} /*社会责任*/ dl.dl_shzr{padding: 20px;background: #fff;border: 1px solid #ebebeb;height: 145px;margin-top: 10px;} dl.dl_shzr:first-child{margin-top: 0;} dl.dl_shzr dt{float: left;width: 190px;height: 145px;overflow: hidden;} dl.dl_shzr dt img{display: block;width: 190px;height: 145px;transition: all 1s ease-out;} dl.dl_shzr dd{width:814px;height: 145px;position: relative;float: right;padding-right: 80px;} dl.dl_shzr dd h3{font-size: 20px;color: #333333;font-weight: normal;padding-top: 8px; text-align:initial;} dl.dl_shzr dd h3 a{color: #333333;text-decoration: none;} dl.dl_shzr dd p{font-size: 14px;color: #666666;line-height: 23px;margin-top: 16px;} dl.dl_shzr dd span{display: block;font-size: 16px;color: #cccccc;font-weight: bold;position: absolute;left: 0;bottom: 0;} dl.dl_shzr dd a.more{display: block;width: 35px;height: 35px;position: absolute;top: 0;right: 0;overflow: hidden;} dl.dl_shzr dd a.more img{width: 35px;height: 105px;position: relative;} dl.dl_shzr:hover{background: #0083c9;border-color: #0083c9;} dl.dl_shzr:hover h3 a{color: #fff;} dl.dl_shzr:hover p a{color: #fff;} dl.dl_shzr:hover span{color: #fff;} dl.dl_shzr:hover a.more img{top: -70px;} dl.dl_shzr:hover dt img{transform: scale(1.1);} /*党委成员*/ .helpListCon .mainCon .con li{float: left;width: 570px;height: 377px;margin-right: 10px;margin-bottom: 60px;} .helpListCon .mainCon .con li dl{width: 570px;height: 377px;position: relative;} .helpListCon .mainCon .con li dt{width: 280px;height: 350px;position: absolute;left: 0;top: 0;z-index: 9;} .helpListCon .mainCon .con li dt img{display: block;width: 280px;height: 350px;} .helpListCon .mainCon .con li dd{width: 236px;height: 280px;background: #e5e5e5;padding-left: 262px;padding-right: 22px;position: absolute;bottom: 0;right: 0;z-index: 8;} .helpListCon .mainCon .con li dd h3{font-size: 24px;color: #333333;font-weight: normal;position: relative;top: -75px; text-align:left;} .helpListCon .mainCon .con li dt i{display: block;width: 40px;height: 1px;position: relative;background: #0083c9;position: absolute;right: -20px;top:30px;} .helpListCon .mainCon .con li dd h4{font-size: 18px;color: #666666;margin-top: 4px;top: -75px;position: relative;font-weight: normal;text-align:left;} .helpListCon .mainCon .con li dd p{font-size: 14px;color: #666666;line-height: 24px;position: relative;top: -21px; overflow : hidden;text-overflow: ellipsis; height:190px;} .helpListCon .mainCon .con li dd span{display: block;width: 28px;height: 1px;background: #666666;position: absolute;left: 262px;bottom: 28px;} .helpListCon .mainCon .con li:hover dd h3,.cybj-team .mainCon li:hover dd h4{color: #0083c9;} .helpListCon .mainCon .con li:hover dd{background: #0083c9;} .helpListCon .mainCon .con li:hover dd p{color: #fff;} .helpListCon .mainCon .con li:hover dd span{background: #fff;} /*企业文化*/ li.qywh{width: 247px;text-align: center;margin: 0 19px;display:inline-block;*display:inline; margin-bottom:24px;} li.qywh span{display: block;width: 237px;height: 237px;border: 5px solid #fff;border-radius: 50%;box-shadow: 0 3px 6px 6px #e4e3e3;} li.qywh img{display: block;border-radius: 50%;} li.qywh h3{font-size: 20px;color: #0083c9;font-weight: normal;margin: 24px 0 6px;text-align: center;} li.qywh p{font-size: 14px;color: #33332f;line-height: 22px;padding: 0 14px;height: 66px;text-overflow: ellipsis;overflow: hidden;} li.qywh i{display: block;margin: 12px auto 0;width: 35px;height: 2px;background: #0083c9;} /*合作伙伴没有链接一行5个*/ dl.dl_2s {float:left;width: 205px;margin-bottom:16px;margin-left: 23px;} dl.dl_2s dt img{width: 201px;height: 111px;background:#eee;display:block;overflow:hidden;padding: 2px;transition:background 0.5s ease;-o-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;} dl.dl_2s dd { float:left; width:205px; margin-top:18px; height:24px; text-align:center; } dl.dl_2s dd{ color:#333333; font-size:14px; line-height:24px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } dl.dl_2s dd h4{overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} dl.dl_2s:hover dt img{ background:#0083c9;} dl.dl_2s:hover dd{ color:#0083c9; text-decoration: none;} dl.dl_2s:hover dd a{color:#0083c9; text-decoration: none;} /*图片加标题 有链接*/ dl.dl_yl {float:left;width: 374px;margin: 0 6px 16px;} dl.dl_yl dt img{width: 370px;height: 266px;background:#eee;display:block;overflow:hidden;padding: 2px;transition:background 0.5s ease;-o-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-webkit-transition:background 0.5s ease;} dl.dl_yl dd { float:left; width:370px; margin-top:18px; height:24px; text-align:center; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} dl.dl_yl dd a{ color:#333333; font-size:14px; line-height:24px; padding-right:8px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } dl.dl_yl:hover dt img{ background:#0083c9;} dl.dl_yl:hover dd{ color:#0083c9; text-decoration: none;} dl.dl_yl:hover dd a{color:#0083c9; text-decoration: none;} /*龙健时代*/ dl.dl_ljsd{float: left;padding: 121px 32px 0 33px;height: 299px;margin: 0 39px 70px;background: url(Img/Inpage/ljsdBg01.jpg) no-repeat center;} dl.dl_ljsd dt{overflow: hidden;} dl.dl_ljsd dt p{width: 66px;height: 60px;text-align: center;border: 1px solid #fff;float: left;padding-top: 6px;} dl.dl_ljsd dt span{display: block;font-size: 24px;color: #fff;font-weight: bold;} dl.dl_ljsd dt em{display: block;font-size: 19px;color: #fff;font-weight: bold; text-align:center;} dl.dl_ljsd dt i{display: block;font-size: 16px;color: #fff;font-style: normal;float: right;} dl.dl_ljsd dd{margin-top: 27px;width: 235px;height: 170px;} dl.dl_ljsd dd img{display: block;width: 235px;height: 170px;} dl.dl_ljsd:hover{background: url(Img/Inpage/ljsdBg02.jpg) no-repeat center;} /* newsList 新闻列表页 */ /* newsListMenu */ .newsListMenu{width: 100%;text-align: center;padding: 40px 0 0;} .newsListMenu li{display: inline-block;*display: inline;font-size: 14px;color: #333333;background: url(../images/aboutMenuBg01.png) no-repeat center;height: 50px;line-height: 50px;margin-left: 8px;width: 141px;text-align: center;} .newsListMenu li a{color: #333;text-decoration: none;display: block;} .newsListMenu li:first-child{margin-left: 0;} .newsListMenu li.cur a{background: url(../images/aboutMenuBg02.png) no-repeat center;color: #fff;} .newsListMenu li:hover a{background: url(../images/aboutMenuBg02.png) no-repeat center;color: #fff;} /* newsListCon */ .newsListCon{width: 100%;margin-top: 40px;} .newsListCon .mainCon{width: 1200px;margin: 0 auto;} .newsListCon .mainCon .conBox{width: 1200px;margin: 0 auto;} .newsListCon .mainCon .con{width: 100%;} .newsListCon .mainCon dl{width: 100%;padding-top: 39px;height: 209px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;} .newsListCon .mainCon dl:first-child{border-top: 1px solid #dfdfdf;} .newsListCon .mainCon dt{width: 220px;height: 170px;float: left;margin-left: 40px;overflow: hidden;} .newsListCon .mainCon dt img{display: block;transform: scale(1);transition: all 2s ease-out; width:220px; height:169px;} .newsListCon .mainCon dl:hover dt img{transform: scale(1.2);} .newsListCon .mainCon dd{width: 875px;height: 170px;position: relative;margin-left: 28px;float: left;} .newsListCon .mainCon dd h3{font-size: 20px;font-weight: normal;width: 650px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newsListCon .mainCon dd h3 a{color: #000000;text-decoration: none;} .newsListCon .mainCon dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 17px;} .newsListCon .mainCon dd .label{font-size: 12px;color: #999999;display: block;padding-left: 26px;position: absolute;left: 0;bottom: 0;background: url(../images/newsList_icon03.png) no-repeat left center;line-height: 16px;} .newsListCon .mainCon dd .label a:hover{color: #0083c9;} .newsListCon .mainCon dd .rq{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 140px;padding-left: 24px;padding-top: 2px;} .newsListCon .mainCon dd .zan{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 2px;right: 74px;padding-left: 24px;padding-top: 2px;cursor:pointer} .newsListCon .mainCon dd .readNum{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px;padding-top: 2px;} .newsListCon .mainCon dd a.more{display: block;width: 36px;height: 36px;background: url(../images/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 6px;bottom: 0;} .newsListCon .mainCon dl:hover dd a.more{background-position: left bottom;} .newsListCon .mainCon dl:hover dd h3 a{color: #0083c9;} .newsListCon .mainCon dl:hover {box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;} .paging{width: 100%;margin-top: 12px;margin-bottom: 12px;text-align: center;} .paging span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 44px;height: 44px;background: url(../images/pagingBg01.png) no-repeat center;line-height: 44px;font-size: 14px;color: #fff;margin: 0 5px;cursor: pointer;} .paging span>a.previousBtn {display: block;width:44px;height:44px;margin:0 auto;background: url(../images/pagingPrevBtn.png) no-repeat center; font-size:0;} .paging span>a.nextBtn {display: block;width:44px;height:44px;margin:0 auto;background: url(../images/pagingNextBtn.png) no-repeat center; font-size:0;} .paging p.jk_num {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 5px;} .paging p>a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 44px;height: 44px;background: url(../images/pagingBg01.png) no-repeat center;line-height: 44px;font-size: 16px;color: #999;margin: 0 5px;cursor: pointer;} .paging a:hover ,.paging a.cur {background: url(../images/pagingBg02.png) no-repeat center; color: #fff;} /* newsCenter 新闻中心页*/ /* newsCenterCase */ .newsCenterCase{width: 100%;padding-top: 44px;padding-bottom: 30px;} .newsCenterCase .conL{width: 798px;float: left;} .newsCenterCase .conL .box{width: 100%;padding-top: 26px;} .newsCenterCase .conL .box dl{width: 100%;margin-top: 26px;} .newsCenterCase .conL .box dl:first-child{margin-top: 0;} .newsCenterCase .conL .box dt{width: 220px;height: 170px;float: left;} .newsCenterCase .conL .box dt img{ width:220px; height:169px; display:block;} .newsCenterCase .conL .box dd{width: 554px;float: right;height: 170px;position: relative;} .newsCenterCase .conL .box dd h3{font-size: 16px;font-weight: normal;} .newsCenterCase .conL .box dd h3 a{color: #000000;text-decoration: none;} .newsCenterCase .conL .box dd p{line-height: 24px;color: #666666;font-size: 13px;margin-top: 16px;} .newsCenterCase .conL .box dd p a{color: #666666;text-decoration: none;} .newsCenterCase .conL .box dd span{display: block;font-size: 13px;color: #999999;position: absolute;bottom: 15px;left: 0;} .newsCenterCase .conL .box dd a.more{display: block;width: 36px;height: 36px;background: url(../images/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;left: 0;bottom: 0;} .newsCenterCase .conL .box dl:hover dd a.more{background-position: left bottom;} .newsCenterCase .conL .box dl:hover dd h3 a{color: #0083c9;} .newsCenterCase .conL .box ul{width: 474px;float: right;margin-right: 30px;} .newsCenterCase .conL .box li{overflow: hidden;margin-top: 15px;} .newsCenterCase .conL .box li:first-child{margin-top: 0;} .newsCenterCase .conL .box li a{display: block;font-size: 13px;color: #333333;width: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;} .newsCenterCase .conL .box li a:hover{color: #0083c9;} .newsCenterCase .conL .box li span{display: block;font-size: 13px;color: #999999;font-family: arial;margin-right: 10px;float: right;} .newsCenterCase .conR{width: 330px;float: right;} .newsCenterCase .conR .box{width: 100%;padding-top: 26px;} .newsCenterCase .conR .box li{float: left;width: 164px;height: 91px;border-left: 1px dotted #e5e5e5;border-top: 1px dotted #e5e5e5;} .newsCenterCase .conR .box li img{ display:block; width:164px; height:91px;} .newsCenterCase .conR .box li.dif{border-left: none;} /* newsCenterPress */ .newsCenterPress{width: 100%;background: #fff;padding-bottom: 50px;} .newsCenterPress .mainCon{width: 100%;margin-top: 28px;} .newsCenterPress .mainCon li{width: 370px;float: left;height: 550px;margin-left: 45px;position: relative;} .newsCenterPress .mainCon li:first-child{margin-left: 0;} .newsCenterPress .mainCon li .Pic{width: 370px;height: 266px;display: block;overflow: hidden;} .newsCenterPress .mainCon li .Pic img{display: block;transform: scale(1);transition: all 2s ease-out; width:370px; height:266px;} .newsCenterPress .mainCon li:hover img{transform: scale(1.2);} .newsCenterPress .mainCon li h3{font-size: 16px;color: #333333;font-weight: normal;margin: 36px 0 8px 0;} .newsCenterPress .mainCon li h3 a{color: #333;text-decoration: none; width:370px; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newsCenterPress .mainCon li p.p1 span{font-size: 13px;color: #999999;} .newsCenterPress .mainCon li p.p1 .time{margin-right: 18px;font-family: arial;} .newsCenterPress .mainCon li p.p2 .readNum{font-family: arial;} .newsCenterPress .mainCon li p.p2{font-size: 13px;color: #666666;line-height: 22px;margin-top: 30px;} .newsCenterPress .mainCon li a.more{display: block;font-size: 12px;color: #999999;left: 0px;bottom: 32px;position: absolute;} .newsCenterPress .mainCon li:hover a.more{color: #ec6b1a;font-weight: bold;} .newsCenterPress .mainCon li:hover h3 a{color: #0083c9;} /* newsCenterPress2 */ .newsCenterPress2{width: 100%;} .newsCenterPress2 .mainCon{width: 100%;margin: 28px auto 28px;} .newsCenterPress2 .mainCon dl{width: 100%;padding-top: 39px;height: 204px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;} .newsCenterPress2 .mainCon dl:first-child{border-top: 1px solid #dfdfdf;} .newsCenterPress2 .mainCon dt{width: 220px;height: 158px;float: left;margin-left: 40px;overflow: hidden;} .newsCenterPress2 .mainCon dt img{display: block;transform: scale(1);transition: all 2s ease-out; width:220px; height:158px;} .newsCenterPress2 .mainCon dl:hover dt img{transform: scale(1.2);} .newsCenterPress2 .mainCon dd{width: 875px;height: 158px;position: relative;margin-left: 28px;float: left;} .newsCenterPress2 .mainCon dd h3{font-size: 20px;font-weight: normal;width: 650px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newsCenterPress2 .mainCon dd h3 a{color: #000000;text-decoration: none;} .newsCenterPress2 .mainCon dd p{font-size: 13px;color: #666666;line-height: 24px;margin-top: 17px;} .newsCenterPress2 .mainCon dd .label{font-size: 12px;color: #999999;display: block;padding-left: 26px;position: absolute;left: 0;bottom: 0;background: url(../images/newsList_icon03.png) no-repeat left center;line-height: 16px;} .newsCenterPress2 .mainCon dd .label a:hover{color: #0083c9;} .newsCenterPress2 .mainCon dd .rq{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 140px;padding-left: 24px;padding-top: 2px;} .newsCenterPress2 .mainCon dd .zan{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 2px;right: 74px;padding-left: 24px;padding-top: 2px;cursor:pointer} .newsCenterPress2 .mainCon dd .readNum{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px;padding-top: 2px;} .newsCenterPress2 .mainCon dd a.more{display: block;width: 35px;height: 35px;position: absolute;right: 0;overflow: hidden;} .newsCenterPress2 .mainCon dd a.more img{width: 35px;height: 105px;position: relative;} .newsCenterPress2 .mainCon dl:hover dd h3 a{color: #0083c9;} .newsCenterPress2 .mainCon dl:hover {box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;} .newsCenterPress2 .mainCon dl:hover a.more img{top: -70px;} /* newsDetials 新闻详情页 */ /* newsDetialsArticle */ .newsDetialsArticle{width: 100%;padding-top: 30px;} .newsDetialsArticle .mainCon{width: 100%;} .newsDetialsArticle .mainCon .article{position: relative;width: 1200px;background: #fff;float: left;} .newsDetialsArticle .mainCon .article .conBox{padding: 30px 30px 0;} .newsDetialsArticle .mainCon .article .title h1{font-size: 22px;color: #333333;font-weight: normal;margin-bottom: 16px;} .newsDetialsArticle .mainCon .article .title .share{width: 100%;height: 24px;} .newsDetialsArticle .mainCon .article .title .share p{float: left;overflow: hidden;margin-top: 4px;} .newsDetialsArticle .mainCon .article .title .share p span{display: block;font-size: 12px;color: #999999;padding: 0 8px;border-left: 1px dotted #b6b6b6;float: left;} .newsDetialsArticle .mainCon .article .title .share p span:first-child{padding-left: 0;border-left: none;} .newsDetialsArticle .mainCon .article .title .share p span #cntrHits{ float:right;} .newsDetialsArticle .mainCon .article .title .share ul{float: right;} .newsDetialsArticle .mainCon .article .title .share li{margin-left: 7px;width: 24px;height: 24px;float: left;} .newsDetialsArticle .mainCon .article .title .share li img{display: block;} .newsDetialsArticle .mainCon .article .title i{width: 100%;display: block;height: 1px;background: #e7e7e7;margin-top: 18px;} .newsDetialsArticle .mainCon .article .title p.label{font-size: 12px;color: #999999;display: block;padding-left: 26px;background: url(../images/newsList_icon03.png) no-repeat left center;line-height: 16px;margin-top: 24px;} .newsDetialsArticle .mainCon .article .con{margin: 20px 0;} .newsDetialsArticle .mainCon .article .con p{ width:100%; margin:0 auto; white-space:normal; word-spacing:10px; line-height: 30px;font-size: 14px;color: #333333;} .newsDetialsArticle .mainCon .article .con p a{color:red;} .newsDetialsArticle .mainCon .article .context{width: 100%;border-top: 1px solid #e7e7e7;background: #fff;height: 70px;} .newsDetialsArticle .mainCon .article .context p{width: 600px;float: left;height: 70px;line-height: 70px;} .newsDetialsArticle .mainCon .article .context p a{font-size: 13px;color: #666666;display: block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .newsDetialsArticle .mainCon .article .context p.prevNews a{margin-left: 30px;padding-left: 20px;background: url(../images/newsDetialsArticle_icon10.png) no-repeat left center;} .newsDetialsArticle .mainCon .article .context p.NextNews a{margin-right: 30px;padding-right: 20px;text-align: right;background: url(../images/newsDetialsArticle_icon11.png) no-repeat right center;} .newsDetialsArticle .mainCon .article .context p.prevNews a:hover{background: url(../images/newsDetialsArticle_icon12.png) no-repeat left center;color: #0083c9;} .newsDetialsArticle .mainCon .article .context p.NextNews a:hover{background: url(../images/newsDetialsArticle_icon13.png) no-repeat right center;color: #0083c9;} .newsDetialsArticle .mainCon .article .context p.NextNews{border-left: 1px solid #e7e7e7;width: 599px;} .newsDetialsArticle .mainCon .article .backNewsList{width: 49px;height: 49px;display: block;position: absolute;left: -49px;top: 0;cursor:pointer;} .newsDetialsArticle .mainCon .hotNews{width: 300px;float: right;} .newsDetialsArticle .mainCon .hotNews .box{padding: 30px 28px 18px;background: #fff;margin-top: 10px;} .newsDetialsArticle .mainCon .hotNews .box:first-child{margin-top: 0;} .newsDetialsArticle .mainCon .hotNews .box .top{height: 40px;border-bottom: 1px solid #e7e7e7;} .newsDetialsArticle .mainCon .hotNews .box .top h3{font-size: 18px;color: #333333;font-weight: normal;float: left;} .newsDetialsArticle .mainCon .hotNews .box .top h3 em{font-weight: bold;color: #0083c9;} .newsDetialsArticle .mainCon .hotNews .box .top h3 i{width: 72px;height: 1px;background: #0083c9;position: relative;display: block;top: 18px;} .newsDetialsArticle .mainCon .hotNews .box .top a.more{display: block;width: 21px;height: 21px;float: right;margin-top: 4px;} .newsDetialsArticle .mainCon .hotNews .box ul{padding-top: 18px;} .newsDetialsArticle .mainCon .hotNews .box1 li{font-size: 14px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsDetialsArticle .mainCon .hotNews .box1 li a{color: #333333;} .newsDetialsArticle .mainCon .hotNews .box1 li:hover a{color: #0083c9;} .newsDetialsArticle .mainCon .hotNews .box2 li{font-size: 14px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsDetialsArticle .mainCon .hotNews .box2 li a{color: #333333;} .newsDetialsArticle .mainCon .hotNews .box2 li:hover a{color: #0083c9;} .newsDetialsArticle .mainCon .hotNews .sidebar{width: 300px;float: left;} .newsDetialsArticle .mainCon .hotNews .sidebar .top{width: 300px;height: 70px;background: url(../images/proListClassify_icon01.png) no-repeat 238px center #0083c9;} .newsDetialsArticle .mainCon .hotNews .sidebar h3{padding: 20px 0 0 26px;font-size: 24px;font-weight: normal;} .newsDetialsArticle .mainCon .hotNews .sidebar h3 a{display: block;color: #fff;text-decoration: none;} .newsDetialsArticle .mainCon .hotNews .sidebar h3 em{font-weight: bold;color: #fff;} .newsDetialsArticle .mainCon .hotNews .sidebar h3 span{font-size: 10px;color: #fff;font-family: arial;margin-left: 6px;position: relative;top: 2px;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1{padding: 26px; background:#fff;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1 dl{margin-top: 20px;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1 dl:first-child{margin-top: 0;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1 dd a{display: block;font-size: 14px;color: #666666;height: 50px;line-height: 50px;background: url(../images/proListClassify_icon02.png) no-repeat 190px center;text-indent: 25px;text-decoration: none;border: 1px solid #eaeaea;border-top: none;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1 dd:first-child a{border-top: 1px solid #eaeaea;} .newsDetialsArticle .mainCon .hotNews .sidebar .box1 dd a:hover,.newsDetialsArticle .mainCon .hotNews .sidebar .box1 dd a.cur{color: #0083c9;background: url(../images/proListClassify_icon03.png) no-repeat 190px center;font-weight: bold;} .newsDetialsArticle .mainCon .hotNews .sidebar .box2{margin-top: 20px;background: #fff; margin-bottom:20px;} .newsDetialsArticle .mainCon .hotNews .sidebar .box2 .phone{background: url(../images/proListClassify_phone.png) no-repeat 32px center;padding-left: 86px;padding-top: 25px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;} .newsDetialsArticle .mainCon .hotNews .sidebar .box2 .phone span{display: block;font-size: 14px;color: #333333;} .newsDetialsArticle .mainCon .hotNews .sidebar .box2 .phone p{font-size: 24px;color: #0083c9;font-family: arial;} /*筛选样式*/ .proListSecCon{width: 100%;background: #f5f5f5;padding-top: 6px;padding-bottom: 20px;} .proListSecCon .proListSecItem{/* padding-left: 30px; */} .proListSecCon .proListSecItem dl{margin-bottom: 15px;} .proListSecCon .proListSecItem dt{background:#fff;width: 144px;height: 40px;line-height: 40px;text-align: center;float: left;} .proListSecCon .proListSecItem dd{float: left;margin-left: 5px;/* height: 31px; */padding-top: 9px;width: 960px;} .proListSecCon .proListSecItem dd a{display: block;font-size: 15px;color: #666666;float: left;margin-right: 14px;text-decoration: none;line-height: 24px;font-family: arial;border-radius: 10%;padding: 2px 10px;} .proListSecCon .proListSecItem dd a:hover{color: #ff6c00;} .proListSecCon .proListSecItem dd a.cur{color: #fff;background: #ff6c00;} .proListSecCon .proListSelect{padding-top: 12px;width: 1130px;/* padding-left: 40px; */border-top: 1px solid #ff6c00;padding-bottom: 14px;/*display: none;*/} .proListSecCon .proListSelect span{display: block;font-size: 14px;color: #333333;font-weight: bold;float: left;line-height: 30px;margin-right: 10px;} .proListSecCon .proListSelect span.nyxz{width: 144px;height: 40px;line-height: 40px;text-align: center;float: left;} .proListSecCon .proListSelect p{width: 950px;float: left;} .proListSecCon .proListSelect a{display: inline-block;*display: inline-block;height: 30px;line-height: 30px;border: 1px solid #e4e4e4;padding: 0 12px;margin-right: 5px;text-decoration: none;} .proListSecCon .proListSelect a em{font-size: 14px;color: #333333;margin-right: 6px;} .proListSecCon .proListSelect a i{display: inline-block;*display: inline-block;width: 15px;height: 15px;background: url(Img/Common/proListSelect_icon01.png) no-repeat center;position: relative;top: 3px;} .proListSecCon .proListSelect a:hover{border-color: #ff6c00;} .proListSecCon .proListSelect a:hover em{color: #ff6c00;} .proListSecCon .proListSelect a:hover i{} .proListSecCon .proListSelect .pro_result span{display: inline-block;*display: inline-block;height: 40px;line-height: 40px;border: 1px solid #e4e4e4;padding: 0 12px;margin-right: 5px;text-decoration: none;cursor: pointer;} .proListSecCon .proListSelect .pro_result span em{font-size: 14px;color: #333333;margin-right: 6px;} .proListSecCon .proListSelect .pro_result span i{display: inline-block;*display: inline-block;width: 15px;height: 15px;background: url(Img/Common/proListSelect_icon01.png) no-repeat center;position: relative;top: 3px;} .proListSecCon .proListSelect .pro_result span:hover{border-color: #ff6c00;} .proListSecCon .proListSelect .pro_result span:hover em{color: #ff6c00;} .proListSecCon .proListSelect .pro_result span:hover i{}