157 lines
6.7 KiB
CSS
Executable File
157 lines
6.7 KiB
CSS
Executable File
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;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|