#el_27381561433713 { position: relative; } #el_24521561433713{width:100%;} #el_56901561433713 img { max-width: 100%; } #el_56901561433713 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 767px){ #el_56901561433713 { display: none; } } #el_13441561433713 img { max-width: 100%; } #el_13441561433713 { transition-property: all; transition-duration: 1s; display: none; } @media screen and (max-width: 767px){ #el_13441561433713 { display: block; } } #el_48171561433776{width:100%;} #el_79271561433776 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #el_38211561433776{width:100%;} #el_45011561433776 { font-size: 12px; } @media screen and (max-width: 767px){ #el_45011561433776 { font-size: 12px; color: #333; } } #el_69691561446107 { padding-top: 40px; padding-bottom: 40px; } @media screen and (max-width: 767px){ #el_69691561446107 { padding-top: 20px; } } #el_71131561446107{width:100%;} #el_65141561446109{width:100%;} #el_23051561446117 { color: #666; text-align: center; } #el_23051561446117 ul { margin-bottom: 0; display: inline-block; } #el_23051561446117 .list>ul>li>ul>li>a:hover,#el_23051561446117 .list .level2.active>a { background-color: #333; color: #fff; } #el_23051561446117 .list>ul>li>a { font-size: 18px; color: inherit; display: block; } #el_23051561446117 .list>ul>li.active>a { background-color: #6388CF; color: #fff; } #el_23051561446117 .list>ul>li>ul { } #el_23051561446117 .list>ul>li>ul>li>a { } #el_23051561446117 .list .level1 { } #el_23051561446117 .list .level1>a { display: none; } #el_23051561446117 .list .level2 { float: left; } #el_23051561446117 .list .level2>a { display: inline-block; width: 120px; height: 38px; line-height: 38px; font-size: 14px; color: #666; border: 1px solid #BFBFBF; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; } #el_23051561446117 .list .level2>a:hover, #el_23051561446117 .list .level2.active>a { background-color: #6388CF; color: #fff; } @media screen and (max-width: 991px){ #el_23051561446117 { display: block; }} @media screen and (max-width: 575px){ #el_23051561446117 .list .level2>a { width: 100px; }} #el_14611561446147 { margin-top: 50px; } @media screen and (max-width: 767px){ #el_14611561446147 { margin-top: 30px; } } #el_70311561446147{width:100%;} #el_41261561446149 { } #el_41261561446149 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_41261561446149 .proBox { margin-bottom: 20px; } #el_41261561446149 .proBox:hover img { animation: twinkle 0.3s; } #el_41261561446149 .proBox:hover .proTitle { color: #6388CF; background-color: #eee; } #el_41261561446149 .proBox:hover .proImgBox { } #el_41261561446149 .proImgBox { overflow: hidden; border: 1px solid #eee; } #el_41261561446149 .proTitle { display: block; font-size: 16px; color: #333; padding-bottom: 20px; padding-left: 0; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding-top: 20px; border: 1px solid #eee; border-top: none; } #el_41261561446149 .pageBox { text-align: center; } @keyframes twinkle { 0% { opacity: 0.1; } 33% { opacity: 1; } 66% { opacity: 0.1; } 100% { opacity: 1; } } @media screen and (max-width: 767px){ #el_41261561446149 .proTitle { } }