102 lines
8.4 KiB
CSS
102 lines
8.4 KiB
CSS
/** CSS reset **/
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
|
|
table{border-collapse:collapse;border-spacing:0;}
|
|
fieldset,img,abbr,acronym{border:0;}
|
|
ol,ul{list-style:none;}
|
|
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
|
|
caption,th{text-align:center;}
|
|
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
|
|
|
|
/* flex布局自定义原子类 */
|
|
.flex {display:-webkit-box; display:-ms-flex; display:-webkit-flex; display:flex;}
|
|
.inline-flex {display:-webkit-inline-box; display:-ms-inline-flex; display:-webkit-flex; display:inline-flex;}
|
|
.flex-mul {-webkit-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
|
|
.flex-vertical {-webkit-box-direction:orient; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
|
|
.flex-hc {-webkit-box-pack:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;}
|
|
.flex-vc {-webkit-box-align:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;}
|
|
.flex-hb {-webkit-box-pack:justify; -ms-justify-content:space-around; -webkit-justify-content:space-around; justify-content:space-around;}
|
|
.flex-item {-webkit-box-flex:1; -ms-flex-grow:1; -webkit-flex-grow:1; flex-grow:1;}
|
|
|
|
a:link {text-decoration:none; color:#fff;}
|
|
a:visited {color:#fff;}
|
|
body,html{min-width:100%; min-height:100%;}
|
|
body {background:#404041; font-family:"arial" "微软雅黑" "宋体"; font-size:14px;}
|
|
img {max-width:100%;}
|
|
|
|
/* 幻灯片样式 */
|
|
.swipe {overflow:hidden; visibility:hidden; position:relative;}
|
|
.swipe-wrap {overflow:hidden; position:relative;}
|
|
.swipe-wrap > li {float:left; width:100%; position:relative; text-align:center;}
|
|
|
|
.copyright {text-align:center;letter-spacing:3px; line-height:25px; font-size:12px; color:#ead0b6;}
|
|
.copyright a:link {color:#ead0b6;}
|
|
.copyright a:visited {color:#ead0b6;}
|
|
.nav_button {height:45px;}
|
|
.fixed {background:-webkit-gradient(linear,center top,center bottom,from(#081016),to(#03070c)); background:-ms-linear-gradient(top,#081016,#03070c); background:-webkit-linear-gradient(top,#081016,#03070c); background:linear-gradient(top,#081016,#03070c); position:fixed; width:100%; bottom:0px; left:0px;}
|
|
.fixed ul {height:45px;}
|
|
.fixed li {float:left; width:33.3%; text-align:center; height:45px;}
|
|
.fixed li a {display:block; height:20px; line-height:20px; color:#fff; padding-top:25px; background-position:center 5px; background-repeat:no-repeat; -webkit-background-size:auto 20px; background-size:auto 20px;}
|
|
.fixed li a:hover {color:#fff;}
|
|
.fixed li a:visited {color:#fff;}
|
|
.fixed li .bds_more {background-image:url(/static/img/mobile/nav_3.png); float:none; color:#fff; width:auto; margin:0px; text-indent:0em;}
|
|
.fixed .nav-bmap {background-image:url(/static/img/mobile/nav_1.png);}
|
|
.fixed .nav-tel {background-image:url(/static/img/mobile/nav_2.png);}
|
|
body .bdshare_popup_box {background:none; border:none;}
|
|
body .bdshare_popup_list li {height:38px; margin-left:0px; padding:0px;}
|
|
body .bdshare_popup_list a {background:rgba(0,0,0,0.6); background-image:none; color:#fff; font-size:14px; line-height:18px; padding:10px 5px; text-align:center;}
|
|
body .bdshare_popup_list a:hover {background:rgba(0,0,0,0.8); color:#fff;}
|
|
body .bdshare_popup_list a:visited {color:#fff;}
|
|
body .bdshare_popup_list {background:none; padding:0px;}
|
|
.bdshare_popup_bottom {display:none;}
|
|
.bdshare_popup_top {display:none;}
|
|
|
|
/* module8 */
|
|
.module8 {background:#404041;}
|
|
.module8_menu_list {width:100%; position:relative; height:420px; overflow:hidden;margin:0 auto; text-align:center;}
|
|
.module8_menu_list img {max-width:100px; max-height:25px;}
|
|
.module8_menu_list li {position:absolute; overflow:hidden; margin-bottom:10px;}
|
|
.module8_menu_list li a {display:block;}
|
|
.module8_menu_list li:nth-child(1) {-webkit-transform:skew(15deg) translate(-6px); left:0px; top:0px; transform:skew(15deg) translate(-6px);}
|
|
.module8_menu_list li:nth-child(2) {-webkit-transform:skew(15deg) translate(6px); right:0px; top:0px; transform:skew(15deg) translate(6px);}
|
|
.module8_menu_list li:nth-child(3) {-webkit-transform:skew(15deg) translate(-6px); left:0px; top:70px; transform:skew(15deg) translate(-6px);}
|
|
.module8_menu_list li:nth-child(4) {-webkit-transform:skew(15deg) translate(6px); right:0px; top:70px; transform:skew(15deg) translate(6px);}
|
|
.module8_menu_list li:nth-child(5) {-webkit-transform:skew(15deg) translate(-20px); left:0px; top:150px; transform:skew(15deg) translate(-20px);}
|
|
.module8_menu_list li:nth-child(6) {-webkit-transform:skew(15deg) translate(-6px); right:-25px; top:150px; transform:skew(15deg) translate(-6px);}
|
|
.module8_menu_list li:nth-child(7) {-webkit-transform:skew(15deg) translate(-20px); left:0px; top:310px; transform:skew(15deg) translate(-20px);}
|
|
.module8_menu_list li:nth-child(8) {-webkit-transform:skew(15deg) translate(20px); right:0px; top:310px; transform:skew(15deg) translate(20px);}
|
|
.module8_menu_list li:nth-child(odd) {border-width:0px 0px 5px 0px; border-style:outset; border-color:#B4B4B4;}
|
|
.module8_menu_list li:nth-child(even) {border-width:0px 0px 5px 5px; border-style:outset; border-color:#787878;}
|
|
.module8_menu_list li:nth-child(1) a {width:100px; height:60px; background:#D91B5B; -webkit-transform:skew(-15deg) translate(8px); transform:skew(-15deg) translate(8px);}
|
|
.module8_menu_list li:nth-child(2) a {width:220px; height:60px; background:#D91B5B; -webkit-transform:skew(-15deg) translate(-8px); transform:skew(-15deg) translate(-8px);}
|
|
.module8_menu_list li:nth-child(3) a {width:120px; height:70px; background:#231F20; -webkit-transform:skew(-15deg) translate(8px); transform:skew(-15deg) translate(8px);}
|
|
.module8_menu_list li:nth-child(4) a {width:200px; height:70px; background:#231F20; -webkit-transform:skew(-15deg) translate(-8px); transform:skew(-15deg) translate(-8px);}
|
|
.module8_menu_list li:nth-child(5) a {width:165px; height:150px; background:#00A79D; -webkit-transform:skew(-15deg) translate(20px); transform:skew(-15deg) translate(20px);}
|
|
.module8_menu_list li:nth-child(6) a {width:180px; height:150px; background:#EF4036; -webkit-transform:skew(-15deg) translate(-20px); transform:skew(-15deg) translate(-20px);}
|
|
.module8_menu_list li:nth-child(7) a {width:200px; height:100px; background:#EF4036; -webkit-transform:skew(-15deg) translate(20px); transform:skew(-15deg) translate(20px);}
|
|
.module8_menu_list li:nth-child(8) a {width:145px; height:100px; background:#EF4036; -webkit-transform:skew(-15deg) translate(-20px); transform:skew(-15deg) translate(-20px);}
|
|
.module8_menu_list .module8_menu_img {max-width:100px; max-height:25px; position:absolute;}
|
|
.module8_menu_list li:nth-child(1) .module8_menu_img {right:10px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(2) .module8_menu_img {right:10px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(3) .module8_menu_img {right:15px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(4) .module8_menu_img {right:10px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(5) .module8_menu_img {right:18px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(6) .module8_menu_img {right:10px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(7) .module8_menu_img {right:25px; bottom:5px;}
|
|
.module8_menu_list li:nth-child(8) .module8_menu_img {right:10px; bottom:5px;}
|
|
|
|
.module8_menu_list li:nth-child(odd) .module8_menu_title {position:absolute; top:6px; left:5px; padding:0px 20px 2px 5px; border-radius:10px; /*background:rgba(100,100,100,0.3);*/ background:url(/static/img/mobile/8/title_bg.png) no-repeat right center rgba(100,100,100,0.3); background-size:auto 16px;}
|
|
.module8_menu_list li:nth-child(even) .module8_menu_title {position:absolute; top:6px; left:20px; padding:0px 30px 2px 8px; border-radius:10px; background:url(/static/img/mobile/8/title_bg.png) no-repeat right center rgba(100,100,100,0.3); background-size:auto 16px;}
|
|
.module8_menu_list li:nth-child(odd) .module8_menu_describe {position:absolute; top:30px; left:10px; width:100px; font-size:8px;}
|
|
.module8_menu_list li:nth-child(even) .module8_menu_describe {position:absolute; top:30px; left:40px; font-size:8px;}
|
|
|
|
@media screen and (width:360px) {
|
|
.module8_menu_list li:nth-child(1) a {width:120px;}
|
|
.module8_menu_list li:nth-child(2) a {width:240px;}
|
|
.module8_menu_list li:nth-child(3) a {width:140px;}
|
|
.module8_menu_list li:nth-child(4) a {width:220px;}
|
|
.module8_menu_list li:nth-child(5) a {width:185px;}
|
|
.module8_menu_list li:nth-child(6) a {width:200px;}
|
|
.module8_menu_list li:nth-child(7) a {width:220px;}
|
|
.module8_menu_list li:nth-child(8) a {width:165px;}
|
|
|
|
} |