342 lines
18 KiB
CSS
Executable File
342 lines
18 KiB
CSS
Executable File
body{font-family:"Helvetica","Microsoft YaHei",sans-serif; margin:0; background-color:#f5f5f5;}
|
|
|
|
|
|
video{width:100%; margin-top:0;}
|
|
@media screen and (min-width:756px){
|
|
#content{width:750px; margin:0 auto;}
|
|
}
|
|
@media screen and (max-width:750px){
|
|
#content{width:100%; margin:0;}
|
|
}
|
|
video img{width:100%;}
|
|
|
|
/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/
|
|
ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address {font-style: normal; list-style: none; padding: 0px; margin: 0px;}
|
|
a{text-decoration: none; cursor: pointer;}
|
|
|
|
.m_Container{width:95%; margin:auto;}
|
|
.big_title{font-size: 1.01rem;}
|
|
.title{font-size: 0.85rem;}/*32px*/
|
|
.subtitle{font-size: 0.75rem;}/*28px*/
|
|
.des{font-size: 0.64rem; }/*24px*/
|
|
.text_22{font-size: 0.58rem;}/*22px*/
|
|
.text_center{text-align: center}
|
|
.text_left{text-align: left;}
|
|
.text_right{text-align: right;}
|
|
.img-responsive img{height: auto; max-width: 100%; }
|
|
.img-responsives img{display: block; height: auto; width: 100%}
|
|
.title_margin-top{margin-top:0.85rem;}
|
|
.subtitle_margin-top{margin-top:0.9rem;}
|
|
.bottom-margin{margin-bottom: 0.2rem;}
|
|
.overflow-h{overflow: hidden}
|
|
.position_r{position: relative}
|
|
.position_a{position: absolute; width:100%; top:0; left:0;}
|
|
.text_white{color:#FFF;}
|
|
.text_black{color:#333;}
|
|
.text_gray{color:#666;}
|
|
.text_blue{color:#009fdf;}
|
|
.margin-top-50{margin-top:1.12rem;}
|
|
.margin-top-40{margin-top:0.95rem;}
|
|
.margin-top-35{margin-top:0.8rem;}
|
|
.margin-top-30{margin-top:0.68rem;}
|
|
.margin-top-20{margin-top:0.5rem;}
|
|
.margin-top-14{margin-top:0.35rem;}
|
|
.margin-top-10{margin-top:0.25rem;}
|
|
.text-indent_48{text-indent:1.28rem;}
|
|
.line-height-40{line-height: 1.07rem;}
|
|
.line_height_38{line-height: 1.01rem;}
|
|
.line-height-45{line-height: 1.2rem;}
|
|
.line-height-50{line-height: 1.33rem;}
|
|
/*头部*/
|
|
|
|
.header{background-color:#1e1e1e; width:100%; overflow: hidden; position:relative; padding:0.65rem 0 0rem; }
|
|
.header .left{float: left; margin-bottom: 0.5rem;}
|
|
.header .center{position: absolute; width:26%; top:0.65rem; text-align: center; left:37%;}
|
|
.header .center img{width:100%; margin:auto;}
|
|
.header .right{float: right; width:8%; margin-top:0.1rem;}
|
|
.header span{color:#FFF; font-size: 1.125rem;}
|
|
.index_title{font-size:0.5rem;}
|
|
|
|
/*头部弹出菜单*/
|
|
.menu{backgroud-color:#1e1e1e; overflow: hidden; color:#FFF; width:100%; font-size: 0.8125rem; border-top:1px solid rgba(102,102,102,0.5);}
|
|
.menu dl{border-bottom:1px solid rgba(102,102,102,0.5); width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
|
|
.menu i{ position: absolute; display:inline-block; right:3.4%; }
|
|
.menu dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
|
|
|
|
.menu .search{width:100%; text-align: center; margin-top:0.45rem; position: relative;}
|
|
.menu .search .updown_search_btn {background: none; border: none; position: absolute; right: 2.4%; top: 0.3rem; font-size: 1.5em; vertical-align: middle; color: #333;}
|
|
.menu .SingIn-button a {display: inline-block; border: 1px solid #FFF; color: #666666; margin-left: 1.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; margin-top: 0.85rem; margin-bottom: 0.45rem; font-size: 0.8125rem; background-color:#FFF; padding:0.2rem 1.25rem}
|
|
.menu .search .form-control {width: 90%; border: 1px solid rgba(220,221,221,0.7); vertical-align: middle; padding: 0.6rem 2.4%; font-size: 0.6875rem; background-color: #FFF;}
|
|
.menu .search .icon-search{color:#999999;}
|
|
|
|
/*头部国家*/
|
|
.m-Country{width:100%; margin-top:0.45rem; position: relative; font-size: 0.6875rem; color:#FFF; background-color:#efefef; overflow: hidden; text-align: left;}
|
|
.m-Country ul {width: 80%; margin: 0 auto 2rem;}
|
|
.m-Country li{border-bottom:1px solid #e3e3e3; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
|
|
.m-Country a{color:#333; text-decoration: none;}
|
|
|
|
|
|
/*banner*/
|
|
.banner{width:100%;}
|
|
|
|
/*类别*/
|
|
.category{position: relative; top:-0.85rem; background-color:#FFF; overflow: hidden; border-radius: 5px; box-shadow: 0px 5px 20px #e6e6e6;}
|
|
.category ul{width:90%; margin:1rem auto 0.15rem; overflow: hidden;}
|
|
.category ul li{width:25%; float: left; text-align: center;}
|
|
.category p{font-size: 0.75rem; color:#333333; }
|
|
.category p:nth-child(1){margin-bottom: 0;}
|
|
.category p:nth-child(2){margin-top: 0.1rem; margin-bottom: 0.8rem}
|
|
.category ul img{width:37%;}
|
|
/*内容*/
|
|
.Brand_research{width:100%; margin-top:0.55rem;}
|
|
.Brand_research li{border-radius: 5px; background-color:#009fdf; text-align: center; font-size: 0.8rem; color:#FFF; padding:1.1rem 0 1.35rem; margin-bottom: 10px; }
|
|
.index_video{margin-top:1.1rem;}
|
|
.index_video .title{margin-bottom: 0.7rem; font-weight: 600;}
|
|
.index_video .des{line-height: 0.98rem}
|
|
.index_video video{margin-top:0.5em;}
|
|
|
|
.index_culute{margin-top:0.85rem;}
|
|
.index_culute p{display: block;}
|
|
.index_culute .title{margin-bottom: 0em; margin-top:0rem;}
|
|
.index_culute .des{margin-bottom: 0.95rem; overflow: hidden; margin-top: 0.3rem;}
|
|
|
|
.partner{margin-bottom: 1.75rem; }
|
|
.partner .title{margin-top:1.15rem; margin-bottom: 0.98rem;}
|
|
.index_partner_list li{width:24.25%; margin-right:1%; float: left;}
|
|
.index_partner_list li:last-child{margin-right: 0;}
|
|
|
|
/*底部文件*/
|
|
footer{background-color:#2e2e2e; overflow: hidden; width:100%; color:#ffffff;}
|
|
|
|
footer dl{border-bottom: 1px solid rgba(119,119,119,0.3); padding:1% 11%; overflow: hidden; line-height: 1.875em; }
|
|
footer dt{position: relative; width:100%; font-size: 0.6875rem; padding-top:0.75em; padding-bottom: 0.5em; line-height: 1.875em}
|
|
footer span{ position: absolute; display:inline-block; margin-right: 5px; left:-1.5em; }
|
|
|
|
footer dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
|
|
footer i{ position: absolute; display:inline-block; right:-1.5em; line-height: 1.875em}
|
|
.rotate{
|
|
transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
}
|
|
.footer_copyright{font-size: 0.375rem; text-align: center; padding-top:1em; padding-bottom: 1em;}
|
|
|
|
|
|
/*产品*/
|
|
.product_title{font-size: 0.75rem; color:#333333; padding-left:2%; margin-top:0.9rem;}
|
|
.hot_product{width:100%; overflow: hidden; margin-top: 0.65rem;}
|
|
.hot_product li{width:49%; margin-right: 2%; position: relative; color:#FFF; float: left; margin-bottom: 0.05rem;}
|
|
.hot_product .hot_product_text{position: absolute; bottom:0.55rem; width:100%;}
|
|
.hot_product li:nth-child(2n){margin-right: 0;}
|
|
.hot_product .title{font-size: 0.59rem; color:#FFF; margin-bottom: 0.25rem;}
|
|
.hot_product span{display: block;}
|
|
.hot_product .subtitle{font-size: 0.4rem;}
|
|
.view_all{font-size:0.64rem; color:#666666;}
|
|
.product_list_title{width:100%; margin-top:0.9rem; overflow: hidden;}
|
|
.product_list_title .product_title{width:60%; float: left; text-align: left; margin-top:0rem;}
|
|
.product_list_title .view_all{width:38%; float: right; text-align: right;}
|
|
.product_list_title .icon-Double-Arrow{margin-left:0.15rem; display: inline-block;}
|
|
|
|
/*产品列表*/
|
|
.product_list {margin-top:0.6rem; overflow: hidden;}
|
|
.product_list li{width:49%; margin-right: 2%; float: left; margin-bottom: 0.5rem; background-color:#FFF; text-align: center; padding-top:2rem; padding-bottom: 1rem;}
|
|
.product_list li:nth-child(2n){margin-right: 0;}
|
|
.product_list .title{font-size: 0.54rem; color:#333; margin-top:1rem;}
|
|
.product_list .subtitle{font-size:0.48rem; color:#666666; margin-top:0.35rem}
|
|
.product_list span{display: block;}
|
|
.product_list img{width:65%; max-width:220px;}
|
|
|
|
/*一级列表类别*/
|
|
.first_list_category{position:relative;height: 5rem;width: 100%;overflow: hidden;margin:0 auto;background-color:#fafafa; }
|
|
.first_list_category ul{margin-top:1rem;}
|
|
.first_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
|
|
.first_list_category li:last-child(){padding-right: 1rem;}
|
|
.first_list_category .category_list{font-size: 0.64rem; color:#333333;}
|
|
.first_list_category .scroller {position:absolute;}
|
|
.first_list_category .category_list p{margin-top:0.25rem;}
|
|
.first_list_category img{width:1.5rem; max-width:54px;}
|
|
|
|
/*二级列表类别*/
|
|
.Second_list_category{position:relative;height: 6.13rem;width: 100%;overflow: hidden;margin:0 auto;background-color:#fafafa; }
|
|
.Second_list_category ul{margin-top:1.5rem;}
|
|
.Second_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 1rem}
|
|
.Second_list_category li:last-child(){padding-right: 1rem;}
|
|
.Second_list_category .category_list{font-size: 0.64rem; color:#333333;}
|
|
.Second_list_category .scroller {position:absolute;}
|
|
.Second_list_category img{width:2rem; max-width:72px;}
|
|
.Second_list_category .category_list p{margin-top:0.25rem;}
|
|
|
|
|
|
/*产品详情*/
|
|
.goods_list{width:100%;}
|
|
.goods_all_title{width:96%; padding:0 2% 1rem; margin-top:1.2rem; border-bottom: 1px solid #e5e5e5;}
|
|
.goods_all_title .title{font-size:0.7rem ; color:#333333; }
|
|
.goods_all_title .subtitle{font-size: 0.64rem; color:#666666; margin-top:0.35rem;}
|
|
/*详情规格参数样式*/
|
|
.proTfg{width:96%; margin:auto;}
|
|
.proTfg .swt-Table{display: table; width:100%;}
|
|
.proTfg .swt-Table .Table-Row{display: table-row;}
|
|
.proTfg .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding-bottom:0.28rem;}
|
|
.msul{font-size: 0.62rem; margin:0.65rem auto; }
|
|
.msul .ms1{width:25%; float: left; color:#333333;}
|
|
.msul .ms2{width:5%; float: left;}
|
|
.msul .ms3{width:70%; float: left; color:#666666;}
|
|
|
|
/*平台购买链接*/
|
|
.platform_buy{width:100%; color:#FFF; font-size: 0.64rem; text-align: center; margin-bottom: 1rem;}
|
|
.platform_buy a{display: inline-block; padding:0.25rem 1rem; background-color:#009fdf; margin-right: 1rem;}
|
|
|
|
/*详情描述*/
|
|
.goods_details{background-color:#ffffff; width:100%; padding:1.1rem 0;}
|
|
.goods_details .cpa{text-align: center;}
|
|
.goods_details .cpa li{ display: inline-block; padding-right: 1.5rem; padding-left:1.5rem;border-right: 1px solid #009fdf; line-height: 0.64rem; height: 0.54rem; }
|
|
.goods_details li:nth-child(3){margin-right: 0; border-right:none;}
|
|
.goods_details .cpa a{color:#666666; font-size: 0.64rem;}
|
|
|
|
.goods_des{width:100%;}
|
|
.goods_address{font-size: 0.7rem; padding-top:1.28rem; padding-bottom: 1.28rem;}
|
|
.goods_address .href_01{color:#333333;}
|
|
.goods_address .href_02{color:#666666}
|
|
.goods_address span{
|
|
display: inline-block;
|
|
transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
}
|
|
|
|
/*关联产品*/
|
|
.goods_Related{padding:1rem 0; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
|
|
.goods_Related_title{margin-bottom: 1rem;}
|
|
.goods_Related_list{width:88%; margin:0 auto;}
|
|
.goods_Related_list li{float: left;}
|
|
.goods_Related_list img{padding:0.24rem 1.2rem; background-color:#FFF; width:2.67rem; height: 2.67rem;}
|
|
.goods_Related_list span{display: block;}
|
|
.goods_Related_list .title{font-size:0.59rem; color:#333333; margin-top:0.3rem;}
|
|
.goods_Related_list .subtitle{font-size: 0.43rem; color:#666666; margin-top: 0.15rem;}
|
|
|
|
/*评论*/
|
|
.goods_comment{border-bottom: 1px solid #e5e5e5; margin-top:0.3rem; overflow: hidden; padding-bottom: 0.3rem; position: relative;}
|
|
.goods_comment span{display: block;}
|
|
.goods_comment .title{font-size: 0.587rem; color:#333; margin-bottom: 0.3rem;}
|
|
.goods_comment .subtitle{font-size: 0.48rem; color:#333; margin-bottom: 0.15rem;}
|
|
.goods_comment ul{margin-top:0.25rem; }
|
|
.goods_comment li{width:4.462rem; margin-right: 0.25rem; float: left; height:4.462rem;}
|
|
.goods_comment li:nth-child(4n){margin-right: 0;}
|
|
|
|
|
|
.goods_comment_img{height: 4.462rem; margin-bottom: 0.45rem;}
|
|
.goods_comment_img ul {position: absolute; width: 100%; left: 0%; margin-left: 0px;}
|
|
.goods_comment li {position: relative; width: 4.462rem; overflow: hidden; height: 4.462rem;}
|
|
.goods_comment li img{display: block; width:100%; height: 6.917rem; object-fit: cover;}
|
|
/*评论图片放大功能*/
|
|
|
|
.big_img {position: fixed; z-index: -1; opacity: 0; background:#000; width: 100%; height: 100%; top: 0;}
|
|
.big_img .swiper-container2 {position: relative; width: 100%; height: 100%;}
|
|
.big_img .swiper-container2 .swiper-wrapper {width: 100%; height: 100%;}
|
|
.swiper-container-android .swiper-slide, .swiper-wrapper {
|
|
-webkit-transform: translate3d(0,0,0);
|
|
-moz-transform: translate3d(0,0,0);
|
|
-o-transform: translate(0,0);
|
|
-ms-transform: translate3d(0,0,0);
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
|
|
.big_img .swiper-slide {width: 100%; height: 100%; display: table;}
|
|
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
|
|
.big_img .swiper-slide .cell {width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
|
|
.big_img .swiper-slide img {max-width: 100%; margin: 0 auto;}
|
|
|
|
/*新闻*/
|
|
.news .title{margin-bottom: 0.6rem;}
|
|
.news_list{padding-top:0.45rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-bottom: 0.2rem;}
|
|
.news_list .left{float: left; width:6.45rem; margin-right: 0.54rem;}
|
|
.news_list .right{float: left; width:11.6rem;}
|
|
.news_list span{display:inline-block; margin-right: 0.72rem;}
|
|
.news_list_title{font-size:0.64rem; color:#333; margin-bottom: 0.2rem;}
|
|
.news_list_des_text{font-size: 0.48rem; color:#666; line-height: 0.68rem; margin-bottom: 0.25rem;}
|
|
.news_list_share{font-size: 0.427rem; color: #666; }
|
|
.news_list_share img{vertical-align: bottom; margin-right: 0.16rem; width:0.427rem; height: 0.427rem; margin-bottom: 0.05rem;}
|
|
/*新闻翻页*/
|
|
.Pages{text-align: center; color: #555; clear: both; margin-bottom: 0.8rem; margin-top:0.6rem;}
|
|
.Pages span{display: inline-block;}
|
|
.Pages .num a{vertical-align: middle; color:#666; font-size: 0.426rem; padding:0.1rem 0.38rem; }
|
|
.Pages .a_prev, .Pages .a_next{padding-top:0.4rem; padding-left:0.38rem; padding-right: 0.38rem;}
|
|
.Pages .a_prev img, .Pages .a_next img{width:0.267rem;height: 0.587rem;}
|
|
.Pages .num .a_cur{background-color:#444444; color:#FFF;}
|
|
/*新闻评论*/
|
|
.news-comments{width:97%; margin:auto;}
|
|
.news-comments .title{font-size: 0.75rem;}
|
|
.news-comment{border-bottom: 1px solid #e5e5e5; padding-top:0.65rem;}
|
|
.news-comment .left{width:1.6rem; float: left; margin-right: 1rem;}
|
|
.news-comment .left img{width:1.6rem; height: 1.6rem;}
|
|
.news-comment .right{float: right; width:15rem;}
|
|
.news-comment span{display: block;}
|
|
.news-comment .news_list_des_text{color:#333;}
|
|
.Customer-information{width:100%; margin:auto; overflow: hidden;}
|
|
.news-comment p{display: block; font-size: 0.48rem; color:#333333; line-height: 0.7rem;margin-top:0.2rem; margin-bottom: 0.35rem;}
|
|
|
|
|
|
/*新闻详情*/
|
|
.news_detail{margin-top:1.15rem;}
|
|
.news_detail .title{font-size: 0.8rem; color:#333; margin-bottom: 0.5rem;}
|
|
.news_detail .date{font-size: 0.427rem; color:#666; padding-bottom: 1rem; border-bottom: 1px solid #d2d2d2;}
|
|
.news_detail_content{font-size: 0.54rem; color:#666; text-align: center; line-height: 0.95rem;}
|
|
.news_detail_content p{margin-top:0.35rem; margin-bottom: 0.35rem}
|
|
/*新闻回复*/
|
|
.news-replay{width:100%; margin-top:0.5rem; margin-bottom: 0.5rem; text-align: center;}
|
|
#ccont{padding:3%;width:94%; }
|
|
.news-replay textarea{height: 4.45rem; background: #fff; border:none; margin:0.35rem 0;font-size: 0.54rem;}
|
|
.news-replay span{display: inline-block;}
|
|
.news-replay .Release{font-size: 0.587rem; color:#FFF; padding:0.35rem 1.5rem; background-color:#2897d1; margin-top:0.25rem;}
|
|
|
|
/*视频分类列表*/
|
|
.video_Category ul{width:100%;}
|
|
.video_Category li{width:49.4%; margin-right: 1.2%; float: left; position: relative;}
|
|
.video_Category li:nth-child(2n){margin-right: 0;}
|
|
.video_Category li p{display: block; position: absolute; text-align: center; bottom:0.8rem; color:#FFF; font-size: 0.8rem; width:100%; }
|
|
|
|
/*热门视频 */
|
|
.video_hot span{display: block;}
|
|
.video_hot li{margin-bottom: 1.15rem;}
|
|
.video_hot .title{font-size: 0.64rem; color:#333; margin-top:0.45rem; margin-bottom: 0.25rem;}
|
|
.video_hot .des_text{font-size: 0.54rem; color:#666; line-height: 0.85rem;}
|
|
|
|
/*视频详情类别*/
|
|
.video_category{position:relative;height: 3.45rem;width: 100%;overflow: hidden;margin:0 auto; }
|
|
.video_category ul{margin-top:1rem;}
|
|
.video_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
|
|
.video_category li:last-child(){padding-right: 1rem;}
|
|
.video_category .category_list{font-size: 0.64rem; color:#333333;}
|
|
.video_category .scroller {position:absolute;}
|
|
.video_category .category_list p{margin-top:0.25rem;}
|
|
.video_category img{width:1.5rem; max-width:60px;}
|
|
|
|
/*专题购买按钮*/
|
|
/*两列产品*/
|
|
.special_title{position: absolute; width:100%; text-align: center; top:1.06rem; font-size: 0.587rem;}
|
|
.buy{width:100%; position: absolute; bottom:1.23rem; color:#333333;}
|
|
.buy a{ border:1px solid #c2d600; color:#FFF;}
|
|
.buy_margin{margin-right: 0.8rem;}
|
|
.buy_button a{padding:0.15rem 0.35rem 0.18rem; display: inline-block; color:#333; border:1px solid #5c5c5c;}
|
|
.subject_span {display: inline-block; padding:0.15rem 0.35rem 0.18rem; color: #939393; border: 1px solid #939393;}
|
|
/*1列产品*/
|
|
.special_text{position: absolute; text-align: left; top:2.02rem; left: 1.44rem;}
|
|
|
|
/*七大产品线购买按钮背景*/
|
|
|
|
/*详情样式*/
|
|
.o_detail_all {text-align: center; background-color:#FFF; overflow: hidden;}
|
|
.o_detail_title {font-size:0.85rem; color: #101010; }
|
|
.o_detail_small {font-size:0.75rem; color: #333; margin-top:0.4rem;}
|
|
.o_detail_text {font-size:0.64rem;color: #737373; line-height: 1rem; width:80%; margin: auto; margin-top:0.5rem;}
|
|
.o_detail_img{margin-top:0.3rem; margin-bottom: 1.3rem;}
|
|
|
|
|
|
/*两列*/
|
|
.list_two{width:100%;}
|
|
.list_two li{width:9.365rem; margin-right:0.26rem; float: left;}
|