/* 椤甸潰澶撮儴 start */ div#head{ background-color: #5096cac7; } .navitem a{ color: #fff; } div#head ul li.navitem{ padding-top: 0; } div#head ul li.navitem:hover{ background: none; border-bottom: 1px solid #F8E741; } div#head ul li.navitem.hover{ background: none; border-bottom: 1px solid #F8E741; } div#head ul li.navitem.hover a{ color: #F8E741; } div#head ul li.navitem:hover a{ color: #F8E741; } .head-logo{ border-right: 1px solid #fff; } /* 椤甸潰澶撮儴 end */ /* 椤甸潰搴曢儴 */ .d-flex p{ margin-top: 5px; } .zp-foot-img{ display: flex; flex-wrap: wrap; } .zp-foot-img>div img{ margin-top: 40px; } .zp-foot-text>div>p{ white-space: nowrap; } .zp-foot-logo{ display: flex; justify-content: center; margin-bottom: 30px; padding-right: 75px; margin-top: 50px; } .zp-foot-img .foot-other-logo>div{ margin-right: 70px; position: relative; } .zp-foot-img .foot-other-logo>div:last-child{ margin-right: 0px; } .bg-img{ position: absolute; width: 150px; height: 150px; top: -55px; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; } .bg-img img{ width: 90%; margin-top: 10px !important; margin: 0 auto; display: block; } .bg-img div{ position: relative; } .bg-img div::after{ content: ""; position: absolute; width: 20px; height: 20px; background-color: #fff; left: 44%; bottom: -13px; transform: rotate(45deg); z-index: -1; } .foot-other-logo>div>img{ cursor: pointer; } .zp-foot-txt{ width: 300px; margin: 0 auto; } .zp-foot-txt p{ text-align: left !important; } .zp-foot-img>div{ display: flex; width: 100%; justify-content: center; padding-right: 15%; } .zp-foot-img>div>div{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 30px; } .zp-foot-img>div>div:last-child{ margin-right: 0; } .zp-foot-img>div>div p{ color: #fff; text-align: center; } .content { width: 100%; position: relative; z-index: 10; margin-top: -40px; } .mainContent { width: 1024px; position: relative; margin: 0px auto; font-size: 0px; letter-spacing: 0px; } .content .narrow { float: left; width: 267px; font-size: 0px; letter-spacing: 0px; display: inline-block; vertical-align: top; margin-bottom: 30px; } /* 鏍℃嫑琛岀▼ start */ .xsxjh-list{ display: flex; flex-direction: column; } .xsxjh-content-list{ width: 100%; background-color: #fff; margin-bottom: 20px; padding: 20px 30px; position: relative; border: 1px solid #ebebeb; } .xsxjh-content-list .xsxjh-title{ font-size: 20px; margin-bottom: 20px; } .xsxjh-content-list .xsxjh-content p{ margin-bottom: 5px; } /* 鎷涜仒宀椾綅 */ .col-xs-2 p{ cursor: pointer; } .col-xs-2 p.active{ background-color: #1158A8; } .col-xs-2 p.active a{ color: #fff; } .box-title{ font-size: 20px; margin-bottom: 20px; } .search-box form{ /* display: flex; align-items: center; justify-content: center; */ } .search-box form input{ margin-right: 10px; } .search-box .btn{ background-color: #1058AA; color: #fff; width: 35px; height: 35px; border-radius: 50%; padding: 0; position: absolute; right: 35px; top: 5px; } .top-content .search-box .btn>img{ width: 70%; } .search-box .btn:hover{ background-color: #1058AA; color: #fff; } .search-dis{ display: flex; margin-top: 30px; align-items: center; justify-content: center; } .search-dis p{ margin-right: 15px; font-weight: 700; } .search-dis a{ margin-right: 15px; } .search-dis a:hover{ color: #E7A300; } .gw-list{ margin-top: 30px; width: 100%; } .gw-list .t-item:hover{ background-color: #eff9ff; } .gw-list .t-head{ height: 55px; background-color: #ebebeb; display: flex; align-items: center; } .gw-list .t-head h1{ width: 25%; padding-left: 10px; } .gw-list .t-head h1:first-child{ width: 30%; } .gw-list .t-head h1:last-child{ width: 20%; } .gw-list>a{ height: 80px; display: flex; align-items: center; } .t-item:nth-child(2n){ background-color: #fff; } .gw-list>a p{ width: 25%; padding-left: 10px; } .gw-list>a p:first-child{ width: 30%; } .gw-list>a p:last-child{ width: 20%; } a.selected{ color: #E7A300; font-weight: 600; } p.s-title{ margin-top: 10px; } .klkl ul li.a{ margin-bottom: 20px; } li,p,a{ font-family: 'secondFont'; } .gzgw-list{ display: flex; flex-wrap: wrap; } .gzgw-list>a{ width: 100%; } .gw-item{ padding: 20px 30px; border: 1px solid #ebebeb; margin-top: 30px; } .gw-item .gzgw-title{ width: 100%; display: flex; justify-content: space-between; } .gw-item .gzgw-title h1{ font-size: 20px; font-weight: 700; } .gw-item .gzgw-title p{ line-height: 30px; padding: 0 20px; color: #1058AA; border: #00598a 1px solid; border-radius: 15px; } .gzgw-content{ width: 100%; display: flex; margin-top: 20px; } .gzgw-content>p{ width: 33%; text-align: left; display: flex; align-items: center; color: #666; } .gzgw-content>p img{ width: 15px !important; margin-right: 8px; } .gw-item:hover{ background-color: #1158A8; color: #fff; } .gw-item:hover .gzgw-content>p{ color: #fff; } .gw-item:hover .gzgw-title>p{ background-color: #E7A300; color: #fff; } /* 鍒嗛〉 */ #pages{ display: flex; justify-content: center; margin-top: 30px; margin-bottom: 40px; } #pages li { margin: 0 2px; height: 32px; line-height: 32px; text-align: center; background: #e6e6e6; color: #333; display: inline-block; } #pages li a{ font-size: 14px; display: block; padding: 0 12px; } #pages li.thisclass{ padding: 0 12px; background-color: #00598a; color: #fff; } #pages li span{ font-size: 14px; display: block; padding: 0 12px; } #pages li span.pageinfo{ display: none; } #pages li.active { text-align: center; background: #00598a; color: #fff; display: inline-block; } #pages li:hover { background: #00598a; } #pages li:hover a { color: #fff; } .mobile-nav,.mobile-same,.mob-top-nav,.moblie-wenti{ display: none; } #renzai .same .col-xs-10{ border-left: none; padding-right: 30px; } #renzai .same .col-xs-2 p{ margin-top: 0px; margin-bottom: 0px; line-height: 50px; text-align: left; padding-left: 30px; background-image: url(/templets/default/images/jiantou.png); background-repeat: no-repeat; background-position: 170px 20px; } #renzai .same .col-xs-2 p:hover{ background-color: #1158A8; } .same .right-content{ background-color: #fff; } .zwlx-title{ line-height: 50px; text-align: left; padding-left: 30px; background-color: #fff; font-size: 16px; margin: 0 20px; color: #333; font-weight: 600; } .top-content{ display: flex; } .top-content .search-box{ width: 60%; position: relative; } .top-content .search-dis{ width: 40%; margin-top: 0; border: 1px solid #ebebeb; } .input-text{ width: 95%; height: 45px; border-radius: 20px; padding-left: 20px; border: 1px solid #ebebeb; } .zp-foot-logo>img{ width: 220px; } .location-text{ display: flex; align-items: center; } .icon-location{ width: 15px !important; margin-right: 15px; } .navbar-header{ background-color: #fff; } .m-phone,.m-banner{ display: none; } .same{ margin-top: -150px; } .gw-detail{ background-color: #fff; padding-right: 10rem !important; padding-bottom: 8rem; } .gw-title{ font-size: 28px; color: #333; width: 100%; display: flex; justify-content: space-between; margin: 50px 0; } .gw-xz{ color: #0E5AA8; } .gw-lin1{ margin-bottom: 40px; display: flex; color: #666; } .gw-lin1>p{ width: 30%; display: flex; align-items: center; } .gw-lin1>p img{ width: 20px; padding: 0; margin-right: 8px; } .gw-lin2{ margin-bottom: 40px; display: flex; color: #666; } .gw-lin2>p{ width: 45%; display: flex; align-items: center; } .gw-lin2>p img{ width: 20px; padding: 0; margin-right: 8px; } .line{ width: 100%; height: 1px; background-color: #ebebeb; margin-bottom: 35px; } .gw-zwms-title{ font-size: 24px; color: #333; font-weight: 500; border-left: 4px solid #115AA8; padding-left: 15px; margin-bottom: 35px; } .gw-href{ display: block; margin: 0 auto; margin-top: 100px; line-height: 40px; font-size: 22px; color: #fff; background-color: #1058AA; width: 150px; text-align: center; border-radius: 30px; font-weight: 500; } .gw-href:hover{ color: #fff; background-color: #0c4888; } .right-content-xzxc{ padding-top: 50px; padding-bottom: 20px; } .xsxjh-content{ display: flex; } .xsxjh-content>p{ margin-right: 50px; color: #666; display: flex; align-items: center; } .xsxjh-content>p img{ width: 18px !important; margin-right: 10px; } .xsxjh-content>p:last-child{ margin-right: 0; } #renshi .same .gw-cjwt p{ margin-top: 0px; margin-bottom: 0px; line-height: 50px; text-align: left; padding-left: 30px; background-image: url(/templets/default/images/jiantou.png); background-repeat: no-repeat; background-position: 170px 20px; background-color: #fff; } .same .col-xs-10{ border-left: none !important; } #renshi .right-content{ padding-right: 35px; padding-top: 35px; } .question{ width: 100%; box-shadow: 0px 0px 10px #ebebeb; border-radius: 30px; font-weight: 600; color: #1159A8; display: flex; align-items: center; } .question img{ width: 30px !important; margin-left: 15px; margin-right: 20px; } ul li.ans{ line-height: 30px; margin: 20px 0; } #main{ margin-bottom: 0 !important; } #renshi .same{ margin-top: -170px; } #rzzw{ width: 1120px; margin: 0 auto; margin-top: 50px; background-color: #fff; padding: 50px 0; } .other-gw{ padding: 0 10rem; margin: 0 auto; } .other-gw h1{ font-size: 24px; color: #333; font-weight: 500; border-left: 4px solid #115AA8; padding-left: 15px; margin-bottom: 35px; } .other-gw-list{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .other-gw-list>a{ width: 47%; display: flex; justify-content: space-between; align-items: center; height: 70px; box-shadow: 0px 0px 10px 2px #ebebeb; margin-bottom: 30px; padding: 0 20px; font-size: 16px; } .other-gw-list>a>div{ font-size: 13px; line-height: 24px; border: 1px solid #1058AA; padding: 0 15px; color: #1058AA; border-radius: 20px; } .other-gw-list>a>div:hover{ color: #fff; background-color: #1058AA; } .empty-txt{ height: 420px; width: 100%; display: flex; align-items: center; justify-content: center; } .goback{ position: absolute; z-index: 2; left: 20px; top: 20px; cursor: pointer; } .goback>img{ width: 40px; } @media screen and (max-width:750px) { #head{ display: none; } .mobile-nav,.mobile-same,.moblie-wenti{ display: block; } #renzai,#renshi{ width: 95% !important; margin: 0 auto; } #renzai>p{ font-size: 20px !important; margin-bottom: 20px !important; width: 100%; overflow: hidden; } #renshi>p{ font-size: 20px !important; margin-bottom: 20px !important; width: 100%; overflow: hidden; } .same{ display: none; } .mob-top-nav{ display: flex; flex-wrap: nowrap; overflow: hidden; overflow-x: scroll; height: 40px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; } .mob-top-nav::-webkit-scrollbar{ display: none; } .mob-top-nav li a{ display: block; line-height: 37px; white-space: nowrap; margin-right: 20px; } .mob-top-nav li a.selected{ color: #00598a; border-bottom: #00598a 2px solid; } .mob-zw-list{ display: flex; flex-direction: column; } .mob-zw-list-item{ display: block; background-color: #fff; padding: 15px 10px; margin-bottom: 15px; box-shadow: 4px 5px 5px 0px #ebebeb; } .mob-zw-list-item>h1{ font-size: 15px; color: #333; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .mob-zw-list-item>div{ display: flex; justify-content: space-between; color: #666; align-items: center; } #miaoshu{ width: 95% !important; } #miaoshu>p{ font-size: 20px !important; margin-bottom: 15px !important; } #miaoshu .ms { display: block; margin-top: 0; } .ms .col-xs-2{ display: none; } .col-xs-10.s{ width: 100%; padding-left: 15px; padding-right: 10px; border-left: none !important; background-color: #fff; box-shadow: 0px 0px 5px #ebebeb; } .xsxjh-content-list{ padding: 12px 15px; } .klkl li { line-height: 25px !important; /* padding-bottom: 10px; */ } .klkl li.a{ line-height: 30px !important; padding-top: 5px; padding-bottom: 10px; } .zp-foot-img>div{ justify-content: space-between; width: 100%; } .zp-foot-img>div>div{ width: 33%; margin-right: 0; } .zp-foot-img>div>div p{ font-size: 12px; } .zp-foot-img>div>div img{ width: 90px; } .navbar-default .navbar-toggle .icon-bar{ background-color: #f00; } .nav>li{ border-bottom: 1px solid #ebebeb; } .navbar-nav{ margin: 0.5px -15px !important; } .xsxjh-content-list .xsxjh-title{ font-size: 18px; margin-bottom: 10px; } .navbar-toggle{ background-color: transparent !important; } .pc-phone,.pc-banner{ display: none; } .zp-foot-txt .m-phone,#main .m-banner{ display: block; } .zp-foot-text>div>p{ white-space: inherit; } .zp-foot-img>div{ padding-right: 0; } .bg-img{ top: 0px; } .same .gw-detail{ padding-left: 2rem; padding-right: 2rem !important; } .gw-detail .gw-title{ font-size: 16px; } .gw-detail .gw-lin1{ flex-wrap: wrap; } .gw-detail .gw-lin2{ flex-wrap: wrap; } .gw-detail .gw-lin2>p{ width: 100%; font-size: 14px; } .gw-detail .gw-lin1>p{ width: 50%; font-size: 14px; } .gw-detail .gw-zwms-title{ font-size: 20px; } .gw-href{ margin-top: 50px; font-size: 18px; width: 130px; line-height: 35px; } .navbar-default .navbar-toggle{ border-color: #ea3426 !important; } .navbar-default .navbar-toggle .icon-bar{ background-color: #ea3426 !important; } .zp-foot-logo{ margin-top: 30px; } #renshi{ margin-top: 0 !important; } .other-gw h1{ font-size: 20px; } .other-gw{ padding: 0 2rem; } #rzzw{ width: 95%; padding: 0; padding-top: 30px; } .other-gw-list>a{ width: 100%; } .other-gw-list>a>div{ white-space: nowrap; font-size: 12px; line-height: 20px; } .m-gw-title{ color: #333; } .m-ck{ line-height: 20px; border: 1px solid #1058AA; font-size: 12px; padding: 0px 13px; color: #1058AA; border-radius: 10px; } .m-gw-dlist{ flex-wrap: wrap; } .m-gw-dlist>span{ width: 50%; margin-top: 10px; display: flex; align-items: center; } .m-icon{ width: 13px; margin-right: 5px; } .m-icon-list{ flex-wrap: wrap; } .m-icon-list>p{ width: 100%; display: flex; align-items: center; margin-right: 0; margin-bottom: 10px; } #pages li a{ font-size: 12px; } .empty-txt{ height: 300px; } .goback{ left: 0px; top: 50px; } .goback>img{ width: 35px; } #main{ margin-top: 55px; } }