* { margin: 0; padding: 0; } body { font-family: "微软雅黑"; } a { text-decoration: none; } a:hover { text-decoration: none; color: #333; } ul { list-style: none; } img { max-width: 100%; } .load_box { position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; background: #fff; text-align: center; } .load_box .loader_loader { width: 100%; height: 100%; max-width: 100%; } .home_topsen:hover { color: #fff } .loader_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 1; flex-shrink: 0; flex-basis: 25%; max-width: 25%; height: 200px; align-items: center; justify-content: center; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay: 0.77s; animation-delay: 0.77s; -webkit-animation-duration: 1.26s; animation-duration: 1.26s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; -webkit-animation-duration: 0.43s; animation-duration: 0.43s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay: 0.74s; animation-delay: 0.74s; -webkit-animation-duration: 0.73s; animation-duration: 0.73s; } .line-scale-party > div { background-color: #7aba1e; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } /*end*/ /*头部*/ /*.headers{ width: 100%; background: #fff; position: relative; top: 0; left: 0; z-index: 12; box-shadow: 0 0 10px rgba(0,0,0,.1); } .headers>div{ max-width: 1310px; margin: auto; height: 129px; }*/ .listheader { width: 100%; margin: auto; } .home_top { width: 100%; background: #0162b2; height: 40px; overflow: hidden; } .home_tops { max-width: 1270px; padding: 0 10px; overflow: hidden; margin: 0 auto; } .home_topsleft { float: left; line-height: 40px; color: #fff; } .home_topsleft label { margin: 0; } .home_topsleft a { color: #fff; } .home_topsen { float: right; color: #fff; line-height: 40px; margin-left: 32px; } .home_topsen:hover { color: #fff; } .home_topsright { width: 211px; height: 30px; background: url(/uploads/image/image/2.png)center 0 no-repeat; overflow: hidden; float: right; margin-top: 0.5rem; } .home_topsright input { width: 141px; margin-left: 22px; height: 30px; border: 0; background: none; outline: none; color: #464646; float: left; } .home_topsright button { float: left; width: 36px; height: 31px; outline: none; border: 0; background: none; } .listheaderright { width: 100%; } .listheaderrights { position: relative; max-width: 1270px; margin: auto; padding: 0 10px; height: 111px; } .listheaderleft { float: left; } .listheaderleft a { } .listheaderleft a img { } .nas { display: flex; flex-wrap: wrap; float: right; margin: 0; width: 77%; line-height: 111px; } .nas>li { position: relative; width: 14.285%; height: 100%; transition: 0.3s linear; } .nas>li>a { display: block; font-size: 15px; overflow: hidden; color: #281d1d; width: 100%; font-weight: 700; text-align: center; position: relative; } .nas>li>a img { /*margin-left: 5px;*/ } .nas>li:hover>a { /*background: #ea7d11;*/ } .navs { transition: 0.3s linear; } /*.nas span{ color: #ce9d59; display: block; }*/ /*.nas>li:hover{ background: #0060b1; } .nas>li:hover .navs{ color: #fff; }*/ /**/ .clear { clear: both; } header .nav-btn { width: 45px; height: 34px; margin-top: 7px; position: relative; } .fl { float: left; display: inline; } header .nav-btn span { width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; background: #068585; position: absolute; left: 0; top: 12px; transition: left 0.3s, top 0.3s; } header .nav-btn span.line1, header .nav-btn span.line3, header .nav-btn span.line3 { left: 15px; } header .nav-btn span.line2 { left: 30px; background: #e8921f; } header .logo { margin: 0 auto; width: 96px; display: block; padding-top: 1rem; } header .logo img { width: 100%; } header .nav-btn.hover span.line2 { left: 12px; } header .nav-btn.hover span.line0 { top: 0; } header .nav-btn.hover span.line1 { top: 0; left: 24px; } header .nav-btn.hover span.line3 { top: 24px; left: 0; } header .nav-btn.hover span.line4 { top: 24px; left: 24px; } .headerphone { line-height: 100%; font-size: 18px; color: #2759a3; margin-left: 2rem; margin-top: 4.5rem; } .headerphone img { margin-left: 2.5rem; margin-right: 1rem; } .clear { clear: both; } .fr { float: right; display: inline; } .headers a.menu { display: block; width: 22px; float: left; z-index: 1; margin-top: 4.5rem; } .headers a.menu span:first-child { margin-top: 0; } .headers a.menu span { display: block; width: 100%; height: 2px; background-color: #3f6db3; margin-top: 5px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .headers a.menu span:last-child { width: 12px; } .headers a.menu:hover span:nth-child(1) { width: 11px; } .headers a.menu:hover span:nth-child(2) { width: 18px; } .headers a.menu:hover span:nth-child(3) { width: 22px; } .search { } .search-box { width: 28%; position: absolute; right: 0; top: 166px; display: none; z-index: 10; background: #0d58a9; padding: 18px 2%; } .search-box .close { float: right; width: 35px; height: 35px; background: url(/uploads/image/image/wel26.png) no-repeat center; background-size: 100%; margin-top: 2px; opacity: 1; } .search-box form { width: 76%; height: 40px; line-height: 40px; position: relative; border: 1px solid rgba(255,255,255,.2); } .search-box form .text { font-size: 12px; color: #fff; border: none; background: none; padding: 0 28px 0 18px; width: 100%; height: 40px; color: #fff; line-height: 40px; } .search-box form .submit { width: 14px; height: 30px; position: absolute; top: 50%; right: 14px; margin-top: -15px; background: url(/uploads/image/image/wel25.png) no-repeat center; border: none; } .search-box form .text::-webkit-input-placeholder { color: #fff; } .search-box form .text:-moz-placeholder { color: #fff; } .search-box form .text::-moz-placeholder { color: #fff; } .search-box form .text:-ms-input-placeholder { color: #fff; } /*.clickphone:hover .myphone{ opacity: 1; transition: transform 500ms, opacity 500ms 100ms, left 0s 0s; }*/ .nas>li .more { position: absolute; left: 50%; top: 88px; width: 250px; background-color: rgba(255, 255, 255, 0.9); padding: 0; margin-left: -125px; z-index: 100; display: none; } .nas>li .more a { display: block; color: #333; font-size: 14px; height: 41px; line-height: 41px; text-align: center; transition: all 0.3s linear 0s; } .nas>li .more a:hover { color: #0060b1; } .banner { width: 100%; } .banner img { width: 100%; } .home_a { width: 100%; background: #f1f1f1; overflow: hidden; } .home_as { position: relative; max-width: 1270px; margin: 60px auto; padding: 0 10px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; } .home_asleft { float: left; width: 55%; overflow: hidden; } .home_atop { margin-bottom: 24px; overflow: hidden; } .home_atop label { font-size: 24px; margin: 0; color: #0d58a9; } .home_atop label span { font-size: 14px; color: #4d4d4d; text-transform: uppercase; font-weight: 400; margin-left: 5px; font-family: arial; } .home_aslefts { background: #fff; width: 100%; overflow: hidden; padding: 30px; } .home_aslefts img { float: left; margin-right: 3%; width: 52%; } .home_aslefts div { line-height: 30px; } .home_aslefts a { display: inline-block; width: 122px; background: #0d58a9; text-align: center; height: 33px; line-height: 33px; color: #fff; border-radius: 30px; float: right; } .home_aslefts a:hover { background: #5fae31; } .home_asright { float: right; width: 43%; overflow: hidden; } .home_asrights { width: 100%; background: #fff; overflow: hidden; padding: 15px 0; } .home_asrights a { display: block; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; padding: 0 23px; padding-bottom: 7px; margin-bottom: 7px; } .home_asrights a .newleft { float: left; width: 20%; overflow: hidden; } .home_asrights a .newleft img { width: 100%; transition: all 0.3s; } .home_asrights a .newright { float: right; width: 77%; color: #707070; line-height: 25px; overflow: hidden; } .home_asrights a .newright div { color: #414141; } .home_asrights a .newright p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .home_asrights a .newright span { font-size:9pt; } .home_asrights a:last-child { margin: 0; padding-bottom: 0; border-bottom: 0; } .home_asrights a:hover .newleft img { transform: scale(1.1); } .home_b { width: 100%; background: url(/uploads/image/image/5.png)center 0 no-repeat; min-height: 603px; overflow: hidden; } .home_bs { position: relative; max-width: 1270px; margin: 0 auto; padding: 0 10px; overflow: hidden; } .home_bsleft { float: left; width: 34%; overflow: hidden; } .home_bslefttop { width: 100%; background: #0d58a9; overflow: hidden; padding: 13px; } .home_bslefttop div { border: 3px solid #fff; overflow: hidden; width: 100%; text-align: center; } .home_bslefttop div label { font-size: 40px; color: #fff; font-weight: 400; line-height: 100%; margin-top: 37px; } .home_bslefttop div span { color: #2f81d9; display: block; font-family: arial; margin-bottom: 17px; text-transform: uppercase; } .home_bslefttop div a { margin-bottom: 40px; display: block; } .home_bsleftcenter { width: 100%; overflow: hidden; background: #fff; } .home_bsleftcenter a { display: block; height: 62px; background: url(/uploads/image/image/6.png)left 0 no-repeat; background-position: left; line-height: 62px; color: #464646; font-size: 16px; padding-left: 38px; margin-left: 21%; } .home_bsleftbottom { background: url(/uploads/image/iimages/5_05.jpg)center 0 no-repeat; height: 315px; background-size: 100%; text-align: center; overflow: hidden; display: table; width: 100%; } .home_bsleftbottom div { vertical-align: middle; display: table-cell; color: #fff; width: 100%; height: 100%; } .home_bsleftbottom div img { } .home_bsleftbottom div span { display: block; margin: 8px 0px; } .home_bsleftbottom div p { font-size: 30px; font-weight: 700; margin: 0; font-family: arial; line-height: 100%; } .home_bsleftbottom div a { width: 124px; height: 34px; color: #232222; background: #fff; display: inline-block; line-height: 34px; border-radius: 30px; margin-top: 21px; } .home_bsright { float: right; width: 66%; overflow: hidden; display: flex; flex-wrap: wrap; } .home_bsright a { display: block; width: 50%; overflow: hidden; background: #fff; border: 1px solid #ccc; } .home_bsright .home_bsrightimg { width: 100%; overflow: hidden; } .home_bsright .home_bsrightimg img { width: 100%; transition: all 0.3s; } .home_bsright .home_bsrighttext { padding: 14.2px; border-top: 1px solid #ccc; color: #737373; } .home_bsright .home_bsrighttext label { font-size: 16px; color: #464646; display: block; margin-bottom: 16.5px; } .home_bsright .home_bsrighttext span { font-weight: 700; } .home_bsright .home_bsrighttext div { line-height: 28px; } .home_bsright a:hover img { transform: scale(1.1); } .alltop { width: 100%; text-align: center; overflow: hidden; margin-top: 64px; margin-bottom: 22px; } .alltop label { font-size: 28px; color: #282828; margin: 0; line-height: 100%; } .alltop div { font-size: 28px; font-weight: 700; color: #cfcfcf; font-family: arial; text-transform: uppercase; margin: 14px 0; line-height: 100%; } .alltop i { display: inline-block; width: 58px; background: #0062b3; height: 3px; } .home_c { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 90px; display: none; } .home_c a { display: block; width: 16%; overflow: hidden; } .home_c a div { overflow: hidden; } .home_c a div img { width: 100%; transition: all 0.3s; } .home_c a span { color: #fff; display: block; height: 53px; text-align: center; background: #0d58a9; line-height: 53px; font-size: 17px; } .home_c a:hover img { transform: scale(1.1); } .home_c a:nth-child(2n) span { background: #55b11e; } .myhome_c { width: 100%; overflow: hidden; position: relative; margin-bottom: 90px; } .myhome_c .myhome_cswiper { width: 100%; } .myhome_c .myhome_cswiper a { display: block; width: 100%; overflow: hidden; } .myhome_c .myhome_cswiper a div { overflow: hidden; } .myhome_c .myhome_cswiper a div img { width: 100%; transition: all 0.3s; } .myhome_c .myhome_cswiper a span { color: #fff; display: block; height: 53px; text-align: center; background: #0d58a9; line-height: 53px; font-size: 17px; } .myhome_c .myhome_cswiper a:hover img { transform: scale(1.1); } .myhome_c .myhome_cswiper .swiper-slide:nth-child(2n) a span { background: #55b11e; } .home_d { width: 100%; background: #f1f1f1; overflow: hidden; padding-bottom: 64px; } .home_dnav { text-align: center; margin-bottom: 50px; width: 100%; } .home_dnav a { display: inline-block; width: 131px; height: 37px; border: 1px solid #017ed0; color: #017ed0; font-size: 16px; line-height: 37px; color: #017ed0; background: #fff; transition: all 0.3s; cursor: pointer; } .home_dnav a.on { background: #017ed0; color: #fff; } .home_dtext { overflow: hidden; width: 100%; } .home_dbox { position: relative; max-width: 1370px; margin: 0 auto; overflow: hidden; display: none; } .home_dbox .home_dbox1swiper { max-width: 1250px; } .home_dbox .home_dbox1swiper a { display: block; border: 1px solid #dfdfdf; padding: 5px; text-align: center; background: #fff; color: #464646; } .home_dbox .home_dbox1swiper a div img { width: 100%; transition: all 0.3s; } .home_dbox .home_dbox1swiper a div { overflow: hidden; width: 100%; } .home_dbox .home_dbox1swiper a span { line-height: 45px; } .home_dbox .home_dbox1swiper a:hover img { transform: scale(1.1); } .home_dbox .home_dbox1swipernext { width: 37px; height: 37px; background: url(/uploads/image/image/10.png)center 0 no-repeat; margin-top: -18.5px; } .home_dbox .home_dbox1swiperprev { width: 37px; height: 37px; background: url(/uploads/image/image/9.png)center 0 no-repeat; margin-top: -18.5px; } .bottom { width: 100%; background: #323232; overflow: hidden; } .bottomtops { max-width: 1270px; padding: 0 10px; margin: 0 auto; position: relative; overflow: hidden; } .bottomtop { width: 100%; height: 68px; line-height: 68px; border-bottom: 1px solid #636363; } .bottomtopsleft { float: left; } .bottomtopsleft a { color: #fff; text-align: center; margin-right: 46px; } .bottomtopsright { float: right; } .bottomtopsright a { cursor: pointer; } .bottomtopsright a img { } .bottoms { max-width: 1270px; padding: 0 10px; margin: 0 auto; position: relative; overflow: hidden; } .bottomsleft { float: left; border-right: 1px solid #636363; height: 197px; line-height: 197px; text-align: center; width: 23%; } .bottomsleft img { } .bottomscenter { float: left; background: url(/uploads/image/iimages/7_05.jpg)left 0 no-repeat; overflow: hidden; color: #fff; height: 146px; padding-left: 27px; line-height: 30px; margin-left: 4%; margin-top: 2%; } .bottomsright { float: right; line-height: 197px; } .bottomsright img { } .allbottoms { max-width: 1270px; padding: 0 10px; margin: 0 auto; position: relative; overflow: hidden; color: #fff; font-size:9pt; } .allbottom { width: 100%; height: 48px; line-height: 48px; font-size:9pt; border-top: 1px solid #636363; } .allbottoms a { color: #fff; } .listbanner { width: 100%; } .listbanner img { width: 100%; } .blk-main { max-width: 1200px; margin: 0 auto; overflow: hidden; } .blk { margin-bottom: 20px; width: 100%; float: left; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left: 10px solid #0162b2; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 a { color: #666; } .blk-xs { width: 20%; } .fdh-01-tit { background: #0162b2; height: 80px; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; margin-top: 0px; margin: 0; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(/uploads/image/image/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; overflow: hidden; margin-top: 0px; } .fdh-01-nav-one h3 a { display: block; height: 50px; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; } .fdh-01-nav dl { padding: 2px 0 4px; margin: 0; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; font-weight: 400; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: url(/uploads/image/image/p14-icon2.png) no-repeat right center #0162b2; } .fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a { color: #fff; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #0162b2; } .cbgg-01 { background: #0162b2; text-align: center; color: #fff; } .cbgg-01-img img { width: 100%; display: block; } .cbgg-01 p { padding-top: 15px; margin: 0; } .cbgg-01 p img { vertical-align: middle; margin-right: 5px; } .cbgg-01 span { display: block; font-size: 28px; font-weight: bold; font-family: arial; padding-bottom: 20px; padding-top: 10px; } .blk-sm { width: 78%; } .fr { float: right; } .b { clear: both; } .cplb-3n-ts-03-tit { height: 50px; font-size: 24px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; margin-top: 0; } .cplb-3n-ts-03-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #0162b2; } .cplb-3n-ts-03-list { overflow: hidden; } .cplb-3n-ts-03-list dl { width: 32.1%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 1.2%; cursor: pointer; } .cplb-3n-ts-03-list dt img { width: 100%; margin: 0 auto; display: block; height: 100%; } .cplb-3n-ts-03-list dd { padding: 6px 20px 5px 20px; } .cplb-3n-ts-03-list dd h4 { text-align: center; height: 45px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 45px; overflow: hidden; margin: 0; } .cplb-3n-ts-03-list h4 a { display: block; height: 45px; color: #727272; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cplb-3n-ts-03-list dl a { color: #727272; } .cplb-3n-ts-03-list-desc { height: 40px; font-size: 14px; line-height: 20px; text-align: center; color: #666; margin-bottom: 12px; overflow: hidden; text-align: center; } .cplb-3n-ts-03-list dl:hover { border-color: #0162b2; } .cplb-3n-ts-03-list dl:hover a { color: #0162b2; text-align: center; } /**/ .p14-infolist-1-list dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; overflow: hidden; } .p14-infolist-1-list dt { width: 29.5%; float: left; margin-right: 5.8%; } .p14-infolist-1-list dt img { width: 100%; display: block; } .p14-infolist-1-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .p14-infolist-1-list h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-infolist-1-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .p14-infolist-1-list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff; } .p14-infolist-1-list-deta a { color: #fff; } .p14-infolist-1-list dl:hover { border: 1px solid #0162b2; } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a { color: #fff; } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta { background: #0162b2; border-color: #0162b2; } /**/ .swipershowleft { float: left; width: 40%;/*border: 1px solid #ccc;*/ } .swipershowleftimg { width: 100%; overflow: hidden; } .swipershowleftimg img { border: 1px solid #ccc; width: 100%; } .swipershowleft .swipershowleftnext { background: url(/uploads/image/image/p15-icon3.png)center 0 no-repeat; width: 12px; height: 23px; background-size: 12px 23px; margin-top: -11.5px; } .swipershowleft .swipershowleftprev { width: 12px; height: 23px; background-size: 12px 23px; margin-top: -11.5px; background: url(/uploads/image/image/p15-icon2.png)center 0 no-repeat; } .cpcc-ts-01-right { width: 46%; float: right;/*margin-right: 6%;*/ } .cpcc-ts-01-right-tit { height: 48px; font-size: 24px; line-height: 48px; color: #4a4a4a; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpcc-ts-01-right-con { line-height: 24px; overflow: hidden; color: #666; } .cpcc-ts-01-right-con strong { font-size: 16px; } .cpcc-ts-01-right-con p { } .pc-cx-tel-1 { width: 100%; height: 56px; padding-top: 10px; overflow: hidden; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #0162b2; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(/uploads/image/image/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 24px; margin: 0; } .cpxq-01-nav { font-size: 18px; height: 56px; border-bottom: 1px solid #ebebeb; width: 100%; float: left; margin-top: 3rem; margin-bottom: 2rem; } .cpxq-01-nav span { float: left; height: 57px; line-height: 56px; padding: 0 30px; border-right: 1px solid #ebebeb; cursor: pointer; background: url(/uploads/image/image/p14-icon10.png) no-repeat center bottom #0162b2; color: #fff; } .cpxqpro { width: 100%; float: left; overflow: hidden; line-height: 24px; margin-bottom: 3rem; } .blk-md { width: 100%; overflow: hidden; } .tl-fdh-02 li { width: 14.2857%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #eee; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #a8a8a8; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(/uploads/image/image/p16-icon6.png) no-repeat bottom center #0162b2; border-color: #0162b2; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; overflow: hidden; } .tit { height: 160px; background: url(/uploads/image/image/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 91px; clear: both; text-align: center; } .tit span { display: block; font-size: 28px; color: #000; padding-top: 45px; } .tit em { font-style: normal; color: #999; text-transform: uppercase; font-family: "times new roman"; padding-top: 18px; display: block; } .kfay { width: 100%; height: 260px; overflow: hidden; padding-top: 0px; } .kfay dt { width: 188px; float: left; } .kfay dd { width: 930px; float: right; } .kfay dd h4 { height: 59px; padding-top: 20px; font: 22px "microsoft yahei"; color: #000; background: url(/uploads/image/image/836e2f7320ba461896830a024dc368af_4.jpg) no-repeat left bottom; margin: 0; } .kfay dd p { font: 14px "microsoft yahei"; color: #333333; line-height: 30px; padding-top: 15px; margin: 15px 0; } .g-gywm { overflow: hidden; width: 100%; } .wm-l { width: 40%; float: left; color: #fff; height: 460px; overflow: hidden; background: #0162b2; padding: 60px 0 0 40px; } .wm-l h4 { font: 20px "microsoft yahei"; line-height: 60px; padding-bottom: 30px; margin: 0; } .wm-l li { font: 16px "microsoft yahei"; color: #fff; line-height: 40px; } .wm-l li b { font-weight: bold; font-size: 20px; color: #fff; } .wm-r { float: left; width: 60%; } #map { width: 100%; height: 460px; border: 1px solid rgb(204, 204, 204); font-size: 12px; } .map-title { font-size: 16px; line-height: 24px; } .map-list { font-size: 14px; line-height: 22px; color: #333; margin-top: 6px; } /**/ .p4-order-form-1 { overflow: hidden; } .p4-order-form-1 .p4-titlel-1 { width: 145px; height: 46px; font-size: 18px; line-height: 46px; text-align: center; color: #fff; background: #0162b2; margin: 0; } .p4-order-form-1-con { border: 1px solid #bbb; padding: 40px 15%; overflow: hidden; } .p4-order-form-1-con li { margin-bottom: 10px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden; } .p4-order-form-1-con label { display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right; height: 33px; line-height: 33px; overflow: hidden; } .p4-order-form-1-con li b { color: #f00; } .p4-order-form-1-con li span { font-weight: bold; color: #666; } .p4-order-form-1-con li .row-hd { color: #666; } .p4-order-form-1-con .inputs, .p4-order-form-1-con li select { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666; box-sizing: border-box;/* float: left; */ } .p4-order-form-1-t1 textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box; } #code_gg { width: 80px; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666; } .code_gg_li img { vertical-align: middle; width: 100px; height: 32px; } .p4-order-form-1-con .p4-order-form-1-t3 input { width: 80px; height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer; line-height: 30px; outline: none; background: #0162b2; } .p4-order-form-1-con .p4-order-form-1-t3 { padding-left: 120px; } .listabout { width: 100%; overflow: hidden; line-height: 24px; margin-bottom: 20px; } .ab_1_1 { max-width: 1200px; margin: 70px auto; overflow: hidden; } .ab_1_2 { width: 38%; float: left; overflow: hidden; } .ab_1_2 img { width: 100%; height: auto; } .ab_1_3 { width: 56%; float: right; } .ab_1_3 h1 { font-size: 40px; color: #004098; margin-top: 138px; } .ab_1_3 h2 { font-size: 25px; color: #333333; margin-top: 22px; } .ab_1_3 p { font-size: 16px; line-height: 25px; padding-right: 100px; } .ab_2_1 { max-width: 1200px; margin: 66px auto; background-color: #fff; font-size: 0; } .ab_2 { background-color: #1b1e28; overflow: hidden; width: 100%; } .ab_2_1 ul { list-style-type: none; display: block; font-size: 0; margin: 0px; padding: 0px; overflow: hidden; } .ab_2_1 ul li { display: block; float: left; width: 50%; height: 335px; } .ab_2_1 ul li h1 { font-size: 40px; color: #004098; padding-top: 24px; padding-left: 46px; } .ab_2_1 ul li h2 { font-size: 25px; color: #333333; margin-top: 27px; margin-left: 46px; border-left: 3px solid #004098; } .ab_2_1 ul li p { font-size: 16px; line-height: 25px; padding: 17px 65px 0 64px; } .ab_2_1 ul li img { width: 100%; height: 335px; } .ab_2_1 ul li:nth-child(4n) h2 { padding-left: 12px; margin-top: 73px; } .licen { width: 100%; background: #f5f5f5; overflow: hidden; padding-bottom: 4rem; margin-bottom: 2rem; } .licentiltle { max-width: 1210px; margin: auto; overflow: hidden; margin-bottom: 3rem; margin-top: 3rem; } .licentiltle label { font-size: 24px; color: #464646; margin-bottom: 3px; display: block; text-align: center; } .licentiltle label img { margin-top: 14px; display: block; margin: 5px auto; } .licentiltle div { font-size: 24px; color: #d2d2d2; text-transform: uppercase; margin-bottom: 3px; text-align: center; } .licens { position: relative; padding: 0 15rem; overflow: hidden; } .swiperlicens { } .swiperlicens .swiper-slide { width: 300px; height: 171px; position: relative; cursor: pointer; text-align: center; transition: 0.3s linear; } .swiperlicens .swiper-slide:nth-child(2n 1) { background: url(/uploads/image/image/52.png)center 0 no-repeat; background-size: 100% 100%; margin-top: 156px; } .swiperlicens .swiper-slide:nth-child(2n 1):hover { background: url(/uploads/image/image/53.png)center 0 no-repeat; background-size: 100% 100%; } .swiperlicens .swiper-slide:nth-child(2n):hover { background: url(/uploads/image/image/51.png)center 0 no-repeat; background-size: 100% 100%; } .swiperlicens .swiper-slide:nth-child(2n 1):hover span { color: #fff; } .swiperlicens .swiper-slide:nth-child(2n):hover span { color: #fff; } .swiperlicens .swiper-slide:nth-child(2n 1):hover span a { color: #fff; } .swiperlicens .swiper-slide:nth-child(2n):hover span a { color: #fff; } .swiperlicens .swiper-slide:nth-child(2n) { background: url(/uploads/image/image/50.png)center 0 no-repeat; background-size: 100% 100%; } .swiperlicens .swiper-slide:nth-child(2n 1) div { background: left 0 no-repeat; background-position: 0; text-align: left; padding-left: 1.8rem; position: absolute; bottom: 2.8rem; width: 82%; margin-left: 2rem; } .swiperlicens .swiper-slide:nth-child(2n 1) span { display: block; top: 5.6rem; position: absolute; width: 100%; } .swiperlicens .swiper-slide:nth-child(2n) div { background: left 0 no-repeat; background-position: 0; text-align: left; padding-left: 1.8rem; position: absolute; top: 2.8rem; width: 79%; margin-left: 2rem; } .swiperlicens .swiper-slide:nth-child(2n) span { display: block; bottom: 5.6rem; position: absolute; width: 100%; } .aboline { position: absolute; width: 100%; top: 13.6rem; height: 1px; background-color: #ccc; } .licensnext { background: url(/uploads/image/iimages/11_03.jpg)center 0 no-repeat!important; width: 43px!important; height: 42px!important; background-size: 43px 42px!important; right: 8rem!important; } .licensprev { background: url(/uploads/image/iimages/12_03.jpg)center 0 no-repeat!important; width: 43px!important; height: 42px!important; background-size: 43px 42px!important; left: 8rem!important; } .aboutteam { width: 100%; overflow: hidden; } .aboutteam>div { max-width: 1210px; margin: auto; overflow: hidden; } .forenext { background: url(/uploads/image/image/42.png)center 0 no-repeat!important; width: 72px!important; height: 72px!important; background-size: 72px 72px!important; margin-top: 0!important; top: 27%!important; } .foreprev { background: url(/uploads/image/image/41.png)center 0 no-repeat!important; width: 72px!important; height: 72px!important; background-size: 72px 72px!important; margin-top: 0!important; top: 27%!important; } #certify { position: relative; width: 100%; margin: 0 auto } #certify .swiper-container { padding-bottom: 60px; max-width: 1000px; margin: auto; } #certify .swiper-slide { width: 397px; height: 375px; text-align: center; } #certify .swiper-slide img { display: block; margin: auto; width: 100%; height: 100%; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } .listabouttop { text-align: center; overflow: hidden; margin-bottom: 1.5rem; } .listabouttop label { font-size: 32px; color: #0d0d0f; font-weight: 700; display: block; margin-top: 2rem; margin-bottom: 1rem; } .listabouttop img { display: block; margin: auto; margin-bottom: 2rem; } /*关于我们*/ .ab-title { background-color: #fff; width: 100%; height: 75px; position: relative; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1); } .ab-title i { display: block; position: absolute; height: 4px; width: 60%; background-color: #005ba0 } .ab-title .swiper-container { width: 910px; height: 75px; color: #fff; text-align: center; margin: 0 auto; } .ab-title .swiper-slide { height: 100%; } .ab-title .swiper-slide .title { font-size: 16px; line-height: 75px; color: #666666; width: 130px; transition: all 0.4s; -webkit-transition: all 0.4s; display: block; cursor: pointer; } .ab-title .swiper-slide.on .title, .ab-title .swiper-slide:hover .title { color: #005ba0 } .ab1 { overflow: hidden; width: 100%; height: auto; padding: 100px 0 0px 0; background: url(/uploads/image/simages/ab-bg11.png) top right no-repeat; } .ab1 .warp { width: 1200px; margin: 0 auto; } .ab1 .warp .pic { width: 37%; float: left; } .ab1 .warp .pic .details .mintit { font-size: 24px; line-height: 30px; color: #444; background: url(/uploads/image/simages/ab-icon1.png) 28% center no-repeat; margin-bottom: 25px; display: block; } .ab1 .warp .pic .details img { display: block; width: 100%; margin-bottom: 45px; } .ab1 .warp .box { width: 60%; float: right; } .ab1 .warp .box h2 { display: block; font-size: 32px; line-height: 35px; color: #3a9649; margin-bottom: 30px; } .ab1 .warp .box .details, .ab1 .warp .box .details p { font-size: 14px; line-height: 28px; color: #333333; } .ab1 .warp .box .details { margin-bottom: 50px; } .ab1 .warp .box .box-img { display: block; width: 100%; margin-bottom: 60px; } .ab1 .warp .box .bot { height: auto; } .ab1 .warp .box .bot li { float: left; width: 25%; text-align: center; } .ab1 .warp .box .bot li:last-child { margin-right: 0 } .ab1 .warp .box .bot li .math { font-size: 64px; color: #1d2830; text-align: center; line-height: 70px; font-family: 'bebas'; margin-bottom: 5px; } .ab1 .warp .box .bot li .tit { display: block; text-align: center; font-size: 14px; line-height: 20px; } .cul1 .box h2, .cul2 .box h2, .cul3 .box h2, .cul4 .box h2, .cul5 .box h2, .cul6 .warp .box h2, .cul7 .box h2, .speech-lead .title h2, .pro-heder .warp .box h2, .ab1 .warp .pic h2, .ab2 .warp1 .warp .box h2 { font-size: 48px; line-height: 55px; color: #005ba0; font-family: 'century gothic'; text-transform: uppercase; display: block; margin-bottom: 15px; font-weight: bold; } .cul1 .box h3, .cul2 .box h3, .cul3 .box h3, .cul4 .box h3, .cul5 .box h3, .cul6 .warp .box h3, .cul7 .box h3, .speech-lead .title h3, .pro-heder .warp .box h3, .ab1 .warp .pic h3, .ab2 .warp1 .warp .box h3 { display: block; color: #005ba0; font-size: 36px; line-height: 40px; margin-bottom: 40px; } .cul1 .box h2 span, .cul2 .box h2 span, .cul3 .box h2 span, .cul4 .box h2 span, .cul5 .box h2 span, .cul6 .warp .box h2 span, .cul7 .box h2 span, .speech-lead .title h2 span, .pro-heder .warp .box h2 span, .ab1 .warp .pic h2 span, .ab2 .warp1 .warp .box h2 span { color: #248e3e; } .f-cb { zoom: 1; } .ab5 { overflow: hidden; width: 1200px; margin: 0 auto; padding: 70px 0; position: relative; } .ab5 .pic { width: 50%; position: absolute; left: 0; } .ab5 .pic img { display: block; width: 100%; } .ab5 .box { width: 50%; float: right; background-color: #005ba0; padding: 52px 5% 90px; } .ab5 .box h2, .ab6 .warp .title h2, .ab7 .warp h2 { font-size: 48px; line-height: 50px; color: #fff; font-family: 'bebas'; margin-bottom: 15px; } .ab5 .box h3, .ab6 .warp .title h3 { display: block; font-size: 42px; line-height: 45px; color: #fff; margin-bottom: 40px; } .ab5 .box .cent, .ab5 .box .cent p { padding-bottom: 42px; font-size: 14px; line-height: 28px; color: #fff; } .ab5 .box .btns { transition: all 0.4s; -webkit-transition: all 0.4s; display: inline-block; width: auto; height: 48px; line-height: 48px; background-color: #fff; border-radius: 3px; text-align: center; font-size: 18px; font-family: 'bebas'; padding: 0 70px 0 30px; background: #fff url(/uploads/image/simages/maxnews-icon.png) 83% center no-repeat; color: #00487e; } .ab5 .box .btns:hover { background: #fff url(/uploads/image/simages/maxnews-icon.png) 88% center no-repeat; opacity: 0.8 } .erbb { width: 100%; padding: 71px 0 95px; background-color: #fafafa; overflow: hidden; } .erbb .erbb-warp { max-width: 1220px; margin: 0 auto; padding: 0 10px; overflow: hidden; } .erbb .erbb-warp .erbb-warpleft { float: left; width: 27%; overflow: hidden; } .erbb .erbb-warp .erbb-warpleft .title { margin-bottom: 40px; } .erbb .erbb-warp .erbb-warpleft .title h2 { font-size: 48px; line-height: 50px; color: #00487e; font-family: 'bebas'; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; font-weight: 700; } .erbb .erbb-warp .erbb-warpleft .title h3 { color: #00487e; display: block; font-size: 42px; line-height: 45px; margin-bottom: 40px; padding-bottom: 35px; position: relative; margin-top: 0; } .erbb .erbb-warp .erbb-warpleft .title h3:before { content: ''; display: block; width: 80%; position: absolute; bottom: 0; left: 0; height: 2px; background-color: #00487e; } .erbb .erbb-warp .erbb-warpleft .erbb-warpleftnav { overflow: hidden; } .erbb .erbb-warp .erbb-warpleft .erbb-warpleftnav div { font-size: 17px; font-family: 'bebas'; color: #00487e; line-height: 28px; margin-bottom: 10px; font-weight: 700; cursor: pointer; } .erbb .erbb-warp .erbb-warpright { float: right; width: 68%; overflow: hidden; } .erbb .erbb-warp .erbb-warpright .erbb-warprightbox { display: none; overflow: hidden; } .erbb .erbb-warp .erbb-warpright .erbb-warprightswiper img { width: 100%; } .erbb .erbb-warp .erbb-warpright .erbb-warprightboxtext { width: 100%; font-size: 23px; margin-top: 26px; } .ab4 { width: 100%; padding: 71px 0 95px; background-color: #fafafa; overflow: hidden; display: none; } .ab4 .ab-warp { max-width: 1200px; margin: 0 auto; overflow: hidden; } .ab4topstext { overflow: hidden; width: 100%; } .ab4topstext .ab4topsbox { display: none; overflow: hidden; } .ab4topsboxleft { float: left; width: 27%; overflow: hidden; } .ab4topsboxleft .title { margin-bottom: 40px; } .ab4topsboxleft .title h2 { font-size: 48px; line-height: 50px; color: #00487e; font-family: 'bebas'; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; font-weight: 700; } .ab4topsboxleft .title h3 { color: #00487e; display: block; font-size: 42px; line-height: 45px; margin-bottom: 40px; padding-bottom: 35px; position: relative; margin-top: 0; } .ab4topsboxleft .title h3:before { content: ''; display: block; width: 80%; position: absolute; bottom: 0; left: 0; height: 2px; background-color: #00487e; } .ab4topsboxleft .year { /*margin-bottom: 55px;*/ } .ab4topsboxleft .year h2 { font-size: 32px; font-family: 'bebas'; color: #00487e; line-height: 40px; margin-bottom: 20px; font-weight: 700; margin-top: 0; } .ab4topsboxleft .year h2 span { } .ab4topsboxleft .cent { min-height: 246px; } .ab4topsboxleft .cent p { font-size: 16px; color: #666; line-height: 26px; } .ab4topsboxright { float: right; width: 68%; overflow: hidden; } .ab4topsboxright .ab4topsboxrightswiper { } .ab4topsboxright .ab4topsboxrightswiper a { } .ab4topsboxright .ab4topsboxrightswiper a img { width: 100%; } .ab4nav { width: 100%; overflow: hidden; } .ab4nav .ab4navleft { float: left; margin-top: 44px; } .ab4nav .ab4navleft div { font-size: 35px; color: #3a9649; line-height: 45px; font-family: 'bebas'; margin-bottom: 10px; } .ab4nav .ab4navleft p { font-size: 18px; line-height: 26px; color: #999999; } .ab4nav .ab4navright { float: right; width: 68%; overflow: hidden; display: flex; flex-wrap: wrap; position: relative; height: 135px; } .ab4nav .ab4navright .ab4navrightswiper { width: 100%; } .ab4nav .ab4navright a { height: 100%; display: block; width: 100%; cursor: pointer; position: relative; font-size: 22px; font-family: 'bebas'; color: #999; box-sizing: border-box; border-left: 1px solid rgba(155,155,155,0.1); } .ab4nav .ab4navright a span { display: block; width: 100%; height: 135px; line-height: 215px; position: absolute; bottom: 0; left: 0; display: block; z-index: 3; transition: all 0.5s; -webkit-transition: all 0.5s; box-sizing: border-box; padding-left: 15px; } .ab4nav .ab4navright a i { display: block; position: absolute; width: 0%; height: 100%; background-color: rgba(255,255,255,0.3); left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .ab4nav .ab4navright a.on i { width: 100%; } .ab4nav .ab4navright a.on span { color: #00487e; padding-left: 25px; } .ab4nav .ab4navright a:hover i { width: 100%; } .ab4nav .ab4navright a:hover span { color: #00487e; padding-left: 25px; } @media screen and (min-width: 970px) and (max-width: 1250px) { .ab1 .warp { width: 90% } .ab1 .warp .pic h2 { line-height: 50px; } .ab1 .warp .box .bot { padding-left: 0px; } .ab1 .warp .box .box-img { margin-bottom: 40px; } .ab4 .ab-warp { width: 90%; margin: 0 auto; } .ab5 { width: 90%; padding: 70px 0 120px; } .ab5 .pic { bottom: 120px; } .ab5 .box { width: 50%; padding: 70px 3% } } @media screen and (max-width: 969px) { .ab1 { width: 100%; height: auto; padding: 0.5rem 0 0.8rem 0; background: url(/uploads/image/simages/ab-bg1.png) center/cover no-repeat; overflow: hidden; } .ab1 .warp { width: auto; margin: 0 auto; padding: 0 0.3rem; } .ab1 .warp .pic { width: 100%; float: left; } .ab1 .warp .pic .details .mintit { font-size: 1.24rem; line-height: 2.3rem; color: #444; background: url(/uploads/image/simages/ab-icon1.png) 6.1rem center no-repeat; margin-bottom: 0.25rem; } .ab1 .warp .pic .details img { display: block; width: 100%; margin-bottom: 0.3rem; } .ab1 .warp .box { width: 100%; float: right; } .ab1 .warp .box .mian { padding: 0; } .ab1 .warp .box h2 { display: block; font-size: 1.32rem; color: #3a9649; line-height: normal; margin-bottom: 0.3rem; } .ab1 .warp .box .details, .ab1 .warp .box .details p { font-size: 0.14rem; line-height: 0.28rem; color: #333333; } .ab1 .warp .box .details { margin-bottom: 0.3rem; } .ab1 .warp .box .box-img { display: block; width: 100%; margin-bottom: 0.3rem; } .ab1 .warp .box .bot { height: auto; } .ab1 .warp .box .bot li { float: left; width: 25%; text-align: center; } .ab1 .warp .box .bot li:last-child { margin-right: 0 } .ab1 .warp .box .bot li .math { font-size: 0.64rem; color: #1d2830; text-align: center; line-height: 0.7rem; font-family: 'bebas'; margin-bottom: 0.05rem; } .ab1 .warp .box .bot li .tit { display: block; text-align: center; font-size: 0.24rem; line-height: 0.36rem; } .ab4 { width: auto; margin: 0 auto; padding: 0.6rem 0 0.5rem; } .ab5 { width: auto; margin: 0 auto; padding: 0.6rem 0 0.5rem; } .ab5 .pic { width: 100%; position: inherit; left: 0; bottom: 0rem; } .ab5 .box { width: 100%; float: right; background-color: #005ba0; padding: 0.6rem 0.3rem 0.7rem; box-sizing: border-box; } .ab5 .box h2, .ab6 .warp .title h2 { font-size: 1.48rem; line-height: 1.5rem; color: #fff; font-family: 'bebas'; margin-bottom: 0.15rem; } .ab5 .box h3, .ab6 .warp .title h3 { display: block; font-size: 1.42rem; line-height: 2.45rem; color: #fff; margin-bottom: 0.4rem; } .ab5 .box .cent, .ab5 .box .cent p { font-size: 0.26rem; line-height: 2.28rem; color: #fff; } .ab5 .box .cent { margin-bottom: 0.6rem; } .ab5 .box .btns { display: inline-block; width: auto; height: 2.3rem; line-height: 2.3rem; font-size: 1.18rem; font-family: 'bebas'; padding: 0 0.7rem 0 0.3rem; background: #fff url(/uploads/image/simages/maxnews-icon.png) 83% center/0.29rem 0.18rem no-repeat; color: #00487e; } .ab5 .box .btns:hover { background: #fff url(/uploads/image/simages/maxnews-icon.png) 88% center/0.29rem 0.18rem no-repeat; opacity: 0.8 } .cul1 .box h2, .cul2 .box h2, .cul3 .box h2, .cul4 .box h2, .cul5 .box h2, .cul6 .warp .box h2, .cul7 .box h2, .speech-lead .title h2, .pro-heder .warp .box h2, .ab1 .warp .pic h2, .ab2 .warp1 .warp .box h2 { font-size: 1.45rem; line-height: 1.5rem; margin-bottom: 1rem; } .cul1 .box h3, .cul2 .box h3, .cul3 .box h3, .cul4 .box h3, .cul5 .box h3, .cul6 .warp .box h3, .cul7 .box h3, .speech-lead .title h3, .pro-heder .warp .box h3, .ab1 .warp .pic h3, .ab2 .warp1 .warp .box h3 { font-size: 1.32rem; line-height: 2.4rem; margin: 0; margin-bottom: 0; } .ab4 .ab-warp { width: auto; margin: 0 auto; padding: 0 0.3rem; } .ab4topsboxleft .cent { min-height: 246px; font-size: 12px; } .ab4topsboxleft .title h3 { color: #00487e; display: block; font-size: 17px; line-height: 33px; margin-bottom: 4px; padding-bottom: 18px; position: relative; margin-top: 0; } .ab4topsboxleft .title h3:before { content: ''; display: block; width: 0; position: absolute; bottom: 0; left: 0; height: 2px; background-color: #00487e; } .ab4topsboxleft .title h2 { font-size: 20px; line-height: 19px; color: #00487e; font-family: 'bebas'; margin-bottom: 0; margin-top: 0; text-transform: uppercase; font-weight: 700; } .ab4topsboxleft .title { margin-bottom: 0; text-align: center; margin-top: 3rem; } .ab4topsboxleft { float: left; width: 100%; overflow: hidden; } .ab4topsboxleft .cent p { font-size: 13px; color: #666; line-height: 26px; } .ab4topsboxleft .cent { min-height: auto; } .ab4topsboxleft .year h2 { font-size: 20px; font-family: 'bebas'; color: #00487e; line-height: 11px; margin-bottom: 20px; font-weight: 700; margin-top: 0; } .ab4nav .ab4navleft { float: left; margin-top: 44px; display: none; } .ab4nav .ab4navright { float: right; width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; position: relative; height: 38px; } .ab4nav .ab4navright a { height: 100%; display: block; width: 100%; cursor: pointer; position: relative; font-size: 12px; font-family: 'bebas'; color: #999; box-sizing: border-box; border-left: 0 solid rgba(155,155,155,0.1); } .ab4nav .ab4navright a.on span { color: #00487e; padding-left: 0; } .ab4nav .ab4navright a span { display: block; width: 100%; height: 38px; line-height: 38px; position: absolute; bottom: 0; left: 0; display: block; z-index: 3; transition: all 0.5s; -webkit-transition: all 0.5s; box-sizing: border-box; padding-left: 0; } .ab4topsboxright { float: right; width: 100%; overflow: hidden; } } .productdetailssmallimg { width: 83%; margin: 0 auto; } .dioo { position: relative; margin-top: 2rem; overflow: hidden; } .productimgarrowleft { display: block; position: absolute; bottom: 43px; width: 36px; height: 36px; cursor: pointer; background: #ededed; border-radius: 36px; outline: none; } .productimgarrowleft { left: 0px; top: 26%; } .productimgarrowright { display: block; position: absolute; bottom: 43px; width: 36px; height: 36px; cursor: pointer; background: #ededed; border-radius: 36px; outline: none; } .productimgarrowright { right: 0; top: 26%; } .productimgarrowright:after { display: inline-block; content: ""; width: 10px; height: 10px; border-left: 3px solid #999999; border-bottom: 3px solid #999999; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 13px 0 0 11px; } .productimgarrowleft:after { display: inline-block; content: ""; width: 10px; height: 10px; border-left: 3px solid #999999; border-bottom: 3px solid #999999; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 13px 0 0 11px; } .productimgarrowleft:hover { background: #0061b0; } .productimgarrowright:hover { background: #0061b0; } .productimgarrowright:hover:after { border-left: 3px solid #fff; border-bottom: 3px solid #fff; } .productimgarrowleft:hover:after { border-left: 3px solid #fff; border-bottom: 3px solid #fff; } .productdetailssmallimg ul li span { display: block; height: 100%; border: 1px solid #dadada; position: absolute; left: 0px; top: 0px; width: 100%; right: 0; bottom: 0; } .productdetailssmallimg ul li.cur span { height: 100%; border: 1px solid #0855a7; } .footlinks { clear: both; margin: 10px auto; padding: 5px; height: auto; font-size: 9pt; line-height: 140%; color: #777; text-align: center; } .footlinks a:link, .footlinks a:visited { font-size: 9pt; line-height: 140%; color: #777; margin-right: 3px; }