#el_28381626618677 { padding-top: 50px; padding-bottom: 50px; background-color: #118DEB; } @media screen and (max-width: 575px){ #el_28381626618677 { padding-top: 15px; padding-bottom: 15px; background-image: none; background-color: #118DEB; } } #el_68821626618677{width:100%;} #el_56071626618679{width:100%;} #el_65281626618704 { font-size: 28px; text-align: center; font-family: Impact,Charcoal,sans-serif; color: #FFFFFF; } #el_65281626618704 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_65281626618704 { font-size: 18px; font-weight: bold; color: #FFFFFF; } } #el_43661626602612 { padding-top: 50px; padding-bottom: 50px; background-color: #FCFCFC; } @media screen and (max-width: 575px){ #el_43661626602612 { padding-top: 30px; padding-bottom: 30px; } } #el_78671626602612{width:100%;} #el_52181626661322{width:80%;} @media screen and (max-width: 575px){ #el_52181626661322{width:100%;}} #el_69961626661322 { } @media screen and (max-width: 575px){ #el_69961626661322 { margin-right: 10px; margin-left: 10px; } } #el_11191626661322{width:100%;} #el_59711626661322 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_59711626661322 .proBox { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_59711626661322 .lower { margin-bottom: 20px; } #el_59711626661322 .proBox:hover { box-shadow: 0px 3px 30px rgba(0,0,0,0.2); } #el_59711626661322 .proImgBox { overflow: hidden; } #el_59711626661322 .proBody { padding-top: 15px; padding-left: 15px; padding-bottom: 15px; padding-right: 15px; position: relative; } #el_59711626661322 .proTitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: bold; border-bottom-color: #DCDCDC; border-bottom-width: 1px; border-bottom-style: dashed; padding-top: 5px; padding-bottom: 5px; } #el_59711626661322 .proDigest { margin-top: 10px; white-space: nowrap,normal; text-overflow: ellipsis; font-size: 15px; font-weight: normal; line-height: 30px; display: block; overflow: visible; } #el_59711626661322 .proJump { position: absolute; z-index: 1; right: 10px; top: 5px; margin-top: -20px; width: 30px; height: 30px; line-height: 28px; text-align: center; color: #b6b6b6; font-size: 12px; border-radius: 50%; background-color: #fff; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5; -ms-transition: all 0.5; display: none; } #el_59711626661322 .proBox:hover .proJump { background-color: #193345; color: #fff; } #el_59711626661322 .pageBox { text-align: center; } #el_59711626661322 .pagination>li>a,#el_59711626661322 .pagination>li>span { background: none; color: #666; } #el_59711626661322 .pagination>.disabled>span,#el_59711626661322 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_59711626661322 .pagination>.active>a,#el_59711626661322 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_59711626661322 .pagination>li:hover>a,#el_59711626661322 .pagination>li:hover>span { background-color: #ddd; } #el_59711626661322 .prMore { margin-top: 8px; font-size: 18px; display: none; } #el_59711626661322 .col-md-3 { width: 33.33%; padding: 0 5px; } #el_59711626661322 .proBox.clearfix.lower { border-top-color: #E8E8E8; border-right-color: #E8E8E8; border-bottom-color: #E8E8E8; border-left-color: #E8E8E8; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } @media screen and (max-width: 767px){ #el_59711626661322 .proBox { margin-bottom: 20px; } #el_59711626661322 .lower { margin-bottom: 0px; }} @media screen and (max-width: 575px){ #el_59711626661322 .proImgBox { float: left; width: 150px; margin-right: 10px; } #el_59711626661322 .proBody { overflow: hidden; background: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #el_59711626661322 .prMore { display: none; } #el_59711626661322 .proJump { display: none; } #el_59711626661322 .proBox.clearfix.lower { margin-bottom: 20px; } #el_59711626661322 .proBox:hover { box-shadow: none; } #el_59711626661322 .proDigest { font-size: 12px; line-height: 20px; margin-top: 0px; width: 150px; padding-top: 5px; padding-bottom: 5px; } #el_59711626661322 .col-md-3 { width: 100%; padding: 0 5px; } #el_59711626661322 .proTitle { font-size: 14px; padding-top: 10px; padding-bottom: 10px; } #el_59711626661322 { } } #el_31791626661322{width:20%;} @media screen and (max-width: 575px){ #el_31791626661322{width:100%;}} #el_77141626661322 { margin-left: 50px; } @media screen and (max-width: 575px){ #el_77141626661322 { margin-left: 0px; display: block; } } #el_30481626661322{width:100%;} #el_69801626661322 ul, #el_69801626661322 li { padding: 0; margin: 0; } #el_69801626661322 a { position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #fff; } #el_69801626661322 a:hover { color: #333; } #el_69801626661322 .level1>a { color: #fff; background-color: #1c649c; border-bottom: 1px solid #dedede; font-size: 16px; } #el_69801626661322 .level1>a>.menu-arrow { color: #fff; display: none; } #el_69801626661322 .level2>a { font-weight: bold; background-color: #fff; border-bottom: 1px dashed #eee; transition: all 0.5s ease; } #el_69801626661322 .level2>a:hover, #el_69801626661322 .level2.active>a { color: #1f7fc2; } #el_69801626661322 .level3>a { position: relative; padding-left: 40px; background-color: #fff; overflow: hidden; } #el_69801626661322 .level3>a::after { content: ''; position: absolute; bottom: 0; left: 40px; width: 100%; height: 1px; background-color: #eee; transition: all 0.5s ease; } #el_69801626661322 .level3>a:hover, #el_69801626661322 .level3.active>a { color: #2B6C49; } #el_69801626661322 .level3>a:hover::after, #el_69801626661322 .level3.active>a::after { background-color: #2B6C49; } #el_69801626661322 .level1 li { } #el_69801626661322 .menu-arrow { position: absolute; top: 50%; right: 10px; color: #999; transform: translateY(-50%); transition: all 0.5s ease; } #el_69801626661322 .active>.menu-arrow { transform: translateY(-50%) rotate(90deg); } #el_69801626661322 .level2 { } #el_69801626661322 { } @media screen and (max-width: 991px){ #el_69801626661322 .level1>a>.menu-arrow { display: block; color: #fff; }}