@charset "utf-8";
/*头部*/
.header{width: 100%;height: 198px;background: url(2024sltm_header_bg.png)no-repeat center;text-align: center;padding: 53px 0;box-sizing: border-box;}
.header .logo{float: left;width: 597px;}
.header .logo img{width: 100%;}
.header .header-img{float: left;margin: 4px 63px;}
.header .search{float: left;background-color: #fff;width: 270px;height: 35px;border-radius: 18px;/* padding: 0px 18px; */box-sizing: border-box;margin: 29px 0;}
.search-inp{width: calc(100% - 44px);height: 35px;background-color: rgba(255,255,255,0);padding-left: 18px;box-sizing: border-box;border-top-left-radius: 18px;border-bottom-left-radius: 18px;float: left;}
.search-bnt{background: url(2024sltm_search_btn.png)no-repeat center;width: 18px;height: 35px;margin-right: 18px;float: right;}
.search-inp, .search-bnt{border: none;outline: none;display: block;}

/*导航*/
.nav{background-color: #0095cb;}
#nav>li{width: 11.11%;float: left;height: 60px;line-height: 60px;position: relative;text-align: center;}
#nav>li a{display: block;color: #fff;font-size: 20px;}
#nav>li.on{background-color: #018abb;}
#nav .nav-sub{display: none;position: absolute;width: 100%;background-color: #fff;z-index: 6;-webkit-box-shadow: 0 0 10px #cdced0;-moz-tbox-shadow: 0 0 10px #cdced0;-o-box-shadow: 0 0 10px #cdced0;box-shadow: 0 0 10px #cdced0;}
#nav .nav-sub>li{width: 100%;text-align: center;border-bottom: 1px solid #dcdcdc;line-height: 50px;}
#nav .nav-sub>li:last-child{border: none;}
#nav .nav-sub>li:hover{background-color: #0095cb;}
#nav .nav-sub>li a{color: #000;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;}
#nav .nav-sub>li:hover a{color: #fff;}

/*banner*/
#slideBox{width: 100%;height: 700px;margin:0 auto;overflow: hidden;position: relative;margin-bottom: 30px;}
#slideBox .bd{position: relative;height: 100%;z-index:0;}
#slideBox .bd ul li{zoom:1;vertical-align:middle;position: relative;}
#slideBox .bd ul li img{width: 100% !important;height: 700px;display: block;}
#slideBox .prev{display: none;background: url(2024sltm_prev.png)no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -45px;width: 40px;height: 90px;}
#slideBox .next{display: none;background: url(2024sltm_next.png)no-repeat center;position: absolute;right: 0;top: 50%;margin-top: -45px;width: 40px;height: 90px;}

.con1{margin-bottom: 30px;}
.con1-r{width: 100%;padding-left: 20px;box-sizing: border-box;}
/*轮播图*/
.slideBox01{ width: 100%; height:390px;  float: left; overflow:hidden; position:relative; }
.slideBox01 .hd{ height:40px; line-height: 40px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:0; z-index:1; }
.slideBox01 .bd{ position:relative; height:100%; z-index:0;}
.slideBox01 .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox01 .bd img{ width:100%; height:390px; display:block; }
.slideBox01 .bd img:hover{ opacity:0.8; opacity: 0.8;transition: all ease .5s;-webkit-transition: all ease .5s;-o-transition: all ease .5s;}
.slideBox01 .bd li p{ height:40px; line-height:40px; color:#fff; font-size: 18px; background: url(2024sltm_lbt_bg.png); position:absolute; right: 0; left: 0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding:0px 60px 0px 10px;}
.slideBox01 .bd li p a{ display:block; height:40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff;text-align: left;font-size: 16px;}
.slideBox01 .prev,.slideBox01 .next{ display: none; width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; right: 0; z-index: 100; background: url(2024sltm_lbt_next.png) no-repeat; }
.slideBox01 .prev{background: url(2024sltm_lbt_prev.png) no-repeat;left: 0;}
.slideBox01 .pageState{display: block;position: absolute;right: 0px;bottom: 0;z-index: 1;width: 50px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;}
.slideBox01 .pageState span{ position: relative; top: -3px; font-size: 20px; color: #cf202b; font-weight: bold;}

.con-tit{background: linear-gradient(to right,#eaeaea 30%, rgb(0,0,0,0) 100%);height:30px;line-height: 30px;position: relative;margin-bottom: 10px;}
.con-tit .tit_c{width: 144px;background-color: #fff;}
.con-tit .tit_c a{font-size: 24px;font-weight: bold;line-height: 30px;/* margin-right: 12px; */display: block;width: 100%;}
.con-tit .tit_c a img{margin-right: 10px;max-width: 25px;margin-top: -3px;}
.con-tit .more{position: absolute;right: 0px;top: 0px;}
.con-list ul li{height: 50px;line-height: 50px;padding-left: 20px;background: url(2024sltm_dian01.png)no-repeat left center;}
.con-list ul li a {font-size: 18px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;width: 82%;}
.con-list ul li span {float: right;font-size: 14px;color: #999;width: 18%;text-align: right;}
.con-list ul li:hover{background: url(2024sltm_dian02.png)no-repeat left center;}

.con2-l, .con2-r{width: 380px;float: left;}
.con2-l{margin-right: 30px;}
.con2-list{margin-bottom: 10px;min-height: 290px;}

.con2-r{padding: 20px;box-sizing: border-box;background-color: #eaeaea;}
.con2-tit{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.con2-tit a img{margin-right:12px;margin-top: -3px;}
.con2-r .con2-list01 ul li{height: 70px;margin: 12px 0;position: relative;}
.con2-r .con2-list01 ul li:last-child{margin-bottom:0px;}
.con2-r .con2-list01 ul li:hover{opacity: 0.8;transition: all ease .5s;-webkit-transition: all ease .5s;-o-transition: all ease .5s;}
.con2-r .con2-list01 ul li>img{width: 100%;height: 100%;}
.con2-r .con2-list01 ul li a{position: absolute;width: 100%;height: 100%;text-align: center;font-size: 20px;color: #fff;font-weight: bold;line-height: 70px;left: 0;}

.sepcial{overflow: hidden;position: relative;}
.sepcial .prev, .sepcial .next{display: none;position: absolute;background: url(2024sltm_xyjy_btn.png)no-repeat;top: 50%;margin-top: -50px;width: 40px;height: 80px;z-index: 1;}
.sepcial .next{right: 0;background-position: 100%;}
.sepcial-list{margin-top:10px;}
.sepcial-list ul li{width: calc((100% - 60px) / 4);float: left;margin-right: 20px;}
.sepcial-list ul li img{width: 100%;height: 180px;}
.sepcial-list ul li img:hover{opacity: 0.8;transition: all ease .5s;-webkit-transition: all ease .5s;-o-transition: all ease .5s;}
.sepcial-list ul li p a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-size: 18px;line-height: 25px;margin-top: 10px;}

.con4{margin-top: 20px;}
.con4-tit{text-align: left;font-size: 24px;font-weight: bold;float:left;margin-right: 20px;}
.con4-tit a img{margin-right: 12px;margin-top: -3px;}
.con4-list{float: left;width: calc(100% - 150px);}
.con4-list ul li{float: left;width: calc((100% - 36px) / 4);border: 1px solid #d9d9d9;height: 33px;line-height: 33px;box-sizing: border-box;margin-right: 12px;text-align: center;}
.con4-list ul li:last-child{margin-right: 0px;}

.con5{margin-top:10px}
/*底部*/
.footer{background-color: #0095cb;margin-top: 20px;padding: 30px 0;height: 115px;}
.footer .footer-l{float: left;width: 790px;padding-top: 8px;}
.footer .footer-l img{float: left;width: 100px;height: 100%;margin-right: 20px;}
.footer .footer-l p{float: left;color: #fff;font-size: 16px;line-height: 30px;}
.footer .footer-l p a{color: #6ecbed;}
.footer .footer-r{float: right;width: 227px;}
.footer .footer-r span{float: left;margin-left: 20px;text-align: center;}
.footer .footer-r span img{width: 90px;height: 90px;}
.footer .footer-r span p{font-size: 16px;color: #fff;text-align: center;line-height: 30px;}

/*移动端头部*/
.app_btn{background: url(app_btn.png) no-repeat center;width: 40px;height: 40px;display: none;position: absolute;background-size:cover !important;}
.app_header{position:fixed;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;right: -100vw;}
.app_btn.on{background: url(app_btn_close.png) no-repeat center;z-index: 1000;top: 50%;margin-top: -20px;}
.app_search form{background-color: #f5f5f5;line-height: 40px;height: 40px;font-size: 14px;border-radius: 20px;margin-top: 5px;/* padding: 0 18px; */box-sizing: border-box;}
.app_search{width: 80%;margin:0 auto;margin-top: 30px;}
.app_search .search-inp{height: 100%;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.app_search .search-bnt{height: 40px;}
.app_nav{padding:20px 40px;width:80%;margin:0 auto;margin-top:20px;overflow-y: auto;height: 70%;}
.app_nav::-webkit-scrollbar{width: 2px;}
.app_nav::-webkit-scrollbar-track{border-radius: 2px;background: #f4f4f4;}
.app_nav::-webkit-scrollbar-thumb{border-radius: 2px;background: #b0b0b0;}
.app_nav>ul>li{border-bottom:1px solid #0095cb;line-height:50px;position: relative;text-align: left;}
.app_nav>ul>li>span>a{font-size:18px;color:#fff}
.app_nav>ul>li>i{float: right;width: 50px;height: 50px;background-size: 15px 15px !important;background: url(2024sltm_arrow_down.png) center no-repeat;position: absolute;right: -17px;}
.app_nav>ul>li.on>i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.app_nav_sub{display: none;}
.app_nav_sub li{height: 40px;line-height: 40px;}
.app_nav_sub li a{font-size: 14px;color: #d0eaf3;}
@media screen and (max-width:1200px){
    .w1200, .floor{width: 100%;}
    .header .logo{width: 520px;}
    .header .header-img{width: 150px;margin: 4px 40px;}
    .header .header-img img{width: 100%;}
    .header .search{float: right;}

    .con1-r .con-list ul li a{width: 78%;}
    .con1-r .con-list ul li span{width: 22%;}
    .con2-l, .con2-r{width: calc((100% - 60px) / 3);}
}
@media screen and (max-width:1080px){
    .w1200{width: 98%;margin: 0 auto;}
    .header .search, .header .header-img, .nav{display: none;}
    .header{position: fixed;width:100%;height: 120px;z-index: 3;box-sizing: border-box;border-bottom: 1px solid #0095cb;padding: 20px 0px;top: 0;}
    .app_btn{position: absolute;right: 15px;top: 50%;margin-top: -20px;display: block;}
    .app_header{top:120px;}
    .app_header.on{right: 0;width:100%;height: calc(100% - 120px);background: #1cb6ee;z-index: 0;margin-top: 120px;top: 0;}
    #slideBox{margin-top: 120px;}

    .footer{height: auto;overflow: hidden;}
    .footer .footer-l{width: 100%;float: none;text-align: center;margin-bottom: 10px;}
    .footer .footer-l p,.footer .footer-l img{float: none;}
    .footer .footer-r{margin: 0 auto;float: none;width:auto;text-align:center;}
    .footer .footer-r span{float:none;display:inline-block;}
    .footer .footer-r span:first-child{margin-left:0px;}
}

@media screen and (max-width:900px){
    #slideBox{height: 350px;margin-bottom: 20px;}
    #slideBox .bd ul li img{height: 350px;}
    .col-55, .col-45{width: 100% !important;}
    .slideBox01, .slideBox01 .bd img{height: 520px;}
    .con2-l, .con2-r{width:100%;}
    .con1-r,.con3{margin-top:20px;}
    .con1-r{padding-left: 0px;}
    .sepcial-list ul li{width:calc((100% - 40px) / 3)}
    .con4-tit{margin-bottom: 10px;}
    .con4-tit, .con4-list{float: none;width: 100%;}
}

@media screen and (max-width:650px){
    .header{height: 100px;}
    .header .logo{width: 380px;}
    #slideBox, .app_header.on{margin-top: 100px;}
    .app_header{top: 100px;}
    .app_header.on{height: calc(100% - 100px);}

    #slideBox, #slideBox .bd ul li img{height: 200px;}
    .slideBox01, .slideBox01 .bd img{height: 400px;}
    .sepcial-list ul li{width:calc((100% - 20px) / 2)}
    .con4-list ul li{width: calc((100% - 12px) / 2);margin-bottom: 5px;}
    .con4-list ul li:nth-child(2n){margin-right: 0px;}
}

@media screen and (max-width:450px){
    .w1200, .floor{width:94%;}
    .header{height: 85px;}
    .header .logo{width: 300px;}
    #slideBox, .app_header.on{margin-top: 85px;}
    .app_header{top: 85px;}
    .app_header.on{height: calc(100% - 85px);}
    
    .app_btn{width: 30px;height: 30px;margin-top: -15px;}
    .app_btn.on{margin-top: -15px;}
    .slideBox01, .slideBox01 .bd img{height: 280px;}
    .sepcial-list ul li{width:100%;}
    .sepcial-list ul li img{height: 250px;}
    .con1-r .con-list ul li a{width:73%;}
    .con1-r .con-list ul li span{width:auto;}
}

@media screen and (max-width:350px){
    .header .logo{width: 250px;margin-top:2.5px;}
}