@font-face { font-family: "iconfont"; src: url("../iconfont.eot?t=1556733731583"); /* IE9 */ src: url("../iconfont.eot?t=1556733731583#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKwAAsAAAAABpAAAAJjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgpYawE2AiQDDAsIAAQgBYRtB10b0AXILrBt2JMSBUQIsbgZ9wPAJIrgaT/avN09E4l3zbyJIhUSqZAgNm9aCUkt/6tp2zytaRQ3g019+Yrebere/aVdZrPUpiwWpRiEAuEgfBs19xdYevjh+jyX07sGUBbND5TTWts2HvUCjAMKbKxJkZXIMkxFvO6gc3k3gUajbNbe2s4JjCqcQYF4oFUMo6WIokj5eqG2ZWYRj9WoTw/Ta+BR/Pr4qhujJDWZM/Lk/moGCx98mMtP1ZO7ISFKYPNrkLEMFOKqNXNiQEisAY2ZQdPgWJ2CD2NVxYfR0CaOyk7EX+cVNoN5lk18GPXN4tGkbI4EMqgt59qBIY7ZfVqIhro71ql171iqo9uD7EjJ4/98+8hrw+8Ezx5/TlP9pwigesqd+SkmR94RCF69vL0azqz9r28q4P0v8xSungrcpn5n3uDHSMGaYsoday66xJfYvqwBcCWYSParwAl0+p2u64FThPqSfIKvzoiBrN40WZjLqNFkBbXqbaLRkvX5TbqQAVEasOidENp9Imn1BFm7L7Iwf1Cj1x9qtccAGl1F14pNZkOP7xLGjJlIroVOTS09O48nxUeozsuYivKYc4bU6rgIXL+aX8caaYkx7YXqMkshyVRijfbDsjSiIZNjym6fuel5nmx7kJuaCsbtIijGUEZIXBO0lFGTYWM2Xnv+EaScK8Woh9IQPoNIS7cuBFw+QK5raojyKPe0LihdjEmCRIyKsEbdUKlkCE17txxKMVd/QqrR47n1JKpxt9dV/7cJGjm/lyNFjqLvODV1G54YUy7FFC4SmcsdlDzbVnWkVZ8DAAAAAA==") format("woff2"), url("../iconfont.woff?t=1556733731583") format("woff"), url("iconfont.ttf?t=1556733731583") format("truetype"), url("iconfont.svg?t=1556733731583#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Icons_ToolBar_ArrowLeft:before { content: "\e61e"; } .icon-Icons_ToolBar_ArrowRight1:before { content: "\e61f"; } .arrow-left, .arrow-right { cursor: pointer; } body { overflow-x: auto; } .banner-box{} .banner-box li{ width: 100%;} .banner-box li img{ width: 100%;} .swiper-slide img{ width: 100%;} .ad { width: 1300px; min-width: 100%; } .ad img { width: 100%; } .indexTitle { font-size: 66px; color: #dc161d; font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-shadow: 2px 2px 3px #fff; z-index: 2; } .title { font-size: 25.94px; color: #1e1e1e; text-align: center; margin-top: 57px; } .title::after { content: ""; width: 49px; height: 2px; background-color: #d4050b; display: block; margin: 13px auto; } .subtitle { font-size: 15px; color: #545454; font-family: ArialMT; text-align: center; margin-bottom: 50px; } .banner { width: 100%; min-width: 1300px; } .yutgh {color: #666666; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; height:50px; overflow: hidden; } .listMargin { margin: 0 1%; } .list { width: 29.5%; height: 424px; border: 1px solid #dfdfdf; float: left; } .list a:hover { color: #ce2026; } .list .list-header { height: 53px; border-bottom: 1px solid #dfdfdf; } .list .list-header .list-title-one { width: 144px; height: 53px; line-height: 53px; font-weight:bold; background: #ce2026; color: #ffffff; display: inline-block; text-align: center; } .list .list-header .list-title { min-width: 130px; height: 53px; line-height: 45px; font-weight: bold; color: #ce2026; border-bottom: 4px solid #ce2026; display: inline-block; text-align: center; float: left; } .list .list-header .more { height: 53px; line-height: 45px; margin-top: -3px; float: right; padding: 0; border: none; } .list .con { padding: 15px 10px; font-size: 15px; text-align: left; } .list .con ul li { margin: 9px 0; } .list .con ul li::before { content: ""; width: 18px; height: 12px; background: url(../images/list-icon.png) no-repeat; display: inline-block; margin-right: 3px; } .list .con ul li a:hover .text { color: #ce2026; } .list .con ul li .text { width: calc(100% - 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .list .con ul li .time { width: 90px; color: #8a8a8a; float: right; } .page1top.top { background: transparent; } .page1top.top .container { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; } .page1top.top .container .nav { color: #fff; } .page1top.top .container .a1 { padding-left: 50px; background-image: url(../img/oa.png); } .page1top.top .container .a2 { padding-left: 50px; background-image: url(../img/en.png); } .page1top.top .search-row { display: none; } .page1top.top .swiperBanner { height: 548px; } .page1 .ad1 { height: 109px; background: url(../images/ad1.jpg) no-repeat; font-size: 0; padding: 0 30px 0 180px; margin-bottom: 20px; text-align: center; margin: 27px auto; position: relative; } .page1 .ad1 .ad-con { font-size: 16px; position: absolute; top: 50%; left: calc(50% + 100px); transform: translate(-50%, -50%); width: calc(100% - 210px); } .page1 .ad1 .ad-con .ad-title { font-size: 24px; color: #c61000; font-weight: bold; } .page1 .ad1 .ad-con .ad-text { font-size: 14px; margin-top: 10px; padding-right:30px; text-align:left; text-indent:2em; } .page1 .ad2 { margin-bottom: 15px; } .page1 .ad3 { margin-bottom: 15px; } .page1 .s1 { margin-bottom: 15px; } .page1 .s1 .pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; text-align: right; padding-right: 21px; } .page1 .s1 .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 14px; background: #fff; margin: 0 5px; cursor: pointer; } .page1 .s1 .swiper-active-switch { background: #d30104; } .page1 .s1 .swiper1 { width: 39%; height: 424px; float: left; position: relative; } .page1 .s1 .swiper1 img { width: 100%; } .page1 .s1 .swiper1 .shodow { width: 100%; height: 63px; line-height: 63px; color: #fff; background-color: rgba(0, 0, 0, 0.44); position: absolute; left: 0; bottom: 0; padding-left: 18px; font-size: 18px; } .tuijian .swiper-slide{ position: relative} .swiper-container,.swiper1,.swiper2{ position: relative;} .swiper1,.swiper2{overflow: hidden} .sjy{ display: none;} @media(min-width: 1301px) { .tuijian .swiper-slide img{ height: 424px;} } .page1 .s2 .listimg { width: 95%; margin: 20px auto 0 auto; } .page1 .s2 .list1 { width: 39%; height: 650px; text-align: center; } .page1 .s2 .list1 .con { padding: 10px 10px; } .page1 .s2 .list-wrap { width: 29%; float: left; } .page1 .s2 .list-wrap .list { margin: 0; } .page1 .s2 .list-wrap .list2 { width: 100%; height: 340px; } .page1 .s2 .list-wrap .list4 { width: 100%; height: 650px; } .page1 .s2 .list-wrap .list2 .con img { width: 100%; } .page1 .s2 .list-wrap2 .swiper2 { height: 208px; } .page1 .s2 .list-wrap2 .swiper2 img { width: 100%; } .page1 .s2 .list-wrap2 .swiper2 .pagination2 { position: absolute; z-index: 20; bottom: 0px; width: 100%; text-align: right; } .page1 .s2 .list-wrap2 .swiper2 .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; cursor: pointer; } .page1 .s2 .list-wrap2 .swiper2 .swiper-active-switch { background: #d30104; } .page1 .s2 .list-wrap2 .list-header { border-top: 4px solid #ce2026; } .page1 .s2 .list-wrap2 .list-header .list-title { border: none; } .page1 .s3 { min-width: 1300px; height: 700px; background: url(../images/p1-bg.jpg) no-repeat center; background-size: cover; margin: 17px 0 23px 0; text-align: center; } .page1 .s3 .item { width: 20%; float: left; margin-top:14px; } .page1 .s3 .item img { transition: all ease-out 0.3s; } .page1 .s3 .item a:hover img { transform: scale(1.2); } .page1 .s4 { text-align: center; } .page1 .s4 .listimg { width: 95%; margin: 20px auto 0 auto; } .page1 .s4 .list { height: 490px; } .page1 .s4 .list1 { width: 39%; } .page1 .s4 .list2 { height: 403px; } .page1 .s4 .list2 .list-header { border-top: 4px solid #ce2026; } .page1 .s4 .list2 .list-header .list-title { border: none; } .page1 .s4 .list2 .playBtn { position: absolute; top: 50%; left: 50%; width:360px; height:236px; transform: translate(-50%, -50%); cursor: pointer; } .page1 .s4 .list2 .video { width: 100%; height: 240px; } .page1 .s4 .list2 .videos { font-size: 0; } .page1 .s4 .list2 .videos .item { width: 32%; margin-right:7px; margin-top:5px; display: inline-block; cursor: pointer; } .page1 .s4 .list2 .videos .item.cur { border: #c61000 solid 1px; } .page1 .s4 .list2 .videos .item img { width: 100%; } .page1 .s4 .list3 { height: 79px; background: #e9e9e9; margin-top: 8px; } .page1 .s4 .list3 .item { width: 50%; height: 100%; float: left; } .page1 .s4 .list3 .item a { height: 100%; display: inline-block; } .page1 .s4 .list3 .item a img, .page1 .s4 .list3 .item a span { display: inline-block; vertical-align: middle; } .page1 .s4 .list3 .item a span { height: 100%; line-height: 79px; color: #444444; font-size: 17px; } .page2 .navTo { width: 1000px; margin: 47px auto 110px auto; display: block; } .page2 .navTo > div { width: 16.666666666666%; text-align: center; float: left; position: relative; } .page2 .navTo > div::after { content: ""; background: #a0a0a0; border: 4px solid #e5e5e5; width: 13px; height: 13px; border-radius: 100%; position: absolute; bottom: -30px; left: calc(50% - 6.5px); } .page2 .navTo > div::before { content: ""; background: #a0a0a0; width: 100%; height: 1px; border-radius: 100%; position: absolute; bottom: -21.5px; left: 0; } .page2 .s1 .navTo { text-align: center; background: red; width: 1000px; margin: 0 auto; display: block; } .page2 .s1 .navTo .nav-item { float: left; text-align: center; } .page2 .s1 .con-text { font-size: 16px; line-height: 32px; color: #4d4c4c; text-indent: 2em; } .page2 .s1 > .more { font-size: 15px; color: #cd1d17; text-align: center; margin: 49px auto; border: none; } .page2 .s1 .img-wrap { color: #ffffff; margin-bottom: 56px; } .page2 .s1 .img-wrap .one { width: 60%; height: 555px; background: url(../images/s1-one.jpg) no-repeat; float: left; padding: 68px 88px; } .page2 .s1 .img-wrap .one .con-title { font-size: 26px; line-height: 32px; font-weight: bold; margin-bottom: 27px; } .page2 .s1 .img-wrap .one .text { margin-bottom: 14px; font-size: 16px; } .page2 .s1 .img-wrap .one .more { width: 152px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; display: block; border: solid 1px #ffffff; float: left; margin-top: 14px; padding: 0; } .page2 .s1 .img-wrap .two { width: 39%; float: right; } .page2 .s1 .img-wrap .two .item { height: 275px; display: block; background-size: cover; } .page2 .s1 .img-wrap .two .item1 { background:#000; } .page2 .s1 .img-wrap .two .item2 { background: url(../images/img-wrap2.jpg) no-repeat center; margin-top: 5px; } .page2 .s1 .info-wrap .item { width: 25%; float: left; margin-bottom: 67px; } .page2 .s1 .info-wrap .item .icon { width: 74px; height: 57px; display: inline-block; vertical-align: middle; } .page2 .s1 .info-wrap .item .icon1 { background: url(../images/info1.jpg); } .page2 .s1 .info-wrap .item .icon2 { background: url(../images/info2.jpg); } .page2 .s1 .info-wrap .item .icon3 { background: url(../images/info3.jpg); } .page2 .s1 .info-wrap .item .icon4 { background: url(../images/info4.jpg); } .page2 .s1 .info-wrap .item .info { display: inline-block; vertical-align: middle; } .page2 .s1 .info-wrap .item .info .num { font-size: 63.74px; color: #cd1d17; font-weight: bold; } .page2 .s1 .info-wrap .item .info .subtext { font-size: 15px; } .page2 .s2 { min-height: 496px; background: url(../images/bg-3.jpg) no-repeat center; background-size: cover; font-size: 0; } .page2 .s2 .wrap { height: 100%; padding-top: 1px; } .page2 .s2 .con-wrp .con { width: 595px; display: inline-block; vertical-align: middle; } .page2 .s2 .con-wrp .con .text { font-size: 16px; line-height: 32px; color: #4d4d4d; } .page2 .s2 .con-wrp .con .more { width: 122px; height: 43px; line-height: 43px; font-size: 15px; background-color: #cd1d17; text-align: center; color: #ffffff; float: left; margin-top: 29px; display: block; padding: 0; border: none; } .page2 .s2 .con-wrp .numItem { display: inline-block; vertical-align: middle; width: calc(100% - 595px); } .page2 .s2 .con-wrp .numItem .item { width: 33.3%; display: inline-block; vertical-align: middle; font-size: 0; text-align: center; } .page2 .s3 { position: relative; margin-bottom:50px; } .page2 .s3 .swiper1 { margin-top: 40px; height: 240px; } .page2 .s3 .swiper1 .swiper-slide { width: 10%; text-align: center; } .page2 .s3 .swiper1 .swiper-slide .text { font-size: 16px; line-height: 34px; color: #333333; text-align: center; } .page2 .s3 .iconfont { font-size: 50px; position: absolute; top: 59%; transform: translateY(-50%); } .page2 .s3 .arrow-left { left: -50px; } .page2 .s3 .arrow-right { right: -50px; } .page2 .s4 { padding-top: 1px; min-height: 450px; background: url(../images/bg-3.jpg) no-repeat center; background-size: cover; } .page2 .s4 .wrap { position: relative; } .page2 .s4 .swiper2 { height: 240px; margin-top: 35px; } .page2 .s4 .swiper2 .swiper-slide { text-align: center; } .page2 .s4 .swiper2 .swiper-slide .text { font-size: 16px; line-height: 34px; color: #333333; text-align: center; } .page2 .s4 .iconfont { color: #c6c6c6; font-size: 50px; position: absolute; top: 56%; z-index: 20; transform: translateY(-50%); } .page2 .s4 .arrow-left { left: -50px; } .page2 .s4 .arrow-right { right: -50px; } .page2 .s5 .item { width: 50%; float: left; } .page2 .s5 .item .item-title { color: #cf292d; font-weight: bold; margin-top: 40px; margin-bottom: 5px; } .page2 .s5 .item .item-con .con { font-size: 16px; min-width: 50%; float: left; margin-bottom: 25px; } .page3 { width: 100%; min-width: 1300px; height: 883px; background: url("../images/bg-1.jpg") no-repeat center; background-size: cover; font-size: 0; } .page3 > img { width: 100%; transition: all ease-out 0.3s; } .page3 .wrap { } .page3 .wrap .item-wrp { width: 18%; height: 390px; display: inline-block; vertical-align: middle; background: #fff; font-size: 18px; margin-right: 2%; position: relative; overflow: hidden;margin-top:30px; } .page3 .wrap .item-wrp:last-child { margin-right: 0; } .page3 .wrap .item-wrp:hover img { } .page3 .wrap .item-wrp > img { width: 100%; } .page3 .wrap .item-wrp .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page3 .wrap .item-wrp .title { width: 100%; margin: 55px 0 3px 0; font-size: 17px; text-align: center; } .page3 .wrap .item-wrp .listItem { font-size: 16px; padding: 0 31px; } .page3 .wrap .item-wrp .listItem .item { min-width: 50%; float: left; } .page3 .wrap .item-wrp .listItem .item::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #000; display: inline-block; vertical-align: middle; margin-right: 10px; display:none; } .page7 > .title { font-size: 25.9px; line-height: 36px; color: #1e1e1e; text-align: center; margin-top: 43px; } .page7 > .title:after { content: ""; width: 49px; height: 2px; background-color: #d4050b; display: block; margin: 12px auto; } .page7 .subtitle { font-size: 15px; color: #545454; opacity: 0.74; text-align: center; } .page7 > .con { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; color: #575757; } .page7 .conChunk-wrap { margin-top: 60px; height: 364px; } .page7 .conChunk-wrap .leftChunk { width: 305px; height: 100%; background-color: #cf292d; color: #fff; padding: 50px 20px; text-align: center; float: left; } .page7 .conChunk-wrap .leftChunk .icon { margin: 0 auto; } .page7 .conChunk-wrap .leftChunk .title { font-size: 31.9px; line-height: 30px; color: #ffffff; margin-top: 0; } .page7 .conChunk-wrap .leftChunk .title:after { content: ""; width: 100%; height: 1px; background: #fff; display: block; margin: 23px 0 28px 0; } .page7 .conChunk-wrap .leftChunk .con, .page7 .conChunk-wrap .leftChunk .phone { font-size: 16px; text-align: left; } .page7 .conChunk-wrap .leftChunk .phone { margin-top: 33px; } .page7 .conChunk-wrap .rightChunk { width: calc(100% - 305px); height: 100%; float: left; } .page7 .conChunk-wrap .rightChunk img { width: 100%; height: 100%; } .page7 .table { width: 100%; font-size: 16px; margin-top: 35px; margin-bottom: 50px; display: table; } .page7 .table .tr { display: table-row; } .page7 .table .tr:first-child { background: #78777c; color: #fff; border: none; } .page7 .table .tr .td { height: 55px; line-height: 55px; padding: 0 58px; display: table-cell; border-bottom: 1px solid #f4f4f4; } .map-wrap img { width: 100%; } .qiehuan{ display: none; } @media only screen and (max-width: 1300px) { .qiehuan{ display: inline-block; } .list, .page1 .s2 .list-wrap .list { margin-top: 12px !important; margin-bottom: 0 !important;height: auto; } .s2 .list2 { border-top: 1px solid #dfdfdf !important; } .page1 .ad3 { margin-bottom: 0; } .header { height: auto !important; } .header a { height: 50px !important; } .swiperBanner { display: none; } .page1 .s3, .banner, .ad, .wrap { min-width: auto; width: 100%; height: auto; } .indexTitle { font-size: 18px; position: static; } .banner { display: none; } .page1top.top { padding-bottom: 0; } .page1top.top .container { position: static; left: auto; transform: none; } .page1top.top .row .nav {display: none; color: #000000; } .page1 .a1 { color: #000; } .page1 .a2 { color: #000; } .page1 .ad1 { background: transparent; display: none; padding: 0; } .page1 .ad1 .ad-con { padding: 0; text-align: center; transform: none; top: auto; left: auto; width: 100%; } .page1 .ad1 .ad-con .ad-title { font-size: 18px; } .listMargin { margin: 0; } .page2 .navTo { display: none; } .page1 .s1 .swiper1, .page1 .s2 .list1, .page1 .s2 .list-wrap, .page1 .s4 .list1, .list { width: 100%; height: auto;} .page1 .s2 .list1{ height: auto;} .page1 .s4 .list2{ height: auto;} .page1 .s1 .swiper1 { height: auto; } .page2 .s1 .info-wrap .item { width: 50%; text-align: center; } .page2 .s1 .info-wrap .item .icon { display: none; } .s2 { text-align: center; } .page2 .s2 { padding: 0 10px; } .page2 .s1 .con-text { padding: 0 20px; } .page2 .s2 .con-wrp .con { width: 100%; } .page2 .s2 .con-wrp .con .more { float: none; margin: 0 auto; } .page2 .s1 .img-wrap .one, .page2 .s1 .img-wrap .two { width: 100%; background-size: cover; } .page2 .s1 .img-wrap .two .item { height: 202px; background-size: cover; } .page2 .s2 .con-wrp .numItem { display: block; } .page2 .s4 .arrow-left, .page2 .s3 .arrow-left { left: 0; } .page2 .s4 .arrow-right, .page2 .s3 .arrow-right { right: 0; } .page2 .s5 .item { padding: 0 20px; } .page3 .wrap { height: auto; } .rightChunk { display: none; } .page3 .wrap .item-wrp .title { margin-top: 20px; } .page7 { padding: 0 auto; } .page7 .subtitle { padding: 0 20px; margin-bottom: 30px; } .page7 .con { padding: 0 20px; } .page7 .conChunk-wrap .leftChunk { width: 100%; } .page7 .table .tr .td { padding: 0; text-align: center; } .page1 .s2 .list-wrap { margin: 0; } .page3 .wrap .item-wrp .listItem .item { text-align: center; } .page3 .wrap .item-wrp .icon{ margin-top: -42px;} } .nav_list{background: #cf2027;} .nav_list li{ width: 33.3%; float: left;line-height: 50px; text-align: center !important;} .nav_list li a{ color: #fff !important; width: 100%;} .swiper1 .swiper-slide img, .swiper2 .swiper-slide img { width: 92%; margin-bottom: 5px; } .ny_list{} .ny_list li{ width: 23%; margin: 10px 1%; float: left;} .map-wrap{margin-bottom:50px;} .page3 .wrap .item-wrp:hover .title a{ color:#f00} @media(max-width: 800px) { .page3 { min-width: auto; height: auto; background: transparent; } .page3 .wrap .item-wrp { width: 100%; margin-right: 0; display: block;} .page7 .table{ font-size: 0.8rem;} .page1 .s3 .item { width: 50%; } .sjy{ display:block; width: 100% !important; color: #fff; text-align: center; padding: 20px 0;} .sjy img{width: 130px;} .sjy p{ font-size: 13px; line-height: 30px;margin-bottom: 10px;} .foo2 .row .dny{ display: none;} } @media(max-width: 640px) { .page1 .s3 .item img{ width: 80%; margin: auto;} .page1 .s3 .wrap>img{ width: 185px;} .page1 .ad2,.page1 .ad3{ display: none;} .foo1{ display: none;} }国产精品自产拍在线免费看,人妻精品动漫H无码专区,无码天堂精品一区,亚洲欭美日韩颜射在线二,亚洲欧美一区二区三区在线