@charset "utf-8";
/* CSS Document */
.container{width: 1280px;}
.ls-special-body{ background: #eaf6ff url("../images/sww-bg3.png") center bottom no-repeat; background-size: 100% auto;}
.ls-special-header{background: url("../images/sww-banner.png") center 0 no-repeat; background-size:cover; height: 580px;}
/*logo*/
.ls-special-logo{ padding: 20px 0 0 6px;}
.ls-special-logo span{display: none;}
.ls-special-logo img{max-height: 91px; width: auto;}
/*头部右侧*/
.ls-special-right{ font-size: 0; text-align: right; margin-top: 11px; line-height: 0;}
.ls-special-right li{display: inline;}
.ls-special-right li > a,.ls-special-right li.ls-user > span{display: inline-block; margin-left: 10px; position: relative; padding: 0 10px; color: #fff; transition: 0.4s all; font-size: 16px; line-height: 2.25;}
.ls-special-right li > a:hover,.ls-special-right li.ls-user > span:hover{ font-weight: bold;}
/*banner*/
.ls-special-banner{ padding: 141px 0 0; text-align: center;}
.ls-special-banner li span{display: none;}
.ls-special-banner img{ max-width: 100%; max-height: 70px; height: auto;}

.ls-special-mainbg{ margin-top: -76px; position: relative; z-index: 5; background: url("../images/sww-bg2.png") center 0 no-repeat; }
.ls-special-introduction{border: 4px solid rgba(255, 255, 255, 0.8);border-radius: 16px;box-shadow: 0 3px 20px 0 rgba(44, 106, 227, 0.15),inset 0 0 15px 10px rgba(255, 255, 255, 0.3);background: rgb(199, 231, 255); padding: 36px 36px 16px;}
.ls-bg-fff{border-radius: 16px; margin-bottom: 20px; box-shadow: 0 0 18px 0 rgba(114, 188, 245, 0.35); background: rgba(255, 255, 255, 0.8); padding: 20px 34px; font-size: 20px; line-height: 2;}
.ls-sww-title{ font-size: 24px; font-weight: bold; line-height: 38px; color: #0F5AA5; position: relative; margin:2px 0 12px; display: inline-block;}
.ls-sww-title span{position: relative; z-index: 1;}
.ls-sww-title:after{position: absolute; display: block; content: ""; left: 2em; bottom: 0; height: 14px; z-index: 0;background: linear-gradient(270.00deg, rgba(111, 255, 255, 0),rgb(148, 215, 255) 100%); right: 0;}

.footer,.fotcon,.fot_ewm{background: transparent;}
.fotcon,.fot_ewm li span{color: #666;}
.fotcon a{color: #666;}
.fotcon a:hover,.fot_ewm li a:hover span{color: #d00;}

@media (min-width: 992px) and (max-width:1279px) {
    .container{width: 992px;}
}
@media (max-width:991px) {
    .container{width: 768px;}
    .ls-special-header{height: auto;}
    .ls-special-logo{padding: 8px 0 0 5px;}
    .ls-special-logo img{max-height: 70px;}
    .ls-special-right{margin: 8px 5px 0 0;}
    .ls-special-right li > a, .ls-special-right li.ls-user > span{ font-size: 14px; padding: 0 10px;}
    .ls-special-banner{padding: 60px 0 130px;}
    .ls-special-banner img{max-height: none; width: 98%;}
    .ls-special-mainbg{margin-top: -60px;}
    .ls-special-introduction{ padding: 20px 20px 10px;}
    .ls-bg-fff{ padding: 12px 20px; font-size: 14px; line-height: 1.8;}
    .ls-sww-title{ font-size: 18px; line-height: 30px; margin-bottom: 8px;}
    .ls-sww-title:after{height: 8px;}
}
@media (max-width:767px) {
    .ls-special-banner img{width: 90%;}
    .container{width:auto;}
    .ls-special-introduction{ padding: 10px 10px 0; margin: 0 10px;}
    .ls-bg-fff{ padding: 8px 15px; margin-bottom: 10px;}

}