<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*html{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    background: gray;
}*/
body{background-color: #f4f4f4}
.container {
    max-width: 1200px;
}

.main-menu{background-color: #0f88eb;position: fixed;width: 100%;top:0;left: 0;z-index: 85012520;}
.main-menu .logo{line-height: 60px;}
.main-menu .menu{line-height: 1}
.main-menu .menu-item{color: #f4f4f4;
    font-size: 18px;
    padding: 11px 20px;
    margin: 10px 15px;
    /* line-height: 22px; */
    display: inline-block;}
.main-menu .menu-item:hover{color: #ffffff;}
.main-menu .search{padding-top: 16.5px;}
.main-menu .search-input{border-bottom-left-radius: 16.5px;border-top-left-radius:16.5px;background-color: transparent;color:#FFf;border-right: 0}
.main-menu .search-input::placeholder{color:rgba(255,255,255,.6)}
.main-menu .search-button{border-bottom-right-radius: 16.5px;border-top-right-radius:16.5px;background-color: transparent;color:#FFF;border-left: 0}
.main-menu .user{margin: 23px 0 0 2em;}
.main-menu .user-signed-in{margin:17px 0 0 0}
.main-menu .user .fa{font-size: 24px;color:#FFF;}
#userSignedMenuLink{background-color: transparent;border-color: transparent}
#userSignedMenuLink:not(:disabled):not(.disabled).active:focus, #userSignedMenuLink:not(:disabled):not(.disabled):active:focus, .show&gt;#userSignedMenuLink.dropdown-toggle:focus{box-shadow: none}
.main-menu .user .fa:hover{color:#97cffc;}
.sub-menu{box-shadow: 0 3px 8px rgba(118,118,118,.1);margin-top: 60px;background-color: #FFF}
.sub-menu .nav-item{width: 85px;text-align: center;color:#0f88eb;font-size: 14px;border-bottom: 4px solid #FFF;line-height: 40px;
    margin: 0;
    padding: 0;
    float: left;overflow: hidden;height: 40px;}
.sub-menu .nav-item:last-child{width: 95px;}
.sub-menu .nav-item:hover,
.sub-menu .nav-item.active{border-color:#0f88eb}
/*focus*/
.focus{margin-top: 0px;}
.focus-wrapper{width: 880px;float: left;height: 420px;margin-right: 10px;}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;

}
.swiper-slide &gt; a{display: block;width: 100%;height: 100%;overflow: hidden}
.swiper-slide img{max-width: 100%;width: 100%}
.swiper-slide span{position: absolute;display: block;width: 100%;left: 0;    font-size: 22px; color:#FFF;background-color: rgba(0,0,0,.3);text-align: left;bottom: 0;padding: 10px 0 10px 20px;}
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    text-align: center;
    line-height: 6px;
    color:#000;
    opacity: 1;
    background: #999999;
    border-radius: 50%;
}
.swiper-pagination-bullet-active {
    color:#fff;
    background: #0f88eb;
    width: 24px;
    border-radius: 5px;
}
.swiper-pagination{text-align: right;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{background-image: none;left: 54px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;right: 54px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    position: absolute;
    top:0;
    color:#dcdcdd;
    text-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    left: 11px;
    content:"\f104";
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content:"\f105";
    right: 11px;
}
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev, .swiper-button-next
{width: 44px;height: 60px;margin-top: -30px;}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    left: unset;
    right: 20px;
    width: auto;
}
.focus .other-wrapper{float: right;width: 310px;}
.focus .other-item{position: relative;height:200px;overflow:hidden;}
.focus .other-item &gt;a &gt; h2,
.focus .other-item &gt;a &gt; h3
{display: block;position: absolute;bottom:0;left: 0;padding: 9px;background-color: rgba(4,4,4,.47);color:#FFF;font-size: 18px;width: 100%}
.focus .other-item:last-child{margin-top: 20px;}
.banner-infoobs{margin: 10px auto}
.mid-content{}
.left-wrapper{width: 880px;min-height: 1px;float: left;overflow: hidden;margin-right: 10px;}
.right-wrapper{width: 310px;min-height: 1px;float: right;overflow: hidden}
.headline{background-color: #FFF;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.03);margin-bottom: 10px;border:1px solid #e8e8e8;border-radius: 4px;}
.headline-icon{float: left;height: 60px;width: 60px;box-shadow: 2px 0 8px rgba(0,0,0,.08)}
.headline-icon p{margin: 0;line-height: 30px;text-align: center;color:#333}
.headline-icon p &gt; span{color:#fc0000}
.headline-title{float: left;height: 60px;width: 818px}
.headline-title a{line-height: 60px;font-size: 20px;color:#333;font-weight: 700;margin-left: 40px;}
.headline-title a:hover{color:#0f88eb;}
.channels-wrapper .channel-card:not(:last-child){margin-right: 10px}
.channel-card{width: 286px;float: left;border:0px solid #e6e6e6;background-color: #FFF;    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.03);height: 381px;overflow: hidden}
.channel-card &gt; .header{line-height: 40px;}
.channel-card &gt; .header &gt; a{font-size: 18px;font-weight: 700;color:#333;margin-left: 6px;}
.channel-card &gt; .header &gt; a:hover{color:#0f88eb}
.channel-card &gt; .body{position: relative}
.channel-card &gt; .body &gt; a{width: 100%;height: 100%;display: block;overflow: hidden;width: 280px;height: 190px;}
.channel-card &gt; .body &gt; a &gt;p{position: absolute;width: 100%;bottom: 0;left: 0;font-size: 14px;font-weight: bold;margin: 0;color:#FFF;padding: 0 5px 5px;text-shadow: 1px 1px 4px rgba(0,0,0,1);}
.channel-card &gt; .footer{/*height: 146px;*/}
.channel-card &gt; .footer &gt; a{display: block;color:#3e3e3e;padding:0 5px;margin: 22px auto;max-height: 42px;
    overflow: hidden;}
/*.channel-card &gt; .footer &gt; a:first-child{margin: 22px auto}*/
.channel-card &gt; .footer &gt; a:hover{color:#0f88eb}
.mt-20{margin-top: 10px;}
.right-card{background-color: #FFF;border:0px solid #e6e6e6}
.custom-title{position: relative;}
.custom-title &gt; span{width: 3px;height: 28px;display: inline-block;position: absolute;left: 0;top:6px;background-color: #2794ed;}
.custom-title &gt; .h{color:#333;font-size: 20px;font-weight: bold;margin: 0;line-height: 40px;border-bottom: 1px solid #e6e6e6;padding-left: 18px;}
.custom-title &gt; .h &gt; small{position: absolute;right: 5px;bottom: 9px;line-height: 1}
.custom-title &gt; .h &gt; small &gt; a{color:#b2b2b2;font-weight: normal;font-size: 12px;}
.custom-title &gt; .h &gt; small &gt; a:hover{color:#0f88eb}
.right-card .list-wrapper.scroll-wrapper{height: 512px;overflow: hidden}
.right-card .list-wrapper li{padding: 11px 0;height: 64px;}
.right-card .list-wrapper li a{display: block;font-size: 14px;padding: 0 16px 0 27px;color:#333333;position: relative;overflow: hidden;height: 21px;white-space:nowrap;text-overflow: ellipsis;}
.right-card .list-wrapper li a::before{content: '.';
    position: absolute;
    left: 12px;
    top: -21px;
    font-size: 30px;}
.right-card .list-wrapper li a:hover{color:#0f88eb}
.right-card .list-wrapper li small{color:#b2b2b2;font-size: 12px;padding-left: 27px;}
.card-item-left{float: left;width: 70px;margin-right: 10px;text-align: center;}
.card-item-right{float: right;width: 218px;padding-right:8px; }
.cio .card-item-right{width: 238px; }
.cio .card-item-left{width: 60px;}
.list-wrapper .card-item{padding: 10px 0}
.list-wrapper .card-item:not(:last-child){border-bottom: 1px dashed #e8e8e8}
.list-wrapper.active .card-item-left{font-size:24px;text-align: center;background-image: url("../img/date-icon.png");background-repeat: no-repeat;background-position: 0 0;width: 70px;
    height: 70px;
    overflow: hidden;    line-height: 1;
    padding-top: 25px;color:#d7d4d4;    margin: 0 10px;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.list-wrapper.active .card-item-left small{display: block;font-size: 12px;}
.list-wrapper.active .card-item:hover .card-item-left{color:#0f88eb;background-position: 0 -70px}
.list-wrapper.active .card-item:hover .card-item-right a{color:#0f88eb;}
.card-item-right a{color:#222;display: block}
.card-item-right a:hover{color:#2794ed}
.list-wrapper.active .card-item-right{padding-top: 5px}
.list-wrapper.active .card-item-right span{color:#999}
.list-wrapper.cio .card-item-left a{border-radius: 50%;width: 60px;height: 60px;display: inline-block;overflow: hidden}
.list-wrapper.cio .card-item-left a img{width: 60px;height: 60px !important;}
.right-card .cio .card-item{height: 77px;overflow: hidden}
/**/
.industry{margin-top:10px;}
.industry .card-item{position: relative;width: 100%;height: 100%;overflow: hidden}
.industry .card-item .title{position: absolute;left: 0; top:10px;width: 97%;text-align: center;color:#000;background-color: rgba(255,255,255,.6);font-size: 18px;padding: 10px;font-weight: bold;}
.industry .card-item .text{position: absolute;left: 0; bottom:0;;width: 100%;padding: 10px}
.industry .card-item .text a{display: block;padding: 10px 5px;background-color: rgba(255,255,255,.6);color:#000;height: 90px;}
.industry .card-item a:hover{color:#2794ed}
.industry .card-wrapper{padding: 15px 0}
.right-card.expert-view .list-wrapper li{padding: 16px 0;
    height: 75px;
    overflow: hidden;}
.right-card.expert-view .list-wrapper li a{text-overflow: initial;
    white-space: initial;
    overflow: initial;
    height: auto;}
.right-card.expert-view .list-wrapper li:not(:last-child){border-bottom: 1px dashed #e8e8e8}
.right-card.expert-view.video-view .list-wrapper li{padding: 18px 0;
    height: 78px;overflow: hidden}
/**/
.p-15{padding: 15px;}
.videos{margin-top: 10px;}
.videos .main-wrapper{float: left;margin-right: 15px;}
.videos .main-wrapper a img{width: 630px;height: 360px;}
.videos a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden}
.videos .icon{color:#FFF;position: absolute;top:16px;left: 16px;font-size: 16px;background-color: #6d6d6d;border-radius: 50%;
    padding: 17px;display: block;text-align: center;}
.videos a .fa{width: 16px;height: 16px;display: block;font-size: 16px;}
.videos a h5{font-size: 20px;color:#FFF;position: absolute;width: 100%;bottom: 20px;padding-left: 20px;margin: 0}
.videos .sub-wrapper{width: 205px;float: right;}
.videos .sub-wrapper .video-item:not(:last-child){margin-bottom: 15px;}
.videos .sub-wrapper .video-item a{width: 205px;height: 110px;overflow: hidden}
.videos .sub-wrapper .video-item a img{position: absolute;top:-3px;left: 0}
.videos .sub-wrapper a .fa{width: 12px;height: 12px;font-size: 12px;}
.videos .sub-wrapper .icon{font-size: 12px;padding: 10px;top:10px;left: 10px;}
.videos .sub-wrapper a h5{font-size: 12px;bottom: 8px;padding-left: 15px;}
.videos .right-card .list-wrapper li a::before{content: none;}
.videos .right-card .list-wrapper li a{padding: 0 16px 0 16px}
/*case*/
.case-wrapper{position: relative}
.case-swiper-container {
    width: 100%;
    height: 100%;
    position: initial;
}
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    text-align: center;
    line-height: 6px;
    color:#000;
    opacity: 1;
    background: #999999;
    border-radius: 50%;
}
.swiper-pagination-bullet-active {
    color:#fff;
    background: #0f88eb;
    width: 24px;
    border-radius: 5px;
}
.case-swiper-button-prev, .swiper-container-rtl .case-swiper-button-next
{background-image: none;left: 22px;}
.case-swiper-button-next, .swiper-container-rtl .case-swiper-button-prev{background-image: none;right: 22px;}
.case-swiper-button-prev:after, .swiper-container-rtl .case-swiper-button-next:after,
.case-swiper-button-next:after, .swiper-container-rtl .case-swiper-button-prev:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    position: absolute;
    top:0;
    color:#2794ed;
    text-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.case-swiper-button-prev:after, .swiper-container-rtl .case-swiper-button-next:after{
    left: 11px;
    content:"\f104";
}
.case-swiper-button-next:after, .swiper-container-rtl .case-swiper-button-prev:after{
    content:"\f105";
    right: 11px;
}
.case-swiper-button-next, .case-swiper-button-prev,
.case-swiper-button-prev, .case-swiper-button-next
{width: 44px;height: 60px;margin-top: -30px;}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    left: unset;
    right: 20px;
    width: auto;
}
.case .case-wrapper{padding: 44px 80px;}
.case .swiper-slide p{text-align: left;color:#333;margin: 20px 0 0}
.case .swiper-slide a:hover p{color:#2794ed}
/**/
.friend-link{margin-top: 20px;height:310px;background: url("../img/friend_links/anquanhegui.jpg") no-repeat;    background-size: 100% 350px;}
.friend-link-inner{padding:15px;margin-bottom:20px;padding-top: 20px;}
.friend-link h6{color:#2794ed;font-size: 20px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.friend-link ul{display: flex;flex-wrap: wrap;margin:0 -18px}
.friend-link ul li{width:20%;padding:9px 18px;}
.friend-link ul li a{color:#333;}

/**/
footer{background-color:#262b2f}
.logolink{width:100%;overflow: hidden}
.logolink ul{width: 1267px;overflow: hidden;border-bottom:1px dashed #383839;padding: 30px 0;}
.logolink ul li{float: left;width: 121px;height: 48px;text-align: center;margin-right: 59px;}
.logolink ul li a{display: block;}
.logolink ul li a img{width: auto;height: 100%;opacity: .7;filter:alpha(opacity=70)}
.logolink ul li:hover a img{opacity: 1;filter:alpha(opacity=100)}
footer .about nav{line-height: 90px;}
footer .about nav a{font-size: 16px;color:#FFF;margin-right: 70px}
footer .about nav a:hover{color:#2794ed}
footer .about .float-left p span{color:#999;margin-right: 26px;}
footer .about .float-left p span a{color:#999}
footer .about .erweima{
    height: 100px;
    width: 100px;
    display: block;
    background: url(../img/ld-icon.png) no-repeat 0px -30px;
    margin-right: 130px;
    margin-top: 10px;
}
footer .copyright{background-color: #1b1e21;text-align: center;line-height: 35px;color:#999}
footer .copyright span{margin-right: 20px;}
footer .copyright span a{color:#999}
/*login sign*/
#modal-login-sign .icon-close
{
    background: #FFF;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #a9a9a9;
    cursor: pointer;
}
#modal-login-sign .nav-tabs .nav-item{
    width: 50%;
}
#modal-login-sign .nav-tabs .nav-link{text-align: center;border-top-right-radius: 0;font-size: 16px;font-weight: 700;background-color: rgba(0, 0, 0, 0.03);}
#loginSignTabContent{}
#modal-login-sign .nav-tabs .nav-link.active{background-color: #FFF}
#regCode,#regVerify{border-top-right-radius: 0;border-bottom-right-radius: 0}
#getRegCode{border-top-left-radius: 0;border-bottom-left-radius: 0}
#captcha_img{height: 33.5px;cursor: pointer}
img{-webkit-transition: ease .8s;
    transition: ease .8s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;}
.swiper-slide:hover img,
.channel-card:hover img,
.card-item:hover img,
.videos .main-wrapper:hover img,
.videos .video-item:hover img,
.cate-list .list-item:hover .image-wrapper a img,
.right-body &gt; .item:hover &gt; .body &gt; .image a img,
.app-list.huodong .closed .box ul li:hover a img
{-webkit-transform: scale(1.2); /*æ”¾å¤§1.2å€*/transform: scale(1.2); /*æ”¾å¤§1.2å€*/}
.jrgc-list{height: 420px;overflow: hidden}
.app-list .left-wrapper{width: 815px;margin-right: 1px;/*899*/}
.app-list .right-wrapper{width:384px;}
.cate-list{}
.cate-list .list-item:hover,.right-body &gt; .item:hover{background-color: #f4f4f4;}
.cate-list .image-wrapper{max-width: 200px;max-height:110px;overflow: hidden}
.cate-list .text-wrapper{width: 100%;max-width: 585px;}
.cate-title{position: relative}
.cate-title &gt; h2{font-size: 18px;padding: 15px;display: inline-block;border-bottom: 1px solid #0F88EB;color:#333;font-weight: 700}
.cate-list .text-wrapper .title &gt; a{font-size: 24px;color:#333;overflow:hidden;width: 100%;text-overflow:ellipsis;
    white-space:nowrap;display: inline-block;font-weight: 700}
.cate-list .text-wrapper &gt; p{
    max-height: 42px;overflow: hidden;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cate-list .list-item{padding: 30px 15px;
    border: solid #f2f2f2;
    border-width: 1px 0;
    padding-left: 0;
    margin-top: -1px;
}
.list-item .extend-wrapper{color:#999}
.list-item .extend-wrapper span{display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    }
.list-item .extend-wrapper span:not(:last-child){margin-right: 15px;}
.list-item .tags a{color:#0F88EB}
.bdShare{}
.bdShare a.s_ico{color:#999 !important}
.bdShare a{width: 20px; height: 20px !important;line-height:20px !important;display: inline-block;float: left !important;margin:0 !important;padding: 0;background: url("../img/ld-icon.png") no-repeat !important;margin-right: 5px !important;}
.bdShare a.s_ico{width: auto;background: none;color:#444;margin-right: 0;}
.bdShare a.bds_sina{background-position: 0px -177px !important;}
.bdShare a.bds_qzone{background-position: -20px -177px !important}
.bdShare a.bds_wechat{background-position:-60px -177px  !important}
.bdShare a.bds_twi{background-position: -120px -177px !important}
.bdShare a.bds_fbook{background-position:-140px -177px  !important}
.bdShare a.bds_linkedin{background-position: -160px -177px !important}
.cate-list .list-item.no-image .text-wrapper{max-width: 100%}
.cate-list .list-item.no-image{padding-left: 15px;}
.cate-list .list-item.no-image .text-wrapper &gt; p{
    max-height: 100%;overflow: hidden;display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.right-title{}
.right-title .h{font-size: 18px;font-weight: bold;color:rgb(15,136,235);margin: 0;position: relative;padding: 15px 15px 10px;
    border-bottom: 1px solid;}
.right-title .h small{position: absolute;
    right: 15px;bottom: 10px;}
.right-title .h small a{font-size: 12px;color:#999}
.right-title .h small a:hover{color:#0f88eb}
/*.app-list .right-card{border-bottom: 1px solid #f4f4f4}*/
.category-top-active{border-bottom: 1px solid #f4f4f4}
.category-top-active .right-body,.right-card.ft .right-body{padding: 15px 0 15px 15px;}
.category-top-active .right-body a,.category-top-active .right-body a img{width: 100%;height: auto}
.right-body &gt; .item{padding:15px;border-bottom: 1px solid #f4f4f4}
.right-body &gt; .item &gt; .body &gt; .image{margin-right: 15px;width: 120px;height: 70px;overflow: hidden}
.right-body &gt; .item &gt; .body &gt; .text{max-height: 66px;line-height: 22px;overflow: hidden;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.right-body &gt; .item &gt; .title{margin: 0}
.right-body &gt; .item &gt; .title &gt; a{font-size: 16px;font-weight: bold;color:#444;display: inline-block;padding-bottom: 8px}
.right-body &gt; .item &gt; .title &gt; a:hover{color:#0f88eb}
/*.right-body &gt; .item:not(:last-child){border-bottom: 1px solid #f4f4f4}*/
.ft-wrapper .swiper-slide &gt; a{width: 369px;height: 211px;overflow: hidden;display: block;position: relative}
.ft-wrapper .swiper-slide &gt; a &gt;img{}
.ft-wrapper .swiper-slide &gt; a &gt; .icon{position:absolute;top:50%;left: 50%;margin-left: -27px;margin-top: -24px;background-color: #1890ff;
    color: #FFF;display: block;
    padding: 20px;
    border-radius: 50%;}
.ft-wrapper .swiper-slide &gt; a &gt; .icon &gt; i {
    width: 14px;
    height: 14px;
    overflow: hidden;
    display: block;
}
.ft-wrapper .swiper-button-next,.ft-wrapper .swiper-container-rtl .swiper-button-prev{right:15px}
.ft-wrapper .swiper-button-prev,.ft-wrapper .swiper-container-rtl .swiper-button-next{left:15px}
.ft-wrapper .swiper-slide span{font-size: 16px;}
.right-card.hots ul li{padding: 15px;border-bottom: 1px solid #f4f4f4}
.right-card.hots ul li a{color:#444}
.right-card.hots ul li a:hover{color:#0f88eb}
.right-card.hots ul li p{color:#999;font-size: 12px;margin: 0}
/*.right-card.hots ul li:not(:last-child){border-bottom: 1px solid #f4f4f4}*/
/**/
.app-list.huodong .cate-title{border-bottom: 1px solid #f6f6f6}
.app-list.huodong .active{color:#333}
.app-list.huodong .active &gt; .body{padding: 15px;}
.app-list.huodong .active &gt; .body &gt; .thumb{margin-right: 15px;border: 10px solid #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.app-list.huodong .active &gt; .body &gt; .content h2 a{font-size: 24px;color:#333}
.app-list.huodong .active &gt; .body &gt; .content h2 a:hover{color:#0f88eb}
.app-list.huodong .active &gt; .body &gt; .content h2 small{display: block;font-size: 14px;color:#0f88eb}
.app-list.huodong .active &gt; .body &gt; .content .time,.app-list.huodong .active &gt; .body &gt; .content .location{margin-top: 8px}
.app-list.huodong .active &gt; .body &gt; .content .info{line-height: 24px;}
.app-list.huodong .active &gt; .body &gt; .content i{font-style: normal;color:#999;}
.app-list.huodong .active &gt; .body &gt; .content .info:last-child{max-height: 72px;overflow: hidden;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.app-list.huodong .closed{margin-top: 20px}
.app-list.huodong .closed .box{padding: 15px 7px;}
.app-list.huodong .closed .box ul li{width: 25%;float: left;padding: 0 8px;position: relative;margin-bottom: 15px}
.app-list.huodong .closed .box ul li .close {
    font-style: normal;
    font-size: 10px;
    color: #999;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 2px;
    position: absolute;
    bottom: 75px;
    right: 13px;
    z-index: 85012510;
}
.app-list.huodong .closed .box ul li &gt; a{
    width: 281px;
    height: 159px;
    overflow: hidden;
    display: block;
}
.app-list.huodong .closed .box ul li a img{opacity: .5}
.app-list.huodong .closed .box ul li:hover a img{opacity: 1}
.app-list.huodong .closed .box ul li p{margin: 0}
.app-list.huodong .closed .box ul li .tit {
    padding: 10px 1em;
    background: #f3f3f3;
}
.app-list.huodong .closed .box ul li .tit a{
    color:#333;
    height: 3em;
    overflow: hidden;
    display: inline-block;
}
.app-list.huodong .closed .box ul li .tit a:hover{color:#0f88eb}
.app-list.huodong .closed .box ul li .place {
    background: #E3E3E3;
    padding: 4px 1em;
}
/**/
.article-detail .location{padding:15px;border-bottom: 1px solid #f4f4f4}
.article-detail .location .float-left{line-height: 42px;}
.article-detail .location .breadcrumb{padding: .75rem 0 .75rem 5px;margin: 0;border-radius:0}
.article-detail .location .breadcrumb-item+.breadcrumb-item::before{content:'&gt;';color:#ccc}
.article-detail .left-wrapper{width: 899px;margin-right: 1px;border-top-left-radius: 8px;}
.article-detail .right-wrapper{border-top-right-radius: 8px;}
.article-detail .article-body{padding: 15px;}
.article-detail .article-body &gt; h2{padding-bottom: 15px;color:#333}
.article-detail .extend-content,.article-detail .extend-content a{color:#999;font-size: 14px;}
.article-detail .extend-content .info span:not(:last-child){margin-right: 15px;}
.article-detail .extend-content .share .summary{vertical-align: top}
.article-content{font-size: 16px;line-height: 2;padding: 0 2em 1em 2em;}
.article-content &gt; p{text-indent: 2em}
.article-copyright {
    font-size: 14px;
    color: #ccc;
    margin: 35px 0 20px;
    line-height: 1.5;
}
.article-content &gt; summary{
    padding: 1em;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 2em;
    color:#999
}
.prev-next{padding: 15px;border-top:1px solid #f4f4f4}
.prev-next a{line-height: 2;}
.prev-next a span{color:#666}
.article-footer{border-top:1px solid #f4f4f4;padding: 15px;}
.article-footer .rands-item{width: 50%;
    float: left;
}
.article-footer .rands-item a{
    max-width: 97%;
    line-height: 2;
    overflow: hidden;
    max-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
/*body.case.list{background-color: #FFF}*/
body.case.list header{border-bottom: 1px solid #e7e7e7}
body.case.list .header{line-height: 44px;}
body.case.list .header a{color:#000}
.case-search{padding-top: 0px;width: 157px;margin: 0 0 0 auto}
.case-logo-wrapper{padding: 63px 0 13px;}
.case-search .search-input{border:0px solid #ff5c00;height: 32px;background: transparent;color:#FFF}
.btn-case-search{border:0px solid #ff5c00;background-color: #ff5c00;color:#FFF}
.case-banner .swiper-slide:hover img {-webkit-transform: scale(1.05); /*æ”¾å¤§1.2å€*/transform: scale(1.05); /*æ”¾å¤§1.2å€*/}
.case-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 0;width: 100%;text-align: center}
.case-banner .swiper-pagination-bullet,.case-banner .swiper-pagination-bullet-active{width: 10px;height: 10px;background-color: #bcb9b9;line-height: 1;}
.case-banner .swiper-pagination-bullet-active{background-color: #ff5c00}
body.case.list .common-title{font-size: 32px;color:#555;text-align: center;position: relative}
body.case.list .common-title &gt; span{position: relative;padding-bottom: 12px;display: inline-block;}
body.case.list .common-title &gt; span::after{content:'';display: inline-block;position: absolute;width: 40px;height: 4px;border-radius: 2px;background-color: #ff8a00;bottom:0;left: 50%;margin-left: -20px;}
body.case.list .pt-64{padding-top: 64px;}
.custom-margin-center{width: 1200px;margin: 0 auto}
.companies{padding: 60px 0;}
.companies .item-wrapper{height: 270px;width: 199px;vertical-align: top;display: inline-block;background-color: transparent}
/*.companies .item-wrapper:not(:first-child){border-left: 1px dashed #efefef}*/
.companies .item-wrapper:not(:first-child){border-left: 1px dashed transparent}
.companies .item-wrapper .item a{display: block;border:1px solid #ccc;width: 159px;height: 66px;overflow: hidden;position: relative;}
.companies .item-wrapper .item a img{position: absolute;top:-8px;left: 0;max-width: 100% !important;}
.companies .item-wrapper .item{padding: 12px 20px;}
.companies .contents{position: relative;}
.cases-wrapper{margin-top: 70px;}
.cases-wrapper .description{font-size: 16px;line-height: 26px;color:#999;padding: 30px 8px;margin: 26px 0}
.cases-wrapper .list-body{margin-top: 40px;}
.cases-wrapper .list-body .row{margin-bottom: 20px;}
.cases-wrapper .list-footer{margin: 85px 0;}
.cases-wrapper .case-item{background-color: transparent;/*box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.06);*/border:1px solid transparent;margin-bottom: 1rem;    border-radius: 6px;width: 285px;overflow: hidden;float: left}
.cases-wrapper .case-item &gt; a{width: 100%;height: 100%;overflow: hidden;display: block}
.cases-wrapper .case-item &gt; a &gt; img{width: 100%;border-radius: 6px;border:1px solid #1dc4ca;}
.cases-wrapper .case-item-footer{padding:0 11px}
.cases-wrapper .case-item-footer .title a{    font-size: 16px;
    color: #4d4d4d;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    line-height: 1.5;
    max-width: 100%;
    display: block;
    margin: 10px 0;}
/*.cases-wrapper .case-item:hover{border-color:#ff8a00}*/
.cases-wrapper .case-item .title a{color:#ff8a00}
.cases-wrapper .plugin-infos{border-top:0px dashed #cecece;padding:0 0 20px 0;}
.cases-wrapper .plugin-infos span{
    display: inline-block;float: left;width: 50%;color:#FFF;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: 18px;line-height: 18px;
}
.cases-wrapper .plugin-infos span.timeclock{text-align: right}
.cases-wrapper .plugin-infos,.cases-wrapper .plugin-infos a{font-size: 12px;color:#FFF}
.cases-wrapper .plugin-infos .logo{height: 36px;width: 40px;margin-right: 8px;overflow: hidden}
.cases-wrapper .case-item-footer p{margin: 0}
.case-contact-us{color:#FFF;padding: 65px}
.case-contact-us .title{font-size: 18px;padding: 20px 0 40px;}
.case-contact-us span{display: inline-block;width: 100%;}
.case-contact-us .box{width: 670px;border:3px solid #FFF;position: relative;padding: 27px;font-size: 16px;line-height: 33px;}
.case-contact-us .box em{font-style: normal}
.case-contact-us .box .text{}
.case-contact-us .slogan{color:#ff8a00;font-weight:400}
.case-contact-us .slogan .point{position: relative;width: 1rem}
.case-contact-us .slogan .point::after{
    content: '.';
    position: absolute;
    top: -15px;
    font-weight: bold;
    left: 4px;
}
.case-contact-us .name{
    font-size: 24px;
    position: absolute;
    width: 100px;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 50%;
    margin-left: -50px;
    margin-top: -20px;
    background-color: #fff;
    display: inline;
    color: #333;
}
body.case.list .friend-link{display: none}
body.case.list #loadMoreBtn{width: 320px;height: 50px;line-height: 50px;background-color: #ff8a00;color:#FFF;display: inline-block;font-size: 20px;}
body.case.list #loadMoreBtn.disabled {
    background-color: #ccc;
}
.case-search-section{position: absolute;
    right: 0;top:0;border: 1px solid #ff8a00;border-radius: 8px;padding-left: 8px;}
.case-background{background-color:#FFF;background-image: url("../img/case-description-bg.jpg");padding: 66px 0 0;background-position: left bottom;background-repeat: no-repeat}
.case-background .description{padding: 36px 0;}
.case-background .description p{margin: 0;text-indent: 2em;line-height: 40px;color:#333}
.case-others{background: url("../img/case-bg.jpg") repeat-y 0 0}
.con-show01{width: 58px;height: 72.5px;float: left;margin: 1px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;cursor: pointer;background-color: #FFF;}
.con-show03 &gt; div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;line-height: 72.5px;text-align: center;color: #fff;cursor: pointer;transition: opacity 0.3s;}
.con-show03 img{position: absolute;/*height: 72.5px !important;*/width: auto;top: 0;max-width: none;opacity: .68;}
.con-show03:hover &gt; div,.con-show03:hover img{opacity: 1;}
body.case.list .companies-wrapper .common-title{color:#FFF;padding-top: 70px}
#companyContents .count20:not(:first-child){margin-top: -23px;}
#companyContents .count19{margin-left: 15px;margin-top: -22px;}
.cases-wrapper .input-icon{font-size: 16px;line-height: 32px;}
.cases-wrapper .case-item:hover a img{-webkit-transform: scale(1.15);
    transform: scale(1.15);}
.case-grid{margin: 0 -15px;width: 1200px;}
.companies .str_wrap{background: transparent;}
/*20190603*/
.header-20190603{background-color: #FFF;}
.menu-wrapper-20190603{}
.menu-wrapper-20190603 .logo-wrapper .logo{padding: 15px 0 15px}
.menu-wrapper-20190603 .search-quick_menu{margin-top: 15px;}
.menu-wrapper-20190603 .search input.form-control.search-input {
    width: 280px;
    padding-bottom: 7px;
    padding-top: 7px;
    height: 37px;
    border-radius: 0;
    border-color: #e9e9e9;
    border-right:0
}
.menu-wrapper-20190603 .search .search-button{background:transparent;border-color:#e9e9e9;border-left: 0;border-radius: 0;padding-left: 20px;padding-right: 20px;color:#a8a8a8}
.menu-wrapper-20190603 .quick-menu{text-align: right;font-size: 20px;margin-bottom: 12px;}
.menu-wrapper-20190603 .quick-menu a{color:#60a4e3;position: relative}
.menu-wrapper-20190603 .quick-menu a:hover,.menu-wrapper-20190603 .quick-menu a:focus{color:#0f88eb}
.menu-wrapper-20190603 .quick-menu &gt; a:not(:first-child){margin-left: 16px;}
.menu-wrapper-20190603 .zn-xgg{margin-left: 8px;margin-top: 15px;}
.menu-wrapper-20190603 .quick-menu .dropdown{display: inline-block;margin: 0}
.menu-wrapper-20190603 .quick-menu .dropdown .fa-user{font-size: 20px;}
.main-menu-20190603{height: 50px;line-height: 50px;background-color: #0065cc;/*#0f88eb*/}
.main-menu-20190603 .col-2{padding: 0}
.main-menu-20190603 .col-2&gt;.item{position: relative}
.main-menu-20190603 .col-2&gt;.item .menu-item{display:block;text-align: center;font-size:18px;color:#FFF}
.main-menu-20190603 .col-2:not(:last-child) .menu-item::after{content:'|';position: absolute;
    right: 0;
    color: rgba(255,255,255,.6);}
.main-menu-20190603 .mark-line{position: absolute;top:0px;border-bottom: 0px solid #FFF;display:none;width: 100%;}
.main-menu-20190603 .col-2 &gt; .item .sub-menu{display: none}
.main-menu-20190603 .col-2 &gt; .item.active .mark-line{display: none}
.main-menu-20190603 .col-2 &gt; .item.active .menu-item{font-weight: bold}
.main-menu-20190603 .sub-menu{z-index: 3;
    position: absolute;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 140%;
    left: 0;
    margin-left: -20%;
    background-color: transparent;
    /*border-left: 1px solid #d6d8d9 ;*/
    /*border-bottom: 1px solid #d6d8d9 ;*/
    overflow: hidden;
}
.main-menu-20190603 .sub-menu li{width: 50%;
    float: left;
    /*padding: 10px 0;*/
    border-bottom: 1px solid #d6d8d9 ;
    border-right: 1px solid #d6d8d9 ;
    border-left: 1px solid #d6d8d9 ;
    text-wrap: none;
    overflow: hidden;
}
.main-menu-20190603 .sub-menu li:nth-of-type(even){margin-left: -1px;}
.main-menu-20190603 .sub-menu li a{display: block;line-height: 1;text-align: center;color:#333;padding: 20px 0;background: rgba(255,255,255,.95);}
.main-menu-20190603 .sub-menu li a:hover{background-color: rgba(0, 101, 204,.95)/*rgba(15,136,235, .95)*/;color:#FFF}
.main-menu-20190603 .sub-menu li.item.animated{-webkit-animation-duration: .5s;animation-duration: .5s;}
.tmp-20190604-1{
    display: block;
    overflow: hidden;
    height: 182px;}
.expert-view.video-view {
    height: 431px;
    overflow: hidden;
}
.article-detail .right-wrapper{width: 300px}








</pre></body></html>