.main{ width: 100%; } /*左侧--竖直导航条*/ .main-left{ width: 100%; float: right; /* background: #ffffff; */ /* box-shadow: 0px 2px 5px rgba(148,189,216,0.3); */ } .main-left-title{ height: 60px; background-color: #0040bc; width: 100%; line-height: 60px; font-size: 20px; font-weight: bold; color: #ffffff; } .h18{ height: 18px; width: 100%; } .w188{ width: 188px; margin: 0 auto; } /* .main-left-title span{ line-height: 60px; font-size: 24px; font-weight: bold; display: block; text-align: center; font-weight: bold; color:#fefeff; background-color: #b10703; /* padding:0px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */ /*竖直二级导航条*/ .subnav-two{ min-height: 315px; width: 100%; padding-bottom: 20px; background-color: #ffffff; } .subnav-two > li{ width: 100%; position: relative; overflow: hidden; /* border-bottom: 1px dashed #cecece; */ } /* .subnav-two > li > a:after { content:''; width: 0px; height: 1px; display:block; position:absolute; right: 0; left: 0; top: 50px; margin: auto; transition: all .5s; } .subnav-two > li > a:before{ content: ""; width: 0px; position: absolute; top: 0; height: 100%; transition: .5s; right: 0; } */ .subnav-two > li > .left-hover{ color: #ffffff; background: #709ef7; } .subnav-two > li > a{ /* padding-left: 11px; */ position: relative; display: block; /* text-align: center; */ line-height: 30px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; margin-top: 10px; padding-right: 15px; padding-left: 20px; text-decoration: none; color:#555555; text-overflow: ellipsis; /* white-space: nowrap; */ } .subnav-two a{ text-decoration: none; } .subnav-two a:hover{ color: #ffffff; background: #709ef7; } /*样式*/ .subnav-two > li:hover > a:after,.subnav-two > .subnav-hover { } .subnav-two > li:hover > a:after,.subnav-two > .subnav-hover >a{ color: #ffffff; background: #709ef7; } .subnav-two > li:hover > a:after,.subnav-two > .subnav-hover > a:after { width: 100%; transition: all .5s; } /*竖直三级导航条*/ .subnav-three{ display: none; background-color: #ffffff; /* padding-top: 2px; */ border-top: 1px solid #ffffff; /* border-bottom:1px solid #e8dcd4; */ } .subnav-three > li{ width: 100%; position: relative; } .subnav-three > li > a:before { content:''; width: 100%; height: 1px; display:block; /* background:#c0dded; */ position:absolute; right: 4px; top: 45px; transition: all .5s; } .subnav-three > li > a{ position: relative; display: block; /* text-align: center; */ padding-top: 10px; padding-bottom: 10px; line-height: 20px; color: #555555; padding-left: 30px; font-size: 14px; /* height: 50px;*/ } .subnav-three > li > a:hover{ color: #ffffff; background: #bcd1fa; } /*样式*/ .subnav-three > li:hover > a:after,.subnav-three > .subnav-hover > a{ color: #ffffff; background: #bcd1fa; } .subnav-three > li:hover > a:after,.subnav-three > .subnav-hover > a:after { width: 100%; transition: all .5s; } /*竖直四级导航条*/ .subnav-four{ display: none; width: 100%; /* padding-top: 2px; */ border-top: 1px solid #ffffff; border-bottom:1px solid #e8dcd4; } .subnav-four > li{ width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subnav-four > li > a:after { content:''; width: 0px; height: 1px; display:block; background:#0381c7; position:absolute; right: 0; left: 0; top: 40px; margin: auto; transition: all .5s; } .subnav-four > li > a:before { content:''; width: 100%; height: 1px; display:block; background:#ffffff; position:absolute; right: 4px; top: 40px; transition: all .5s; } .subnav-four > li > a{ display: block; line-height: 35px; /* text-align: center; */ padding-left: 60px; color:#555555; font-size: 12px; } /*样式*/ .subnav-four > li:hover > a:after,.subnav-four > .subnav-hover > a{ color: #ffffff; background: #d4e1fa; } .subnav-four > li:hover > a:after,.subnav-four > .subnav-hover > a:after { width: 100%; transition: all .5s; } .subnav-four > .subnav-hover > a,.subnav-four > li:hover > a{ color:#ffffff; background: #d4e1fa; } .contentRight img{ width: 100%; height: auto; }