@charset "utf-8"; /*pc端导航*/ .pc-header-bgcolor{ border-bottom: 1px solid #e5e5e5; } .pc-header .logo{ display: inline-block; } .pc-header-right{ display: inline-block; float: right; } .pc-header-right a { color: #333; } .pc-header-right .nav{ display: inline-block; } .pc-header-right .nav>.level1>li { display: inline-block; position: relative; margin-right: 30px; } .pc-header-right .nav>.level1>li>a { display: block; text-decoration: none; font-size: 14px; transition: all .5s; color: #a3a3a3; padding-bottom: 10px; padding: 18px 0; } .pc-header-right .nav>.level1>li>a>span{ font-size: 12px; } .pc-header-right .nav>.level1>li>a:after { content: ""; display: block; height: 4px; width: 0%; background-color: #2978c2; position: static; bottom: 0px; transition: all .5s; } .pc-header-right .nav>.level1>li>a:hover { color: #2978c2; } .pc-header-right .nav>.level1>li.active>a { color: #2978c2; } .pc-header-right .nav>.level1>li.active>a:after { width: 100%; } .pc-header-right .nav>.level1>li>a.active:after { width: 100%; } .pc-header-right .level2 { position: static; top: 79px; left: 0px; background-color: #f6f6f6; padding: 10px 20px 20px; width: 250px; z-index: 9; display: none; } .pc-header-right .level2>li>a { display: block; text-decoration: none; padding: 9px 0px 9px 0px; border-bottom: 1px solid #e2e2e2; color: #333333; position: relative; transition: all 1s; } .pc-header-right .level2>li>a:after { content: ""; display: block; width: 0; height: 1px; background-color: #2978c2; position: static; bottom: -1px; left: 0; transition: all .2s ease-in-out; } .pc-header-right .level2>li>a:hover { color: #2978c2; } .pc-header-right .level2>li>a:hover:after { width: 100%; } .pc-header-search{ display: inline-block; float: right; position: relative; } .pc-header-search a{ display: inline-block; padding: 29px 18px; background-color: #2978c2; color: #fff; } .pc-header-search .search-box{ position: static; right: 0; top: 100%; padding: 20px 15px; background-color: #f6f6f6; width: 200px; display: none; z-index: 1; } .pc-header-search .search-box input[type="text"]{ border: 1px solid #898989; color: #898989; padding: 10px; width: 100%; font-size: 12px; margin-bottom: 10px; background-color: #f6f6f6; text-align: center; outline: none; } .pc-header-search .search-box input[type="submit"]{ background-color: #f6f6f6; color: #2978c2; padding: 7px 10px; border: 1px solid #2978c2; width: 100%; font-size: 14px; outline: none; transition: all .3s; cursor: pointer; } .pc-header-search .search-box input[type="submit"]:hover{ background-color: #2978c2; border: 1px solid #2978c2; color: #fff; } @media screen and (max-width: 1440px) { .pc-header-right .nav>.level1>li:nth-last-of-type(1) .level2{ left: auto; right: 0; } } @media screen and (max-width: 1099px) { .pc-header-right .nav>.level1>li { margin-right: 15px; } } @media screen and (max-width: 991px) { .pc-header .logo{ max-width: 180px; } .pc-header-right .nav>.level1>li>a { padding-bottom: 10px; padding: 11px 0; font-size: 12px; } .pc-header-search a { padding: 19px 15px; } .pc-header-right .nav>.level1>li>a:after { height: 2px; } .pc-header-right .level2 { top: 59px; width: 170px; } .pc-header-right .level2>li>a { padding: 6px 0px 6px 0px; font-size: 12px; } } /*pc端导航 end*/ /*wap端banner图开始*/ .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2978c2; opacity: 1; } .swiper-pagination-bullet { background: #fff; opacity: 1; border: 2px solid #fff; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } /*wap端banner图结束*/ /*wap导航*/ .wap-nav{ border-bottom: 1px solid #e5e5e5; position: relative; } .wap-nav .logo{ padding: 0px 10px; float: left; } .wap-nav>div:nth-of-type(1){ position: relative; } .wap-nav .logo img{ width: 180px; } .nav-button{ position: static; top: 50%; right: 15px; transform: translateY(-50%); height: 30px; } .nav-button .wap-search-btn{ display: inline-block; margin-right: 15px; } .nav-button>div:nth-of-type(2){ margin-top: 2px; } .nav-button>div{ display: inline-block; float: left; } .nav-button>div i{ color: #2978c2; } .wap-search-box{ position: static; right: 0; top: 100%; padding: 20px 15px; background-color: #f6f6f6; width: 200px; display: none; z-index: 9; } .wap-search-box input[type="text"]{ border: 1px solid #898989; color: #898989; padding: 10px; width: 100%; font-size: 12px; margin-bottom: 10px; background-color: #f6f6f6; text-align: center; outline: none; } .wap-search-box input[type="submit"]{ background-color: #f6f6f6; color: #2978c2; padding: 7px 10px; border: 1px solid #2978c2; width: 100%; font-size: 14px; outline: none; transition: all .3s; cursor: pointer; } .wap-search-box input[type="submit"]:hover{ background-color: #2978c2; border: 1px solid #2978c2; color: #fff; } .wap-nav-list{ display: none; } .wap-nav-list>ul{ list-style: none; padding:0; margin: 0; } .wap-nav-list>ul>li:nth-of-type(1){ border-top: 1px solid #2978c2; } .wap-nav-list>ul>li{ display: block; text-align: center; border-bottom: 1px solid #2978c2; } .wap-nav-list>ul>li>a{ padding: 10px 0; display: block; color: #2978c2; text-decoration: none; } .wap-nav-list>ul>li>a:hover{ color: #fff; background-color: #2978c2; } /*wap导航 end*/ /*index-news*/ .index-news{ padding-top: 50px; padding-bottom: 50px; } .index-news hgroup{ margin-bottom: 20px; } .index-news .title-cn{ display: inline-block; font-size: 20px; color: #222222; } .index-news .title-en{ display: inline-block; color: #c0c0c0; margin-left: 5px; } .index-news a{ text-decoration: none; color: #333333; } .index-news .left{ padding-right: 20px; } .index-news .left .over-img{ margin-bottom: 20px; } .index-news .left .title{ font-size: 18px; margin-bottom: 15px; display: block; } .index-news .left a:hover .title{ color: #2978c2; } .index-news .left .note{ display: block; margin-bottom: 10px; color: #666666; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .left .date{ color: #999999; } .index-news .right{ padding-left: 20px; } .index-news .right>div{ padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea; } .index-news .right>div:nth-child(1){ padding-top: 0px; } .index-news .right>div:nth-last-of-type(1){ padding-bottom: 0px; border-bottom: none; } .index-news .left .tp{ padding-bottom: 56.67%; transition: all 1s; } .index-news .left a:hover .tp{ transform: scale(1.05); } .index-news .right .tp{ padding-bottom: 61.87%; transition: all 1s; } .index-news .right a:hover .tp{ transform: scale(1.05); } .index-news .right-tp-box{ padding-left: 10px; padding-right: 10px; } .index-news .right-text-box{ padding-left: 10px; padding-right: 10px; } .index-news .right-text-box .title{ display: block; margin-bottom: 10px; font-size: 16px; line-height: 1.5em; height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index-news .right-text-box a:hover .title{ color: #2978c2; } .index-news .right-text-box .note{ display: block; margin-bottom: 10px; color: #666666; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .right-text-box .date{ color: #999999; } @media screen and (max-width: 991px) { .index-news { padding-top: 40px; padding-bottom: 40px; } .index-news .right>div { padding-top: 20px; padding-bottom: 20px; } .index-news .right-text-box .title { font-size: 14px; } .index-news .left .title { font-size: 16px; } } @media screen and (max-width: 767px) { .index-news { padding-top: 30px; padding-bottom: 30px; } .index-news .title-cn { font-size: 18px; } .index-news .right>div { padding-top: 15px; padding-bottom: 15px; } .index-news .left { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; } .index-news .left .title { font-size: 14px; } .index-news .left .over-img { margin-bottom: 15px; } .index-news .right-text-box .title { line-height: 1.5em; height: 3em; -webkit-line-clamp: 2; } } /*index-news end*/ /*index-box2*/ .index-box2{ margin-bottom: 50px; } .index-box2>.row{ padding-left: 15px; padding-right: 15px; } .index-box2 a{ text-decoration: none; display: block; } .index-box2 .bgimg1{ height: 0; overflow: hidden; background-image: url(../img/sytp-03.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 84%; } .index-box2 .bgimg2{ height: 0; overflow: hidden; background-image: url(../img/sytp-04.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 42%; } .index-box2 .bgimg3{ height: 0; overflow: hidden; background-image: url(../img/sytp-06.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 42%; } .index-box2 .bgimg4{ height: 0; overflow: hidden; background-image: url(../img/sytp-05.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 42%; } .index-box2 .bgimg5{ height: 0; overflow: hidden; background-image: url(../img/sytp-07.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 42%; } .index-box2 hgroup{ padding: 15% 8% 5%; color: #fff; } .index-box2 hgroup .title-cn{ font-size: 16px; } .index-box2 .note{ color: #bdcde3; padding: 0 8%; line-height: 1.5em; height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index-box2 .icon{ display: inline-block; padding: 0 8%; margin-top: 20px; } @media screen and (max-width: 1140px) { .index-box2>.row { padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 991px) { .index-box2{ margin-bottom: 40px; } } @media screen and (max-width: 767px) { .index-box2{ margin-bottom: 30px; } } /*index-box2 end*/ /*index-box3*/ .index-box3 .left{ margin-bottom: 50px; } .index-box3 .right{ margin-bottom: 50px; } .index-box3 a{ text-decoration: none; } .index-box3 .bgimg1{ display: block; background-image: url(../img/sytp-08.jpg); background-position: right; background-repeat: no-repeat; padding-right: 50px; margin-bottom: 30px; } .index-box3 .bgimg2{ display: block; background-image: url(../img/sytp-09.jpg); background-position: right; background-repeat: no-repeat; padding-right: 50px; margin-bottom: 30px; } .index-box3 .title-cn{ color: #000000; font-size: 18px; } .index-box3 .title-cn:hover{ color: #2978c2; } .index-box3 .title-en{ color: #999999; } .index-box3 .note{ color: #999999; margin-bottom: 30px; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 991px) { .index-box3 .left{ margin-bottom: 40px; } .index-box3 .right{ margin-bottom: 40px; } } @media screen and (max-width: 767px) { .index-box3 .left{ margin-bottom: 30px; } .index-box3 .right{ margin-bottom: 30px; } .index-box3 .title-cn { font-size: 16px; } .index-box3 .bgimg1, .index-box3 .bgimg2 { margin-bottom: 15px; } .index-box3 .note { margin-bottom: 15px; } } /*index-box3 end*/ /*pc端底部*/ .pc-foot-bgcolor{ background-color: #f6f6f6; } .pc-foot{ padding-top: 50px; padding-bottom: 50px; } .pc-foot a{ text-decoration: none; color: #222222; } .pc-foot a:hover{ color: #000000; } .pc-foot dl{ overflow: hidden; } .pc-foot dl dt{ display: inline-block; border-bottom: 1px solid #333333; padding-bottom: 10px; position: relative; margin-bottom: 25px; } .pc-foot dl dt:after{ content: ""; display: inline-block; position: static; top: 100%; left: 100%; height: 1px; width: 1920px; background-color: #e5e5e5; } .pc-foot dl dt a{ font-size: 16px; } .pc-foot dl dd{ margin-bottom: 12px; } .pc-foot dl dd a{ color: #666666; display: inline-block; margin-left: 10px; } .pc-foot .ewm-box{ display: inline-block; margin-right: 15px; margin-bottom: 15px; } .pc-foot .ewm-box:nth-last-of-type(1){ margin-right: 0px; } .pc-foot .ewm-box p{ color: #666666; margin-top: 7px; } .pc-foot .p1{ color: #2978c2; margin-bottom: 5px; } .pc-foot .p1 em{ font-style: normal; display: inline-block; vertical-align: top; } .pc-foot .p1 strong{ font-weight: 500; display: inline-block; vertical-align: top; } .pc-foot .p1 span{ display: inline-block; margin-left: 10px; margin-right: 10px; vertical-align: top; } .pc-foot .p2{ color: #999999; } .pc-foot .p2 em{ font-style: normal; display: inline-block; vertical-align: top; margin-right: 10px; } .pc-foot .p2 a{ color: #999999; } .pc-foot .p2 span{ display: inline-block; margin-left: 10px; margin-right: 10px; vertical-align: top; color: #999999; } .pc-foot .p2 strong{ font-weight: 500; display: inline-block; vertical-align: top; } .pc-foot .left{ padding-top: 10px; padding-bottom: 10px; } .pc-foot .right{ text-align: right; padding-top: 10px; padding-bottom: 10px; } .link-select-box{ display: inline-block; position: relative; text-align: left; } .link-select-box .mt{ width: 200px; background-color: #fff; border: 1px solid #e3e3e3; padding: 7px 50px 7px 15px; vertical-align: middle; position: relative; cursor: pointer; } .link-select-box .mt .aw{ position: static; right:0; top: 0; display: inline-block; width: 15px; height: 8px; background-image: url(../img/sytp-14.jpg); background-position: center; background-repeat: no-repeat; padding: 18px; vertical-align: middle; border-left: 1px solid #e3e3e3; } .link-select-box .mc{ position: static; bottom: 100%; left: 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; background-color: #fff; width: 100%; display: none; } .link-select-box .mc ul>li{ padding: 7px 15px; border-top: 1px solid #e3e3e3; } .link-select-box .mc ul>li>a{ display: block; } @media screen and (max-width: 991px) { .pc-foot dl dt { margin-bottom: 15px; } .pc-foot dl dt a { font-size: 14px; } .pc-foot dl dd a { margin-left: 5px; } .pc-foot { padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 767px) { .pc-foot { padding-top: 30px; padding-bottom: 30px; } } /*pc端底部 end*/ /*pc端底部2*/ .pc-foot2 { padding-top: 40px; padding-bottom: 30px; } .pc-foot2 .xinxi-box{ margin-bottom: 30px; } .pc-foot2 .xinxi-box p{ color: #2978c2; margin-bottom: 10px; } .pc-foot2 .erweima-box{ float: right; margin-top: 20px; } .pc-foot2 .erweima-box .box{ display: inline-block; margin-left: 15px; } .pc-foot2 .erweima-box .box p{ text-align: center; margin-top: 10px; color: #666666; } .pc-foot2 .text, .pc-foot2 .text a{ color: #999999; } .pc-foot2 .text span{ margin: 0 15px; } /*pc端底部2 end*/ /*wap端底部*/ .wap-foot-bgcolor{ background-color: #f6f6f6; } .wap-foot{ padding-top: 30px; padding-bottom: 30px; } .wap-foot a{ text-decoration: none; } .wap-foot .title{ color: #282c73; margin-bottom: 10px; } .wap-foot .text{ color: #666666; } .wap-foot .ewm-btn span{ display: inline-block; margin-left: 5px; vertical-align: middle; color: #666666; } .wap-foot .copyright-box .text{ color: #666666; margin-bottom: 10px; } .wap-foot .text a{ text-decoration: none; color: #666666; } .wap-foot .text span{ margin-left: 10px; margin-right: 10px; } /*wap端底部 end*/ /*二维码弹窗*/ .footer-ewm{ position: static; top: 0; left: 100%; height: 100%; width: 100%; background-color: rgba(0,0,0,0.7); display: none; z-index: 999999999999999999; } .footer-ewm .ewm-box{ position: static; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: none; text-align: center; } .footer-ewm .ewm-box .title{ font-family: "Helvetica_Neue_CE_35_Thin"; font-size: 30px; color: #fff; text-align: center; margin-top: 20px; } .close-ewm{ position: static; top: 2%; right: 2%; border: none; padding: 15px 20px; outline: none; background-color: #ffffff; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer; } .close-ewm:hover { background-color: #7abf3a; color: #fff; } @media screen and (max-width: 757px){ .footer-ewm .ewm-box .title{ font-size: 24px; margin-top: 15px; } } @media screen and (max-width: 575px){ .footer-ewm .ewm-box .title{ font-size: 18px; margin-top: 10px; } } /*二维码弹窗 end*/ /*分页开始*/ .paging{ margin-top: 20px; margin-bottom: 20px; } .paging-list{ list-style: none; padding: 0; margin: 0; text-align: center; } .paging-list li{ display: inline-block; vertical-align: top; } .paging-list li a{ padding: 7px 15px; border: 1px solid #d9d9d9; background-color: #fff; color: #012643; display: inline-block; text-decoration: none; vertical-align: top; } .paging-list li a:hover{ border: 1px solid #2978c2; color: #000000; } .paging-list li.active a{ border: 1px solid #2978c2; color: #fff; background-color: #2978c2; } .paging-list .input-box{ margin-left: 20px; vertical-align: top; } .paging-list .input-box input{ padding: 7px; width: 60px; border: 1px solid #dfdfdf; text-align: center; outline: none; font-size: 14px; vertical-align: top; } .paging-list .input-box span{ margin-left: 10px; margin-right: 10px; } .paging-list .input-box a{ display: inline-block; } @media screen and (max-width: 991px){ .paging{ margin-top: 15px; margin-bottom: 15px; } .paging-list li a{ padding: 5px 10px; } .paging-list .input-box input { padding: 5px 10px; } .paging-list .input-box{ margin-left: 10px; } } @media screen and (max-width: 767px){ .paging{ margin-top: 10px; margin-bottom: 10px; } } /*分页结束*/ /*ny-model1*/ .ny-model1{ padding-top: 15px; padding-bottom: 15px; } .ny-model1 img{ margin-right: 10px; vertical-align: middle; } .ny-model1 span{ font-size: 14px; color: #2978c2; } .ny-model1 ul{ display: inline-block; font-size: 0; } .ny-model1 ul>li{ display: inline-block; font-size: 14px; } .ny-model1 ul>li:before{ content: "-"; display: inline-block; margin-left: 10px; margin-right: 10px; color: #2978c2; } .ny-model1 ul>li:nth-child(1):before{ content: ""; display: none; } .ny-model1 ul>li>a{ color: #2978c2; text-decoration: none; } .ny-model1 ul>li.active:before, .ny-model1 ul>li.active>a{ color: #999999; } @media screen and (max-width: 1199px) { .ny-model1 { padding-bottom: 20px; } } @media screen and (max-width: 991px) { .ny-model1 { padding-bottom: 15px; } } @media screen and (max-width: 767px) { .ny-model1 { padding: 10px; } .ny-model1 ul>li:before{ margin-left: 5px; margin-right: 5px; } .ny-model1 ul>li>a{ font-size: 12px; } .ny-model1 span{ font-size: 12px; } .ny-model1 img{ margin-right: 5px; } } /*ny-model1 end*/ /*ny-model2*/ .ny-model2 a{ font-size: 14px; color: #fff; text-decoration: none; } .ny-model2 .level1>li{ padding-top: 15px; padding-bottom: 15px; display: block; background-color: #2978c2; border-bottom: 1px solid #5493ce; transition: all .5s; } .ny-model2 .level1>li>a{ font-size: 16px; display: block; padding: 15px 20px; background-image: url(../img/sytp-20.png); background-position: right; background-repeat: no-repeat; background-position: calc(100% - 15px); } .ny-model2 .level2{ display: none; } .ny-model2 .level2>li{ transition: all .5s; } .ny-model2 .level2>li>a{ font-size: 14px; display: block; padding: 10px 10px 10px 35px; color: #adcce7; transition: all .5s; } .ny-model2 .level1>li:hover{ background-color: #7abf3a; } .ny-model2 .level1>li.active { background-color: #3190ce; } .ny-model2 .level1>li.active .level2{ display: block; } .ny-model2 .level1>li.active>a{ background-image: url(../img/sytp-19.png); } .ny-model2 .level2>li:hover{ background-color: #7abf3a; } .ny-model2 .level2>li:hover>a{ color: #fff; } .ny-model2 .level2>li.active>a{ color: #fff; background-image: url(../img/sytp-22.jpg); background-position: left; background-repeat: no-repeat; background-position: 20px; } @media screen and (max-width: 991px) { .ny-model2 .level1>li { padding-top: 10px; padding-bottom: 10px; } .ny-model2 .level1>li>a { font-size: 14px; padding: 10px 20px; } } @media screen and (max-width: 767px) { .ny-model2 .level1>li { padding-top: 5px; padding-bottom: 5px; } .ny-model2 .level1>li>a { padding: 10px 15px; } .ny-model2 .level2>li.active>a { background-position: 15px; } .ny-model2 .level2>li>a { padding: 10px 10px 10px 30px; } } /*ny-model2 end*/ /*ny-model3*/ .ny-model3 .title-box .title{ font-size: 24px; } .ny-model3 .title-box hr{ border-top: 6px solid #7abf3a; width: 20%; display: inline-block; margin: 15px 0 15px; } .ny-model3 .note{ color: #666666; margin-bottom: 20px; } @media screen and (max-width: 1280px) { .ny-model3 .title-box .title { font-size: 22px; } .ny-model3 .title-box hr { border-top: 5px solid #7abf3a; } } @media screen and (max-width: 1199px) { .ny-model3 .title-box .title { font-size: 20px; } .ny-model3 .title-box hr { border-top: 4px solid #7abf3a; margin: 12px 0 12px; } } @media screen and (max-width: 991px) { .ny-model3 .title-box .title { font-size: 18px; } .ny-model3 .title-box hr { border-top: 3px solid #7abf3a; margin: 10px 0 10px; } } @media screen and (max-width: 767px) { .ny-model3 .title-box .title { font-size: 16px; } } /*ny-model3 end*/ /*ny-model4*/ .ny-model4 { margin-top: 15px; } .ny-model4 ul{ font-size: 0; } .ny-model4 ul>li{ display: inline-block; margin-right: 8px; width: calc(20% - 8px); vertical-align: middle; } .ny-model4 ul>li:nth-last-of-type(1){ display: inline-block; margin-right: 0px; } .ny-model4 ul>li>a{ font-size: 14px; display: inline-block; text-decoration: none; padding: 7px 10px; width: 100%; text-align: center; color: #666666; border: 1px solid #666666; border-radius: 200px; margin-bottom: 15px; } .ny-model4 ul>li>a:hover, .ny-model4 ul>li>a.active{ color: #fff; background-color: #7abf3a; border: 1px solid #7abf3a; } @media screen and (max-width: 991px) { .ny-model4 { margin-top: 10px; } .ny-model4 ul>li { margin-right: 10px; width: auto; } .ny-model4 ul>li>a { padding: 7px 20px; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .ny-model4 ul>li>a { padding: 7px 15px; margin-bottom: 10px; } } @media screen and (max-width: 575px) { .ny-model4 ul>li>a { padding: 5px 15px; } } /*ny-model4 end*/ /*ny-model5*/ .ny-model5 { margin-top: 5px; border-bottom: 1px solid #e5e5e5; } .ny-model5 ul>li{ display: inline-block; margin-right: 20px; } .ny-model5 a{ display: inline-block; text-decoration: none; font-size: 16px; color: #333333; padding: 15px; position: relative; } .ny-model5 a:after{ content: ""; position: static; left: 0; bottom: -2px; width: 0; height: 3px; background-color: #7abf3a; transition: all .3s; } .ny-model5 a:hover:after, .ny-model5 a.active:after{ width: 100%; } .ny-model5 a:hover, .ny-model5 a.active{ color: #7abf3a; } @media screen and (max-width: 991px) { .ny-model5 a { font-size: 16px; padding: 10px; } } @media screen and (max-width: 767px) { .ny-model5 a { font-size: 14px; } } /*ny-model5 end*/ /*ny-model6*/ .ny-model6 .box{ padding-top: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .ny-model6 .box .title{ color: #2978c2; font-size: 16px; margin-bottom: 20px; line-height: 1.75em; } .ny-model6 .box .bt{ color: #333333; font-size: 14px; margin-bottom: 5px; font-weight: bold; } .ny-model6 .box .text-box{ margin-bottom: 20px; } .ny-model6 .box .text{ color: #2978c2; font-size: 14px; font-weight: bold; } @media screen and (max-width: 991px) { .ny-model6 .box { padding-top: 20px; padding-bottom: 5px; } .ny-model6 .box .text-box { margin-bottom: 15px; } } /*ny-model6 end*/ /*ny-model7*/ .ny-model7 { padding-top: 15px; padding-bottom: 15px; } .ny-model7 ul>li>a{ text-decoration: none; display: block; color: #333333; padding: 15px 15px 15px 15px; border-bottom: 1px dotted #e5e5e5; background-image: url(../img/sytp-23.jpg); background-position: left; background-repeat: no-repeat; } .ny-model7 ul>li>a:hover{ color: #2978c2; } /*ny-model7 end*/ /*ny-model8*/ .ny-model8 .title{ font-size: 28px; text-align: center; padding-bottom: 15px; } .ny-model8 .date{ font-size: 14px; text-align: center; color: #999999; } .ny-model8 hr{ margin-bottom: 0; } @media screen and (max-width: 1280px) { .ny-model8 .title{ font-size: 26px; } } @media screen and (max-width: 1199px) { .ny-model8 .title{ font-size: 24px; } } @media screen and (max-width: 991px) { .ny-model8 .title{ font-size: 22px; } } @media screen and (max-width: 767px) { .ny-model8 .title{ font-size: 20px; } } @media screen and (max-width: 575px) { .ny-model8 .title{ font-size: 18px; } } /*ny-model8 end*/ /*ny-model9*/ .ny-model9{ border-top: 1px solid #e5e5e5; padding-top: 20px; } .ny-model9 ul>li{ display: inline-block; margin-right: 5px; } .ny-model9 ul>li>a{ display: inline-block; text-decoration: none; padding: 5px; width: 60px; border: 1px solid #cccccc; color: #666666; border-radius: 5px; text-align: center; } .ny-model9 ul>li>a:hover{ border: 1px solid #2978c2; } .ny-model9 ul>li>a img{ margin-right: 5px; vertical-align: middle; } /*ny-model9 end*/ /*ny-model10*/ .ny-model10 ul{ font-size: 0; } .ny-model10 ul>li{ display: inline-block; font-size: 14px; width: 50%; } .ny-model10 ul>li>a{ display: block; font-size: 18px; padding: 20px; text-decoration: none; color: #666666; background-color: #fff; text-align: center; } .ny-model10 ul>li.active>a{ color: #fff; background-color: #006ebc; } .ny-model10 ul>li:hover>a{ color: #fff; background-color: #7abf3a; } @media screen and (max-width: 767px) { .ny-model10 ul>li>a{ font-size: 16px; } } @media screen and (max-width: 575px) { .ny-model10 ul>li>a{ font-size: 16px; padding: 15px; } } /*ny-model10 end*/ /*ny-model11*/ .ny-model11 ul>li>a{ display: block; text-decoration: none; text-align: center; padding: 30px 15px; color: #fff; margin-right: 1px; margin-left: 1px; margin-bottom: 2px; } .ny-model11 ul>li>a:hover{ transform: scale(0.95); } .ny-model11 .title{ margin-top: 10px; } @media screen and (max-width: 1280px) { .ny-model11 img{ width: 65px; } } @media screen and (max-width: 1199px) { .ny-model11 img{ width: 60px; } } @media screen and (max-width: 991px) { .ny-model11 img{ width: 55px; } } @media screen and (max-width: 767px) { .ny-model11 img{ width: 50px; } } @media screen and (max-width: 575px) { .ny-model11 img{ width: 45px; } .ny-model11 .title{ margin-top: 5px; } } /*ny-model11 end*/ /*ny-model12*/ .ny-model12 .bg{ background-color: #f5f5f5; padding: 40px 60px; } .ny-model12 .text-box{ text-align: center; } .ny-model12 .text-box .text{ color: #666666; font-size: 14px; margin-bottom: 20px; line-height: 2em; } .ny-model12 .text-box button{ color: #fff; padding: 7px 60px; background-color: #7abf3a; border-radius: 200px; border: 1px solid #7abf3a; cursor: pointer; transition: all .3s; outline: none; } .ny-model12 .text-box button:hover{ background-color: #2978c2; border: 1px solid #2978c2; } @media screen and (max-width: 767px) { .ny-model12 .bg{ padding: 40px; } } @media screen and (max-width: 565px) { .ny-model12 .bg{ padding: 30px; } } /*ny-model12 end*/ /*ny-model13*/ .ny-model13 { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .ny-model13>.title{ font-size: 18px; color: #2978c2; margin-bottom: 15px; } .ny-model13 .right .bt{ font-size: 18px; color: #2978c2; margin-bottom: 5px; } .ny-model13 .right .note{ color: #333333; margin-bottom: 5px; font-size: 14px; } .ny-model13 .right a{ color: #2978c2; text-decoration: none; display: inline-block; vertical-align: middle; } .ny-model13 .right a .icon{ background-image: url(../img/sytp-35.png); background-position: right; background-repeat: no-repeat; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 10px; transition: all .3s; } .ny-model13 .right a.active .icon{ transform: rotate(180deg); } .ny-model13 .box{ margin-top: 20px; } .ny-model13 .box .title{ color: #2978c2; font-size: 14px; margin-bottom: 5px; background-image: url(../img/sytp-36.png); background-position: left; background-repeat: no-repeat; padding-left: 15px; } .ny-model13 .box .note{ color: #666666; font-size: 14px; padding-left: 15px; } .ny-model13 #ywzy-box{ display: none; } @media screen and (max-width: 767px) { .ny-model13 .left{ margin-bottom: 10px; } .ny-model13>.title { font-size: 16px; } .ny-model13 .right .bt { font-size: 16px; } } /*ny-model13 end*/ /*ny-model14*/ .ny-model14 .layer{ margin-bottom: 20px; } .ny-model14 .box{ padding-bottom: 15px; } .ny-model14 .title{ font-size: 18px; color: #2978c2; margin-bottom: 20px; } .ny-model14 .bt{ font-size: 14px; color: #666666; margin-bottom: 5px; } .ny-model14 .bt span{ font-size: 14px; color: #ff0000; margin-right: 5px; vertical-align: middle; } .ny-model14 input[type="text"]{ font-size: 14px; width: 100%; padding: 10px 15px; border: 1px solid #e5e5e5; background-color: #f9f9fa; margin-bottom: 5px; } .ny-model14 input::-webkit-input-placeholder{ color: #999999; } .ny-model14 input::-moz-placeholder{ color: #999999; } .ny-model14 input::-ms-input-placeholder{ color: #999999; } .ny-model14 .filebox{ font-size: 0; margin-bottom: 10px; display: block; } .ny-model14 .filebox .file-text{ font-size: 14px; width: calc(100% - 100px); display: inline-block; padding: 10px 15px; border: 1px solid #e5e5e5; background-color: #f9f9fa; color: #999999; } .ny-model14 .filebox .file-btn{ font-size: 14px; width: 100px; display: inline-block; padding: 10px; position: relative; text-align: center; border: 1px solid #e5e5e5; background-color: #ffffff; border-left: none; transition: all .3s; } .ny-model14 .filebox .file-btn p{ font-size: 14px; transition: all .3s; color: #999999; } .ny-model14 .filebox .file-btn input{ position: static; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .ny-model14 .filebox .file-btn:hover{ border: 1px solid #7abf3a; background-color: #7abf3a; border-left: none; } .ny-model14 .filebox .file-btn:hover p{ color: #fff; } .ny-model14 .text{ margin-top: 15px; color: #999999; font-size: 14px; } .ny-model14 .btn-box{ text-align: center; } .ny-model14 input[type="submit"],.ny-model14 input[type="button"]{ padding: 12px 100px; background-color: #7abf3a; color: #fff; border: 1px solid #7abf3a; margin: 0 auto; cursor: pointer; transition: all .4s; } .ny-model14 input[type="submit"]:hover,.ny-model14 input[type="button"]:hover{ background-color: #2978c2; border: 1px solid #2978c2; } .ny-model14 textarea{ width: 100%; height: 150px; resize: none; border: 1px solid #e5e5e5; background-color: #f9f9fa; padding: 10px 15px; } .ny-model14 select{ width: 100%; padding: 10px 10px; border: 1px solid #e5e5e5; background-color: #f9f9fa; color: #999999; font-size: 14px; } @media screen and (max-width: 991px) { .ny-model14 input[type="submit"],.ny-model14 input[type="button"]{ padding: 10px 85px; } } @media screen and (max-width: 767px) { .ny-model14 .title{ font-size: 16px; } .ny-model14 input[type="submit"],.ny-model14 input[type="button"]{ padding: 10px 70px; } } @media screen and (max-width: 575px) { .ny-model14 input[type="submit"],.ny-model14 input[type="button"]{ padding: 8px 50px; } } /*ny-model14 end*/ /*ny-model15*/ .ny-model15 .bg{ padding: 50px; background-color: #f7f5f4; text-align: center; } .ny-model15 .text{ color: #333333; font-size: 18px; margin-top: 20px; } .ny-model15 .text span{ color: #2978c2; display: inline-block; } @media screen and (max-width: 991px) { .ny-model15 img{ width: 50px; } } @media screen and (max-width: 767px) { .ny-model15 .bg{ padding: 40px; } .ny-model15 img{ width: 45px; } .ny-model15 .text{ font-size: 16px; margin-top: 15px; } } @media screen and (max-width: 575px) { .ny-model15 .bg{ padding: 30px; } .ny-model15 img{ width: 40px; } .ny-model15 .text{ font-size: 14px; margin-top: 10px; } } /*ny-model15 end*/ /*ny-model16*/ .ny-model16 .title{ color: #2978c2; font-size: 18px; margin-bottom: 10px; } .ny-model16 .text{ color: #333333; line-height: 1.75em; } @media screen and (max-width: 767px) { .ny-model16 .title{ font-size: 16px; } } /*ny-model16 end*/ /*ny-model17*/ .ny-model17{ margin-top: 30px; } .ny-model17 .bt{ color: #666666; margin-bottom: 5px; font-size: 14px; } .ny-model17 input{ width: 100%; padding: 10px; border: 1px solid #e5e5e5; background-color: #f9f9fa; font-size: 14px; margin-bottom: 20px; } .ny-model17 .yzm-box{ font-size: 0; } .ny-model17 .yzm-box .ewm-input{ width: 50%; border: 1px solid #e5e5e5; font-size: 14px; padding: 10px; margin-right: 5px; background-color: #f9f9fa; margin-bottom: 20px; } .ny-model17 .yzm-box button,.ny-model17 .yzm-box #sendcrod{ width: calc(50% - 5px); font-size: 14px; border: 1px solid #e5e5e5; background-color: #f4f4f5; padding: 10px; cursor: pointer; color: #666666; transition: all .3s; } .ny-model17 .yzm-box button:hover,.ny-model17 .yzm-box #sendcrod:hover{ border: 1px solid #7abf3a; background-color: #7abf3a; color: #fff; } .ny-model17 .sub-box input[type="submit"]{ border: 1px solid #7abf3a; background-color: #7abf3a; color: #fff; cursor: pointer; font-size: 14px; transition: all .3s; margin-bottom: 0; } .ny-model17 .sub-box input[type="submit"]:hover{ border: 1px solid #2978c2; background-color: #2978c2; } @media screen and (max-width: 575px) { .ny-model17 input{ margin-bottom: 15px; } .ny-model17 .yzm-box .ewm-input{ margin-bottom: 15px; } } /*ny-model17 end*/ /*ny-model18*/ .ny-model18{ padding-top: 30px; border-top: 1px solid #e5e5e5; margin-top: 30px; } .ny-model18 .text .layer1 p{ display: inline-block; margin-right: 40px; color: #666666; margin-bottom: 15px; } .ny-model18 .text .layer1 p span{ color: #2978c2; } .ny-model18 .text .layer2{ margin-top: 20px; } .ny-model18 .text .layer2 p{ color: #000000; } @media screen and (max-width: 767px) { .ny-model18{ padding-top: 25px; margin-top: 25px; } .ny-model18 .text .layer2 { margin-top: 15px; } .ny-model18 .text .layer1 p { margin-bottom: 10px; margin-right: 30px; } } /*ny-model18 end*/ /*ny-model19*/ .ny-model19 .table-box{ margin-top: 10px; } .ny-model19 .table-box th{ text-align: center; font-size: 14px; color: #333333; } .ny-model19 .table-box td{ color: #666666; text-align: center; font-size: 14px; } .ny-model19 .table-box td a{ color: #2978c2; text-decoration: underline; } .ny-model19 .table-box td span{ color: #ec6941; } /*ny-model19 end*/ /*ny-model20*/ .ny-model20{ background-color: #f6f6f6; padding: 50px; } .ny-model20 .ch{ color: #2978c2; font-size: 18px; margin-bottom: 10px; } .ny-model20 .text{ color: #666666; font-size: 18px; line-height: 1.75em; text-indent: 2em; } .ny-model20 .text span{ color: #2978c2; } /*ny-model20 end*/ /*ny-model21*/ .ny-model21{ margin-top: 30px; } .ny-model21 .title-box .title{ font-size: 18px; } .ny-model21 .title-box hr{ border-top: 3px solid #7abf3a; width: 15%; display: inline-block; margin: 5px 0; } @media screen and (max-width: 767px) { .ny-model21 .title-box .title { font-size: 16px; } } /*ny-model21 end*/ /*ny-model22*/ .ny-model22 p{ color: #666666; font-size: 0; } .ny-model22 p span{ color: #2978c2; margin-right: 10px; font-size: 14px; width: 75px; display: inline-block; margin-bottom: 10px; vertical-align: top; } .ny-model22 p em{ display: inline-block; font-style: normal; font-size: 14px; margin-bottom: 10px; width: calc(100% - 85px); vertical-align: top; } @media screen and (max-width: 575px) { .ny-model22 p span{ margin-right: 0px; } .ny-model22 p em{ width: calc(100% - 75px); } } /*ny-model22 end*/ /*ny-model23*/ .ny-model23 a{ display: block; text-decoration: none; margin-bottom: 30px; } /*ny-model23 end*/ /*ny-model24*/ .ny-model24 { margin-top: 15px; } .ny-model24 .title{ margin-bottom: 20px; color: #2978c2; font-size: 18px; } .ny-model24 .bjb{ padding: 0; } .ny-model24 hr{ margin: 35px 0; } @media screen and (max-width: 991px) { .ny-model24 hr{ margin: 30px 0; } } @media screen and (max-width: 767px) { .ny-model24 hr{ margin: 25px 0; } } @media screen and (max-width: 575px) { .ny-model24 hr{ margin: 20px 0; } .ny-model24 .title{ font-size: 16px; margin-bottom: 15px; } } /*ny-model24 end*/ /*ny-model25*/ .ny-model25 p{ margin-bottom: 10px; color: #666666; font-size: 14px; } .ny-model25 select, .ny-model25 input, .ny-model25 textarea{ width: 100%; padding: 10px 15px; border: 1px solid #e5e5e5; background-color: #f9f9fa; resize: none; margin-bottom: 20px; font-size: 14px; color: #666666; } .ny-model25 textarea{ height: 150px; } .ny-model25 input[type="reset"]{ background-color: #e2e2e2; border: 1px solid #e2e2e2; color: #999999; transition: all .5s; cursor: pointer; } .ny-model25 input[type="submit"]{ background-color: #7abf3a; border: 1px solid #7abf3a; color: #fff; transition: all .5s; cursor: pointer; } .ny-model25 input[type="reset"]:hover, .ny-model25 input[type="submit"]:hover{ background-color: #2978c2; border: 1px solid #2978c2; color: #fff; } @media screen and (max-width: 575px) { .ny-model25 select, .ny-model25 input, .ny-model25 textarea{ margin-bottom: 15px; } } /*ny-model25 end*/ /*ny-model26*/ .ny-model26 .box { margin-bottom: 30px; } .ny-model26 .box .title{ font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; } .ny-model26 .box .list-box ul>li{ margin-bottom: 15px; } .ny-model26 .box .list-box ul>li>a{ display: block; text-decoration: none; padding-left: 15px; background-image: url(../img/sytp-51.jpg); background-position: left center; background-repeat: no-repeat; color: #666666; font-size: 14px; } @media screen and (max-width: 991px) { .ny-model26 .box { margin-bottom: 25px; } .ny-model26 .box .list-box ul>li{ margin-bottom: 10px; } } @media screen and (max-width: 767px) { .ny-model26 .box .title{ font-size: 16px; padding-bottom: 15px; margin-bottom: 15px; } .ny-model26 .box { margin-bottom: 20px; } } /*ny-model26 end*/ /*ny-model27*/ .ny-model27{ margin-bottom: 30px; } .ny-model27 h4{ color: #222222; font-size: 20px; margin-bottom: 30px; margin-top: 5px; } .ny-model27 h4 span{ color: #c0c0c0; font-size: 14px; margin-left: 10px; } .ny-model27 h4 a{ color: #c0c0c0; float: right; margin-top: 3px; } .ny-model27 h4 a:hover{ color: #0167a2; } .ny-model27 .nav ul{ width: 100%; } .ny-model27 .nav ul>li>a{ display: block; padding: 10px 15px; text-decoration: none; border-bottom: 1px solid #ebebeb; color: #666666; font-size: 14px; background-image: url(../img/sytp-65.png); background-position: right center; background-repeat: no-repeat; background-position-x: calc(100% - 15px); } .ny-model27 .nav ul>li>a:hover, .ny-model27 .nav ul>li>a.active{ border-left: 3px solid #2978c2; color: #2978c2; background-image: url(../img/sytp-64.png); } /*ny-model27 end*/ /*ny-model28*/ .ny-model28 .bjb{ padding: 0; } /*ny-model28 end*/ /*index2-box*/ .index2-box .new a{ text-decoration: none; display: block; } .index2-box .new .tp{ padding-bottom: 56%; } .index2-box .new .left{ margin-bottom: 20px; } .index2-box .new .left .text-bg{ background-color: #2978c2; padding: 15px 15px 30px; } .index2-box .new .left .text{ background-color: #2978c2; color: #fff; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index2-box .new .right{ margin-bottom: 20px; } .index2-box .new .right ul>li>a{ text-decoration: none; display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 10px; } .index2-box .new .right ul>li:nth-last-of-type(1)>a{ margin-bottom: 0px; } .index2-box .new .right .title{ color: #222222; font-size: 16px; margin-bottom: 10px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .index2-box .new .right .date{ color: #999999; font-size: 14px; } /*新闻轮播*/ .index2-box .new .left .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; left: inherit; right: 10px; width: inherit; } .index2-box .new .left .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2978c2; opacity: 1; } .index2-box .new .left .swiper-pagination-bullet { background: #fff; opacity: 1; border: 2px solid #fff; } .index2-box .new .left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } /*新闻轮播*/ .index2-box .right-box .title-box{ background-color: #2978c2; padding: 20px; color: #fff; } .index2-box .right-box .title-box h4{ font-size: 20px; } .index2-box .right-box .title-box span{ font-size: 14px; } .index2-box .right-box a{ display: block; background-color: #f6f6f8; text-decoration: none; padding: 17px 20px 15px; border-bottom: 1px solid #e9e9eb; } .index2-box .right-box .box{ background-repeat: no-repeat; background-position: right center; padding-right: 60px; background-size: contain; } .index2-box .right-box .box h2, .index2-box .right-box .box h5{ color: #333333; font-size: 18px; margin-bottom: 5px; } .index2-box .right-box .box p{ color: #b9b9ba; font-size: 14px; } .index2-box .gup{ display: block; text-decoration: none; margin-bottom: 20px; } .index2-box .index-box2-announc{ margin-bottom: 20px; } .index2-box .index-box2-announc a{ text-decoration: none; } .index2-box .index-box2-announc { background-color: #f6f6f8; padding: 7px 15px 6px; } .index2-box .index-box2-announc .title{ margin-bottom: 10px; } .index2-box .index-box2-announc .title span{ font-size: 16px; color: #0167a2; margin-left: 10px; } .index2-box .index-box2-announc .box .note{ color: #333333; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index2-box .index-box2-announc .box .date{ color: #999999; } /*公告轮播*/ .index2-box .index-box2-announc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; left: inherit; right: 0px; width: inherit; } .index2-box .index-box2-announc .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2978c2; opacity: 1; border: 2px solid #2978c2; } .index2-box .index-box2-announc .swiper-pagination-bullet { background: #d4d4d4; opacity: 1; border: 2px solid #d4d4d4; } .index2-box .index-box2-announc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } /*公告轮播*/ @media screen and (max-width: 991px) { .ny-model27 h4 { font-size: 18px; margin-bottom: 25px; } .index2-box .new .right .title { font-size: 16px; } .index2-box .right-box .title-box h4 { font-size: 18px; } .index2-box .right-box .box h2, .index2-box .right-box .box h5 { font-size: 16px; } } @media screen and (max-width: 767px) { .ny-model27 h4 { font-size: 16px; margin-bottom: 20px; } .index2-box .new .right .title { font-size: 14px; } .index2-box .right-box .title-box h4 { font-size: 16px; } .index2-box .right-box .box h2, .index2-box .right-box .box h5 { font-size: 14px; } } /*index2-box end*/ /*ny-model29*/ .ny-model29 img{ max-width: 100%; height: auto; display: block; } .ny-model29-left>.row>div>h1{ transform: translateY(-3px); color: #2978c2; font-size: 30px; font-weight: bold; } .ny-model29-right>.row{ border-left: 1px solid #ececec; position: relative; padding-bottom: 50px; } .ny-model29-box>.row:nth-last-of-type(1) .ny-model29-right>.row{ border-left: none; } .ny-model29>.row:nth-last-of-type(1)>.ny-model29-right>.row{ border-left: none; padding-bottom: 0; } .ny-model29-right>.row>div{ padding-left: 50px; } .ny-model29-right>.row>div p{ margin-bottom: 15px; } .ny-model29-right-dian{ position: static; top: 0px; left: -9px; } .ny-model29-right-box{ margin-bottom: 10px; } .ny-model29-right-box .right{ color: #666666; } @media screen and (max-width: 1199px){ .ny-model29-left>.row>div>h1 { font-size: 28px; } .ny-model29-right>.row>div { padding-left: 25px; } .ny-model29-right>.row { padding-bottom: 50px; } } @media screen and (max-width: 991px){ .ny-model29-left>.row>div>h1 { font-size: 24px; display: inline-block; } .ny-model29-right>.row>div{ font-size: 12px; } } @media screen and (max-width: 767px){ .ny-model29-left>.row>div>h1 { font-size: 20px; display: inline-block; transform: translateY(0); } .ny-model29-right>.row>div{ font-size: 12px; padding-left: 20px; } .ny-model29-right>.row { padding-bottom: 20px; } .ny-model29-right-box .left{ margin-bottom: 10px; } .ny-model29-box>.row:nth-last-of-type(1) .ny-model29-right>.row{ padding-bottom: 0; } } /*ny-model29 end*/ /*ny-model30*/ .ny-model30>h3{ margin-bottom: 20px; } .ny-model30-imgbox{ position: relative; padding-bottom: 100%; background-color: #f6f6f6; height: 0; } .ny-model30-img{ opacity: 0; display: block; position: static; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 2s; transition: all 2s; } .ny-model30-box{ margin-bottom: 30px; } .ny-model30-box:hover>a{ padding: 0; border: none; border-radius: 0; box-shadow: 0px 10px 30px 1px #e9e9e9; -moz-box-shadow: 0px 10px 30px 1px #e9e9e9; -webkit-box-shadow: 0px 10px 30px 1px #e9e9e9; -o-box-shadow: 0px 10px 30px 1px #e9e9e9; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; } .ny-model30-box>a{ color: #333333; text-decoration: none; display: block; } .ny-model30-box>a>h5{ margin-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 2em; height: 4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; color: #666666; } .ny-model30-box .fgx{ margin-top: 10px; color: #e2e2e2; } @media screen and (max-width: 991px){ .ny-model30-box>a>h5{ font-size: 16px; } } @media screen and (max-width: 767px){ .ny-model30-box>a>h5{ margin-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 1.75em; height: auto; overflow: auto; text-overflow: initial ; display: block; -webkit-line-clamp: initial; -webkit-box-orient: initial; } } /*ny-model30 end*/ /*ny-model31*/ .ny-model31 a{ text-decoration: none; color: #333333; } .ny-model31 .tp{ padding-bottom: 60%; -webkit-transition: all 1s; transition: all 1s; } .ny-model31 .tp img{ width: inherit; max-height: inherit; height: auto; max-width: 100%; } .ny-model31 a:hover .tp{ -webkit-transform: scale(1.07); transform: scale(1.07); } .ny-model31 .box{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } .ny-model31 .date{ margin-bottom: 10px; color: #999999; } .ny-model31 .date span{ margin-left: 10px; margin-right: 10px; } .ny-model31 .title{ font-size: 18px; margin-bottom: 15px; color: #2978c2; } .ny-model31 .note{ margin-bottom: 15px; color: #666666; line-height: 1.75em; } .ny-model31 .more{ display: inline-block; } .ny-model31 .more span{ margin-left: 15px; } .ny-model31 .more:hover{ -webkit-transform: translateX(10px); transform: translateX(10px); } @media screen and (max-width: 991px){ .ny-model31 .box { padding-bottom: 30px; margin-bottom: 30px; } .ny-model31 .note { margin-bottom: 25px; } } @media screen and (max-width: 767px){ .ny-model31 .over-img{ margin-bottom: 15px; } .ny-model31 .title { font-size: 16px; } .ny-model31 .box { padding-bottom: 25px; margin-bottom: 25px; } .ny-model31 .note { margin-bottom: 20px; } } @media screen and (max-width: 575px){ .ny-model31 .title { font-size: 14px; } .ny-model31 .box { padding-bottom: 20px; margin-bottom: 20px; } .ny-model31 .note { margin-bottom: 15px; } } /*ny-model31 end*/ /*ny-model32*/ .ny-model32 a{ text-decoration: none; display: block; margin-bottom: 25px; padding-bottom: 10px; position: relative; } .ny-model32 .over-img{ margin-bottom: 10px; position: relative; } .ny-model32 .tp{ padding-bottom: 60%; } .ny-model32 .tp img{ width: inherit; max-height: inherit; height: auto; max-width: 100%; } .ny-model32 .title{ font-size: 14px; color: #333333; text-align: center; padding: 5px 0; } .ny-model32 .box a:after{ content: ""; position: static; display: inline-block; bottom: 0; left: 0; width: 0; height: 1px; background-color: #333333; -webkit-transition: all .2s; transition: all .2s; } .ny-model32 .box a:hover:after{ width: 100%; } .ny-model32 .icon{ display: inline-block; position: static; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-image: url(../img/xlt-26.png); background-repeat: no-repeat; background-size: cover; width: 50px; height: 50px; } @media screen and (max-width: 767px){ .ny-model32 a { margin-bottom: 20px; } } @media screen and (max-width: 575px){ .ny-model32 a { margin-bottom: 15px; } } /*ny-model32 end*/ /*ny-model33*/ .ny-model33{ margin-top: 50px; margin-bottom: 30px; } .ny-model33 h4{ color: #222222; font-size: 20px; margin-bottom: 30px; margin-top: 5px; } .ny-model33 h4 span{ color: #c0c0c0; font-size: 14px; margin-left: 10px; } .ny-model33 .input-box{ border: 1px solid #e5e5e5; font-size: 0; } .ny-model33 .input-box input{ border: none; font-size: 14px; vertical-align: middle; padding: 10px 15px; width: calc(100% - 40px); outline: none; } .ny-model33 .input-box a{ text-decoration: none; font-size: 14px; display: inline-block; vertical-align: middle; padding: 10px; } @media screen and (max-width: 991px){ .ny-model33 h4 { font-size: 18px; margin-bottom: 25px; } .ny-model33{ margin-top: 20px; margin-bottom: 50px; } } @media screen and (max-width: 767px){ .ny-model33 h4 { font-size: 16px; margin-bottom: 20px; } .ny-model33{ margin-top: 0px; } } /*ny-model33 end*/ /*ny-model34*/ .ny-model34 .type1 a{ text-decoration: none; color: #333333; } .ny-model34 .type1 .tp{ padding-bottom: 60%; -webkit-transition: all 1s; transition: all 1s; } .ny-model34 .type1 .tp img{ width: inherit; max-height: inherit; height: auto; max-width: 100%; } .ny-model34 .type1 a:hover .tp{ -webkit-transform: scale(1.07); transform: scale(1.07); } .ny-model34 .type1 .box{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } .ny-model34 .type1 .date{ margin-bottom: 10px; color: #999999; } .ny-model34 .type1 .date span{ margin-left: 10px; margin-right: 10px; } .ny-model34 .type1 .title{ font-size: 18px; margin-bottom: 15px; color: #2978c2; } .ny-model34 .type1 .note{ margin-bottom: 15px; color: #666666; line-height: 1.75em; } .ny-model34 .type1 .more{ display: inline-block; color: #7abf3a; } .ny-model34 .type1 .more span{ vertical-align: middle; display: inline-block; } .ny-model34 .type1 .more i{ margin-left: 12px; vertical-align: middle; display: inline-block; } .ny-model34 .type1 .more:hover{ -webkit-transform: translateX(10px); transform: translateX(10px); } .ny-model34 .type2 a{ text-decoration: none; color: #333333; } .ny-model34 .type2 .box{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } .ny-model34 .type2 .date{ display: block; padding: 15px; text-decoration: none; text-align: center; color: #fff; background-color: #2978c2; } .ny-model34 .type2 .date:hover{ background-color: #7abf3a; } .ny-model34 .type2 .date .p1{ font-size: 30px; } .ny-model34 .type2 .date .p2{ font-size: 14px; } .ny-model34 .type2 .title{ font-size: 18px; margin-bottom: 15px; color: #2978c2; } .ny-model34 .type2 .note{ margin-bottom: 15px; color: #666666; line-height: 1.75em; } .ny-model34 .type2 .more{ display: inline-block; color: #7abf3a; } .ny-model34 .type2 .more span{ vertical-align: middle; display: inline-block; } .ny-model34 .type2 .more i{ margin-left: 12px; vertical-align: middle; display: inline-block; } .ny-model34 .type2 .more:hover{ -webkit-transform: translateX(10px); transform: translateX(10px); } @media screen and (max-width: 991px){ .ny-model34 .type1 .box { padding-bottom: 30px; margin-bottom: 30px; } .ny-model34 .type1 .note { margin-bottom: 25px; } } @media screen and (max-width: 767px){ .ny-model34 .type1 .over-img{ margin-bottom: 15px; } .ny-model34 .type1 .title { font-size: 16px; } .ny-model34 .type1 .box { padding-bottom: 25px; margin-bottom: 25px; } .ny-model34 .type1 .note { margin-bottom: 20px; } } @media screen and (max-width: 575px){ .ny-model34 .type1 .title { font-size: 14px; } .ny-model34 .type1 .box { padding-bottom: 20px; margin-bottom: 20px; } .ny-model34 .type1 .note { margin-bottom: 15px; } } /*ny-model34 end*/ /*ny-model35*/ .ny-model35 { margin-top: 15px; } .ny-model35 ul{ font-size: 0; } .ny-model35 ul>li{ display: inline-block; margin-right: 10px; width: calc(20% - 8px); vertical-align: middle; } .ny-model35 ul>li:nth-last-of-type(1){ display: inline-block; margin-right: 0px; } .ny-model35 ul>li>a{ font-size: 14px; display: inline-block; text-decoration: none; padding: 7px 10px; width: 100%; text-align: center; color: #666666; border: 1px solid #666666; border-radius: 200px; margin-bottom: 15px; } .ny-model35 ul>li>a:hover, .ny-model35 ul>li>a.active{ color: #fff; background-color: #2978c2; border: 1px solid #2978c2; } @media screen and (max-width: 991px) { .ny-model35 { margin-top: 10px; } .ny-model35 ul>li { margin-right: 10px; width: auto; } .ny-model35 ul>li>a { padding: 7px 20px; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .ny-model35 ul>li>a { padding: 7px 15px; margin-bottom: 10px; } } @media screen and (max-width: 575px) { .ny-model35 ul>li>a { padding: 5px 15px; } } /*ny-model35 end*/ /*ny-model36*/ .ny-model36 { margin-top: 5px; border-bottom: 1px solid #e5e5e5; } .ny-model36 ul>li{ display: inline-block; margin-right: 20px; } .ny-model36 a{ display: inline-block; text-decoration: none; font-size: 14px; color: #666666; padding: 10px 15px; position: relative; } .ny-model36 a:after{ content: ""; position: static; left: 0; bottom: -1px; width: 0; height: 1px; background-color: #2978c2; transition: all .3s; } .ny-model36 a:hover:after, .ny-model36 a.active:after{ width: 100%; } .ny-model36 a:hover, .ny-model36 a.active{ color: #2978c2; } @media screen and (max-width: 991px) { .ny-model36 a { font-size: 16px; padding: 10px; } } @media screen and (max-width: 767px) { .ny-model36 a { font-size: 14px; } } @media screen and (max-width: 575px) { .ny-model36 a { padding: 10px 5px; } } /*ny-model36 end*/ /*ny-model37*/ .ny-model37 { padding-top: 15px; padding-bottom: 15px; } .ny-model37 ul>li>a{ text-decoration: none; display: block; color: #333333; padding: 15px 15px 15px 15px; border-bottom: 1px dotted #e5e5e5; background-image: url(../img/sytp-23.jpg); background-position: left; background-repeat: no-repeat; } .ny-model37 ul>li>a strong{ font-weight: 100; display: inline-block; width: calc(100% - 85px); } .ny-model37 ul>li>a span{ display: inline-block; float: right; } .ny-model37 ul>li>a:hover{ color: #2978c2; } /*ny-model37 end*/ /*ny-model38*/ .ny-model38 { margin-bottom: 30px; } .ny-model38 ul>li{ border-bottom: 1px solid #e5e5e5; padding: 10px; } .ny-model38 a{ display: inline-block; text-decoration: none; } .ny-model38 .date{ display: inline-block; color: #2978c2; font-weight: bold; vertical-align: middle; } .ny-model38 .title-box{ display: inline-block; margin-left: 20px; margin-right: 20px; width: calc(100% - 152px); font-weight: 100; vertical-align: middle; } .ny-model38 .title-box .title{ color: #333333; } .ny-model38 .title-box .title:hover{ color: #7abf3a; } .ny-model38 .title-box .pdf{ margin-left: 10px; } .ny-model38 .title i{ margin-left: 10px; vertical-align: middle; } .ny-model38 .pdf{ display: inline-block; vertical-align: middle; } .ny-model38 .icon{ display: inline-block; vertical-align: middle; } /*ny-model38 end*/ /*ny-model39*/ .ny-model39 { margin-top: 10px; } .ny-model39 .title{ font-size: 18px; margin-bottom: 30px; color: #2978c2; font-weight: bold; } .ny-model39 .add-box{ padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; margin-bottom: 50px; } .ny-model39 .add-box p{ color: #666666; margin-bottom: 10px; } @media screen and (max-width: 1280px) { .ny-model39 .add-box{ padding-bottom: 35px; margin-bottom: 45px; } } @media screen and (max-width: 1199px) { .ny-model39 .add-box{ padding-bottom: 30px; margin-bottom: 40px; } } @media screen and (max-width: 991px) { .ny-model39 .add-box{ padding-bottom: 25px; margin-bottom: 35px; } } @media screen and (max-width: 767px) { .ny-model39 .title { margin-bottom: 25px; } .ny-model39 .add-box{ padding-bottom: 20px; margin-bottom: 30px; } } @media screen and (max-width: 575px) { .ny-model39 .title { font-size: 16px; margin-bottom: 20px; } .ny-model39 .add-box{ padding-bottom: 15px; margin-bottom: 25px; } } /*ny-model39 end*/ /*ny-model40*/ .ny-model40{ margin-bottom: 50px; } .ny-model40 .title{ font-size: 18px; margin-bottom: 30px; color: #2978c2; } .ny-model40 .add-box p{ margin-bottom: 15px; color: #666666; } .ny-model40 .add-box p span{ color: #7abf3a; font-weight: bold; } @media screen and (max-width: 1280px) { .ny-model40 .add-box{ margin-bottom: 45px; } } @media screen and (max-width: 1199px) { .ny-model40 .add-box{ margin-bottom: 40px; } } @media screen and (max-width: 991px) { .ny-model40 .add-box{ margin-bottom: 35px; } } @media screen and (max-width: 767px) { .ny-model40 .title { margin-bottom: 25px; } .ny-model40 .add-box{ margin-bottom: 30px; } } @media screen and (max-width: 575px) { .ny-model40 .title { font-size: 16px; margin-bottom: 20px; } .ny-model40 .add-box{ margin-bottom: 25px; } } /*ny-model40 end*/ /*ny-model45*/ .ny-model45 .top-title{ background-color: #006ebd; padding: 15px 10px; } .ny-model45 .top-title .left{ display: inline-block; font-size: 0; width: calc(100% - 40px); color: #fff; vertical-align: middle; } .ny-model45 .top-title .right{ display: inline-block; font-size: 0; width: 20px; height: 20px; position: relative; vertical-align: middle; margin-left: 15px; cursor: pointer; } .ny-model45 .top-title .right:after{ content: ""; display: inline-block; position: static; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20px; height: 2px; background-color: #fff; } .ny-model45 .top-title .right:before{ content: ""; display: inline-block; position: static; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2px; height: 20px; background-color: #fff; transition: all .3s; } .ny-model45 .top-title .right.active:before{ height: 0px; } .ny-model45 .list ul>li>a{ display: block; text-decoration: none; padding: 15px 10px; border-bottom: 1px solid #ececec; color: #545454; background-image: url(../img/sytp-65.png); background-position: right center; background-repeat: no-repeat; background-position-x: calc(100% - 15px); } .ny-model45 .list ul>li>a.active{ background-image: url(../img/sytp-64.png); color: #006ebd; } .ny-model45 .js-list{ display: none; } /*ny-model45 end*/ /*ny-model46*/ .ny-model46 { margin-bottom: 30px; } .ny-model46 ul>li{ border-bottom: 1px solid #e5e5e5; padding: 10px; } .ny-model46 a{ display: inline-block; text-decoration: none; } .ny-model46 .date{ display: inline-block; color: #2978c2; font-weight: bold; vertical-align: middle; } .ny-model46 .title-box{ display: inline-block; margin-right: 20px; width: calc(100% - 55px); font-weight: 100; vertical-align: middle; } .ny-model46 .title-box .title{ color: #333333; } .ny-model46 .title-box .title:hover{ color: #7abf3a; } .ny-model46 .title-box .pdf{ margin-left: 10px; } .ny-model46 .title i{ margin-left: 10px; vertical-align: middle; } .ny-model46 .pdf{ display: inline-block; vertical-align: middle; } .ny-model46 .icon{ display: inline-block; vertical-align: middle; } /*ny-model46 end*/ /*浮动窗*/ .index-fd-box{ position: static; right: 20px; top: 50%; transform: translateY(-50%); background-color: #fff; max-width: 350px; border-radius: 10px; box-shadow: 0 0 30px 1px rgba(0,0,0,0.15); z-index: 10; } .index-fd-box .top-box{ background-image: url(../img/fd.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 27px; text-align: center; border-radius: 10px 10px 0 0; } .index-fd-box .top-box p{ font-size: 22px; color: #fff; } .index-fd-box .content-box{ padding: 15px; } .index-fd-box .content-box .bjb{ padding: 0; } .index-fd-box .foot-box{ padding: 20px 15px; text-align: center; } .index-fd-box .foot-box button{ padding: 5px 45px; color: #fff; background-color: #31b9f5; font-size: 14px; border-radius: 50px; border: 1px solid #31b9f5; cursor: pointer; outline: none; transition: all .3s; } .index-fd-box .foot-box button:hover{ color: #31b9f5; background-color: #fff; border: 1px solid #31b9f5; } /*浮动窗 end*/ /*.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;} .upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; } .upload-box .upload-progress{ position:static; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; } .upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; } .upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; } .upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; } .upload-box .upload-progress .close{ position:static; display:block; top:1px; right:1px; width:14px; height:14px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; } .upload-box .upload-progress .close:hover{ text-decoration:none; } .upload-box .upload-progress .close i{ color:#535353; font-size:10px; line-height:14px; -webkit-transform:scale(0.833); }*/ .upload-path{ font-size: 14px; width: calc(100% - 100px) !important; display: inline-block; padding: 10px 15px; border: 1px solid #e5e5e5; background-color: #f9f9fa; color: #999999; vertical-align: top; } .filebox>div{ font-size: 14px; width: 100px; display: inline-block; position: relative; text-align: center; border: 1px solid #e5e5e5; background-color: #ffffff; border-left: none; transition: all .3s; vertical-align: top; } .upload-btn{ position: relative; transition: all .3s; cursor: pointer; } .upload-btn .webuploader-pick{ font-size: 14px; transition: all .3s; color: #999999; padding: 10px; cursor: pointer; } .upload-btn>div:nth-child(2){ width: 99px !important; height: 41px !important; padding: 10px !important; opacity: 0 !important; cursor: pointer; } .upload-btn>div:nth-child(2) input[type="file"]{ width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; display: block !important; cursor: pointer; } .upload-btn:hover{ background-color: #7abf3a !important; } .upload-btn:hover .webuploader-pick{ color: #fff; } .upload-progress{ display: none !important; } /*404*/ .a404{ text-align: center; padding-top: 200px; padding-bottom: 200px; } .a404 #num{ margin-top: 20px; background-color: #e74c3c; color: #fff; padding: 5px 15px; border-radius: 5px; border: 1px solid #e74c3c; text-decoration: none; display: inline-block; } @media screen and (max-width: 767px) { .a404{ padding-top: 150px; padding-bottom: 150px; } } @media screen and (max-width: 575px) { .a404{ padding-top: 100px; padding-bottom: 100px; } } /*404 end*/ /*修改扣费账号新增*/ .business_information_box p{ margin-bottom: 10px; } /*修改扣费账号新增 end*/