.m-mcon, .procontent { border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px; } /* 关于手机的相关新闻 */ .m-about .list { margin: 5px; font-size: 12px; line-height: 22px; } .m-about .list a { font-size: 14px; height: 33px; display: block; line-height: 33px; padding-left: 8px; overflow: hidden; } .m-about .list a:nth-child(1) { border-top: 0; } .m-about .list a:last-child { border-bottom: 0; } /* 网友热评 */ .m-com .u-idet { padding: 17px 10px 10px 10px; } .m-com .u-idet textarea { border: 1px solid #d2d2d2; border-radius: 6px; -webkit-border-radius: 6px; height: 60px; text-indent: 10px; width: 100%; color: #d6d6d6; line-height: 20px; padding: 5px 0; font-size: 12px; } .m-com .u-btn { border-bottom: 1px solid #d9d9d9; line-height: 26px; padding: 0 10px; color: #b2b2b2; } .m-com .u-btn .z-zz { margin-bottom: 10px; } .m-com .z-mg { width: 100%; margin-bottom: 13px; } .m-com .u-relay { padding: 10px; } .m-com .u-relay dl { padding: 13px 0 10px 0; } .m-com .u-relay dl dt { font-size: 12px; } .m-com .u-relay dl dd .re_fir { line-height: 22px; margin-top: 2px; } .m-com .u-relay dl dd .re_sec { border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; margin-top: 14px; position: relative; } .m-com .u-relay dl dd .re_sec:before { content: ' '; position: absolute; width: 0; height: 0; left: 21px; top: -4px; border: 4px solid; border-color: #e6e6e6 transparent transparent #e6e6e6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .m-com .u-relay .show_more { padding: 10px 0; height: 26px; font-size: 12px; } .m-com .u-mt { padding: 21px 0 0 10px } /* 推荐产品 */ .m-rec .m-con { margin: 0 auto; position: relative; } .m-rec .prev { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 99; } .m-rec .prev:before { content: ""; position: absolute; background: #bababa; width: 12px; height: 12px; left: 4px; top: 14px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .prev:after { content: ""; position: absolute; background: #f9f9f9; width: 12px; height: 12px; left: 8px; top: 14px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .next { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -35px; right: 0; z-index: 99; } .m-rec .next:before { content: ""; position: absolute; background: #bababa; width: 12px; height: 12px; right: 4px; top: 14px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .next:after { content: ""; position: absolute; background: #f9f9f9; width: 12px; height: 12px; right: 8px; top: 14px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .m-nowr { /*margin:16px 22px 0 22px;*/ } .m-rec .m-box { height: 165px; overflow: hidden; } .m-rec .m-box p a:nth-child(1) { /*margin-right:10px;*/ } .m-rec .m-box p a { display: inline-block; float: left; line-height: 2em; text-align: center; width: 25%; font-size: 90%; overflow: hidden; } .m-rec .m-box p a.mr10 { margin-right: 10px; } .m-rec .m-box p a img { border: 1px solid #e2e2e2; float: left; width: 90%; height: 5em; } .m-nowr p { width: 100%; } .m-nowr p a { width: 33%; text-align: center; overflow: hidden; font-size: 90%; float: left; display: inline-block; margin-top: 1.3em; margin-bottom: 1em; } .m-nowr p a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m-nowr p a img { width: 90%; height: 6em; border: 1px solid #CCCCCC; } .m-about { clear: both; } /*详细页底部*/ .g-up { height: 44px; position: relative; background: #b9b9b9; } .g-up .goho { background-size: 100%; width: 34px; height: 31px; padding-top: 13px; padding-left: 10px; background: #a1a1a1; } .g-up .mid { height: 44px; margin: 5px 55px 0 55px; position: relative; } .g-up .mid p { color: #d0d0d0; width: 100%; } .g-up .m-up { background-size: 100%; width: 44px; height: 44px; line-height: 20px; text-align: center; background: #a1a1a1; position: absolute; right: 0; top: 0; } .g-up .m-up a { font-size: 9px; color: #fff; } .g-up .m-up img { position: absolute; top: 7px; right: 15px; } /*底部搜索布局*/ .g-se1 { padding-top: 7px; position: relative; } /*搜索布局*/ .g-se1 .m-ipt { margin-right: 43px; } .g-se1 .u-glass { position: absolute; right: 10px; top: 15px; width: 42px; height: 30px; background: transparent; z-index: 888; } .g-se1 .u-bt { width: 42px; height: 30px; float: right; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; position: relative; right: 1px; } .g-se1 .u-bt:before { content: ''; display: block; width: 12px; height: 12px; border-radius: 25px; position: absolute; right: 14px; top: 5px; z-index: 99; } /*搜索右边的图标css3样式*/ .g-se1 .u-bt:after { content: ''; display: block; width: 4px; height: 10px; border-radius: 5px; border: 0; position: absolute; right: 12px; top: 16px; z-index: 99; -webkit-transform: rotate(-52deg); -o-transform: rotate(-52deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg); } /*搜索右边的图标css3样式*/ .g-se1 .u-in { float: right; position: absolute; z-index: 100; right: 0; top: 5px; width: 42px; height: 30px; } .g-se1 .u-key { width: 100%; height: 16px; padding: 7px 0; line-height: 16px; border-right: 0; border-bottom-left-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 15px; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-bottom-left-radius: 15px; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-top-right-radius: 0; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-bottom-right-radius: 0; /*圆角,针对苹果浏览器写的兼容*/ text-indent: 15px; float: left; } /*搜索中的请输入关键词样式*/ .g-se1 .u-in { background: transparent; } .g-se1 .u-bt:before { border: 3px solid #d7d7d7; } .g-se1 .u-bt:after { background: #d7d7d7; } .g-se1 .u-bt { background: #fff; } .g-se1 .u-key { border: none; box-shadow: 0 0 0 #fff; } .m-con1 { padding-left: 10px; } .m-con1 .u-mtit p { border-bottom: none; } .m-con1 .u-mtit h1 { font-size: 18px; text-align: center; padding: 14px 0 0 0; font-weight: bold; font-family: "黑体" } .m-mcon1, .procontent { border-top: none; } .m-mcon1 { padding: 0 20px 40px 10px; word-spacing: 10px; letter-spacing: normal; white-space: normal; line-height: 22px; font-size: 14px; } .m-mcon1 p { padding: 12px 0 0 0; line-height: 24px; } .m-con1 .u-mtit .pic { background: url(/mobile/Images/Web/pic2.gif) no-repeat; background-size: 100%; width: 16px; height: 16px; display: block; position: absolute; top: 0; right: 8px; } .m-con1 .num { position: relative; color: #ae1911; padding-right: 28px; } .s-tit { color: #1a1a1a; } /*详情页分页*/ .g-page1 { border-top: 1px solid #c7c7c7; height: 53px; padding: 13px 12px 0 12px; color: #cfcfcf; font-size: 14px; position: relative; } .g-page1 .rem { font-size: 15px; display: inline-block; width: 22%; } .g-page1 .rem:before { content: ' '; position: absolute; width: 0; height: 0; left: 35px; top: -1px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #c7c7c7; height: 0; width: 0; } .g-page1 .rem:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #F9F9F9; content: " "; height: 0; left: 36px; position: absolute; top: -1px; width: 0; } .g-page1 p { display: inline-block; width: 36%; text-align: right; padding-right: 12px; } .g-page1 .next { color: #7c7c7c; width: 30%; text-align: right; display: inline-block; position: relative; padding-right: 20px; } .g-page1 .u-up { position: relative; } .g-page1 .u-up:before { content: ' '; position: absolute; width: 0; height: 0; right: 44px; top: 1px; border-right: 6px solid #7c7c7c; border-bottom: 6px solid transparent; border-top: 6px solid transparent; } .g-page1 .u-up:after { border-right: 5px solid #F9F9F9; border-bottom: 5px solid transparent; border-top: 5px solid transparent; content: " "; height: 0; right: 43px; position: absolute; top: 2px; width: 0; } .g-page1 .u-next:before { content: ' '; position: absolute; width: 0; height: 0; right: 12px; top: 1px; border-left: 6px solid #7c7c7c; border-bottom: 6px solid transparent; border-top: 6px solid transparent; } .g-page1 .u-next:after { border-left: 5px solid #F9F9F9; border-bottom: 5px solid transparent; border-top: 5px solid transparent; content: " "; height: 0; right: 14px; position: absolute; top: 2px; width: 0; } .g-page1 a { color: #000; } .m-about .tj { border-top: 1px solid #d4d4d4; background: #f5f5f5; height: 46px; line-height: 46px; margin-right: 10px; padding-left: 6px; font-size: 15px; color: #383838; } .m-about .list:last-child { border-bottom: none; padding-bottom: 16px; } .m-about .hot { padding: 10px 0 15px 0; border-bottom: none; text-align: center; } .m-about .hot a { width: 99px; display: block; float: left; margin-right: 20px; height: 145px; overflow: hidden; color: #383838; margin-bottom: 25px; } .m-about .hot a:last-child { margin-right: 0; } .m-about .hot a img { border: 2px solid #d9d9d9; } /*详情页评论*/ .m-about .u-com { padding: 0 10px 0 10px; } .m-about .u-com dl { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #ffffff; padding: 17px 0 14px 0; height: 70px; } .m-about .u-com dt { line-height: 20px; padding-bottom: 12px; color: #999999; } .m-about .u-com dl:first-child { border-top: none; } .m-about .u-com dl:nth-child(2) { border-bottom: 1px solid #fff; box-shadow: 0 1px 1px #e2e2e2; } .m-about .u-com dd { color: #b2b2b2; } .m-about .u-btn1 { width: 130px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #b5b8ba; border-radius: 5px; background: #ebebeb; margin: 18px 10px 30px 20px; float: left; background-color: #f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -moz-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -o-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -ms-linear-gradient(top, #f6f6f6, #ebebeb); background-image: linear-gradient(top, #f6f6f6, #ebebeb); } .u-noComment { height: 20px; line-height: 20px; color: #f00; display: block; } /* 产品列表页面一样式 */ .g-bd .m-con-1 { /* padding:15px 0 12px 0;*/ width: 320px; margin: 15px auto; } .g-bd .m-con-1 a { float: left; width: 132px; margin: 0 14px 10px 14px; text-align: center; line-height: 20px; display: block; font-size: 14px; } .g-bd .m-con-1 span { height: 38px; clear: both; display: block; overflow: hidden; } .g-bd .m-con-1 a img { border: 1px solid #e2e2e2; float: left; margin-bottom: 8px; } /* 新闻列表页面三样式 */ .g-bd .m-con-3 { margin: 10px 10px 26px 10px; } .g-bd .m-con-3 ul { border-bottom: 1px solid #eaeaea; } .g-bd .m-con-3 li { height: 32px; line-height: 32px; padding: 0 15px; position: relative; white-space: nowrap; text-overflow: ellipsis; background-position: 5px -1629px; overflow: hidden; display: block; } .g-bd .m-con-3 li:before { content: ""; position: absolute; background: #3e3e3e; width: 4px; height: 4px; left: 6px; top: 15px; } .g-bd .m-con-3 .first { border-top: none; } .g-bd .m-con-3 li span { display: block; height: 16px; position: absolute; right: 10px; top: 10px; width: 9px; } .g-bd .m-con-3 li span:before { content: ""; position: absolute; background: #7c7c7c; width: 10px; height: 10px; left: 2px; top: 2px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .g-bd .m-con-3 li span:after { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 2px; z-index: 11; background-color: #fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #fafafa, #f8f8f8); background-image: -moz-linear-gradient(top, #fafafa, #f8f8f8); background-image: -o-linear-gradient(top, #fafafa, #f8f8f8); background-image: -ms-linear-gradient(top, #fafafa, #f8f8f8); background-image: linear-gradient(top, #fafafa, #f8f8f8); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 新闻列表页面四样式 */ @media screen and (max-width: 1440px) { /*当屏幕尺寸小于1440px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 6; -moz-column-count: 6; } } @media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 6; -moz-column-count: 6; } } @media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 5; -moz-column-count: 5; } } @media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 4; -moz-column-count: 4; } } @media screen and (max-width: 720px) { /*当屏幕尺寸小于720px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 3; -moz-column-count: 3; } } @media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时,应用下面的CSS样式*/ .g-prolistbox4 .content { -webkit-column-count: 2; -moz-column-count: 2; } } .g-prolistbox4 .content { margin: 15px auto; text-align: center; column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; } .g-prolistbox4 .content div { vertical-align: top; display: inline-block; margin-bottom: 10px; text-align: center; line-height: 20px; overflow: hidden; font-size: 14px; } .g-prolistbox4 .description { color: #999; display: block; height: 40px; overflow: hidden; } .g-prolistbox4 .content div img { border: 1px solid #e2e2e2; text-align: center; margin-bottom: 8px; display: block; } .g-prolistbox4 .content i { height: 40px; line-height: 20px; overflow: hidden; display: inline-block; } @charset "utf-8"; /* CSS Document */ .zoom-section { clear: both; margin-top: 20px; } *html .zoom-section { display: inline; clear: both; } .zoom-desc { float: left; margin-left: 10px; width: 310px; margin-bottom: 20px; } .zoom-small-image { border: 1px solid #CCC; float: left; margin-bottom: 20px; } .zoom-tiny-image { border: 1px solid #CCC; margin: 0px; } .zoom-tiny-image:hover { border: 1px solid #C00; } .prohead { overflow: hidden } .prohead .hleft { width: 402px; float: left } .prohead .hleft .proimg { width: 400px; height: 400px; } .prohead .hleft .proimg img { width: 400px; height: 400px; } .prohead .hleft .smallimg { width: 402px; height: 60px; overflow: hidden } .prohead .hleft .smallimg dl { width: 402px; height: 60px; } .prohead .hleft .smallimg dl dt { width: 10px; height: 45px; margin-top: 8px; } .prohead .hleft .smallimg dl dt.prev { float: left; } .prohead .hleft .smallimg dl dt.next { float: right; } .prohead .hleft .smallimg dd { width: 360px; height: 60px; float: left; margin-left: 12px; overflow: hidden } .prohead .hleft .smallimg dd li { width: 72px; float: left; height: 60px; text-align: center } .prohead .hleft .smallimg dd li img { width: 58px; height: 58px; border: 1px solid #ccc; } .prohead .hleft .smallimg dd li a:hover img, .prohead .hleft .smallimg dd li a.hover img { border-color: #dd127b } .prohead .hleft .btns { margin-top: 20px; } .prohead .hleft .btns span { display: none } .prohead .hleft .btns a { display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url(../images/btn-s-bg.png) no-repeat; float: left; margin-right: 16px; width: 80px; } .prohead .hleft .btns a.b1 { background-position: left -150px } .prohead .hleft .btns a.b2 { background-position: left -30px; width: 93px; } .prohead .hleft .btns a.b3 { background-position: left -120px; } .prohead .hleft .btns a.b4 { background-position: left -60px; } .btns1 { clear: both; margin-top: 15px; } .prohead .hright { float: right; width: 490px; font-family: microsoft yahei; } .prohead .hright h1 { font-size: 18px; } .prohead .hright h2 { font-size: 15px; color: #ff7300; } .prohead .hright .proinfo { border-bottom: 1px solid #ddd; padding-bottom: 12px; } .prohead .hright .btns { width: 100%; overflow: hidden; margin: 15px auto; } .prohead .hright .btns img { margin-right: 20px; } .prohead .hright .tips { border: #F66 1px solid; background-color: #FCF; font-size: 12px; padding: 0px 12px; color: #F00; display: none } .procontent { margin-top: 20px; } .procontent .tit { height: 40px; line-height: 40px; border-bottom: 2px solid #0064AF; } .procontent .tit dt { float: left; height: 40px; line-height: 40px; color: #fff; background-color: #0064AF; text-align: center; width: 160px; font-weight: bold; font-size: 14px; } .procontent .detail { margin-top: 20px; } .comment_list { width: 95%; margin: 0 auto; } .formbox222 { border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; padding-left: 25px; margin-top: 20px; padding-bottom: 20px; } .formbox { margin-bottom: 20px; } .formbox dl { border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; _float: left } .formbox dl dt { background: url(../images/tit1.gif) repeat-x; height: 32px; padding-left: 12px; line-height: 32px; font-weight: bold; } .formbox dl dd { padding: 20px 0px; line-height: 26px; } .formbox dl dd input { border: 1px solid #ccc; height: 30px; border-radius: 4px; padding: 0px 12px; } .formbox dl dd textarea { border: 1px solid #ccc; height: 100px; border-radius: 4px; } .formbox dl dd input.submit { background-color: #dd127b; color: #FFF; border-color: #9c0c56; text-shadow: 1px 1px 0px #9c0c56; } .formbox dl dd .rate { background: url(../images/stars_3_small.gif) no-repeat; width: 80px; height: 12px; overflow: hidden; } .formbox dl dd .rate label { width: 14px; height: 12px; float: left; display: block; cursor: pointer; padding: 0px; margin: 0px; line-height: 12px; margin-right: 1px; } .formbox dl dd .ratesbox { width: 0px; height: 0px; overflow: hidden; float: left } .formbox dl dd .rate.rate1 { background: url(../images/stars_1_small.gif) no-repeat; } .formbox dl dd .rate.rate2 { background: url(../images/stars_2_small.gif) no-repeat; } .formbox dl dd .rate.rate3 { background: url(../images/stars_3_small.gif) no-repeat; } .formbox dl dd .rate.rate4 { background: url(../images/stars_4_small.gif) no-repeat; } .formbox dl dd .rate.rate5 { background: url(../images/stars_5_small.gif) no-repeat; } .formbox .btnews { padding: 0px 20px; overflow: hidden } .formbox .btnews li { width: 300px; float: left; list-style: square inside; margin-left: 20px; margin-right: 10px; } .formbox .reviewbox { padding: 0px 30px; } .formbox .reviewbox li { padding-bottom: 12px; } .formbox .reviewbox li .name { font-weight: bold; } .formbox .reviewbox li .name span { color: #F90; margin: 0px 12px; } .formbox .reviewbox li .reply { background: #f4f4f4; padding: 0px 12px; } .formbox .reviewbox li .reply span { color: #999 } input.txt { width: 200px; float: left; } .input { display: inline; margin-right: 5px; padding: 5px; height: 18px; line-height: 18px; vertical-align: middle; background: none repeat scroll 0% 0% #FFF; border: 1px solid #CACACA; border-radius: 4px; font-family: "Microsoft YaHei"; } .btn_submit { color: #FFF; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 12px; line-height: 1em; padding: 10px 30px; } .contactus strong { padding: 0px 6px 0px; } .contactus { padding: 20px; } .prohead .hright .tels { border-bottom: 1px solid #DDD; font-size: 16px; line-height: 36px; } .prohead .hright .tels span { color: #F00; font-size: 28px; font-weight: bold; margin-left: 12px; line-height: 36px; } .style1 { width: 75px !important; font-family: "Microsoft YaHei"; font-size: 12px; color: #494949; line-height: 2.4em; } .formbox dl table tbody tr td { float: left; } /* 产品内容 */ .u-mtit h1 { font-size: 1.2em; text-align: center; padding: 24px 0 10px 0; line-height: 2em; } .u-mtit h2 { font-size: 18px; text-align: center; padding: 24px 0 10px 0; } .u-mtit p { padding-top: 10px; font-size: 12px; padding-bottom: 7px; border-bottom: 1px solid #fff; } .u-mtit p a { margin-left: 5px; } .m-mcon, .procontent { border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px; } /* 新闻内容 */ .m-mcon p, .procontent p { line-height: 22px; margin-bottom: 28px; } /* 关于手机的相关新闻 */ .m-about .list { margin: 5px; font-size: 12px; line-height: 22px; } .m-about .list a { font-size: 14px; height: 33px; display: block; line-height: 33px; padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-about .list a:nth-child(1) { border-top: 0; } .m-about .list a:last-child { border-bottom: 0; } /* 网友热评 */ .m-com .u-idet { padding: 17px 10px 10px 10px; } .m-com .u-idet textarea { border: 1px solid #d2d2d2; border-radius: 6px; -webkit-border-radius: 6px; height: 60px; text-indent: 10px; width: 100%; color: #d6d6d6; line-height: 20px; padding: 5px 0; font-size: 12px; } .m-com .u-btn { border-bottom: 1px solid #d9d9d9; line-height: 26px; padding: 0 10px; color: #b2b2b2; } .m-com .z-mg { width: 100%; margin-bottom: 13px; } .m-com .u-relay, .m-con .u-relay { padding: 10px; } .m-com .u-relay dl, .m-con .u-relay dl { padding: 13px 0 10px 0; } .m-com .u-relay dl dt, .m-con .u-relay dl dt { font-size: 12px; } .m-com .u-relay dl dd .re_fir, .m-con .u-relay dl dd .re_fir { line-height: 22px; margin-top: 2px; } .m-com .u-relay dl dd .re_sec, .m-con .u-relay dl dd .re_sec { border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; margin-top: 14px; position: relative; } .m-com .u-relay dl dd .re_sec:before, .m-con .u-relay dl dd .re_sec:before { content: ' '; position: absolute; width: 0; height: 0; left: 21px; top: -4px; border: 4px solid; border-color: #e6e6e6 transparent transparent #e6e6e6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .m-com .u-relay .show_more { padding: 10px 0; height: 26px; font-size: 12px; } .m-com .u-mt { padding: 21px 0 0 10px } /* 推荐产品 */ .m-rec .m-con { width: 100%; margin: 0 auto; position: relative; } .m-rec .prev { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -35px; left: 8%; z-index: 99; } .m-rec .prev:before { content: ""; position: absolute; background: #bababa; width: 12px; height: 12px; left: 4px; top: 14px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .prev:after { content: ""; position: absolute; background: #EBEBEB; width: 12px; height: 12px; left: 8px; top: 14px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .next { width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -35px; right: 8%; z-index: 99; } .m-rec .next:before { content: ""; position: absolute; background: #bababa; width: 12px; height: 12px; right: 4px; top: 14px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .next:after { content: ""; position: absolute; background: #EBEBEB; width: 12px; height: 12px; right: 8px; top: 14px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .m-rec .m-nowr { margin-bottom: 1em; } .m-rec .m-box { overflow: hidden; } .m-rec .m-box p a:nth-child(1) { margin-right: 10px; } .m-rec .m-box p a { display: inline-block; width: 8em; float: left; line-height: 35px; text-align: center; } .m-rec .m-box p a.mr10 { margin-right: 10px; } .m-rec .m-box p a img { border: 1px solid #e2e2e2; float: left; width: 8em; height: 6em; } /* 分享 */ .m-share { margin-bottom: 23px; font-size: 13px; } .m-share span { vertical-align: middle; line-height: 25px; float: left; margin: 0 10px 0 30px; } .m-share .m-ico { position: relative; width: 320px; margin: 0 auto; } .m-share a { margin-right: 10px; } .m-share .u-ico-1, .m-share .u-ico-2, .m-share .u-ico-3, .m-share .u-ico-4, .m-share .u-ico-5 { background: url(/mobile/Images/Web/fxico.png) no-repeat; background-size: 25px 232px; display: block; float: left; height: 25px; position: relative; width: 25px; } .m-share .u-ico-1 { background-position: 0 0; } .m-share .u-ico-2 { background-position: 0 -51px; } .m-share .u-ico-3 { background-position: 0 -105px; } .m-share .u-ico-4 { background-position: 0 -158px; } .m-share .u-ico-5 { background-position: 0 -207px; } /* 产品搜索样式 */ .g-bd .m-con.z-spe { margin-bottom: 26px; } .g-bd .m-con.z-spe dl { height: 97px; border-bottom: 1px solid #e6e6e6; padding: 12px 36px 17px 10px; position: relative; } .g-bd .m-con.z-spe dt { float: left; width: 95px; height: 95px; border: 1px solid #cccccc; margin-right: 10px; } .g-bd .m-con.z-spe h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; } .g-bd .m-con.z-spe p { font-size: 12px; height: 45px; line-height: 22px; margin: 5px; overflow: hidden; } .g-bd .m-con.z-spe p a { padding-right: 10px; height: 22px; margin-right: 15px; } .g-bd .m-con.z-spe p .consult { display: block; margin: 0; float: left; line-height: 12px; vertical-align: top; } .g-bd .m-con.z-spe p .details { display: block; margin: 0; float: left; line-height: 12px; vertical-align: top; } .g-bd .m-con.z-spe dl span { background-position: 0 -416px; display: block; height: 16px; position: absolute; right: 30px; top: 53px; width: 9px; } .g-bd .m-con.z-spe .u-seek { background-position: 0 -104px; width: 13px; height: 13px; display: block; float: left; margin-right: 5px; } .g-bd .m-con.z-spe .u-detail { background-position: 0 -140px; width: 13px; height: 13px; display: block; float: left; margin-right: 5px; } /* 产品内容 */ /* 滚动产品 */ .pro_gd .m-nowra { width: 320px; margin: 0 auto; position: relative; overflow: hidden; } .pro_gd .prev { width: 35px; height: 60px; position: absolute; top: 50%; margin-top: -25px; left: 0; z-index: 99; } .pro_gd .prev:before { content: ""; position: absolute; background: #bababa; width: 15px; height: 15px; left: 10px; top: 21px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pro_gd .prev:after { content: ""; position: absolute; background: #f9f9f9; width: 15px; height: 15px; left: 14px; top: 21px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pro_gd .next { width: 35px; height: 60px; position: absolute; top: 50%; margin-top: -25px; right: 0; z-index: 99; } .pro_gd .next:before { content: ""; position: absolute; background: #bababa; width: 15px; height: 15px; right: 10px; top: 21px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pro_gd .next:after { content: ""; position: absolute; background: #f9f9f9; width: 15px; height: 15px; right: 14px; top: 21px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pro_gd .no_ov { margin: 16px 35px 0 35px; width: 250px; overflow: hidden; } .pro_gd .m-box { overflow: hidden; } .pro_gd .m-box p a { display: inline-block; width: 250px; float: left; line-height: 35px; text-align: center; } .pro_gd .m-box p a.mr10 { margin-right: 10px; } .pro_gd .m-box p a img { float: left; } /* 产品描述 */ .contactus { width: 300px; margin: 0 auto; padding: 12px 10px 16px 10px; } .contactus p { line-height: 30px; } .contactus .tb_doc { border: 1px solid #E7E7E7; color: #C2C2C2; margin: 0 9px; } .contactus .tb_doc li { background: none repeat scroll 0 0 #fff; color: #666666; height: 40px; line-height: 40px; position: relative; text-indent: 90px; overflow: hidden; } .contactus .tb_doc li span { background: none repeat scroll 0 0 #E7E7E7; display: block; height: 40px; left: 0; line-height: 40px; position: absolute; text-indent: 10px; top: 0; width: 85px; } .contactus .tb_doc li:nth-child(2n) span { background: none repeat scroll 0 0 #fff; } .contactus .tb_doc li:nth-child(2n) { background: none repeat scroll 0 0 #e7e7e7; } /* 立刻咨询 */ .zx { margin-bottom: 20px; height: 32px; line-height: 32px; } .zx a { display: inline-block; margin-right: 18px; } .zx span { display: inline-block; height: 32px; line-height: 32px; position: relative; top: -10px; padding-left: 8px; } /* 产品简介 */ .m-abpro .m-con { padding: 10px 10px 0 10px; padding-bottom: 16px; word-spacing: 10px; letter-spacing: normal; white-space: normal; line-height: 22px; font-size: 14px; } .m-abpro p { padding-top: 12px; line-height: 22px; } /*---- 产品详情-----*/ /* 产品简介中产品图片样式 */ .m-abpic { padding-top: 40px; margin-left: 34px; } .m-abpic a { float: left; width: 237px; text-align: center; margin-right: 48px; display: inline-block; height: 200px; line-height: 45px; } .m-abpic a img { float: left; } /* 24小时咨询热线 */ .u-hotline { padding-left: 12px; font-size: 16px; padding-bottom: 26px; } /* 留言样式 */ .leave { padding: 15px 10px 5px 10px; } .leave li { margin-bottom: 13px; } .leave span { float: left; display: block; width: 40px; height: 28px; line-height: 28px; } .leave .input_wrap { margin-left: 40px; } .leave input, .leave textarea { width: 100%; } .leave .name { height: 26px; border-radius: 5px; -webkit-border-radius: 5px; text-indent: 8px; } .leave .ly { height: 58px; border-radius: 5px; -webkit-border-radius: 5px; text-indent: 8px; line-height: 20px; } .show_more2 { padding: 0 10px 18px 10px; height: 26px; } .show_more2 input { width: 100%; } /* 产品详细页第二个版式样式 */ /* 滚动产品 */ .pro_gd1 .m-nowra { width: 320px; margin: 0 auto; position: relative; overflow: hidden; } .pro_gd1 .no_ov { margin: 16px 35px 0 35px; width: 250px; overflow: hidden; } .pro_gd1 .m-box { height: 180px; overflow: hidden; } .pro_gd1 .m-box p a { display: inline-block; width: 250px; float: left; line-height: 35px; text-align: center; } .pro_gd1 .m-box p a.mr10 { margin-right: 10px; } .pro_gd1 .m-box p a img { float: left; } /* 产品描述 */ .contactus h2 { font-size: 15px; color: #1a1a1a; font-weight: bold; padding-bottom: 10px; } .contactus .text { font-size: 13px; color: #666666; line-height: 24px; } .contactus .text li { color: #666666; position: relative; text-indent: 80px; overflow: hidden; } .contactus .text li span { font-weight: bold; color: #383838; display: block; left: 0; height: 50px; position: absolute; text-indent: 1px; top: 0; width: 75px; } /*产品详情,用户评论,我要下单*/ .g-bd .m-con .m-muli ul { margin-bottom: 23px; } .g-bd .m-con .m-muli li { height: 44px; line-height: 44px; border-bottom: 1px solid #d4d4d4; padding-left: 6px; margin: 0 10px; position: relative; } .g-bd .m-con .m-muli li a { color: #383838; } .g-bd .m-con .m-muli .botop { border-top: 1px solid #d4d4d4; } .g-bd .m-con .m-muli .red { color: #f90000; } .g-bd .m-con .m-muli .u-ico:before { content: ""; height: 9px; position: absolute; right: 4px; top: 16px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 9px; z-index: 10; background: none repeat scroll 0 0 #6a6a6a; } .g-bd .m-con .m-muli .u-ico:after { content: ""; height: 9px; position: absolute; right: 8px; top: 16px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 9px; z-index: 10; background: none repeat scroll 0 0 #f8f8f8; } .g-bd .m-con .m-muli .u-ico { position: absolute; right: 10px; top: 2px; } /*详细页底部*/ .g-up { height: 44px; position: relative; background: #b9b9b9; } .g-up .goho { background-size: 100%; width: 34px; height: 31px; padding-top: 13px; padding-left: 10px; background: #a1a1a1; } .g-up .mid { height: 44px; margin: 5px 55px 0 55px; position: relative; } .g-up .mid p { color: #d0d0d0; width: 100%; } .g-up .m-up { background-size: 100%; width: 44px; height: 44px; line-height: 20px; text-align: center; background: #a1a1a1; position: absolute; right: 0; top: 0; } .g-up .m-up a { font-size: 9px; color: #fff; } .g-up .m-up img { position: absolute; top: 7px; right: 15px; } /*底部搜索布局*/ .g-se1 { padding-top: 7px; position: relative; } /*搜索布局*/ .g-se1 .m-ipt { margin-right: 43px; } .g-se1 .u-glass { position: absolute; right: 10px; top: 15px; width: 42px; height: 30px; background: transparent; z-index: 888; } .g-se1 .u-bt { width: 42px; height: 30px; float: right; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; position: relative; right: 1px; } .g-se1 .u-bt:before { content: ''; display: block; width: 12px; height: 12px; border-radius: 25px; position: absolute; right: 14px; top: 5px; z-index: 99; } /*搜索右边的图标css3样式*/ .g-se1 .u-bt:after { content: ''; display: block; width: 4px; height: 10px; border-radius: 5px; border: 0; position: absolute; right: 12px; top: 16px; z-index: 99; -webkit-transform: rotate(-52deg); -o-transform: rotate(-52deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg); } /*搜索右边的图标css3样式*/ .g-se1 .u-in { float: right; position: absolute; z-index: 100; right: 0; top: 5px; width: 42px; height: 30px; } .g-se1 .u-key { width: 100%; height: 16px; padding: 7px 0; line-height: 16px; border-right: 0; border-bottom-left-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 15px; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-bottom-left-radius: 15px; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-top-right-radius: 0; /*圆角,针对苹果浏览器写的兼容*/ -webkit-border-bottom-right-radius: 0; /*圆角,针对苹果浏览器写的兼容*/ text-indent: 15px; float: left; } /*搜索中的请输入关键词样式*/ .g-se1 .u-in { background: transparent; } .g-se1 .u-bt:before { border: 3px solid #d7d7d7; } .g-se1 .u-bt:after { background: #d7d7d7; } .g-se1 .u-bt { background: #fff; } .g-se1 .u-key { border: none; box-shadow: 0 0 0 #fff; } /*产品详情展示三样式*/ .contactus .text p { line-height: 20px; padding-bottom: 11px; } .contactus .text em { width: 295px; text-align: center; display: block; } .contactus .text em i { color: #3372a2; font-size: 20px; height: 45px; padding-top: 5px; display: block; } /* 分页样式 */ .g-page1 { margin-bottom: 20px; } /* 底部间距20px*/ .g-page1 .u-pup, .g-page1 .u-pmid, .g-page1 .u-pne { display: inline-block; height: 30px; line-height: 30px; width: 30%; text-align: center; } .g-page1 .u-pup { border-radius: 0 3px 3px 0; font-size: 1em; border: 1px solid #e0e0e0; color: #a1a1a1; position: relative; } /*上一页样式*/ .g-page1 .u-pup:before { content: ""; height: 22px; width: 22px; position: absolute; left: -10px; top: 4px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 11; background-color: #fefefe; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #fefefe, #f7f7f7); background-image: -moz-linear-gradient(top, #fefefe, #f7f7f7); background-image: -o-linear-gradient(top, #fefefe, #f7f7f7); background-image: -ms-linear-gradient(top, #fefefe, #f7f7f7); background-image: linear-gradient(top, #fefefe, #f7f7f7); } .g-page1 .u-pup:after { content: ""; height: 22px; width: 22px; position: absolute; left: -11px; top: 4px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; background: none repeat scroll 0 0 #e0e0e0; } .g-page1 .u-pmid { border: 1px solid #e9e9e9; height: 30px; line-height: 30px; width: 21%; padding-left: 9%; text-align: left; color: #363636; position: relative; } .g-page1 .jt { position: absolute; right: 11px; } .g-page1 .jt:after { content: ""; height: 9px; position: absolute; right: 15px; top: 8px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 9px; z-index: 10; background: none repeat scroll 0 0 #4e4e4e; } .g-page1 .jt:before { content: ""; height: 9px; position: absolute; right: 15px; top: 5px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 9px; z-index: 11; background: none repeat scroll 0 0 #fff; } .g-page1 .u-pne { color: #a1a1a1; border: 1px solid #e0e0e0; border-radius: 0 3px 3px 0; font-size: 1em; height: 30px; line-height: 30px; text-align: center; width: 30%; position: relative; } /*下一页样式*/ .g-page1 .u-pne:before { content: ""; height: 22px; width: 22px; position: absolute; right: -10px; top: 4px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 11; background-color: #fefefe; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #fefefe, #f7f7f7); background-image: -moz-linear-gradient(top, #fefefe, #f7f7f7); background-image: -o-linear-gradient(top, #fefefe, #f7f7f7); background-image: -ms-linear-gradient(top, #fefefe, #f7f7f7); background-image: linear-gradient(top, #fefefe, #f7f7f7); } .g-page1 .u-pne:after { content: ""; height: 22px; width: 22px; position: absolute; right: -11px; top: 4px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; background: none repeat scroll 0 0 #e0e0e0; } /* -- 产品分页样式有颜色值的样式 -- */ .g-page1 a, .g-page1 .u-pmid { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); background-image: linear-gradient(top, #ffffff, #f6f6f6); } .g-page1 .z-noc { background-color: #e8e8e8; color: #9b0e0e; } /* 产品详情分页样式二 */ .m-con-5 .g-page2 .u-pup, .m-con-5 .g-page2 .u-pne, .m-con-5 .g-page2 i { border-radius: 0; border: 1px solid #e3e1e2; color: #383838; } .m-con-5 .g-page2 a { background: none; } .m-con-5 .g-page2 i { display: inline-block; width: 35%; height: 30px; line-height: 30px; text-align: center; } .m-con-5 .g-page2 .u-pne, .m-con-5 .g-page2 .u-pup { position: relative; } .m-con-5 .g-page2 .u-pne:before, .m-con-5 .g-page2 .u-pup:before { content: ' '; position: absolute; width: 0; height: 0; right: 12px; top: 9px; border-left: 6px solid #7c7c7c; border-bottom: 6px solid transparent; border-top: 6px solid transparent; } .m-con-5 .g-page2 .u-pne:after, .m-con-5 .g-page2 .u-pup:after { border-left: 5px solid #F9F9F9; border-bottom: 5px solid transparent; border-top: 5px solid transparent; content: " "; height: 0; right: 14px; position: absolute; top: 10px; width: 0; } /* -- 产品弹出层样式 -- */ .table_bg { width: 100%; height: 100%; background: #000; opacity: 0.5; display: none; z-index: 777; position: fixed; top: 0; left: 0; } .g-pop { width: 285px; background: #fff; margin: 100px auto; position: fixed; top: 35%; margin-top: -200px; left: 50%; margin-left: -142.5px; z-index: 888; } .g-pop h2 { position: relative; font-size: 15px; color: #727272; background: #ededed; border-bottom: 1px solid #d8dde1; height: 40px; line-height: 40px; text-align: center; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .g-pop h2 i { width: 18px; height: 17px; background: url(/mobile/Images/Web/back.jpg) no-repeat; background-size: 100%; display: block; position: absolute; top: 12px; left: 10px; } .g-pop .m-con, .m-abpro1 .m-con { padding: 7px 15px 15px 15px; } .g-pop .m-con h5, .m-abpro1 .m-con h5 { margin-bottom: 10px; } .m-abpro1 .m-con h5 { padding-left: 6px; } .m-abpro1 .m-con p { text-indent: 0; } .g-pop .m-con .name, .m-abpro1 .m-con .name { border-radius: 5px; height: 28px; margin-bottom: 15px; text-indent: 8px; width: 100%; } .g-pop .m-con .ly, .m-abpro1 .m-con .ly { border-radius: 5px; font-size: 13px; height: 100px; line-height: 20px; padding-top: 12px; text-indent: 8px; width: 100%; } .g-pop .m-con .show_more, .m-abpro1 .m-con .show_more { height: 30px; margin-top: 16px; } .g-pop .m-con .show_more .u-co-bt, .m-abpro1 .m-con .show_more .u-co-bt { border-radius: 4px; display: inline-block; height: 26px; line-height: 26px; padding-top: 1px; vertical-align: middle; width: 100%; } /*产品图片展示2*/ .m-pp { width: 300px; height: 180px; overflow: hidden; margin: 0 auto; position: relative; } .m-pp .no_wrap { width: 190px; padding: 0 55px; } .m-pp a { display: inline-block; float: left; width: 180px; height: 180px; padding: 0 5px; } .m-pp .prev, .m-pp .next { width: 50px; height: 180px; background: #fff; opacity: 0.7; position: absolute; z-index: 15; } .m-pp .prev { left: 0; } .m-pp .next { right: 0; } /*第二种产品详情展示方式*/ .m-muli .m-abpro1 .borno { border-top: none; } .g-bd .m-box .m-con-5 { padding: 15px 12px 0 12px; } .g-bd .m-box .m-con-5 p { padding-bottom: 20px; } .g-bd .m-box .m-con-5 .protit { font-size: 20px; font-family: "黑体"; display: block; text-align: center; height: 30px; padding-top: 10px; } .g-bd .tab-box .m-con { padding-top: 12px; display: none; } .g-bd .tab-box .m-con:first-child { display: block; } /*我要评论*/ .m-con .u-com { padding: 0 10px 0 10px; } .m-con .u-com dl { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #ffffff; padding: 15px 15px; height: 70px; } .m-con .u-com dt { line-height: 20px; padding-bottom: 12px; color: #999999; } .m-con .u-com dl:first-child { border-top: none; } .m-con .u-com dl:nth-child(2) { border-bottom: 1px solid #fff; box-shadow: 0 1px 1px #e2e2e2; } .m-con .u-com dd { color: #b2b2b2; } .m-con .u-btn1 { width: 130px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #b5b8ba; border-radius: 5px; background: #ebebeb; margin: 18px 10px 30px 20px; float: left; background-color: #f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -moz-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -o-linear-gradient(top, #f6f6f6, #ebebeb); background-image: -ms-linear-gradient(top, #f6f6f6, #ebebeb); background-image: linear-gradient(top, #f6f6f6, #ebebeb); } /* 商品导肮页面样式 */ .g-bd_tit b { font-weight: normal; } .g-bd .m-pronav { margin: 13px 10px 18px 10px; } .g-bd .m-pronav .prolist { border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } .g-bd .m-pronav .prolist li .on { height: 40px; display: block; padding-left: 10px; line-height: 40px; } .g-bd .m-pronav .prolist li .down { height: 40px; display: block; padding-left: 10px; line-height: 40px; } .g-bd .m-pronav .prolist li .borderno { border: none; } .g-bd .m-pronav .prolist li p { position: relative; } .g-bd .m-pronav .prolist li p a { display: block; width: 15%; height: 40px; position: absolute; right: 0; top: 0; pointer-events: auto; } .g-bd .m-pronav .prolist li p a:before { content: ""; position: absolute; background: url(/mobile/images/web/href_icon.png) no-repeat; background-size: 100%; width: 20px; height: 20px; right: 19px; top: 12px; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*一列展现*/ .g-bd .m-pronav .list1, .g-bd .m-pronav .list2, .g-bd .m-pronav .list3 { display: none; } .g-bd .m-pronav .list1 li { height: 38px; line-height: 38px; border-bottom: 1px solid #e1e1e1; padding-left: 33px; position: relative; white-space: nowrap; overflow: hidden; } .g-bd .m-pronav .list1 li:before { content: ""; overflow: hidden; position: absolute; left: 20px; top: 17px; z-index: 7; width: 0; height: 0; border-width: 3px; border-style: solid; transform: roate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .g-bd .m-pronav .list1 li:after { content: ""; overflow: hidden; position: absolute; left: 20px; top: 18px; z-index: 8; width: 0; height: 0; border-width: 2px; border-style: solid; transform: roate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } /*2列展现*/ .g-bd .m-pronav .list2 li { width: 49.9%; float: left; height: 38px; line-height: 38px; border-bottom: 1px solid #e1e1e1; text-align: center; white-space: nowrap; overflow: hidden; } .g-bd .m-pronav .list3 li { width: 33.2%; float: left; height: 38px; line-height: 38px; border-bottom: 1px solid #e1e1e1; text-align: center; white-space: nowrap; overflow: hidden; } /*三级分类*/ .g-bd .m-pronav .prolist li .a_tit { display: block; height: 38px; line-height: 38px; border-bottom: 1px solid #e1e1e1; padding-left: 33px; position: relative; } .g-bd .m-pronav .prolist li .list1 ul { display: none; } .g-bd .m-pronav .prolist .list1 .list2 li, .g-bd .m-pronav .prolist .list1 .list3 li { padding: 0; } .g-bd .m-pronav .prolist .list1 .list2 li:before, .g-bd .m-pronav .prolist .list1 .list3 li:before { display: none; } .g-bd .m-pronav .prolist .list1 .list2 li:after, .g-bd .m-pronav .prolist .list1 .list3 li:before { display: none; } .g-bd .m-pronav .prolist .list1 .a_tit:before { content: ""; overflow: hidden; position: absolute; left: 20px; top: 17px; z-index: 7; width: 0; height: 0; border-width: 3px; border-style: solid; transform: roate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .g-bd .m-pronav .prolist .list1 .a_tit:after { content: ""; overflow: hidden; position: absolute; left: 20px; top: 18px; z-index: 8; width: 0; height: 0; border-width: 2px; border-style: solid; transform: roate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .g-bd .m-pronav .prolist .list1 .a_tit a:after { background: #fbfbfb; width: 14px; height: 14px; right: 22px; } .g-bd .m-pronav .prolist .list1 .a_tit a:before { width: 14px; height: 14px; right: 22px; } /*图片产品分类*/ .g-bd .prolist_img li .tt_box { width: 100%; padding: 15px 0; } .g-bd .prolist_img li .tt_box .img { float: left; margin: 0 10px 0 20px; } .g-bd .prolist_img li .tt_box h5 { line-height: 30px; font-size: 14px; } .g-bd .prolist_img li .tt_box p { line-height: 20px; font-size: 80%; } .g-bd .prolist_img .hideen_box { display: none; padding: 0 10px; } .g-bd .prolist_img .hideen_box:before { content: ""; width: 12px; height: 5px; position: absolute; left: 39px; top: -5px; } .g-bd .prolist_img .hideen_box a li { text-align: center; border: none; } .g-bd .prolist_img .hideen_box a li img { margin-top: 14px; border-radius: 20px; } .g-bd .prolist_img .hideen_box a { width: 59px; padding: 0 8px; height: 98px; display: inline-block; float: left; overflow: hidden; } .g-bd .prolist_img .hideen_box a p { font-size: 12px; line-height: 22px; } /* 产品列表页面一样式 */ .g-bd .m-con-1 { /* padding:15px 0 12px 0;*/ width: 320px; margin: 15px auto; } .g-bd .m-con-1 a { float: left; width: 132px; margin: 0 14px 10px 14px; text-align: center; line-height: 20px; display: block; font-size: 14px; } .g-bd .m-con-1 span { height: 38px; clear: both; display: block; overflow: hidden; } .g-bd .m-con-1 a img { border: 1px solid #e2e2e2; float: left; margin-bottom: 8px; } /* 产品列表页面二样式 */ .g-bd .m-con-2 { margin-bottom: 0.5em; } .g-bd .m-con-2 a { display: block; } .g-bd .m-con-2 dl { border-bottom: 1px solid #ffffff; box-shadow: 0 1px #e6e6e6; margin-bottom: 2px; padding: 12px 36px 12px 10px; position: relative; } .g-bd .m-con-2 dt { float: left; display: block; border: 1px solid #ccc; margin-right: 11px; } .g-bd .m-con-2 dt img { display: block; border: 1px solid #e2e2e2; } .g-bd .m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; } .g-bd .m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin: 5px; margin-right: 3%; overflow: hidden; } .g-bd .m-con-2 .s-babg p span { width: auto; height: auto; background: none; position: relative; right: inherit; top: inherit; display: inline; } .g-bd .m-con-2 .s-babg p span:before, .g-bd .m-con-2 .s-babg p span:after { display: none; } /* 产品列表页面三样式 */ @media screen and (max-width: 1440px) { /*当屏幕尺寸小于1440px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 6; -moz-column-count: 6; } } @media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 6; -moz-column-count: 6; } } @media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 5; -moz-column-count: 5; } } @media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 4; -moz-column-count: 4; } } @media screen and (max-width: 720px) { /*当屏幕尺寸小于720px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 3; -moz-column-count: 3; } } @media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时,应用下面的CSS样式*/ .g-prolistbox3 .content { -webkit-column-count: 2; -moz-column-count: 2; } } .g-prolistbox3 .content { margin: 15px auto; text-align: center; column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; } .g-prolistbox3 .content div { vertical-align: top; display: inline-block; margin-bottom: 10px; text-align: center; line-height: 20px; overflow: hidden; font-size: 14px; } .g-prolistbox3 .content i { height: 40px; line-height: 20px; overflow: hidden; display: inline-block; } .g-prolistbox3 .description { color: #999; display: block; height: 40px; overflow: hidden; } .g-prolistbox3 .content div img { border: 1px solid #e2e2e2; margin-bottom: 8px; display: block; } .g-page { margin: 0.3em auto; } .g-page a { display: inline-block; padding: 0 0.3em; height: 1.2em; line-height: 1.2em; text-align: center; margin: 0 0.3em 0.2em 0.3em; } .g-page .current { color: #fff; display: inline-block; padding: 0 0.3em; height: 1.2em; line-height: 1.2em; text-align: center; margin: 0 0.3em; } .g-page .display { display: inline-block; padding: 0 0.3em; height: 1.2em; line-height: 1.2em; text-align: center; margin: 0 0.3em; } .g-page .prev, .g-page .next { display: block; text-align: left; } .m-tit { position: relative; text-indent: 10px; height: 33px; font-size: 15px; line-height: 33px } .m-tit .u-ico { position: absolute; right: 10px; top: 2px; width: 30px; height: 38px } .m-tit .u-ico:before { content: ""; position: absolute; width: 12px; height: 12px; right: 5px; top: 12px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .m-tit .u-ico:after { content: ""; position: absolute; width: 12px; height: 12px; right: 8px; top: 12px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } /*2016-4-15*/ #content iframe { width: 100%!important; }