body{font-family:"Helvetica","Microsoft YaHei",sans-serif; margin:0; background-color:#f5f5f5;} video{width:100%;} @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;} a{text-decoration: none;} .m_Container{width:93%; margin:auto;} .title{font-size: 1rem; color:#333333;} .des{font-size: 0.75rem; color:#666666;} .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%} /*头部*/ .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:-2vw; background-color:#FFF; overflow: hidden; border-radius: 5px; box-shadow: 0px 5px 20px #e6e6e6;} .category ul{width:90%; margin:0.25rem auto; 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.6rem} .category ul img{width:37%;} /*内容*/ .Brand_research{width:100%; margin-top:0.75rem;} .Brand_research li{border-radius: 5px; background-color:#009fdf; text-align: center; font-size: 0.9375rem; color:#FFF; padding:1rem 0; margin-bottom: 10px; } .index_video{margin-top:1rem;} .index_video .title{margin-bottom: 0.7rem; font-weight: 600;} .index_video .des{font-size: 0.75rem; line-height: 1.5em} .index_video video{margin-top:0.5em;} .index_culute{margin-top:0.75rem;} .index_culute p{display: block;} .index_culute .title{margin-bottom: 0em; margin-top:0rem;} .index_culute .des{margin-bottom: 0.8rem; overflow: hidden; margin-top: 0.25rem;} .partner{margin-bottom: 1.75rem; } .partner .title{margin-top:0.8rem; margin-bottom: 0.8rem;} .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;} /*一级列表类别*/ .first_list_category{width:100%; overflow: hidden;} .first_list_category li{width:33.33%; float: left; text-align: center;} .first_list_category .category_list{border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 0.64rem; color:#333333;} .first_list_category li:nth-child(3n) .category_list{border-right:none;}