/** 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;} }