/* CSS Document */

/***************banner****************/

.banner{ width:100%; height:465px; float:left; overflow:hidden; position:relative;}

.banner-info{ position:absolute; width:100%; text-align:center; float:left; margin-top:120px; color:#fff;}

.banner-bg,.banner-bg img{ width:100%; height:100%; float:left; overflow:hidden;}

.page-type{ font-size:48px; margin-bottom:60px;margin-top: 60px}

.page-line{ display:block; height:60px; border-top:1px solid #fff; width:80px; margin:0 auto;}

.page-desc{ font-size:36px;}

.page-e{ position:absolute; left:150px; top:0; font-size:72px; opacity:0.12; font-weight:bold; width:50%; text-align:right;}

.page-e span{ font-size:150px;}



.case-menu{ width:100%; float:left; position:absolute; bottom:0; height:60px; background:rgba(0, 0, 0, 0.24);}

.case-menu a{ display:block; float:left; padding:0 22px; color:#fff; opacity:0.72; transition:aall 0.3s; height:36px; margin:12px 0; border-radius:40px; line-height:36px;}

.case-menu a:hover{ opacity:1;}

.case-menu a.cur,.case-menu a.cur:hover{ opacity:1; background:#fff; color:#198dcd;}

.case{ padding-top:0;}

.case li{ display:block; float:left; margin-bottom:10px; background:#fff; padding:20px; width:100%;}

.case-img{ width:650px; height:480px; float:left;}

.case-img img{ width:100%; height:auto; min-height:100%;}

.case-info{ width:530px; float:right;}

.case-info p{ width:100%; float:left;}

.case-name{ font-size:30px; color:#666666; margin:10px 0; line-height:40px;}

.case-importance{ width:100%; float:left; background:#198dcd; padding:15px 20px; color:#fff; line-height:24px; margin-bottom:10px;}

.case-importance p{ margin-bottom:10px;}

.case-importance p:last-of-type{ margin-bottom:0;}

.case-importance p i{ display:block;font-style:normal; float:left; font-size:30px;}

.case-desc{ width:100%; float:left; line-height:30px; max-height:240px; overflow:hidden;}

.case li:nth-of-type(2n) .case-img{ float:right;}

.case li:nth-of-type(2n) .case-info{ float:left;}

.case-no-image .case-info {

    width: auto;

}

.case-no-image .case-img {

    display: none;

}

@media screen and (max-width:768px){

.banner{ height:220px;}

.banner-info{ margin-top:30px;}

.page-type{ font-size:30px; margin-bottom:20px;}

.page-line{ height:20px;}

.page-desc{ font-size:24px;}

.page-e{font-size:30px; left:80px;}

.page-e span{ font-size:72px;}

.box{ padding:10px 0;}

.case li{ padding:20px;}

.case-img{ width:100%; height:260px;}

.case-info{ width:100%;}

.case-name{ font-size:24px; line-height:36px;}

.case-importance{ margin-bottom:20px;}

.case-desc{ max-height: none;}

}