@charset "utf-8"; /*网站公共样式开始*/ /*reset*/ #nodata { padding: 80px; padding-left: 150px; border: solid 1px #eee; margin: 10px 0; background: url(../images/nodata.gif) no-repeat 20px 20px; background-color: #fff; } /* mub01InpageBannerr 模板1公共广告高度*/ .mub01InpageBannerr { width: 100%; height: 450px; } .mub01InpageBannerr a { display: block; margin: 0 auto; height: 450px; } /* 搜索*/ #paging ul { width:898px; } #paging .paging { margin-top: 20px; } .InpageSearch { width: 100%; } .InpageSearch .top { padding-top: 52px; height: 108px; background: #e5e5e5; } .InpageSearch .Input { width: 608px; height: 57px; position: relative; margin: 0 auto; } .InpageSearch .Input input#seachkeywords { 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: 30px 30px; background: #fff; } .InpageSearch .mainCon .conBox .searchTitle { margin-bottom: 20px; font-size: 24px; color: #333; font-weight: normal; } .InpageSearch .mainCon .conBox .box { width: 100%; overflow: hidden; } .InpageSearch .mainCon .conBox .box li { padding: 20px 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: 25px; 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: #b10e21; } .InpageSearch .mainCon .conBox .box li.cpsosu { float: left; } .InpageSearch .mainCon .conBox .box li.cpsosu .Pic { display: block; width: 300px; overflow: hidden; float: left; } .InpageSearch .mainCon .conBox .box li.cpsosu .Pic img { display: block; transform:scale(1); transition: all 2s ease-out; width:300px; } .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:776px; float: left; } input.go { display: block; width: 47px; height: 47px; position: absolute; right: 4px; top: 4px; border: navajowhite; background: url(../images/inpagesearch_icon01.png) no-repeat center; cursor:pointer; } .keys { color: #096ac9 } .searchpaging { margin-top: 25px; } /* 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(../images/ico27.png) no-repeat 0 11px; padding: 5px 0; text-indent: 10px; } .sitemap_con h4 { line-height: 30px; margin: 10px 0; margin-right: 10px; width: 100%; } .sitemap_con h4 a { color: #000; font-size: 16px; } .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; font-size: 14px; } .b4 li a { color: #000; } .b4 li a:hover { color: #096ac9; } .qcfd { float: none; } /*网站公共样式结束*/ /* 模板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 { padding-top: 0px; } .mub01Title h3 em { color: #096ac9; font-weight: bold; } .mub01Title h3 i { display: inline-block; height: 1px; background: #e5e5e5; width: 534px; position: relative; top: -6px; } .mub01Title h3 i.xianR { margin-left: 12px; } .mub01Title p { font-size: 12px; color: #999999; font-family: arial; margin-top: 6px; text-align: center; } /* mub01Top*/ .mub01Top { width: 100%; height: 42px; border-bottom: 1px solid #eaeaea; } .mub01Top h3 { font-size: 20px; color: #333333; float: left; } .mub01Top h3 i { display: block; width: 24px; height: 1px; background: #096ac9; 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: #096ac9; } /* proList 产品列表内页*/ /* proListClassify*/ .proListClassify { width: 100%; } .proListClassify .sidebar { width: 320px; float: left; } .proListClassify .sidebar .top { width: 320px; height: 70px; background: url(../images/prolistclassify_icon01.png) no-repeat 267px center #096ac9; } .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: 12px; font-size: 16px; background: url() no-repeat 220px center #eaeaea; line-height: 56px; } .proListClassify .sidebar .box1 dt:hover a, .proListClassify .sidebar .box1 dt.cur a { color: #096ac9; /* 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; padding-right: 65px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .proListClassify .sidebar .box1 dd a:first-child { border-top: none; } .proListClassify .sidebar .box1 dd a:hover, .proListClassify .sidebar .box1 dd a.cur { color: #096ac9; /* 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: #096ac9; 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%; } /*产品页面 分页控件 靠左样式*/ /* proListNews*/ .proListNews { width: 100%; } .proListNews .top { width: 100%; height: 38px; border-bottom: 1px solid #eaeaea; } .proListNews .top h3 em { color: #096ac9; font-weight: bold; } .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: #096ac9; } .proListNews .mainCon dt { width: 220px; height: 176px; float: left; } .proListNews .mainCon dt img { display: block; width: 220px; height: 176px; } .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: #096ac9; } .proListNews .mainCon ul { width: 474px; float: right; margin-right: 30px; } .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: #096ac9; } .proListNews .mainCon li span { display: block; font-size: 13px; color: #999999; font-family: arial; margin-right: 10px; float: right; } /* proDetails 产品详情页*/ /* proDetailsIntro*/ /* about 澳门新葡萄新京2360页面*/ /* aboutMenu*/ .aboutMenu { width: 1200px; text-align: center; padding: 40px 0 0; margin: 0 auto; } .aboutMenu li { display: inline-block; *display: inline; *zoom:1; 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-top:30px; padding-bottom: 40px; background: #fff; margin-bottom: 35px; margin-top: 35px; } .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: #096ac9; position: absolute; bottom: 0; left: 0; } /* aboutHonor*/ .aboutHonor { width: 100%; padding-bottom: 20px; } .aboutHonor .mub01Title h3 { color: #1e1e1e; } .aboutHonor .mub01Title p { color: #999999; } .aboutHonor .mainCon { width: 100%; position: relative; margin-top: 34px; } .aboutHonor .mainCon i { display: block; width: 42px; height: 42px; cursor: pointer; position: absolute; top: 150px; overflow: hidden; } .aboutHonor .mainCon .btn01 { background: url(../images/aboutmienbtn01.png) no-repeat left top; left: -70px; } .aboutHonor .mainCon .btn02 { background: url(../images/aboutmienbtn02.png) no-repeat left top; right: -70px; } .aboutHonor .mainCon .aboutHonorCon { width: 100%; position: relative; height: 320px; overflow: hidden; } .aboutHonor .mainCon .aboutHonorCon ul { width: 105%; position: absolute; top: 0; left: 0; } .aboutHonor .mainCon .aboutHonorCon li { width: 280px; float: left; margin-right: 26px; } .aboutHonor .mainCon .aboutHonorCon li span { display: block; width: 100%; margin-top: 14px; font-size: 14px; color: #333; text-align: center; } .aboutHonor .mainCon .aboutHonorCon li a { text-decoration: none; } .aboutHonor .mainCon .aboutHonorCon li img { display: block; width: 278px; height: 288px; border: 1px solid #f4f4f4; } .aboutHonor .mainCon .aboutHonorCon li img:hover { border: 1px solid #096ac9; } .aboutHonor .mainCon .aboutHonorCon li span:hover { color: #096ac9; } /* aboutHistory*/ #lc { padding-top:20px; } .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: 588px; 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: 570px; } .aboutHistory .mainCon .conR li { padding-top: 32px; ; border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; } .aboutHistory .mainCon .conR li dt { width: 98px; float: left; font-size: 23px; color: #096ac9; font-weight: bold; font-family: arial; } .aboutHistory .mainCon .conR li dd { width: 470px; float: left; } .aboutHistory .mainCon .conR li dd p { font-size: 14px; color: #333333; line-height: 23px; text-align: left; } .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); } #fzlc { padding-top: 0px; } .aboutHistoryHelp { width: 100%; background: #fff; position: relative; } .aboutHistoryHelp .conL { float: left; width: 540px; height: 360px; padding: 0; } .aboutHistoryHelp .conL a { display: block; } .aboutHistoryHelp .conR { width: 575px; height: 360px; margin-left: 25px; float: left; overflow: hidden; } .aboutHistoryHelp .conR .box { width: 510px; height: 360px; float: left; overflow: hidden; padding-left: 36px; background: url(../images/abouthistory_xian.png) no-repeat left top; overflow: hidden; } .aboutHistoryHelp .conR ul { width: 540px; } #aboutHistoryUl li a { cursor: default; } .aboutHistoryHelp .conR li { padding-top: 32px; border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; } .aboutHistoryHelp .container { width: 1140px; } .aboutHistoryHelp .conR li dt { width: 98px; float: left; font-size: 26px; color: #096ac9; font-weight: bold; font-family: arial; } .aboutHistoryHelp .conR li dd { width: 408px; float: left; } .aboutHistoryHelp .conR li dd p { font-size: 14px; color: #333333; line-height: 23px; text-align: left; } .aboutHistoryHelp .conR li:first-child { padding-top: 0; } .aboutHistoryHelp .scroll { width: 11px; height: 360px; float: right; position: relative; background: url(../images/scroll02.png); z-index: 99; } .aboutHistoryHelp .scroll p { width: 11px; height: 61px; background: url(../images/scroll01.png); cursor: auto; left: 0; top: 1px; position: absolute; background: url(../images/scroll01.png); } .aboutHistoryHelp .mub01Title h3 i { width: 506px; } #fzlcdesc { font-size: 12px; color: #999999; font-family: arial; margin-top: 6px; text-align: center; margin-bottom: 20px; } .aboutHistory #licheng { padding-top: 0px; } /* linkUs 联系我们*/ /* linkUsMap*/ .linkUsMap { width: 100%; padding-top: 30px; } .linkUsMap .mainCon { width: 100%; font-size: 14px; } .linkUsMap .mainCon .conL { width: 455px; height: 496px; float: left; background: #fff; padding: 54px 70px 0 75px; } .linkUsMap .mainCon .conL h3 { font-size: 24px; color: #096ac9; 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: #096ac9; 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; } .proDetailsCanS .mainCon .probox{position:relative;left:0;} .proDetailsCanS .mainCon .probox.hide{position:absolute;left:-9999px;} /* helpList 帮助列表页*/ #helpListConkhal{ margin-top: -48px; } .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; overflow: hidden; } .helpListCon .mainCon .con p { text-align: left; } /*详情页关键词*/ .rt_bot_line { background: #096ac9; 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 { padding: 20px; height: 120px; border: 1px solid #dfdfdf; border-top: none; background: #fff; position: relative; } dl.news_dl:first-child { border-top: 1px solid #dfdfdf; } dl.news_dl dt { font-size: 22px; font-weight: normal; } dl.news_dl dt a { color: #000000; text-decoration: none; } dl.news_dl:hover dt img { transform: scale(1.2); } dl.news_dl dd { width: 100%; height: 80px; position: relative; margin-left: 0px; float: left; font-size: 14px; color: #666666; line-height: 24px; margin-top: 17px; } dl.news_dl:hover dt a { color: #ff6c00; } dl.news_dl:hover { box-shadow: 0 0 10px 6px #eeeeee; z-index: 99; } /*图片加标题 弹窗*/ 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: #096ac9; } dl.dl_2:hover dd { color: #096ac9; text-decoration: none; } dl.dl_2:hover dd a { color: #096ac9; 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: #096ac9; } dl.qyfc:hover dd { color: #096ac9; text-decoration: none; } dl.qyfc:hover dd a { color: #096ac9; text-decoration: none; } /*荣誉*/ dl.qyry { float: left; width: 284px; margin-bottom: 16px; margin-left: 5px; } .condzhc dl.qyry dt img {height: 431px;} #helpListCongcsj dl.qyry dt img { height: 186px; } #helpListConxjsb dl.qyry dt img { height: 186px; } dl.qyry dt img { width: 280px; height: 275px; 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: #096ac9; } dl.qyry:hover dd { color: #096ac9; text-decoration: none; } dl.qyry:hover dd a { color: #096ac9; text-decoration: none; } /*图片标题简介*/ dl.dl_42 { width: 270px; height: 385px; margin: 0 10px; float: left; margin-bottom: 20px; } dl.dl_42 dt { display: block; width: 270px; height: 215px; overflow: hidden; } dl.dl_42 dt img { display: block; transform: scale(1); transition: all 2s ease-out; width: 270px; height: 215px; } dl.dl_42 dt:hover img { transform: scale(1.2); } dl.dl_42 dd { padding: 20px 32px 0; height: 177px; background: #fff; position: relative; } dl.dl_42 dd h4 { font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 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: 234px; height: 35px; background: url(../images/prolistclassifybg0101.png) no-repeat center; position: absolute; bottom: 26px; left: 15px; } dl.dl_42 dd .btn a { display: block; width: 116px; height: 35px; line-height: 35px; 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: #096ac9; } dl.dl_42 dd .btn a.more:hover { background: url(../images/prolistclassifybg02.png) no-repeat center / cover; } 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 / cover; } dl.dl_42 dd .btn a.zx:hover i { background: url(../images/prolistclassify_icon05.png) no-repeat center; } /*企业文化*/ 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: #096ac9; 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: #096ac9; } /*合作伙伴没有链接一行5个*/ dl.dl_2s { float: left; width: 205px; margin-bottom: 16px; margin-left: 23px; } dl.dl_2s dt img { width: 201px; height: 138px; 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; font-weight: normal; } dl.dl_2s:hover dt img { background: #096ac9; } dl.dl_2s:hover dd { color: #096ac9; text-decoration: none; } dl.dl_2s:hover dd a { color: #096ac9; text-decoration: none; } /*图片加标题 有链接*/ dl.dl_yl { float: left; width: 374px; margin: 0 6px 16px; } dl.dl_yl 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_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: #096ac9; } dl.dl_yl:hover dd { color: #096ac9; text-decoration: none; } dl.dl_yl:hover dd a { color: #096ac9; text-decoration: none; } /* newsList 新闻列表页*/ /* newsListMenu*/ .newsListMenu { width: 100%; text-align: center; padding: 40px 0 0; } .newsListMenu li { display: inline-block; *display: inline; *zoom:1; 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; } #listcon { text-align: left; } #listcon p { text-align: left; } #paging .paging { margin-top: 0px; padding-bottom: 18px; } .paging { width: 100%; margin-top: 20px; margin-bottom: 0px; text-align: center; } .paging span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 44px; height: 44px; 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; font-size: 0; } .paging span > a.nextBtn { display: block; width: 44px; height: 44px; margin: 0 auto; 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: 45px; height: 43px; line-height: 43px; font-size: 16px; color: #999; margin: 0 5px; cursor: pointer; background: url(../images/pagingbg01.png) no-repeat center; } .paging .jk_num 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: #096ac9; } .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: #096ac9; } .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-top: 30px; padding-bottom: 50px; margin-top: 40px; } .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: 296px; display: block; overflow: hidden; } .newsCenterPress .mainCon li .Pic img { display: block; transform: scale(1); transition: all 2s ease-out; width: 370px; height: 296px; } .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: 25px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .newsCenterPress .mainCon li a.more { width: 133px; height: 39px; line-height: 39px; text-align: center; display: block; position: absolute; bottom: 0; left: 0; font-size: 13px; color: #999999; background: url(../images/newscenterpressbg01.png) no-repeat center; text-decoration: none; } .newsCenterPress .mainCon li:hover h3 a { color: #096ac9; } .newsCenterPress .mainCon li:hover a.more { background: url(../images/newscenterpressbg02.png) no-repeat center; color: #fff; } /* newsCenterPress2*/ .newsCenterPress2 { padding-top: 30px; width: 100%; } .newsCenterPress2 .mainCon { width: 100%; margin: 28px auto 0; } .newsCenterPress2 .mainCon dl { width: 100%; padding-top: 39px; height: 209px; 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: 176px; float: left; margin-left: 40px; overflow: hidden; } .newsCenterPress2 .mainCon dt img { display: block; transform: scale(1); transition: all 2s ease-out; width: 220px; height: 176px; } .newsCenterPress2 .mainCon dl:hover dt img { transform: scale(1.2); width:220px; height:170px; } .newsCenterPress2 .mainCon dd { width: 875px; height: 164px; 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; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .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: #096ac9; } .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: 36px; height: 36px; background: url(../images/list_circle.png) no-repeat left top; overflow: hidden; position: absolute; right: 6px; bottom: 0; } .newsCenterPress2 .mainCon dl:hover dd a.more { background-position: left bottom; } .newsCenterPress2 .mainCon dl:hover dd h3 a { color: #096ac9; } .newsCenterPress2 .mainCon dl:hover { box-shadow: 0 0 10px 6px #eeeeee; z-index: 99; } /* newsDetials 新闻详情页*/ /* newsDetialsArticle*/ .newsDetialsArticle { width: 100%; padding-top: 30px; } .newsDetialsArticle .mainCon { width: 100%; } .newsDetialsArticle .mainCon .article { position: relative; width: 890px; 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; } #newsconhits span { float: right; } .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 img { max-width: 100%; } .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: #096ac9; } .newsDetialsArticle .mainCon .article .context { width: 100%; border-top: 1px solid #e7e7e7; background: #fff; height: 70px; } .newsDetialsArticle .mainCon .article .context p { width: 445px; 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: #096ac9; } .newsDetialsArticle .mainCon .article .context p.NextNews a:hover { background: url(../images/newsdetialsarticle_icon13.png) no-repeat right center; color: #096ac9; } .newsDetialsArticle .mainCon .article .context p.NextNews { border-left: 1px solid #e7e7e7; width: 444px; } .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: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: #096ac9; } .newsDetialsArticle .mainCon .hotNews .box .top h3 i { width: 72px; height: 1px; background: #096ac9; 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: #096ac9; } .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: #096ac9; } .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 #096ac9; } .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: #096ac9; 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: #096ac9; 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 { background: url(../images/partnerbg01.png) no-repeat center; 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(../images/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 { background: url(../images/prolistselect_icon02.png) no-repeat center #ff6c00; } .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(../images/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 { background: url(../images/prolistselect_icon02.png) no-repeat center #ff6c00; } /* mub01InpageBannerr 模板1公共广告高度*/ .mub01InpageBannerr { width: 100%; height: 300px; } #mub01MainContent { background:none; } /* mub01MainContent*/ .mub01MainContent { width: 100%; background: #f4f4f4; padding-bottom: 30px; } /* 模板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; } .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; } /* mub01Title 模板1公共标题*/ .aboutHonor .mub01Title { width: 100%; text-align: center; padding-top:0px; } .mub01Title h3 { font-size: 26px; color: #1e1e1e; font-weight: bold; } .mub01Title h3 em { color: #096ac9; font-weight: bold; } .mub01Title h3 i { display: inline-block; height: 1px; background: #e5e5e5; width: 510px; 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 em { color: #096ac9; font-weight: bold; } .mub01Top a.more { display: block; font-size: 13px; color: #666666; float: right; margin-right: 6px; text-decoration: none; } .mub01Top a.more:hover { color: #096ac9; } /* proList 产品列表内页*/ /* proListClassify*/ .proListClassify { width: 100%; } .proListClassify .sidebar { width: 325px; float: left; margin-top: 20px; } .proListClassify .sidebar .top { width: 320px; height: 70px; background: url(../images/prolistclassify_icon01.png) no-repeat 267px center #096ac9; } .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: 15px; background: #fff; } .proListClassify .sidebar .box1 dl { margin-top: 20px; } .proListClassify .sidebar .box1 dl:first-child { margin-top: 0; } .proListClassify .sidebar .box1 dt a { display: block; color: #333; text-decoration: none; width: 80%; float: left; } .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 250px 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 { color: #096ac9; /* background: url(../images/prolistclassify_icon03.png) no-repeat 220px center; */ font-weight: bold; } .proListClassify .sidebar .box2 { margin-top: 20px; background: #fff; } .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: 18px; color: #096ac9; 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: 680px; margin-right: 10px; float: left; margin-bottom: 10px; } .proListClassify .section .con li .Pic { display: block; width: 420px; height: 242px; overflow: hidden; } .proListClassify .section .con li .Pic img{width: 420px; height: 242px;} .proListClassify .section .con li .intro { padding: 28px 32px 0; height: 200px; background: #fff; position: relative; } .proListClassify .section .con li .intro h3 { font-size: 16px; color: #333333; font-weight: normal; } .proListClassify .section .con li .intro h3 a { color: #333333; text-decoration: none; } .proListClassify .section .con li .intro p { line-height: 22px; color: #666666; font-size: 13px; margin-top: 14px; } .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: 60px; } .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: #096ac9; } .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; } /* 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 i { display: block; width: 24px; height: 1px; background: #096ac9; position: relative; top: 14px; } .proListNews .top a.more { display: block; font-size: 13px; color: #666666; float: right; margin-right: 6px; text-decoration: none; } .proListNews .top a.more:hover { color: #096ac9; } .proListNews .mainCon { padding: 41px 0; background: #fff; } .proListNews .mainCon dl { float: left; margin-left: 40px; width: 577px; padding-right: 41px; border-right: 1px dotted #b2b2b2; } .proListNews .mainCon dd { width: 330px; float: right; height: 180px; position: relative; } .proListNews .mainCon dd h3 { font-size: 16px; font-weight: normal; } .proListNews .mainCon dd h3 a { color: #000000; text-decoration: none; } .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: #096ac9; } .proListNews .mainCon ul { width: 474px; float: right; margin-right: 30px; } .proListNews .mainCon li { overflow: hidden; margin-top: 15px; } .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: #096ac9; } .proListNews .mainCon li span { display: block; font-size: 13px; color: #999999; font-family: arial; margin-right: 10px; float: right; } /* proDetails 产品详情页*/ /* proDetailsBanner*/ /* about 澳门新葡萄新京2360页面*/ /* aboutBanner*/ .aboutBanner { background: url(../images/mub01inpagebanner.jpg) no-repeat left center; } /* aboutMenu*/ .aboutMenu { width: 100%; text-align: center; padding: 40px 0 0; } .aboutMenu li { display: inline-block; *display: inline; *zoom:1; 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 .mainCon { width: 100%; margin-top: 34px; } .aboutIntro .mainCon dt { float: left; width: 540px; height: 360px; } .aboutIntro .mainCon dd { width: 600px; float: right; height: 360px; 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: #096ac9; position: absolute; bottom: 0; left: 0; } /* aboutMien*/ .aboutMien { width: 100%; padding-top: 30px; 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: 100%; margin: 0 auto; position: relative } .aboutMien .aboutMienCon .aboutMienBox { width: 1080px; height: 100%; margin: 0 auto; } .aboutMien .aboutMienCon .iteam { position: absolute; overflow: hidden; height: auto; 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: auto; 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; } /* 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; } .linkUsMap .mainCon .conL .box p span { font-size: 15px; color: #666666; } .linkUsMap .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: 55px; } .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: #096ac9; text-decoration: none; } .linkUsLy .mainCon .title { position: absolute; top: 66px; left: 70px; } .linkUsLy .mainCon .title h3 { font-size: 24px; color: #096ac9; } .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; list-style:none; } .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; } /* newsList 新闻列表页*/ /* newsListCon*/ #newsListCon .mainCon .conBox { padding-top: 20px; } .newsListCon { width: 100%; margin-top: 40px; } #newsListCon { margin-top:0px; } .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:176px; } .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; } .newsListCon .mainCon dd h3 a { color: #000000; text-decoration: none; } .newsListCon .mainCon dd p { font-size: 13px; color: #666666; line-height: 24px; margin-top: 17px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .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 .zan { display: block; font-size: 13px; font-family: arial; height: 16px; background: url(../images/newslist_icon01.png) no-repeat left top; position: absolute; top: 5px; right: 74px; padding-left: 24px; padding-top: 2px; } .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: #096ac9; } .newsListCon .mainCon dl:hover { box-shadow: 0 0 10px 6px #eeeeee; z-index: 99; } /* 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 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: #096ac9; } .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: #096ac9; } .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.dif { border-left: none; } .newsCenterCase .conR .box li:first-child, .newsCenterCase .conR .box li.second { border-top: none; } /* newsDetials 新闻详情页*/ /* newsDetialsBanner*/ .newsDetialsBanner { background: url(../images/mub01inpagebanner.jpg) no-repeat left center; } /* newsDetialsArticle*/ .newsDetialsArticle { width: 100%; padding-top: 30px; } .newsDetialsArticle .mainCon { width: 100%; } .newsDetialsArticle .mainCon .article { position: relative; width: 890px; background: #fff; float: left; } .newsDetialsArticle .mainCon .article .conBox { padding: 30px 30px 0; } .newsDetialsArticle .mainCon .article .title h2 { font-size: 28px; color: #333333; font-weight: normal; margin-bottom: 16px; } .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-top: 40px; } .newsDetialsArticle .mainCon .article .con p { line-height: 30px; font-size: 14px; color: #333333; } .newsDetialsArticle .mainCon .article .context { width: 100%; border-top: 1px solid #e7e7e7; background: #fff; height: 70px; } .newsDetialsArticle .mainCon .article .context p { width: 445px; float: left; height: 70px; line-height: 70px; } .newsDetialsArticle .mainCon .article .context p a { font-size: 13px; color: #666666; display: block; } .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: #096ac9; } .newsDetialsArticle .mainCon .article .context p.NextNews a:hover { background: url(../images/newsdetialsarticle_icon13.png) no-repeat right center; color: #096ac9; } .newsDetialsArticle .mainCon .article .context p.NextNews { border-left: 1px solid #e7e7e7; width: 444px; } .newsDetialsArticle .mainCon .article .backNewsList { width: 49px; height: 49px; display: block; position: absolute; left: -49px; top: 0; } .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: #096ac9; } .newsDetialsArticle .mainCon .hotNews .box .top h3 i { width: 72px; height: 1px; background: #096ac9; position: relative; display: block; top: 18px; } .newsDetialsArticle .mainCon .hotNews .box .top a.more { display: block; width: 21px; height: 21px; float: right; margin-top: 4px; } /*404页面*/ .notpagecontent { width: 768px; margin: 0 auto; width: 960px; padding: 118px 106px 134px 86px; } .notpagecontent .content { width: 768px; } .notpagecontent .notleft { float: left; } .notpagecontent .notritht { float: right; } /*网站消息提示*/ #xiaoxibox { font-family: verdana, arial, helvetica, sans-serif; background-color: #aaa; text-align: center; } .xiaoxibox { border-right: #777 1px solid; padding-right: 20px; border-top: #777 1px solid; padding-left: 125px; font-size: 12px; padding-bottom: 20px; margin: 150px auto auto; border-left: #777 1px solid; width: 450px; color: #333; line-height: 1.5em; padding-top: 25px; border-bottom: #777 1px solid; text-align: left; background: url() #fff no-repeat 22px 43px; } .xiaoxibox .boxcont { height: 60px; } .xiaoxibox H3 { padding-left: 12px; font-weight: bold; font-size: 14px; margin: -25px -20px 20px -125px; color: #fff; line-height: 28px; background-color: #777; } #back { color: #f39700; } #spTimeout { font-weight: bold; color: #f39700; font-size: 14px; margin-right: 5px } /*友情链接*/ .yplj_con { width: 100%; background: url(../images/yplj_ing.jpg) no-repeat center; padding-bottom: 30px; } .sp-title { width: 100%; height: 40px; border: none; line-height: 25px; overflow: hidden; color: #444; margin-right: 2px; padding-top: 20px; } .sp-title li { width: 100%; height: 42px; line-height: 42px; background: #E2E2E2; float: left; overflow: hidden; } .sp-title li a { font-size: 15px; color: #333333; } .sp-title li .yqljsq { float: left; margin-left: 15px; font-size: 15px; } .sp-title li .yqljck { float: right; margin-right: 15px; } .formbox table tbody tr td input { height: 20px; } .formbox { font-size: 14px; margin-bottom: 20px; padding-top: 20px; } .formbox input[type="button"] { cursor: pointer; } .formbox table tbody tr td input, .formbox table tbody tr td textarea { width: 300px; padding: 5px; } .formbox table tbody tr td input.b18 { width: 80px; height: 30px; } .formbox em { display: block; width: 317px; height: 34px; position: relative; } .formbox .sc { display: block; z-index: 2; width: 16px; height: 15px; background: url(../images/tj.png) no-repeat center; position: absolute; right: 10px; top: 9px; } /* 404样式*/ .ConBox-Con { width: 682px; margin: 0 auto; padding-top: 290px; } .ConBox404 { background: url(../images/bg.jpg) no-repeat center / cover; height: 1080px; width: 100%; } .ConBox-Con h1 { text-align: center; font-size: 32px; color: #999; font-weight: normal; } .ConBox-Con p { font-size: 24px; color: #999; text-align: center; padding-top: 370px; } .ConBox-Con ul { padding-top: 30px; } .ConBox-Con ul li { width: 155px; height: 55px; text-align: center; line-height: 55px; background: #fff; border-radius: 5px; display: inline-block; margin-left: 16px; box-shadow: 0 12px 50px rgba(0,0,0,0.1); } .ConBox-Con ul li:first-child { margin-left: 0; } .ConBox-Con ul li a { display: block; font-size: 15px; color: #666; text-decoration: none; } .ConBox-Con ul li.li04 { background: #ff6c00; } .ConBox-Con ul li.li04 a { color: #fff; } /* 样式 End*/ /*多条件刷选*/ .ProductList { background-color: #fff; border-top: 1px #e8e8e8 solid; border-left: 1px #e8e8e8 solid; border-right: 1px #e8e8e8 solid; margin-bottom: 20px; } .ProductList dl { height: 80px; line-height: 80px; border-bottom: 1px #e8e8e8 solid; } .ProductList dl dt { background-color: #f9f9f9; border-right: 1px #e8e8e8 solid; display: block; height: 80px; line-height: 80px; width:10%; text-align: center; font-size: 14px; color: #666; box-sizing: border-box; } .ProductList dl dd { width: 90%; padding-top: 25px; } .ProductList dl dd a { display: inline-block; font-size: 14px; color: #333; text-decoration: none; margin-left:20px; } .ProductList dl dd a em { height: 30px; line-height: 30px; font-style: normal; font-weight: 400; padding: 0 4px 0 8px; border: 1px solid transparent; border-bottom: none; display: inline-block; position: relative; z-index: 2; } .Select { height: 80px; line-height: 80px; padding: 0 50px; border-bottom: 1px #e8e8e8 solid; } .Select span { font-size: 14px; color: #666; } .Select ul li { background-color: #f9f9f9; border: 1px #e8e8e8 solid; width: 110px; height: 30px; line-height: 30px; margin: 25px 10px; float: left; } .Select ul li a { text-decoration: none; font-size: 14px; color: #333; display: block; text-indent: 8px; } .Select ul li a i { background: url(../images/cuo.png) no-repeat 12px; display: inline-block; width: 30px; height: 30px; float: right; text-align: center; } .Select ul li:hover { border: 1px #096ac9 solid; } .Select ul li:hover a i { background: #096ac9 url(../images/cuo02.png) no-repeat 12px; } .btn-primary em { background-color: #096ac9; border: 1px solid #096ac9; color: #fff; } .card-title { margin-bottom:15px; } /*多条件刷选 end*/ /*下载1*/ .cishu{display:none;} .ny_down02{width: 1218px;margin-left: auto;margin-right: auto;} .ny_down03{overflow:hidden;width: 373px;height:130px;float:left;padding:0px;margin-right:20px;margin-bottom:20px;background-color:#ededed;} .ny_down03 dd{width: 291px;float:left;height:130px;padding:0 21px;text-align: left;} .ny_down03 dt{ width:40px; float:right; height:130px;} .ny_down03 dd h5{ font-size:16px; font-weight:normal; margin-top:25px; margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_down03 dd h5 a { color:#333;} .ny_down03 dd span{ display:block; line-height:18px; font-size:12px; color:#999; margin-bottom:3px;} .ny_down03 dt i{ display:block; cursor:pointer; width:34px; height:35px; margin:0 auto; margin-top:40px; background:url(../images/nydown_d.png) no-repeat center top;} .ny_down03:hover dd{ background-color:#096ac9;} .ny_down03:hover dd h5 a{ color:#fff;} .ny_down03:hover dd span{ color:#fff;} .ny_down03:hover dt i{ background-position:bottom;} .ny_down03:hover dt{ background-color:#101010;} /*下载2*/ .wdxz {background: #f6f6f6;padding: 95px 0;position: relative;z-index: 2;} .wdxz h3 {margin-bottom: 50px;} .wdxz h3 em {display: block;font-size: 12px;color: #979797;margin-bottom: 15px;} .wdxz h3 span {display: block;font-size: 24px;color: #000;font-weight: normal;} .wdxz .wdxz_con ul {height: 59px;border-bottom: 1px solid #e9e9e9;background: #fff;} .wdxz .wdxz_con ul li {float: left;height: 59px;line-height: 59px;font-size: 15px;} .wdxz .wdxz_con ul li.li1 {width: 877px;text-indent: 45px; border-right: 1px solid #eeeeee;} .wdxz .wdxz_con ul li.li2 {width: 133px;text-align: center;border-right: 1px solid #eee;color: #999;} .wdxz .wdxz_con ul li.li3 {width: 187px;} .wdxz .wdxz_con ul li.li3 a {display: block;height: 59px;text-indent: 50px;background: url(../images/wdxzicon01.png) no-repeat 123px center;} .wdxz .wdxz_con ul:hover {background: #096ac9;color: #fff;} .wdxz .wdxz_con ul:hover li.li1 { border-right-color: #ddd;} .wdxz .wdxz_con ul:hover li.li1 a {color: #fff;} .wdxz .wdxz_con ul:hover li.li2 {color: #fff; border-right-color: #ddd;} .wdxz .wdxz_con ul:hover li.li3 a {color: #fff;} /*弹框确认下载*/ .TCbox{ position: fixed;left:0;top:0;width:100%;height: 100%;background:url(../images/bg01.png);z-index: 99999;display:none; } .tkBox{ overflow:hidden; width:308px; height:265px; padding:0 25px; background:url(../images/tkbgbig.png) no-repeat center; position:absolute; left:50%; margin-left:-179px; top:50%; margin-top:-167px; } .tkBox .tkTit{ overflow:hidden; margin:0 aut0; height:43px; margin-top:15px; } .tkBox .tkTit li{ float:left; width:154px; height:42px; line-height:42px;border-bottom:1px solid #096ac9; font-size:18px; text-align:center; color:#fff;} .tkBox .tkTit li.cur{ border-bottom:1px solid #096ac9; color:#096ac9;} .tkBox .fromKj{ overflow:hidden; width:308px;} .tkBox .hyzcClose {display: block;width: 49px;height: 50px;position: absolute;left: 316px;top:0px;cursor: pointer;z-index:5;color: #096ac9;font-size: 18px;} .tkBox form{ overflow: hidden; width:308px; margin-top:30px;} .tkBox form fieldset{ width:308px; height:37px; overflow:hidden; margin-bottom:15px; *padding-bottom:15px;} .tkBox form fieldset label{ width:45px; height:37px; float:left;} .tkBox form fieldset lable img{ display:block; margin:0 auto;} .tkBox form fieldset input{ float:right; height:37px; line-height:37px; background:url(../images/tkbg01.png) no-repeat center; width:252px; height:37px; border:none; outline:none; padding:0 5px; color:#333; font-size:14px;} .tkBox form fieldset input.tkYzm{ width:128px; background:url(../images/tkbg02.png) no-repeat left center; height:37px; float:left; color:#fff; font-size:14px;} .tkBox form fieldset label.yzm{ width:100px; height:37px; float:right;} .tkBox .tk-btn{ width:100%; overflow:hidden;height:37px; margin-top:5px; } .tkBox .tk-btn a{ width:112px; height:37px; display:inline-block; margin:0 10px;background:url(../images/tkaniu.png) no-repeat center bottom; text-align:center; line-height:37px; font-size:14px; color:#fff; text-decoration:none; } .tkBox .tk-btn a.close{background:url(../images/tkaniu.png) no-repeat center top;} .tkBox .tk-btn a{ *display:inline;} .tkBox p{ text-align:right; font-size:13px; color:#fff; margin-top:10px;} .tkBox p a{ color:#fff; margin:0 5px;} .tkBox p a:hover{ color:#00b9f1; text-decoration:none;} .tkBox .tk-btn span{font-size:12px;color:#096ac9;} /*人才招聘*/ .rczp {background: #f6f6f6;padding: 18px 15px;position: relative;z-index: 2;} .rczp .conleft {width: 360px;} .rczp .conleft h3 {margin-bottom: 45px;font-weight: normal;} .rczp .conleft h3 em {display: block;font-size: 12px;color: #979797;margin-bottom: 14px;} .rczp .conleft h3 span {display: block;font-size: 24px;color: #333;} .rczp .conleft .box {background: #096ac9;position: relative;} .rczp .conleft .box .embg {width: 0;height: 0;border: 6px solid #000;border-right: none;border-top-color: #f6f6f6;position: absolute;left: 0; top: -6px;} .rczp .conleft dl {padding-left: 95px;position: relative;color: #fff;height: 101px;border-bottom: 1px solid #f6f6f6;} .rczp .conleft dl dt {font-size: 20px;margin-bottom: 10px;padding-top: 25px;} .rczp .conleft dl dt em {display: block;width: 32px;height: 32px;position: absolute;left: 40px;top: 24px;} .rczp .conright {width: 810px;padding-top: 30px;} .rczp .conright .ulTop {border-bottom: 1px solid #f6f6f6;} .rczp .conright .ulTop li {float: left; background: #fff;height: 70px;line-height: 70px;text-align: center;color: #666;border-right: 1px solid #f6f6f6;} .rczp .conright .ulTop li.li1 {width: 373px;text-align: left;text-indent: 40px;} .rczp .conright .ulTop li.li2 {width: 104px;} .rczp .conright .ulTop li.li3 {width: 165px;} .rczp .conright .ulTop li.li4 {width: 164px;} .rczp .conright .conbox .conTop {height: 69px; background: #fff;border-bottom: 1px solid #f6f6f6;} .rczp .conright .conbox .conTop li {float: left;height: 69px;line-height: 69px;text-align: center;color: #666;} .rczp .conright .conbox .conTop li.li1 {width: 373px;font-size: 20px;color: #333;position: relative;text-align: left;text-indent: 40px;cursor: pointer;} .rczp .conright .conbox .conTop li.li2 {width: 104px;} .rczp .conright .conbox .conTop li.li3 {width: 165px;} .rczp .conright .conbox .conTop li.li4 {width: 163px;text-align: left;text-indent: 30px;background: url(../images/rczpicon08.png) no-repeat 110px center;cursor: pointer;} .rczp .conright .conbox .conTop li.li1 em {display: none;width: 0;height: 0;border: 7px solid #fff;border-bottom: none;border-left-color: #f0f0f0;border-right-color: #f0f0f0;position: absolute;left: 90px;top: 69px;} .rczp .conright .conbox .boxBot {display: none;background: #f0f0f0;padding: 30px 40px;} .rczp .conright .conbox.cur .conTop li.li1 em {display: block;} .rczp .conright .conbox.cur .boxBot {display: block;} .rczp .conright .conbox .boxBot .p1 {font-size: 16px;color: #333;margin-bottom: 15px;} .rczp .conright .conbox .boxBot ol {list-style: decimal;margin-left: 15px;margin-bottom: 45px;} .rczp .conright .conbox .boxBot ol li {list-style: decimal;margin-bottom: 10px;} .rczp .conright .conbox .zxsq {display: block;height: 53px;line-height: 53px;width: 153px;background: #7E3C93;text-align: center;color: #fff;} .rczp .conleft .HRxx {background: #fff; margin-top: 20px;padding-left: 35px;padding-bottom: 30px;color: #333;} .rczp .conleft .HRxx h4 {padding-top: 30px;background: url(../images/hrxx.png) no-repeat 240px 25px;padding-bottom: 23px;color: #096ac9;font-size: 24px;font-weight: normal;} .rczp .conleft .HRxx .p1 {font-size: 16px;margin-bottom: 10px;} .rczp .conleft .HRxx .p2 {font-size: 16px;} /*内页产品中心推荐*/ .ProductRight{width: 850px;} .ProductTop{border: 1px #dedede solid;margin-bottom: 20px;background: #fff;} .ProductTop a.ProductImg{width: 453px;height: 261px;display: block;overflow: hidden;float: left;} .ProductTop a.ProductImg img{width:453px;height: 261px;display: block;transition: .8s;} .ProductTop:hover a.ProductImg img{transform: scale(1.03);} .ProductTop dl{width: 314px;border-left: 1px #dedede solid;padding: 40px;height: 181px;} .ProductTop dl dt h3{font-weight: normal;font-size: 24px;} .ProductTop dl dt h3 a{color: #333;} .ProductTop dl dt p{font-size: 16px;color: #666;line-height: 25px;margin-top: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .ProductTop dl dd{margin-top: 20px;overflow: hidden;} .ProductTop dl dd a{width: 140px;height: 40px;background-color: #096ac9;color: #fff;border-radius: 50px;line-height: 40px;font-size: 14px;display: block; text-align: center;margin-left: 10px;float: left;} .ProductTop dl dd a.a2{background-color: #cda142;} .ProductTop dl dd a:first-child{margin-left: 0;} .ProductTop:hover dl dt h3 a{color: #096ac9;} .ProductTop dl dd a i{width: 28px;height: 22px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px; background: url(../images/producticon02.png) no-repeat center center;} .ProductTop dl dd a.a2 i{background: url(../images/producticon03.png) no-repeat center center;} /* Title 内页澳门新葡萄新京2360-荣誉 */ .Title{text-align: center;position: relative;z-index: 9;} .Title h3{font-size: 30px;font-weight: normal;color: #333;} .Title h3 a{color: #333;} .Title h3 a img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;} .Title h3 img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;} .Title p{font-size: 16px;color: #999;margin-top: 10px;} .Title p i{width: 70px;height: 1px;display: inline-block;*display: inline;*zoom: 1;background-color: #dedede;vertical-align: middle;margin: 0 15px;} .Title02 h3{color: #fff;} .Title02 p{color: #fff;} .Title02 p i{background-color: #fff;} /* Title End */ /* Certifications 内页澳门新葡萄新京2360-荣誉 YangFangLing 2018年12月4日 */ .Certifications{padding: 70px 0;} .Certifications-Con{margin-top: 30px;} .Certifications-Top{text-align: center;} .Certifications-Top ul li{font-size: 14px;border: 1px #dedede solid;height: 50px;line-height: 50px;border-radius: 50px;display: inline-block;*display: inline;*zoom: 1;padding: 0 45px;margin: 0 5px;} .Certifications-Top ul li.cur{background-color: #096ac9;border: 1px #096ac9 solid;} .Certifications-Top ul li.cur a{color: #fff;} .Certifications-Top ul li a{color: #333;display: block;} .Certifications-Bot{margin-top: 40px;position: relative;} .CertificationsBox{position: relative;overflow: hidden;} .CertificationsBox ul{position: relative;} .CertificationsBox ul li{float: left;width: 285px;border: 1px #e9e9e9 solid;text-align: center;background-color: #fafafa;margin-left: 17px;} .CertificationsBox ul li:first-child{margin-left: 0;} .CertificationsBox ul li span{width: 285px;height: 280px;display: block;overflow: hidden;} .CertificationsBox ul li span img{width: 285px;height: 280px;display: block;transition: .8s;} .CertificationsBox ul li:hover span img{transform: scale(1.03);} .CertificationsBox ul li p{height: 80px;line-height: 80px;background-color: #e9e9e9;font-size: 16px;color: #333;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .CertificationsBox ul li:hover{border: 1px #096ac9 solid;} .CertificationsBox ul li:hover p{background-color: #096ac9;color: #fff;} .Certifications-Bot i{display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -15px;} .Certifications-Bot i img{display: block;width: 30px;height: 60px;position: relative;} .Certifications-Bot i:hover img{position: relative;top: -30px;} .Certifications-Bot i.prev{left: -50px;} .Certifications-Bot i.next{right: -50px;} /* Certifications End */ /*澳门新葡萄新京2360*/ .caseType{margin:0 auto;padding-top:17px;width:1200px;overflow:hidden;} .caseType .list{width:1215px;} .caseType .item{position:relative;float:left;margin-right:15px;width:390px;height:280px;overflow:hidden;} .caseType .pic{position:relative;width:390px;height:280px;} .caseType .pic img{display:block;width:390px;height:280px;} .caseType .pic p{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;background:#2239a3;opacity: 0.7;} .caseType .text{position:absolute;z-index:-1;top:100%;left:0;width:390px;height:280px;line-height:280px;text-align:center;background:#2239a3;transition:all 1s; opacity: 0.7; font-size: 20px;color:#fff;} .caseType .text a{display:block;font-size:20px;color:#fff;} /* 内页澳门新葡萄新京23605大优势 */ .IndexIcon{box-shadow: 0 0 50px rgba(0,0,0,.1);padding: 75px 0;} .IndexIcon ul li{width: 240px;text-align: center;float: left;background: url(../images/icon06.png) no-repeat center left;position: relative;} .IndexIcon ul li:first-child{background: none;} .IndexIcon ul li b{font-size: 18px;color: #333;} .IndexIcon ul li p{color: #333;font-size: 14px;margin-top: 5px;} .IndexIcon ul li img{width: 50px;height: 50px;display: block;margin: 15px auto 0;position: relative;transition: all 0.5s;} .IndexIcon ul li i{width: 89px;height: 5px;display: block;background-color: #096ac9;position: absolute;left: 50%;bottom: -80px;margin-left: -44.5px;display: none;} .IndexIcon ul li.cur i{display: block;} .IndexIcon ul li.cur b{color: #096ac9;} .IndexIcon ul li:hover img{transform: rotateY(180deg);position: relative;} /* 内页澳门新葡萄新京23605大优势 End */ /* 案例中心-五星服务 */ .IndexService{padding: 70px 0;background: url(../images/indexservicebg.jpg) center center;} .IndexServiceCon{margin-top: 40px;} .IndexServiceCon ul li{float: left;background-color: #fff;width: 220px;padding: 60px 80px;text-align: center;margin-left: 30px;transition: .8s;top: 0;} .IndexServiceCon ul li:first-child{margin-left: 0;} .IndexServiceCon ul li h3{font-size: 24px;color: #096ac9;font-weight: normal;} .IndexServiceCon ul li p{color: #666;font-size: 16px;line-height: 30px;margin-top: 20px;} .IndexServiceCon ul li span{width: 50px;height: 50px;display: block;overflow: hidden;position: relative;margin: 40px auto 0;} .IndexServiceCon ul li span img{width: 50px;height: 100px;display: block;position: relative;transition: all 0.5s;} .IndexServiceCon ul li:hover span img{position: relative;top: -50px;transform: rotateY(360deg);} .IndexServiceCon ul li:hover{position: relative;top: -10px;} /* 案例中心-五星服务 End */ /* 案例中心-留言 */ .Message{padding: 65px 0;} .MessageLeft{width: 550px;background: url(../images/messagebox.png) no-repeat center right;padding-right: 50px;} .MessageText{overflow: hidden;border-bottom: 1px #dedede solid;padding-bottom: 40px;} .MessageText h3{font-size: 14px;color: #333;font-weight: normal;background: url(../images/messageicon01.png) no-repeat center left;padding-left: 70px;float: left;margin-left: 35px;} .MessageText h3.Icon02{background: url(../images/messageicon02.png) no-repeat center left;} .MessageText h3:first-child{margin-left: 0;} .MessageText h3 em{display: block;font-size: 24px;margin-top: 5px;} .MessageLeft dl{margin-top: 40px;} .MessageLeft dl dt{width: 133px;height: 133px;border: 1px #e1e1e1 solid;} .MessageLeft dl dt img{width: 133px;height: 133px;display: block;} .MessageLeft dl dd{margin-left: 30px;} .MessageLeft dl dd h3{font-size: 18px;color: #333;} .MessageLeft dl dd em{width: 30px;height: 1px;display: block;background-color: #096ac9;margin: 15px 0;} .MessageLeft dl dd p{font-size: 14px;color: #666;} .MessageLeft dl dd a{width: 115px;text-align: center;height: 40px;line-height: 40px;display: block;background-color: #096ac9;border-radius: 50px;color: #fff;font-size: 14px;margin-top: 20px;} .MessageLeft dl dd a i{background: url(../images/messageicon03.png) no-repeat center center;width: 17px;height: 15px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px;} .MessageRight{width: 557px;} .MessageRight h3{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 10px;} .MessageRight ul li{float: left;margin-top: 15px;} .MessageRight ul li span{font-size: 14px;color: #666;} .MessageRight ul li input{width: 114px;height: 30px;border: 1px #dedede solid;padding: 0 10px;} .MessageRight ul li.li02{margin-left: 20px;} .MessageRight ul li.li02 input{width: 230px;} .MessageRight ul li.li03 input{width: 460px;height: 40px;padding: 10px 10px 50px;} .MessageRight ul li.li03 span{vertical-align: 20px;} .MessageRight ul li.li04{width: 365px;height: 40px;background-color: #096ac9;border-radius: 50px;text-align: center;line-height: 40px;margin-top: 20px;margin-left: 75px;} .MessageRight ul li.li04 a{display: block;color: #fff;font-size: 14px;} .Message .container{position: relative;} .Message .container span.Img{width: 288px;height: 423px;display: block;position: absolute;right: -237px;top: -91px;} .Message .container span.Img img{width: 288px;height: 423px;display: block;} /* 案例中心-留言*/ /* 产品 Advantage YangFangLing 2018年12月13日 */ .Advantage{background-color: #096ac9;padding: 67px 0 86px;position: relative;} .Advantage .container02{position: relative;z-index: 9;} .AdvantageCon{margin-top: 40px;overflow: hidden;} .AdvantageCon dl{float: left;width: 300px;} .AdvantageCon dl dt{width: 300px;height: 250px;overflow: hidden;} .AdvantageCon dl dt img{display: block;width: 300px;height: 250px;transition: .8s;} .AdvantageCon dl:hover dt img{transform: scale(1.03);} .AdvantageCon dl dd{background-color: #fff;width: 220px;height: 170px;padding: 40px;position: relative;} .AdvantageCon dl dd h3{font-weight: normal;color: #096ac9;font-size: 18px;line-height: 25px;} .AdvantageCon dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 20px;} .AdvantageCon dl:hover dd h3{font-weight: bold;} .AdvantageCon dl dd i{width: 17px;height: 10px;display: block;background: url(../images/sjx02.png) no-repeat center center;position: absolute;left: 50%;margin-left: -8.5px;top: -10px;z-index: 9;} .AdvantageCon dl.dl02 dd i{background: url(../images/sjx.png) no-repeat center center;bottom: -10px;top: auto;} .AdvantageCon dl.dl04 dd i{background: url(../images/sjx.png) no-repeat center center;bottom: -10px;top: auto;} .Advantage span.Img{width: 459px;height: 265px;display: block;position: absolute;left: 50%;margin-left: -229.5px;top: 110px;z-index: 1;} .Advantage span.Img img{width: 459px;height: 265px;display: block;webkit-animation: fadeIn 2s infinite linear;animation: fadeIn 2s infinite linear;} /* Advantage End */ /* 产品案例 CustomerChoice YangFangLing 2018年12月13日 */ .CustomerChoice{padding: 0px 0;background-color: #f4f4f4;} .CustomerChoice-Bot ul{width: 1230px;margin-left: -30px;} .CustomerChoice-Bot ul li{width: 380px;text-align: center;float: left;margin-top: 30px;margin-left: 30px;} .CustomerChoice-Bot ul li span{width: 380px;height: 303px;display: block;overflow: hidden;} .CustomerChoice-Bot ul li span img{width: 380px;height: 303px;display: block;transition: .8s;} .CustomerChoice-Bot ul li:hover span img{transform: scale(1.03);} .CustomerChoice-Bot ul li:hover p{background-color: #096ac9;color: #fff;} .CustomerChoice-Bot ul li p{height: 60px;line-height: 60px;background-color: #fff;color: #333;font-size: 16px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .CustomerChoice-Top{background-color: #fff;padding: 25px 40px;margin-top: 60px;} .CustomerChoiceSuozi{padding-top: 20px;} .CustomerChoiceSuozi ul li{float: left;font-size: 16px;color: #333;text-align: right;border-left: 1px #999 dotted;padding-left: 45px;margin-left: 45px;} .CustomerChoiceSuozi ul li:first-child{padding-left: 0;margin-left: 0;border: none;} .CustomerChoiceSuozi ul li span{color: #096ac9;font-size: 48px;display: block;font-family: "icomoont";} .CustomerChoiceGongGo{ width: 580px; border-left: 1px #dedede dotted; padding-left: 45px; height: 121px;overflow: hidden;} .CustomerChoiceGongGo ul{position: relative;} .CustomerChoiceGongGo ul li{margin-top: 15px;overflow: hidden;} .CustomerChoiceGongGo ul li:first-child{margin-top: 0;} .CustomerChoiceGongGo ul li em{font-size: 16px;color: #333;width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;*display: inline;*zoom: 1;float: left;} .CustomerChoiceGongGo ul li span{font-size: 16px;color: #333;float: right;} .CustomerChoiceGongGo ul li:hover em{color: #096ac9;} /* CustomerChoice End */ .proListClassify .sidebar .box1 dd{display: none;}