@charset 'utf-8'; /*联系我们*/ @font-face { font-family: 'iconfont'; src: url('img/iconfont.eot?t=1488537317914'); /* IE9*/ src: url('img/iconfont.eot?t=1488537317914#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('img/iconfont.woff?t=1488537317914') format('woff'), /* chrome, firefox */ url('img/iconfont.ttf?t=1488537317914') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('img/iconfont.svg?t=1488537317914#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'HB'; font-weight: normal; font-style: normal; src: url('img/helvetica_condensed_bold-webfont.eot'); src: url('img/helvetica_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('img/helvetica_condensed_bold-webfont.woff2') format('woff2'), url('img/helvetica_condensed_bold-webfont.woff') format('woff'), url('img/helvetica_condensed_bold-webfont.ttf') format('truetype'), url('../fonts/helvetica_condensed_bold-webfont.svg#helvetica_condensedbold') format('svg'); } .iconfont { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: '\e613'; } .icon-unie61d:before { content: '\e60a'; } .icon-linkin:before { content: '\e603'; } .icon-jiantou:before { content: '\e607'; } .icon-tuite:before { content: '\e653'; } a { color: #333; } .contact .lcon1 { padding-top: 58px; padding-bottom: 54px; } .contact .lcon1 h1 { font-family: 'HN'; font-size: 30px; color: #002a5c; } .contact .lcon1 h2 { font-size: 20px; margin-top: 32px; color: #00478a; } .contact .lcon1 li { font-size: 16px; display: inline-block; width: 565px; margin-top: 30px; } .contact .lcon1 li img { display: inline-block; width: 24px; margin-right: 22px; vertical-align: top; } .contact .lcon1 li span { display: inline-block; width: calc(100% - 52px); width: -webkit-calc(100% - 52px); vertical-align: top; } .contact .lcon2 { padding-top: 60px; padding-bottom: 76px; background: url(img/conbg.jpg) center; background-size: cover; } .contact .lcon2 h2 { font-size: 28px; } .contact .lcon2 h5 { font-size: 16px; margin-top: 28px; margin-bottom: 45px; opacity: .8; } .contact .lcon2 .inputgroup { margin-top: 30px; } .contact .lcon2 .inshort { float: left; width: 50%; height: 55px; } .contact .lcon2 .i1 { padding-right: 25px ; } .contact .lcon2 .i2 { padding-left: 25px ; } .contact .lcon2 input, .contact .lcon2 textarea { font-size: 16px; width: 100%; height: 100%; padding-left: 58px; color: #fff; border: 1px solid #8db6d9; background: transparent; } .contact .lcon2 textarea { height: 100px; padding-top: 23px; resize: none; } .contact .lcon2 button { font-size: 18px; line-height: 55px; width: 575px; height: 55px; margin-top: 37px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; color: #00478a; background: #fff; } .contact .lcon2 button:hover { color: #fff; background: #00478a; } .contact ::-webkit-input-placeholder { opacity: 1; /* WebKit browsers */ color: #fff; } .contact :-moz-placeholder { opacity: 1; /* Mozilla Firefox 4 to 18 */ color: #fff; } .contact ::-moz-placeholder { opacity: 1; /* Mozilla Firefox 19+ */ color: #fff; } .contact :-ms-input-placeholder { opacity: 1; /* Internet Explorer 10+ */ color: #fff; } .contact .map { height: 393px; } /*下载*/ .down .lcon1 { padding-top: 38px; } .down .lcon1 .inputgroup { width: 590px; margin: auto; border: 1px solid #dcdcdc; } .down .lcon1 input { font-size: 14px; width: calc(100% - 65px); width: -webkit-calc(100% - 65px); height: 48px; padding-left: 35px; color: #888; } .down .lcon1 button { position: relative; display: inline-block; width: 60px; height: 48px; } .down .lcon1 button img { position: absolute; top: 50%; left: 50%; width: 20px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .down ::-webkit-input-placeholder { opacity: 1; /* WebKit browsers */ color: #888; } .down :-moz-placeholder { opacity: 1; /* Mozilla Firefox 4 to 18 */ color: #888; } .down ::-moz-placeholder { opacity: 1; /* Mozilla Firefox 19+ */ color: #888; } .down :-ms-input-placeholder { opacity: 1; /* Internet Explorer 10+ */ color: #888; } .down .lcon2 { padding-bottom: 40px; } .down .lcon2 .downlist li { float: left; width: 50%; height: 231px; margin-top: 30px; } .down .lcon2 .downlist li:nth-of-type(2n-1) { padding-right: 15px; } .down .lcon2 .downlist li:nth-of-type(2n) { padding-left: 15px; } .down .lcon2 .downlist li .gdiv { height: 100%; padding: 28px 48px; padding-right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #e6eaed; } .down .lcon2 .downlist li .gdiv h4 { font-size: 20px; } @media (min-width: 992px) { .down .lcon2 .downlist li .imgdiv { overflow: hidden; width: 147px; } .down .lcon2 .downlist li .gdiv:hover { background: #0e89d6; } .down .lcon2 .downlist li .gdiv:hover a, .down .lcon2 .downlist li .gdiv:hover a.download { color: #fff; } .down .lcon2 .downlist li .gdiv:hover .download img:first-of-type { display: none; } .down .lcon2 .downlist li .gdiv:hover .download img:last-of-type { display: inline; } .down .lcon2 .downlist li .gdiv:hover .imgdiv img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } .down .lcon2 .downlist li .imgdiv img { width: 147px; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; } .down .lcon2 .downlist li .gdiv .content { width: calc(100% - 148px); width: -webkit-calc(100% - 148px); padding-top: 20px; padding-right: 48px; padding-left: 33px; } .down .lcon2 .downlist li .gdiv h4 a, .down .lcon2 .downlist li .gdiv h4 { font-size: 20px; line-height: 1.5; } .down .lcon2 .downlist li .gdiv h4 { margin-bottom: 55px; } .down .lcon2 .downlist li .gdiv .download { font-size: 14px; color: #0e89d6; } .down .lcon2 .downlist li .gdiv .download img { width: 24px; margin-right: 12px; } .down .lcon2 li .gdiv .download img:last-of-type { display: none; } .down .lcon2 .page { margin-top: 37px; } /*分页*/ .page li { line-height: 35px; font-size: 16px; display: inline-block; /*width: 35px;*/ height: 35px; margin-right: 2px; margin-left: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; vertical-align: top; border: 1px solid #e0e5eb; } @media (min-width: 992px) { .page li:hover { color: #fff; border-color: transparent; background: #00478a; } } .page li.activepage { color: #fff; border-color: transparent; background: #00478a; } .page li img { width: 7px; margin-top: -4px; } .page li img:last-child { display: none; } .page li:hover img:last-child { display: inline; } .page li:hover img:first-child { display: none; } /*问题咨询*/ .ques .lcon1 { padding-top: 32px; padding-bottom: 40px; } .ques .list li { margin-top: 10px; } .ques .list li.act .mainh4 .iconfont { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color: #0e89d6; } .ques .list li.act h4{ color: #0e89d6; } .ques .list li .mainh4 { line-height: 62px; height: 62px; padding-right: 38px; padding-left: 40px; cursor: pointer; background: #e6eaed; } .ques .list li .mainh4 .iconfont { font-size: 22px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; color: #a4a4a4; } .ques .list li .mainh4 img { width: 35px; margin-right: 23px; -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; } .ques .list li .mainh4:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .ques .list li .drop { display: none; padding-top: 40px; padding-bottom: 47px; padding-left: 80px; } .ques .list li .drop h4 { font-size: 20px; color: #002a5c; } .ques .list li .drop img { width: 313px; } .ques .list li .drop .content { width: calc(100% - 315px); width: -webkit-calc(100% - 315px); padding-top: 15px; padding-right: 73px; padding-left: 60px; } .ques .list li .drop p { font-size: 16px; line-height: 1.875; margin-top: 12px; } .ques .page { margin-top: 30px; } /*服务*/ .service .lcon1 { padding-top: 40px; padding-bottom: 75px; } .service .lcon1 .left { width: 480px; } .service .lcon1 h1 { font-family: 'HN'; font-size: 48px; margin-bottom: 30px; color: #002a5c; } .service .lcon1 p { font-size: 16px; line-height: 1.875; color: #555; } .service .lcon1 .imgslick { width: 704px; margin-top: 92px; } .service .lcon1 .imgslick .item { margin-left: 28px; padding: 0; text-align: center; } .service .lcon1 .imgslick .item h4 { margin-top: 29px; color: #00478a; } .service .lcon1 .imgslick .slick-dots{ display: block !important; } @media (min-width: 992px) { .service .lcon1 .imgslick .slick-dots{ display: none !important; } .service .lcon1 .imgslick .item .imgdiv { overflow: hidden; width: 323px; } .service .lcon1 .imgslick .item img { -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; } .service .lcon1 .imgslick .item:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } .service .lcon1 .imgslick .slick-prev, .service .lcon1 .imgslick .slick-next { z-index: 10; top: 94.5%; width: 44px; height: 40px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background-color: #ebebeb; background-repeat: no-repeat; background-position: center; background-size: 11px 20px; } @media (min-width: 992px) { .service .lcon1 .imgslick .slick-prev:hover { background-color: #878787; background-image: url(img/lrw.png); } .service .lcon1 .imgslick .slick-next:hover { background-color: #878787; background-image: url(img/rrw.png); } } .service .lcon1 .imgslick .slick-prev { left: -510px; background-image: url(img/prev.png); } .service .lcon1 .imgslick .slick-next { left: -462px; background-image: url(img/next.png); } .service .lcon2 { padding-top: 74px; padding-bottom: 74px; background: url(img/serbg.jpg) center; background-size: cover; } .service .lcon2 .left, .service .lcon2 .right { width: 50%; } .service .lcon2 .left { padding-right: 45px; } .service .lcon2 .left img { width: 553px; max-width: 100%; } .service .lcon2 .right { padding-top: 25px; } .service .lcon2 .right p { font-size: 16px; line-height: 2; margin-top: 26px; } .service .lcon3 { padding-top: 60px; padding-bottom: 20px; } .service .lcon3 h2 { color: #002a5c; } .service .lcon3 p { font-size: 16px; line-height: 2; margin-top: 20px; margin-bottom: 35px; } .service .lcon3 h4 { margin-top: 25px; color: #00478a; } .service .lcon3 ul { margin-right: -12px; margin-left: -12px; } .service .lcon3 li { float: left; width: 33.33333%; padding-right: 12px; padding-left: 12px; text-align: center; color: #00478a; } .service .lcon3 li .imgdiv { overflow: hidden; } .service .slick-slider { margin-right: 0; margin-left: 0; } .service .lcon3 li img { max-width: 100%; } @media (min-width: 992px) { .service .lcon3 li img { width: 384px; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .service .lcon3 li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .service .lcon1 .slick-dots { display: none; } } .service .lcon1 .slick-dots li button::before { display: none; } .service .lcon1 .slick-dots li { width: 10px; height: 10px; margin-right: 5px; margin-left: 5px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-radius: 50%; background: #ccc; } .service .lcon1 .slick-dots li.slick-active { background: #00478a; } /*新闻内页*/ .newsin .lcon1 { padding-top: 46px; } .newsin .lcon1 .content { position: relative; padding-left: 143px; } .newsin h1 { display: inline-block; padding-right: 130px; vertical-align: top; } .newsin .bdsharebuttonbox { position: absolute; top: 5px; left: 0; } .newsin .bdsharebuttonbox li { height: 18px; margin-top: 36px; } .newsin .bdsharebuttonbox li:first-child { margin-top: 0; } .newsin .bdshare-button-style0-16 a, .newsin .bdshare-button-style0-16 .bds_more { font-size: 20px; line-height: normal; float: none; height: auto; margin: 0; padding: 0; color: #444; background-image: none; background-position: center; } .bdshare-button-style0-16 a.bds_tsina { font-size: 22px; } .newsin .back { font-size: 16px; line-height: 45px; position: absolute; top: 0; right: 0; display: block; width: 125px; height: 45px; margin-top: -12px; text-align: center; color: #fff; border: 1px solid transparent; background: #0e89d6; } .newsin .back img { width: 7px; margin-top: -3px; margin-right: 12px; } .newsin .back img:last-of-type { display: none; } @media (min-width: 992px) { .newsin .back:hover { color: #0e89d6; border-color: #0e89d6; background: #fff; } .newsin .back:hover img:first-of-type { display: none; } .newsin .back:hover img:last-of-type { display: inline; } } .newsin h4 { font-size: 16px; margin-top: 20px; margin-bottom: 30px; padding-bottom: 36px; letter-spacing: .5px; color: #999; border-bottom: 1px solid #ddd; } .newsin h4 span { margin-right: 45px; } .newsin p { font-size: 16px; line-height: 1.875; margin-bottom: 18px; } .newsin p img { max-width: 100%; padding-top: 10px; padding-bottom: 10px; } .newsin .lrye{ border-top: 1px solid #dddddd; padding-top: 42px; padding-bottom: 63px; margin-top: 35px; } .newsin .lrye a{ display: inline-block; /*width: 134px;*/ padding:5px; margin-bottom:15px; height: 42px; color: #0e89d6; font-size: 16px; text-align: center; line-height: 42px; background: #eee; } .newsin .lrye a img{ width: 6px; margin-top: -2px; } .newsin .lrye a.fl img{ margin-right: 10px; } .newsin .lrye a.fr img{ margin-left: 10px; } /*新闻列表页*/ .newslist .lcon1 { padding-top: 30px; padding-bottom: 95px; } .newslist .lcon1 h1, .newslist .lcon2 h2 { font-family: 'HN'; margin-bottom: 30px; color: #002a5c; } .newslist .newslick { width: 1118px; margin: auto; } .newslist .newslick .item { padding-right: 15px; padding-left: 15px; } .newslist .newslick .imgdiv { position: relative; overflow: hidden; } .newslist .newslick .gdiv .imgdiv a { display: block; width: 100%; height: 100%; } .newslist .newslick .gdiv:hover .imgdiv a::after { opacity: 1; } .newslist .newslick .gdiv:hover .imgdiv a::before { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .newslist .newslick .imgdiv a::after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; opacity: 0; background-color: rgba(0,0,0,.6); } .newslist .newslick .imgdiv a::before { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); background-image: url(img/eye.png); background-size: 42.6666px 25.3333px; background-repeat: no-repeat; background-position: center; } .newslist .newslick .item .content { padding: 30px 26px; background: #e6eaed; } .newslist .newslick .item h5 { color: #00478a; } .newslist .newslick .item h4 { font-size: 20px; line-height: 1.4; height: 56px; margin-top: 14px; margin-bottom: 40px; } .newslist .more { font-size: 12px; line-height: 35px; position: relative; display: block; width: 108px; height: 35px; text-align: center; color: #fff; border: 1px solid transparent; background: #0e89d6; } .newslist .more::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } @media (min-width: 992px) { .newslist .more:hover::after { width: 100%; } .newslist .more:hover { color: #0e89d6; } } .newslist .more img { display: inline-block; width: 7px; margin-top: -3px; margin-left: 8px; } .newslist .more i, .newslist .more img { position: relative; z-index: 5; } .newslist .more img:last-of-type { display: none; } @media (min-width: 992px) { .newslist .more:hover img:first-of-type { display: none; } .newslist .more:hover img:last-of-type { display: inline; } } .newslist .newslick .gdiv .imgdiv img { -webkit-transition: all 1.2s ease-out 0s; -moz-transition: all 1.2s ease-out 0s; -ms-transition: all 1.2s ease-out 0s; -o-transition: all 1.2s ease-out 0s; transition: all 1.2s ease-out 0s; } .newslist .newslick .gdiv:hover .imgdiv img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .newslist .newslick .slick-prev, .newslist .newslick .slick-next { width: 21px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 21px 40px; } .newslist .newslick .slick-prev { left: -42px; background-image: url(img/nl.png); } .newslist .newslick .slick-next { right: -42px; background-image: url(img/nr.png); } .newslist .newslick .slick-dots { bottom: -52px; } .newslist .newslick .slick-dots li { width: 7px; height: 7px; margin-right: 10px; margin-left: 10px; } .newslist .newslick .slick-dots li button { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border: 3px solid #fff; border-radius: 50%; background-color: #abb9c9; } .newslist .newslick .slick-dots li.slick-active button { border-color: #0e89d6; background-color: #fff; } .newslist .newslick .slick-dots li button::before { display: none; } .newslist .lcon2 { padding-top: 54px; padding-bottom: 50px; background: #e6eaed; } .newslist .lcon2 .list { margin-top: 43px; } .newslist .lcon2 .list li { position: relative; margin-bottom: 35px; border-bottom: 1px solid #dbdbdb; } .newslist .lcon2 .list li .imgdiv img { width: 260px; /*height: 206px;*/ } .newslist .lcon2 .list li .content { width: calc(100% - 260px); width: -webkit-calc(100% - 260px); padding-top: 10px; padding-left: 40px; } .newslist .lcon2 .list li .content h4 { font-size: 20px; } .newslist .lcon2 .list li .content p { font-size: 14px; line-height: 2; overflow: hidden; height: 56px; margin-top: 10px; margin-bottom: 24px; color: #666; } .newslist .lcon2 .list li::after { position: absolute; bottom: -1px; left: 260px; width: 0; height: 2px; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; background: #0e89d6; } @media (min-width: 992px) { .newslist .lcon2 .list li:hover::after { width: calc(100% - 260px); width: -webkit-calc(100% - 260px); } .newslist .lcon2 .list li .content h4{ color: #0e89d6; } } /*历史*/ .history .lcon1 { padding-top: 40px; padding-bottom: 60px; } .history .lcon1 h2, .history .lcon3 h2 { font-family: 'HN'; font-size: 32px; margin-bottom: 30px; color: #002a5c; } .history .lcon1 h4 { font-size: 20px; color: #00478a; } .history .lcon1 .l, .history .lcon1 .r { width: 50%; } .history .lcon1 .l { padding-right: 30px; } .history .lcon1 .l img { max-width: 100%; } .history .lcon1 p { font-size: 16px; line-height: 1.875; margin-top: 10px; } .history .lcon1 .clearfix { margin-top: 30px; } .history .lcon1 .clearfix .r { padding-top: 10px; } .history .lcon2 { /*height: 244px;*/ height:320px; } .history .lcon2 h4 { font-family: 'HT'; font-size: 16px; line-height: 1.4; text-align: center; letter-spacing: .5px; color: #fff; } .history .lcon2 li { float: left; width: 25%; padding-top: 48px; padding-bottom: 45px; text-align: center; } .history .lcon2 li .data { font-family: 'HB'; font-size: 42px; line-height: 110px; position: relative; width: 110px; height: 110px; margin: auto; margin-bottom: 20px; text-align: center; color: #fff; border: 2px solid #fff; border-radius: 50%; background: transparent; } .history .lcon2 li .data span.wan { font-size: 14px; margin-left: -8px; } .history .lcon3 { padding-top: 47px; padding-bottom: 65px; } .history .lcon3 h2 { margin-bottom: 15px; } .history .lcon3 p { font-size: 16px; line-height: 1.875; margin-bottom: 20px; } .history .lcon3 ul { margin-right: -7px; margin-left: -7px; } .history .lcon3 li { float: left; width: 25%; padding-right: 7px; padding-left: 7px; } .history .lcon3 li .gdiv { position: relative; } @media screen and (min-width: 768px) { .history .lcon3 li .gdiv:hover::after { opacity: 1; } .history .lcon3 li .gdiv:hover .des { height: 110px; background: rgba(0,0,0,0); } } .history .lcon3 li .gdiv img { width: 100%; max-width: 100%; } .history .lcon3 li .gdiv::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: opacity .3s ease-out 0s; -moz-transition: opacity .3s ease-out 0s; -ms-transition: opacity .3s ease-out 0s; -o-transition: opacity .3s ease-out 0s; transition: opacity .3s ease-out 0s; opacity: 0; /*background: url(img/bull.png) no-repeat center; background-size: cover;*/ } .history .lcon3 .des { font-size: 18px; line-height: 50px; position: absolute; z-index: 5; bottom: 0; left: 0; width: 100%; height: 50px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; color: #fff; background: rgba(0,0,0,.55); } .history .lcon4 { height: 782px; padding-top: 50px; } .history .lcon4 .mainh2 { font-family: 'HN'; font-size: 32px; margin-bottom: 15px; color: #fff; } .history .lcon4 h4 { font-size: 16px; margin-bottom: 35px; color: #fff; } .history .lcon4 .content { height: 629px; background: url(img/scroll.png) no-repeat center; } .history .lcon4 .content .l, .history .lcon4 .content .r { position: relative; width: 50%; height: 100%; } .history .lcon4 .content .l { text-align: right; } .history .lcon4 .content .item { position: absolute; } .history .lcon4 .content .item1, .history .lcon4 .content .item2, .history .lcon4 .content .item3, .history .lcon4 .content .item4, .history .lcon4 .content .item5 { right: 58px; } .history .lcon4 .content .item6, .history .lcon4 .content .item7, .history .lcon4 .content .item8, .history .lcon4 .content .item9, .history .lcon4 .content .item10, .history .lcon4 .content .item11 { left: 58px; } .history .lcon4 .content .item1 { top: 106px; } .history .lcon4 .content .item2 { top: 222px; } .history .lcon4 .content .item3 { top: 300px; } .history .lcon4 .content .item4 { top: 498px; } .history .lcon4 .content .item5 { top: 560px; } .history .lcon4 .content .item6 { top: 47px; } .history .lcon4 .content .item7 { top: 163px; } .history .lcon4 .content .item8 { top: 240px; } .history .lcon4 .content .item9 { top: 320px; } .history .lcon4 .content .item10 { top: 460px; } .history .lcon4 .content .item11 { top: 540px; } .history .lcon4 .content .con { font-size: 14px; line-height: 1.71; display: inline-block; width: calc(100% - 75px); width: -webkit-calc(100% - 75px); color: #fff; } .history .lcon4 .content .con p { margin-bottom: 12px; } .history .lcon4 .r .con { padding-left: 25px; } .history .lcon4 .l .con { padding-right: 25px; } .history .lcon4 .content h2 { font-size: 32px; font-weight: bold; display: inline-block; color: #fff; } .history .lcon4 .l h2 { float: right; } .history .lcon5 { padding-top: 45px; padding-bottom: 75px; overflow: hidden; } .history .lcon5 .imgdiv { padding-left: 127px; } .history .lcon5 .content { width: calc(100% - 365px); width: -webkit-calc(100% - 365px); padding-top: 35px; padding-right: 130px; padding-left: 108px; } .history .lcon5 .content h3 { margin-bottom: 25px; color: #00478a; } .history .lcon5 .content p { font-size: 16px; line-height: 1.875; letter-spacing: .3px; color: #555; font-style: italic; } .history .lcon5 .sign { margin-top: 58px; text-align: right; /*font-style: italic;*/ } .history .lcon5 .content p.sign{ font-style: normal; } .history .lcon5 .slick-prev, .history .lcon5 .slick-next { width: 21px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 21px 40px; } .history .lcon5 .slick-prev { left: -42px; background-image: url(img/nl.png); } .history .lcon5 .slick-next { right: -42px; background-image: url(img/nr.png); } .history .lcon5 .slick-dots { display: none !important; } .history .lcon5 .slick-dots li button::before { display: none; } .history .lcon5 .slick-dots li { width: 10px; height: 10px; margin-right: 5px; margin-left: 5px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-radius: 50%; background: #ccc; } .history .lcon5 .slick-dots li.slick-active { background: #00478a; } .history .lcon5 h2, .history .lcon6 h2 { font-family: 'HN'; font-size: 32px; margin-bottom: 65px; color: #002a5c; } .history .lcon6 h2 { margin-bottom: 36px; color: #fff; } .history .lcon6 h2 a { font-family: Arial; font-size: 14px; font-weight: bold; color: #fff; } .history .lcon6 { height: 655px; padding-top: 48px; } .history .lcon6 .newslick { width: auto; margin-right: -39px; margin-left: -39px; } .history .lcon6 .item { float: left; width: 33.33333%; padding-right: 39px; padding-left: 39px; } /*媒体查询*/ @media (max-width: 1400px) { .history .lcon5 .slick-prev { left: -10px; } .history .lcon5 .slick-next { right: -10px; } } @media screen and (max-width: 1230px) { .service .lcon1 .imgslick { width: 651px; } } @media (max-width: 1199px) { .contact .lcon1 li { width: 415px; } .down .lcon2 .downlist li .gdiv h4 { margin-bottom: 20px; } .down .lcon2 .downlist li .gdiv .content { padding-right: 30px; } .service .lcon1 .imgslick .item img { width: 250px; } .service .lcon1 .imgslick { width: 560px; margin-top: 80px; } .service .lcon1 .left { width: 368px; } .service .lcon2 .right { padding-top: 0; } .service .lcon1 .imgslick .slick-prev, .service .lcon1 .imgslick .slick-next { top: 126.5%; } .service .lcon1 .imgslick .slick-prev { left: -379px; } .service .lcon1 .imgslick .slick-next { left: -331px; } .newslist .newslick { width: 900px; } .history .lcon5 .content { padding-top: 9px; padding-right: 119px; padding-left: 39px; } .history .lcon6 .newslick { margin-right: -15px; margin-left: -15px; } .history .lcon6 .item { padding-right: 15px; padding-left: 15px; } } @media (max-width: 991px) { .history .lcon2 { height: auto; background-size: cover; } .history .lcon2 li { /*width: 50%;*/ width:100%; } .history .lcon2 li h4 { height: 68px; } .history .lcon5 .imgdiv { padding-right: 10px; padding-left: 10px; } .history .lcon5 .content { width: calc(100% - 258px); width: -webkit-calc(100% - 258px); padding-right: 10px; padding-left: 10px; } .history .lcon5 .slick-prev, .history .lcon5 .slick-next { display: none !important; } .history .lcon1 .l, .history .lcon1 .r { float: none; width: 100%; } .history .lcon1 .l { margin-bottom: 20px; text-align: center; } .page li { width: auto; padding-right: 20px; padding-left: 20px; } .contact .lcon1 h1 { font-size: 20px; } .contact .lcon1, .contact .lcon2, .service .lcon3 { padding-top: 30px; } .down .lcon1, .service .lcon3 { padding-top: 30px; } .down .lcon2 { padding-bottom: 30px; } .ques .lcon1 { padding-top: 20px; padding-bottom: 30px; } .contact .lcon2 h5 { line-height: 1.6; margin-top: 20px; margin-bottom: 0; } .contact .lcon1 li { width: 100%; } .contact .lcon2 .inshort { float: none; width: 100%; padding-right: 0; padding-left: 0; } .contact .lcon2 button { width: 100%; } .down .lcon2 .downlist li { float: none; width: 100%; height: auto; padding: 0 !important; } .down .lcon2 .downlist li .gdiv { padding: 10px 20px; } .down .lcon2 .downlist li .gdiv .content { padding-right: 0; } .ques .list li .drop { padding-left: 0; } .ques .list li .drop .imgdiv, .ques .list li .drop .content { float: none; width: 100%; padding: 0; } .ques .list li .drop .imgdiv { text-align: center; } .ques .list li .drop .imgdiv img { width: auto; max-width: 100%; } .ques .list li .drop .content { margin-top: 30px; } .service .lcon1 .left, .service .lcon1 .imgslick { width: 100%; } .service .lcon1 .imgslick { margin-top: 30px; } .service .lcon1 { padding-bottom: 50px; } .service .lcon1 .imgslick .item { margin-left: 0; padding-right: 10px; padding-left: 10px; } .service .lcon1 .imgslick .item img { width: auto; max-width: 100%; margin: auto; } .service .lcon1 .imgslick .slick-prev, .service .lcon1 .imgslick .slick-next { display: none !important; } .service .lcon2 .left, .service .lcon2 .right { float: none; width: 100%; } .service .lcon2 .left { padding-right: 0; text-align: center; } .service .lcon2 .right { margin-top: 20px; } .service .lcon2 { padding-top: 30px; padding-bottom: 30px; } .newsin .lcon1 .content { padding-left: 0; } .newsin .lcon1 .content .bdsharebuttonbox { position: relative; margin-bottom: 20px; } .newsin .lcon1 .content .bdsharebuttonbox li { position: relative; display: inline-block; height: auto; margin-top: 0; margin-right: 20px; } .newsin h4 { font-size: 20px; margin-bottom: 20px; padding-bottom: 20px; } .newsin h1 { padding-right: 0; } .newsin .back { position: relative; top: auto; right: auto; margin-top: 20px; } .bdshare-button-style0-16 a.bds_tsina { font-size: 24px; } .newslist .newslick { width: 100%; } .newslist .newslick .item { padding: 0 5px; } .newslist .newslick .imgdiv img { width: 100%; } .newslist .newslick .item h4 { font-size: 14px; height: auto; } .newslist .lcon2 .list li .content { padding-left: 15px; } .newslist .lcon2 .list li .content h4 { font-size: 18px; } .history .lcon5 .slick-dots { bottom: -45px; display: block !important; } .history .lcon4 .content h2 { font-size: 24px; vertical-align: top; } .history .lcon4 .content { height: auto; background: transparent; } .history .lcon4 .content .item { position: relative; margin-bottom: 20px; } .history .lcon4 .content .item .con { padding-left: 15px; } .history .lcon4 { height: auto; background-size: cover; } } @media (max-width: 767px) { .history .lcon1 .l { padding-right: 0; } .history .lcon6{ height: auto; padding-bottom: 40px; } .contact .lcon1 li img { margin-right: 10px; } .down .lcon2 .downlist li .imgdiv img { width: 100px; } .down .lcon2 .downlist li .gdiv h4 a { font-size: 16px; } .down .lcon2 .downlist li .gdiv .content { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); padding-top: 0; padding-left: 10px; } .down.lcon2 .downlist li .gdiv .content .download { font-size: 14px; } .down .lcon2 .downlist li .gdiv .download img { width: 16px; margin-right: 5px; } .ques .list li .mainh4 img { display: none; } .ques .list li .mainh4 { line-height: normal; height: auto; padding: 20px 10px; } .ques .list li .mainh4 span { display: inline-block; vertical-align: middle; } .ques .list li .mainh4 span:first-of-type { width: calc(100% - 24px); width: -webkit-calc(100% - 24px); } .ques .list li .mainh4 span.iconfont { margin-top: 5px; } .service .lcon3 ul { margin-right: 0; margin-left: 0; } .service .lcon3 li { width: 100%; margin-top: 20px; padding-right: 0; padding-left: 0; } .service .lcon3 li:first-child { margin-top: 0; } .newslist .lcon2 .list li { padding-bottom: 35px; } .newslist .lcon2 .list li .imgdiv { width: 100%; height: auto; } .newslist .lcon2 .list li .imgdiv img { width: 100%; max-width: 100%; height: auto; } .newslist .lcon2 .list li .content { width: 100%; padding-top: 20px; padding-left: 0; } .history .lcon3 li { width: 50%; margin-top: 10px; } .history .lcon6 .newslick { padding-right: 15px; padding-left: 15px; } .history .lcon6 .newslick .item { width: 100%; margin-top: 15px; } .history .lcon5 .imgdiv, .history .lcon5 .content { float: none; width: 100%; } .history .lcon5 .imgdiv { text-align: center; } .slick-slide img { width: auto; margin: auto; } .history .lcon5 .content p { margin-top: 20px; } .down .lcon1 .inputgroup{ width: 100%; } }