.wrap{background:url("/Sites/Uploaded/UserUpLoad/20170515/20170515110824.png") repeat;padding-bottom: 20px;} .MobileNav{display: none;} .main_count{width: 720px;margin: 0 auto;padding: 0 25px;background:url("/Sites/Uploaded/UserUpLoad/20170515/20170515113757.gif") repeat-y;} .header_ds img{width: 100%;} .header_ds .nav{border:1px solid #ccc;width: 718px;} .header_ds .nav li{float: left;text-align: center;line-height: 32px;height: auto;background: none;padding: 0 11px;width: auto;} .header_ds .nav .sy1_ul {background: #fff;height: auto;padding: 0;} .header_ds .sy1_tit {display: block;float: none;width: auto;color: #333;} .header_ds .sy1_tit:hover{background: #fff; text-decoration: underline;color: #333;} .main {margin: 20px auto 0;width: 720px;} .linkmap{width: 700px !important;} .footer{width: 770px;margin: 0 auto; line-height: 30px;text-align: center;padding: 20px 0;background: url("/Sites/Uploaded/UserUpLoad/20170515/20170515114600.gif") no-repeat left bottom;} .phone_header{display: none;} .title_head .columnHead{border-bottom: 2px solid #0000ff; } .main p{font-size: 14px;} .title_head .articleHead { border-left: 3px solid #0000ff;} .prev_next { margin-bottom: 0; } .ae-pagination-current { background: #0000ff!important;} .share a,.share p span {background: #0000ff;} .share p.prev a{ background:none; color:#0000ff; } /*图片*/ .column_list_img{ margin:25px 0px;} .column_list_img li{width: 16%;float:left;text-align:center;margin: 0px 2% 20px;font-size: 12px;} .column_list_img li h2{font-size: 12px;line-height: 24px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 24px;} .column_list_img li h2 a{ color:#333;} .column_list_img li h2 a:hover{ color:#0000ff;} .column_list_img li a.img_box{width:100%;height: 150px;overflow:hidden;display: block;border: 1px solid #ccc;} .column_list_img li img{width:100%;min-height: 150px;} @media only screen and (max-width:768px){ .wrap .MobileNav{background:#0000ff;} .MobileNav{display:block;} .main_count {width: 100%;padding: 0 10px;box-sizing: border-box;} .linkmap {width: 100% !important;} .main {width: 100%;padding: 0;} .footer{width: 100%;} .phone_header{display: block;} *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .nav{width:inherit;height:auto;line-height: 50px;width: 100% !important;display: block !important;padding: 0;} .header_ds .nav li.sy1_li{width: 100%;} .header_ds .sy1_tit{color: #fff; background: none;} ul.phone-btn{display: block; width:100%; background:#ededed; height:50px;} ul.phone-btn li.li_odd{ font-size:24px; line-height:50px; width: 50px;} ul.phone-btn li.li_even{float:right;width: 50px;} ul.phone-btn li{display:inline-block;} .phone_header,.wrap_main{ position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .phone_header{background: #fff;z-index: 3;} .wrap_main.phone_move, .phone_header.phone_move{ -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } .wrap_main.search_move{ -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } .phone-menu{ position: relative; display: block; width: 40px; height: 50px; overflow: hidden; white-space: nolinkmap; color: transparent; z-index: 3; text-indent: -9999px; border-radius: 50%; } .phone-menu span, .phone-menu span::before, .phone-menu span::after { position: absolute; display: inline-block; height: 3px; width: 25px; background: #0000ff; } .phone-menu span { position: absolute; top: 50%; right: 9px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .phone-menu span::before, .phone-menu span::after { content: ''; right: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .phone-menu span::before { top: -7px; } .phone-menu span::after{ top: 7px; } .phone-menu.menu-open span { background: rgba(46, 50, 51, 0); } .phone-menu.menu-open span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-2px) rotate(45deg); } .phone-menu.menu-open span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); } .header_ds .nav .sy1_ul{ position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #38386d; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 15; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .sy1_ul{ visibility: hidden; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .sy1_ul.nav-open { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } /*子菜单样式*/ li.sy1_li{ float: none; position: relative; border-bottom: 1px solid #6868bb; height:auto; } li.sy1_li a.sy1_tit{ border-right:none; } li.sy1_li a.sy1_tit:hover, li.sy1_li a.sy1_tit.Hover{ background:none !important} li.sy2_li{ width:100%; border-bottom:1px solid #9ddec8;background: none;} .Has_Children>a.next_open{ display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f1f1f1; position: absolute; top: 20px !important; right: 24px !important; transition: all 0.3s ease 0s;border-bottom: none !important; } .Has_Children>a.next_open.next_close{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f1f1f1 !important; border-top:inherit;top: 20px;right: 24px;} .li.sy1_li a.sy1_tit, .sy1_ul ul a { display: block; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis; white-space: nolinkmap; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .column_list_img li{width: 18%;margin: 0px 1% 20px;} } @media only screen and (max-width:768px){ .article_cont{ width: 100%; overflow-y:hidden; } .column_list_img li{width: 23%;} } @media only screen and (max-width:500px){ .column_list_img li{width: 31.33%;} } @media only screen and (max-width:380px){ .column_list_img li{width:46%;margin: 0px 2% 20px;} }