@charset "utf-8";.btn{ display: inline-block;color: #fff;padding: 0 8px;line-height: 22px;text-align: center} .btn img{ vertical-align: -2%} .btn.btn-blue{ background-color: #0099d5} .btn:hover{ color: #fff;opacity: .7} .text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden} .ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all} .text-right{ text-align: right} .fz13{ font-size: 13px} .fstart{ justify-content: flex-start} .w50{ width: 48%} .w30{ width: 30%} .w80{ width: 80%} .mt10{ margin-top: 10px} .mt20{ margin-top: 20px} .mt30{ margin-top: 30px} @media screen and (max-width:991px){ .m-100{ width: 100%!important } .m-hide{ display: none!important } .m-mt10{ margin-top: 10px!important } .m-mt20{ margin-top: 20px!important } .m-mt30{ margin-top: 30px!important } .m-hauto{ height: auto!important }}.container{ max-width: 1200px} body{ background-color: #f2f2f2} @media screen and (max-width:991px){ .header{ height: auto }.header .menu_button{ margin-top: 6%;margin-left:3%;float:right; position: relative;width: 30px;height: 21px;transition: all .3s;margin-left: 30px ;padding-top:15px;} .header .menu_button i{ background: #000;display: block;width: 30px;height: 3px;margin-bottom: 6px;transition: all .3s } .header .menu_button i:last-child{ margin-bottom: 0 } .header .menu_button.close{ top: -5px } .header .menu_button.close i:first-child{ left: 0;top: 12px;transform: rotateZ(45deg);position: absolute } .header .menu_button.close i:nth-child(2){ display: none } .header .menu_button.close i:last-child{ left: 0;top: 12px;transform: rotateZ(-45deg);position: absolute }.nav{display:none;}.nav ul>li>a>i.triangle { position: absolute; width: 40px; height: 100%; background: url(../images/public/dropdown.png) no-repeat center; background-size: 23px; top: 0; right: 0; left: auto; transition: all .3s;} }.header .logo{ text-align: center;margin-top: 43px;margin-bottom: 27px;} @media screen and (max-width:768px){.header .logo{ float: none;display:inline-block;width: 40%;margin-top: 6%;margin-bottom: 0 ;height:50px;text-align:left;} .header .logo img{ height:100%; }}.header .search{ width: 305px;overflow: hidden;align-items: center;margin-top: 68px;background: #ccc;height: 45px;padding: 5px;position: relative} @media screen and (max-width:991px){.header .search{ width: 52%;margin-top: 7% }}@media screen and (max-width:768px){.navbar-toggler{margin-top:6%;padding-top:4%;width:12%;} .header .search{ width: 100%;margin-top: 5%;margin-bottom: 5% }} .header .search input{ display: block;width: calc(100% - 44px);height: 100%;padding: 0 0 0 20px;font-size: 16px;color: #999;border-radius: 4px} .header .search button{ position: absolute;width: 34px;height: 34px;top: 5px;right: 5px;cursor: pointer;color: #fff;font-size: 18px;background: url(../images/public/yun.png)} .header .search button:hover{ opacity: .8} .nav{ background-color: #2d448d} .nav>ul{ width: 1200px;margin: 0 auto} @media screen and (max-width:991px){ .nav ul{ width: 100%;overflow: hidden;padding: 2% 4%; }}.nav ul>li{ line-height: 62px;padding: 0 23px;display: inline-block;position: relative} @media screen and (max-width:991px){ .nav ul>li{ float: none;display: block;padding: 0;line-height: 40px }}.nav ul>li>.submenu{ display: none;position: absolute;background: #f3f5f4;width: 720px;min-height: 270px;left: -78px} .nav ul>li>.submenu>ul{ line-height: initial;padding: 0;float: left;padding-top: 7px;} .nav ul>li>.submenu>ul>li{ margin-left: 15px;margin-right: 15px;padding: 0;display: block} /*@media screen\0{ .nav ul>li>.submenu>ul{ width: 33.33%;padding: 0 }}*/.nav ul>li>.submenu>ul>li,.nav ul>li>.submenu>ul>li a{ font-size: 14px;color: #666;line-height: 26px;text-align: left;} .nav ul>li>.submenu>ul>li.nav_bt{ /* height: 35px;*/box-sizing: content-box;} .nav ul>li>.submenu>ul>li.pb17{padding-bottom: 17px;min-height:35px;} .nav ul>li>.submenu>ul>li.nav_bt,.nav ul>li>.submenu>ul>li.nav_bt a{ color: #2d448d;line-height: 35px;} .nav ul>li.on>.submenu,.nav ul>li:hover>.submenu{ z-index: 3} .nav ul>li>.submenu3{left: -194px;}/*法律规则*/ .nav ul>li>.submenu4{left: -260px;}/*服务支持*/ .nav ul>li>.submenu5{left: -300px;}/*云顶集团登录网站*/ .nav ul>li>.submenu6{width:782px;left: -326px;}/*网上业务平台*/ .nav ul>li>.submenu7{left: -320px;}/*快捷入口*/ .nav ul>li a{ color: #fff;font-size: 16px;display: block;text-align: center;} .nav>ul>li>a{font-weight: bold;} .nav>ul>li.translate{padding:0px; height: 62px;} .nav>ul>li.translate a{display: inline-block;} .nav>ul>li.translate span{color:#fff;font-size:18px;padding:0 8px;} @media screen and (max-width:991px){ .header .menu_button{ margin-top: 6%;margin-left:3%;float:right; position: relative;width: 30px;height: 21px;transition: all .3s;margin-left: 30px ;padding-top:14px;} .header .menu_button i{ background: #000;display: block;width: 30px;height: 3px;margin-bottom: 6px;transition: all .3s } .header .menu_button i:last-child{ margin-bottom: 0 } .header .menu_button.close{ top: -5px } .header .menu_button.close i:first-child{ left: 0;top: 12px;transform: rotateZ(45deg);position: absolute } .header .menu_button.close i:nth-child(2){ display: none } .header .menu_button.close i:last-child{ left: 0;top: 12px;transform: rotateZ(-45deg);position: absolute } .nav{display:none;} .nav>ul>li.translate{display: none;} .nav ul>li>a{position: relative;} .nav ul li>a>i.triangle {position: absolute;width: 40px; height: 100%;background: url(../images/public/dropdown.png) no-repeat center;background-size: 23px;top: 0;right: 0;left: auto;transition: all .3s;} .nav li a.on>i.triangle{transform: rotate(180deg);} .nav ul>li a{text-align: left;color:#fff;} .nav ul>li>.submenu{background:none;position:initial;width: 100%;min-height: auto;overflow: hidden;} .nav ul>li>.submenu ul li{display:none;} .nav ul>li>.submenu ul li.nav_bt{display:block;color:#fff;padding-bottom: 0px;} .nav ul>li>.submenu ul li.nav_bt a{color:#fff;font-size:15px;} .nav ul>li>.submenu>ul>li a{color:#fff;} .nav ul>li>.submenu>ul>li.pb17{min-height:auto;} } .banner{ position: relative;margin-bottom: 10px;overflow: hidden} .banner img{ height: auto;width:100%;} .banner .swiper-slide{ height: 1px} .banner .swiper-slide-duplicate{ height: auto} .banner .pagination{ position: absolute;bottom: 15px;width: 100%;text-align: center;z-index: 2} .banner .pagination .swiper-pagination-switch{ background: #d2ddf0; width: 14px; height: 14px; display: inline-block; border-radius: 7px; margin: 0 5px; } .banner .pagination .swiper-pagination-switch{ color: rgb(0,0,0)!important; background-color: rgb(220,220,220)!important; border-color: rgb(0,0,0)!important; } .banner .pagination .swiper-pagination-switch.swiper-active-switch{ color: rgb(0,0,0)!important; background-color: rgb(68,68,68)!important; border-color: rgb(0,0,0)!important; } .banner .pagination .swiper-active-switch{ background: #2d448d} .w64{ width: 64%} .w34{ width: 33.3%} .mb30{ margin-bottom: 30px} .focus{ overflow: hidden} @media screen and (max-width:991px){ .focus{ height: auto }}.focus .hd{ background: url(../images/index/hongtiao.jpg) no-repeat left center;padding-left: 15px;margin-bottom: 10px;line-height: 26px} .focus .hd>a{ color: #304a91;font-size: 20px;font-weight: 700} .focus .hd>span{ color: #304a91;font-size: 20px;font-weight: 700} .focus .hd .more{ float: right} .focus .newslist{ padding: 3px 10px 2px} .focus .newslist li{ line-height: 49px;height: 49px;border-bottom: 1px solid #ccc;font-size: 16px} .focus .newslist li a{ padding-left: 40px;color: #666;font-size: 16px;width: calc(88% - 89px);float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all} @media screen and (max-width:991px){ .focus .newslist li a{ padding-left:0; }}.focus .newslist li span.date{ color: #666;font-size: 16px;float: left} @media screen and (max-width:991px){.focus .newslist li{line-height: 28px;height:auto;padding:5px 0;}.focus .newslist li span.date{float: none}.focus .newslist li a{width: 100%;float:none;display: inline-block;white-space: normal;}} .market{ height: 309px} @media screen and (max-width:991px){ .market{ height: auto }}@media screen and (max-width:991px){ .market .w80{ width: 100% }}.market .market-tabcon{ text-align: center} .market .market-tabcon .market-tabcon-tit{ line-height: 55px;overflow: hidden;text-align: center;font-size: 12px} .market .market-tabcon img{ width: 450px;height: 234px} @media screen and (max-width:991px){ .market .market-tabcon img{ width: 100%;height: auto }}.market .market-list{ margin-left: 15px;margin-right: 15px} @media screen and (max-width:991px){ .market .market-list{ width: 100% }}.market .market-list li{ margin-top: 57px;text-align: center} @media screen and (max-width:991px){ .market .market-list li{ float: left;width: 50%;margin-top: 30px;padding-bottom: 20px }}.market .market-list li p{ line-height: 30px;font-size: 14px;color: #304a91} .dlrk li{ padding-bottom: 8px} .dlrk li img{ width: 100%} .ywpt li{ height: 38px;line-height: 38px;margin-bottom: 8px;padding-left: 47px;font-size: 16px} .ywpt li a{ display: block;color: #d1c8af;font-size: 16px} .ywpt .ywpt1{ background: url(../images/index/ywpt_bg1.jpg) no-repeat} .ywpt .ywpt1:hover{ background: url(../images/index/ywpt_bg1_h.jpg) no-repeat} .ywpt .ywpt2{ background: url(../images/index/ywpt_bg2.jpg) no-repeat} .ywpt .ywpt2:hover{ background: url(../images/index/ywpt_bg2_h.jpg) no-repeat} .ywpt .ywpt3{ background: url(../images/index/ywpt_bg3.jpg) no-repeat} .ywpt .ywpt3:hover{ background: url(../images/index/ywpt_bg3_h.jpg) no-repeat} .ywpt .ywpt4{ background: url(../images/index/ywpt_bg4.jpg) no-repeat} .ywpt .ywpt4:hover{ background: url(../images/index/ywpt_bg4_h.jpg) no-repeat} .ywpt .ywpt5{ background: url(../images/index/ywpt_bg5.jpg) no-repeat} .ywpt .ywpt5:hover{ background: url(../images/index/ywpt_bg5_h.jpg) no-repeat} .ywpt .ywpt6{ background: url(../images/index/ywpt_bg6.jpg) no-repeat} .ywpt .ywpt6:hover{ background: url(../images/index/ywpt_bg6_h.jpg) no-repeat} .ywpt .ywpt7{ background: url(../images/index/ywpt_bg7.jpg) no-repeat} .ywpt .ywpt7:hover{ background: url(../images/index/ywpt_bg7_h.jpg) no-repeat} .lxkf{ background: #fff} .lxkf .lxkf-box{ border-top: 2px solid #0d6fb8;padding-left: 20px;padding-right: 20px;overflow: hidden;position: relative} .lxkf .lxkf-box .lxkf_tit{ font-size: 14px;color: #1b77bc;line-height: 26px;margin-bottom: 8px} .lxkf .lxkf-box .lxkf_tit a{ font-size: 14px;color: #1b77bc} .lxkf .lxkf-box .lxkf_tit span{ float: right;font-size: 12px} .lxkf .lxkf-box .gfwx_wz{ padding-bottom: 20px} .lxkf .lxkf-box .gfwx_wz p{ font-size: 12px;color: #7f7e7e;line-height: 17px} .lxkf .lxkf-box .gwwx_ewm{ position: absolute;top: 10px;right: 20px} .foot{ background: #2d448d;color: #ccc;padding-top: 16px;padding-bottom: 16px;line-height: 34px} .foot p{ font-size: 12px} @media screen and (max-width:991px){ .foot p{ text-align: center }}.foot p a{ font-size: 12px;color: #ccc} .foot .footnav{ float: left;line-height: 36px} @media screen and (max-width:991px){ .foot .footnav{ float: none;text-align: center }}.foot .footnav a{ padding: 0 6px} .foot .footnav span{ padding: 0 4px} .foot .footLink{ float: right} .foot .footLink select{ background-color: #2d448d;color: #fff;width: 140px;border: 1px solid #ccc;height: 30px;border-radius: 4px;padding: 4px 6px;font-size: 12px;display: block;color: inherit} @media screen and (max-width:991px){ .foot .footLink select{ display: none }} /*浏览器版本过低提示 */ .browser-tip { background-color: #606060; color: #fff; font-size: 12px; line-height: 8px; height: auto; width: 100%; letter-spacing: 1px; z-index: 100; position: fixed; top: 0; left: 0; z-index: 10000; } .browser-tip .browser-tip-content { width: 850px; margin: 5px auto; font-weight: bold; } .browser-tip .browser-link { color: #fff; text-decoration: none; } .browser-tip .browser-tip-close { position: absolute; right: 10px; cursor: pointer; }