body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; } .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #C6C6C6; z-index:110; } .zoomWrapperTitle{ display:block; background:#C6C6C6; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; } /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; display: block !important; } .baguetteBox-button#previous-button { left: 2%; display: block !important; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /*# sourceMappingURL=baguetteBox.css.map */ @charset "UTF-8"; /* CSS Document */ * { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; } body { color: #333; font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; } @media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: 100%; } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; } } img { border: none; } ul li { list-style-type: none; } ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } h1, h2 { margin: 0; padding: 0; font-weight: normal; } img { max-width: 100%; border: 0px solid #ccc; } embed, video, iframe { max-width: 100%; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input, textarea, select { font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none; } input:focus, textarea:focus, select:focus { outline: none; } textarea { resize: none; } .pull-left { float: left; } .pull-right { float: right; } .clear { clear: both; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* html5 */ article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; } ::-webkit-input-placeholder { color: #999; opacity: 1; } /* WebKit browsers */ :-o-placeholder { color: #999; opacity: 1; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #999; opacity: 1; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #999; opacity: 1; } /* Internet Explorer 10+ */ ::-moz-selection { color: #fff; background: #0662AA; } ::selection { color: #fff; background: #0662AA; } .self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis-2 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .self-ellipsis-3 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .self-ellipsis-4 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .relative { position: relative; } .absolute { position: absolute; } .common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .text-right { text-align: right; } .text-left { text-align: left; } .nlazy { min-width: 20%; } /**/ .email { word-break: break-all; } .scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } [class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; } [class*="-item"] .item-pic a, [class*="-item"] .item-pics a { display: block; width: 100%; overflow: hidden; } [class*="-item"] .item-pic img, [class*="-item"] .item-pics img { display: block !important; width: 100%; } [class*="-item"] .item-title { overflow: hidden; } [class*="-item"] .item-title a { display: block; } [class*="-item"] .item-title a:hover { color: #0662AA !important; } [class*="-item"] .item-subt { overflow: hidden; } [class*="-item"] .item-subt a { display: block; } [class*="-item"] .item-subt a:hover { color: #0662AA !important; } [class*="-item"] .item-desc { overflow: hidden; color: #666; } [class*="-item"] .item-desc a { display: block; color: #666; } [class*="-item"] .item-desc a:hover { color: #0662AA !important; } .wp { width: 1400px; margin: auto; } @media screen and (max-width: 1419px) { .wp { width: 1200px; } } @media screen and (max-width: 1219px) { .wp { width: 960px; } } @media screen and (max-width: 991px) { .wp { width: 720px; } } @media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 15px; padding-right: 15px; } } .wp1 { width: 1200px; margin: auto; } .news_show { width: 950px; margin: auto; } @media screen and (max-width: 1219px) { .wp1 { width: 960px; } } @media screen and (max-width: 991px) { .wp1 { width: 720px; } } @media screen and (max-width: 767px) { .wp1 { width: 100%; padding-left: 15px; padding-right: 15px; } } .no_margin { margin-left: auto !important; } .no_marginr { margin-right: auto !important; } .no_marginl { margin-left: auto !important; } .at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .item-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /* .an-btn1 start */ .an-btn1 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; } .an-btn1:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #0662AA; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .an-btn1 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .an-btn1:hover { border-color: #0662AA !important; background-color: #0662AA \9; color: #fff !important; } .an-btn1:hover .iconfont { color: #fff !important; } .an-btn1:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* .an-btn1 end */ /* .an-btn2 start */ .an-btn2 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; } .an-btn2:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .an-btn2:hover { border-color: #0662AA !important; background-color: #fff \9; color: #0662AA !important; } .an-btn2:hover .iconfont { color: #0662AA !important; } .an-btn2:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* .an-btn2 end */ @media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #0662AA; } } @media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } } /*-------------table start-------------------------------------------------------------------*/ .table table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; } .table table p { line-height: 22px !important; } .table table p { min-height: 22px !important; } .table table, .table table a { color: #000; } .table table tr td { padding: 5px 3px; border: 1px solid #ccc; } @media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; } .table div { width: 900px; max-width: 900px; } } /*-------------table end---------------------------------------------------------------------*/ /*-------------proslide_menubtn start--------------------------------------------------------*/ .proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 10px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; } .proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #fff; } @media screen and (max-width: 767px) { .proslide_menubtn { display: block; } } /*-------------proslide_menubtn end----------------------------------------------------------*/ /*-------------page-start--------------------------------------------------------------------*/ .page { text-align: center; overflow: hidden; font-size: 0; letter-spacing: 0; } .page a, .page span { display: inline-block; vertical-align: top; border: solid 1px #E5E5E5; background-color: #fff; color: #333; min-width: 35px; padding: 0 2px; height: 30px; line-height: 28px; margin: 0 4.5px 10px; font-size: 14px; font-size: 1.4rem; } .page a.prev { min-width: 69px; } .page a.next { min-width: 61px; } .page a:hover, .page a.page-active { border-color: #0662AA; background-color: #0662AA; color: #FFFFFF; } .page a.no{border: solid 1px #E5E5E5 !important; background-color: #fff !important; color: #333 !important;} @media only screen and (max-width: 1219px) { .page a { height: 28px; line-height: 26px; min-width: 28px; font-size: 12px; font-size: 1.2rem; } .page a.prev { min-width: 60px; } .page a.next { min-width: 60px; } } .page .add-form { display: inline-block; vertical-align: top; margin-left: 5px; } .page .add-form .add-btn { font-size: 14px; font-size: 1.4rem; text-align: center; min-width: 150px; padding: 0 10px; height: 30px; line-height: 28px; background-color: #0662AA; color: #FFFFFF; cursor: pointer; } .page .add-form .add-btn:hover { background-color: #fff; } @media only screen and (max-width: 1219px) { .page .add-form .add-btn { min-width: 140px; height: 28px; line-height: 26px; font-size: 12px; font-size: 1.2rem; } } /*-------------page-end--------------------------------------------------------------------*/ /*-------------contact start---------------------------------------------------------------*/ /*back-top*/ @-webkit-keyframes top-shadow { 0% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); } 20% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); } 50% { box-shadow: 0px 5px 15px 0px rgba(2, 29, 92, 0.77); } 75% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); } 100% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); } } .back-top { position: fixed; right: 10px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; background-color: #0662AA; -webkit-animation: top-shadow 2.5s linear infinite; -moz-animation: top-shadow 2.5s linear infinite; animation: top-shadow 2.5s linear infinite; text-align: center; } .back-top .iconfont { font-size: 21px; font-size: 2.1rem; color: #fff; position: relative; } @media only screen and (max-width: 767px) { .back-top { width: 30px; height: 30px; line-height: 30px; } .back-top .iconfont { font-size: 16px; font-size: 1.6rem; } } /*-------------contact end-----------------------------------------------------------------*/ /*-------------pro-share start-------------------------------------------------------------*/ .pro-share { font-size: 0; letter-spacing: 0; } .pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #888; } @media only screen and (max-width: 767px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } } .pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; } /*-------------pro-share end---------------------------------------------------------------*/ /*-------------m-oths----------------------------------------------------------------------*/ .m-oths { padding-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; } .m-oths a { color: #666; } .m-oths a:hover { color: #0662AA; } .m-oths .item-name { float: left; margin-right: 5px; } .m-oths .item-info { overflow: hidden; } .m-oths .oths-item-1 { margin-bottom: 7px; } @media screen and (max-width: 1419px) { .m-oths { line-height: 26px; } } @media screen and (max-width: 1219px) { .m-oths { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .m-oths .oths-item-1 { margin-bottom: 5px; } } @media screen and (max-width: 767px) { .m-oths { padding-top: 10px; line-height: 20px; font-size: 12px; font-size: 1.2rem; } .m-oths .oths-item-1 { margin-bottom: 0; } } /*-------------bread start-----------------------------------------------------------------*/ .bread { border-bottom: solid 1px #e6e6e6; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-top: 15px; padding-bottom: 14px; overflow: hidden; } .bread, .bread a { color: #666; } .bread a:hover, .bread .bread-active { color: #0662AA; } .bread .iconfont { color: #666; margin-right: 10px; } @media screen and (max-width: 991px) { .bread .iconfont { margin-right: 5px; } } @media screen and (max-width: 767px) { .bread { padding-top: 10px; padding-bottom: 10px; } } /*-------------bread end-------------------------------------------------------------------*/ .search-box ::-webkit-input-placeholder { color: #666; opacity: 1; } /* WebKit browsers */ .search-box :-o-placeholder { color: #666; opacity: 1; } /* Mozilla Firefox 4 to 18 */ .search-box ::-moz-placeholder { color: #666; opacity: 1; } /* Mozilla Firefox 19+ */ .search-box :-ms-input-placeholder { color: #666; opacity: 1; } /* Internet Explorer 10+ */ .search { position: relative; margin-top: 42px; margin-right: 39px; } @media screen and (max-width: 1219px) { .search { margin-right: 20px; margin-top: 37px; } } @media screen and (max-width: 991px) { .search { margin-top: 37px; margin-right: 20px; display: none; } } @media screen and (max-width: 767px) { .search { display: none; } } .search .search-icon { cursor: pointer; display: block; } .search .search-icon .iconfont { display: block; color: #333; font-size: 21px; font-size: 2.1rem; line-height: 1; } .search .search-box { display: none; overflow: hidden; position: absolute; top: 38px; right: 0; z-index: 999; width: 260px; height: 50px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); padding: 10px 10px; cursor: pointer; } .search .search-box .iconfont { border-radius: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #0662AA; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 10px; top: 50%; margin-top: -15px; z-index: -1; } /*.search .search-box .item-input { position: absolute; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; width: 100%; left: 0; padding: 0 45px 0 10px; }*/ .search .search-box .item-input { position: inherit; height: 30px; line-height: 30px; top: 50%; margin-top: 0px; width:55%; left: 0; padding: 0 45px 0 10px; } .search .search-box .item-submit { position: absolute; width: 35px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; } /*-------------header start----------------------------------------------------------------*/ .fixed.header { position: fixed; top: 0; left: 0; background-color: #fff; opacity: 1; } .header { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; border-bottom: solid 1px #3E4A4D; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; background-color: #fff; /*opacity:0.8;*/ opacity:1; } @media screen and (max-width: 991px) { .header { position: relative; background-color: #fff; } } .header .logo { float: left; display: block; width: 241px; margin: 32px 0 28px; position: relative;} .header .logo a { display: block; position: relative; padding-bottom: 17.01245%; } .header .logo img { display: block; margin: 0 auto; width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 1219px) { .header .logo { margin: 25px 0; } } @media screen and (max-width: 991px) { .header .logo { width: 200px; margin: 20px 0; } } @media screen and (max-width: 767px) { .header .logo { width: 150px; margin: 15px 0; } } .header .logo .logo-txt { padding: 0; position: absolute; width: 90px; line-height: 30px; background-color: #fff; border: solid 1px #0662AA; color: #0662AA; text-align: center; font-size: 18px; font-size: 1.8rem; border-radius:16px; top: 50%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .55s; -o-transition: all .55s; -moz-transition: all .55s; transition: all .55s; } @media screen and (max-width: 1219px) { .header .logo .logo-txt { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .header .logo .logo-txt { line-height: 26px; width: 70px; font-size: 14px; font-size: 1.4rem; /* border-radius: 0 14px 0 14px; */ } } @media screen and (max-width: 767px) { .header .logo .logo-txt { line-height: 22px; width: 60px; font-size: 12px; font-size: 1.2rem; /* border-radius: 0 12px 0 12px; */ } } .header .logo:hover .logo-txt { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 100%; } .header .lang-box { float: right; position: relative; margin-top: 41px; } @media screen and (max-width: 1219px) { .header .lang-box { margin-top: 36px; } } @media screen and (max-width: 991px) { .header .lang-box { margin-top: 8px; position: absolute; right: 40px; top: 5px; } } .header .lang-box .item-title { font-size: 14px; font-size: 1.4rem; color: #333; cursor: pointer; } .header .lang-box .item-title .iconfont { display: inline-block; vertical-align: middle; line-height: 24px; color: #333; font-size: 20px; font-size: 2rem; } .header .lang-box .item-title .icon-bottom { font-size: 12px !important; font-size: 1.2rem !important; margin-left: 1px; vertical-align: middle; margin-right: 0; color: #333; } @media screen and (max-width: 991px) { .header .lang-box .item-title { font-size: 12px; font-size: 1.2rem; } .header .lang-box .item-title .iconfont { font-size: 17px; font-size: 1.7rem; } } .header .lang-box .box-list { position: absolute; top: 100%; padding: 5px; background-color: #333; z-index: 999; width: 105px; left: 50%; margin-left: -60px; display: none; text-align: center; } .header .lang-box .box-list a { display: block; color: #fff; line-height: 28px; font-size: 14px; font-size: 1.4rem; } .header .lang-box .box-list a:hover { background-color: #fff; color: #0662AA; } @media screen and (max-width: 767px) { .header .lang-box .box-list a { font-size: 12px; font-size: 1.2rem; line-height: 20px; } } .header .navlist { float: right; margin-top: 41px; margin-right: 55px; font-size: 0; letter-spacing: 0; } .header .navlist > li { display: inline-block; vertical-align: top; margin-left: 54px; padding-bottom: 26px; } .header .navlist > li:first-child { margin-left: 0; } .header .navlist > li > a { color: #333; font-size: 16px; font-size: 1.6rem; display: block; line-height: 24px; position: relative; padding-bottom: 10px; } .header .navlist > li > a:before { position: absolute; content: ''; width: 0; height: 2px; left: 0; right: 0; margin: 0 auto; background-color: #333; bottom: 0; } .header .navlist > li.nav-active > a:before, .header .navlist > li:hover > a:before { width: auto; } /*@media screen and (max-width: 1419px) { .header .navlist > li { margin-left: 40px; } }*/ @media screen and (max-width: 1419px) { .header .navlist > li { margin-left: 7px; } } @media screen and (max-width: 1219px) { .header .navlist { margin-right: 20px; margin-top: 36px; } .header .navlist > li { margin-left: 10px; } .header .navlist > li > a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .header .navlist { display: none; margin-right: 20px; margin-top: 29px; } .header .navlist > li { margin-left: 25px; padding-bottom: 29px; } .header .navlist > li > a { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 767px) { .header .navlist { display: none; } } .header .navlist li:hover .yiji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; } .header .navlist>li{ position: relative; } .header .yiji { z-index: 99; position: absolute; top: 100%; /*width: 150px;*/ width: 250px; left: 0; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; /*background-color: #010A0E; background-color: rgba(1, 10, 14, 0.9);*/ background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .header .yiji li { position: relative; /*text-align: center;*/ /*border-top-color: rgba(62, 74, 77, 0.95);*/ } .header .yiji li:hover{ background-color: #0662AA;} /*.header .yiji li a:first-child { border-top: 0; }*/ .header .yiji li > a { border-top: solid 1px #e1e1e1; display: block; line-height: 20px; padding: 15px 15px; font-size: 16px; font-size: 1.6rem; /*color: #fff;*/ color: #333; } .header .erji li:hover{ background:none;} .header .yiji li:hover > a { background-color: #0662AA; color: #fff; } .header .erji li:hover > a {background:none; color:#0662AA;} .header .yiji li:hover .erji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; } @media screen and (max-width: 1219px) { .header .yiji li > a { padding: 6px 10px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .header .yiji { display: none; } } .header .yiji li .erji a{ font-size: 14px; font-size: 1.4rem; } .header .erji li:hover .sanji, .header .sanji li:hover .siji { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); visibility: visible; opacity: 1; } .header .erji, .header .sanji { position: absolute; left: 100%; top: 0; margin-left: 5px; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; width: 200px; /*background-color: #010A0E; background-color: rgba(1, 10, 14, 0.9); */ background: #f7f7f7; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); max-height: calc(100vh - 101px); overflow-y: auto; } .header .erji > li, .header .sanji > li { text-align: left; } /*-------------header end------------------------------------------------------------------*/ /*-------------footer start----------------------------------------------------------------*/ .footer { background: url(../images/bg5.jpg) no-repeat left bottom; background-size: cover; } .footer .f-top { border-bottom: solid 1px #404040; border-bottom-color: rgba(64, 64, 64, 0.5); padding: 26px 0 8px; } .footer .f-top .wp { font-size: 0; letter-spacing: 0; } .footer .f-top .footer-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; line-height: 1.5; margin-bottom: 16px; } .footer .f-top .footer-title, .footer .f-top .footer-title a { color: #e5e5e5; } .footer .f-top .footer-title a:hover { color: #0662AA; } @media screen and (max-width: 1219px) { .footer .f-top .footer-title { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 991px) { .footer .f-top .footer-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 6px; } } @media screen and (max-width: 767px) { .footer .f-top .footer-title { font-size: 16px; font-size: 1.6rem; } } .footer .f-top .flist { display: inline-block; vertical-align: top; margin-bottom: 12px; padding-right: 15px; } .footer .f-top .flist .box-list { font-size: 16px; font-size: 1.6rem; line-height: 30px; } .footer .f-top .flist .box-list, .footer .f-top .flist .box-list a { color: #D3D3D3; } .footer .f-top .flist .box-list a:hover { color: #0662AA; } @media screen and (max-width: 1219px) { .footer .f-top .flist .box-list { font-size: 14px; font-size: 1.4rem; } } .footer .f-top .flist1 { width: 334px; } @media screen and (max-width: 1419px) { .footer .f-top .flist1 { width: 278px; } } @media screen and (max-width: 1219px) { .footer .f-top .flist1 { width: 230px; } } @media screen and (max-width: 991px) { .footer .f-top .flist1 { width: 100%; padding-right: 0; text-align: center; } } .footer .f-top .flist1 .item-tel { font-size: 30px; font-size: 3rem; line-height: 1.5; font-weight: bold; color: #e5e5e5; margin: -3px 0 21px; } @media screen and (max-width: 1219px) { .footer .f-top .flist1 .item-tel { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 991px) { .footer .f-top .flist1 .item-tel { font-size: 22px; font-size: 2.2rem; margin: 0 0 15px; } } @media screen and (max-width: 767px) { .footer .f-top .flist1 .item-tel { font-size: 18px; font-size: 1.8rem; } } .footer .f-top .flist1 .img-list { font-size: 0; letter-spacing: 0; } .footer .f-top .flist1 .img-list .list-item { display: inline-block; vertical-align: top; width: 90px; margin-left: 30px; } .footer .f-top .flist1 .img-list .list-item:first-child { margin-left: 0; } @media screen and (max-width: 1219px) { .footer .f-top .flist1 .img-list .list-item { margin-left: 20px; } } .footer .f-top .flist1 .img-list .item-title { margin-top: 7px; font-size: 12px; font-size: 1.2rem; line-height: 15px; color: #fff; text-align: center; } @media screen and (max-width: 1219px) { .footer .f-top .flist1 .img-list .item-title { line-height: 20px; } } .footer .f-top .flist2 { width: 285px; } @media screen and (max-width: 1419px) { .footer .f-top .flist2 { width: 210px; } } @media screen and (max-width: 1219px) { .footer .f-top .flist2 { width: 180px; } } @media screen and (max-width: 991px) { .footer .f-top .flist2 { display: none; } } .footer .f-top .flist3 { width: 215px; } @media screen and (max-width: 1419px) { .footer .f-top .flist3 { width: 180px; } } @media screen and (max-width: 1219px) { .footer .f-top .flist3 { width: 140px; } } @media screen and (max-width: 991px) { .footer .f-top .flist3 { display: none; } } .footer .f-top .flist4 { width: 214px; } @media screen and (max-width: 1419px) { .footer .f-top .flist4 { width: 180px; } } @media screen and (max-width: 1219px) { .footer .f-top .flist4 { width: 140px; } } @media screen and (max-width: 991px) { .footer .f-top .flist4 { display: none; } } .footer .f-top .flist5 { padding-right: 0; width: 352px; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 { width: 270px; } } @media screen and (max-width: 991px) { .footer .f-top .flist5 { display: none; } } .footer .f-top .flist5 .item-form { padding-top: 8px; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form { padding-top: 0; } } .footer .f-top .flist5 .item-form input, .footer .f-top .flist5 .item-form textarea { display: block; width: 100%; background-color: #3D3D3D; background-color: rgba(61, 61, 61, 0.8); padding: 0 10px; color: #999; font-size: 14px; font-size: 1.4rem; } .footer .f-top .flist5 .item-form input { height: 32px; line-height: 32px; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form input { height: 32px; line-height: 32px; } } .footer .f-top .flist5 .item-form textarea { height: 83px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form textarea { height: 60px; } } .footer .f-top .flist5 .item-form .item-input { margin-bottom: 10px; } .footer .f-top .flist5 .item-form .item-code { float: left; width: 136px; margin-right: 8px; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form .item-code { width: 200px; } } .footer .f-top .flist5 .item-form .item-img { float: left; cursor: pointer; line-height: 40px; background-color: #F3FBFE; } .footer .f-top .flist5 .item-form .item-img img { max-height: 40px; vertical-align: middle; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form .item-img { line-height: 32px; } .footer .f-top .flist5 .item-form .item-img img { max-height: 32px; } } .footer .f-top .flist5 .item-form .item-btn { float: right; width: 106px; } .footer .f-top .flist5 .item-form .item-btn input { font-size: 16px; font-size: 1.6rem; background-color: #0662AA; color: #fff; } @media screen and (max-width: 1219px) { .footer .f-top .flist5 .item-form .item-btn { width: 100%; margin-top: 10px; } } .footer .f-top .f-keys { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 20px; } .footer .f-top .f-keys, .footer .f-top .f-keys a { color: #999999; } .footer .f-top .f-keys a:hover { color: #0662AA; } @media screen and (max-width: 991px) { .footer .f-top .f-keys { display: none; } } .footer .f-bot { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 8px 0 15px; } .footer .f-bot, .footer .f-bot a { color: #999999; } .footer .f-bot a:hover { color: #0662AA; } @media screen and (max-width: 767px) { .footer .f-bot { font-size: 12px; font-size: 1.2rem; } } .footer .f-bot .copyright { margin-bottom: 5px; } .footer .f-bot .links a { display: inline-block; margin-right: 30px; } @media screen and (max-width: 991px) { .footer .f-bot .links { display: none; } } /*-------------footer end------------------------------------------------------------------*/ /*-------------index start-----------------------------------------------------------------*/ .index-item { text-align: center; margin-bottom: 55px; } @media screen and (max-width: 1419px) { .index-item { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .index-item { margin-bottom: 40px !important; } } @media screen and (max-width: 991px) { .index-item { margin-bottom: 30px !important; } } @media screen and (max-width: 767px) { .index-item { margin-bottom: 20px !important; } } .index-item .item-title { font-weight: bold; font-size: 44px; font-size: 4.4rem; line-height: 1.3; padding-bottom: 23px; margin-bottom: 24px; position: relative; } .index-item .item-title, .index-item .item-title a { color: #0662AA; } .index-item .item-title a { display: inline-block; } .index-item .item-title a:hover { color: #000 !important; } .index-item .item-title:before { /*position: absolute; content: ''; width: 6.42857%; height: 3px; background-color: #0662AA; left: 0; right: 0; margin: 0 auto; bottom: 0;*/ } @media screen and (max-width: 1419px) { .index-item .item-title { font-size: 38px; font-size: 3.8rem; } } @media screen and (max-width: 1219px) { .index-item .item-title { font-size: 32px; font-size: 3.2rem; padding-bottom: 20px; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .index-item .item-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 15px; padding-bottom: 15px; } } @media screen and (max-width: 767px) { .index-item .item-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; margin-bottom: 10px; } .index-item .item-title:before { height: 3px; } } .index-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 24px; } @media screen and (max-width: 1219px) { .index-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } @media screen and (max-width: 767px) { .index-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } } .index-probox { padding: 80px 0 56px; } @media screen and (max-width: 1219px) { .index-probox { padding: 70px 0 40px; } } @media screen and (max-width: 991px) { .index-probox { padding: 50px 0 20px; } } @media screen and (max-width: 767px) { .index-probox { padding: 30px 0 10px; } } .index-probox .box-list { font-size: 0; letter-spacing: 0; } .index-probox .box-list .list-item { display: inline-block; vertical-align: top; width: 22.14286%; margin-left: 3.80952%; margin-bottom: 30px; } @media screen and (max-width: 991px) { .index-probox .box-list .list-item { width: 23.5%; margin-left: 2%; } } @media screen and (max-width: 640px) { .index-probox .box-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } } .index-probox .box-list .item-pic a { position: relative; display: block; padding-bottom: 100%; } .index-probox .box-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .index-probox .box-list .item-title { font-weight: bold; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin-top: 14px; } @media screen and (max-width: 1219px) { .index-probox .box-list .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .index-probox .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } } @media screen and (max-width: 767px) { .index-probox .box-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } .index-about { background: url(../images/bg1.jpg) no-repeat center; background-attachment: fixed; position: relative; padding: 58px 0 113px; } .index-about:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg1.jpg) no-repeat center; background-size: cover; z-index: -1; } @media screen and (max-width: 1419px) { .index-about { padding-bottom: 90px; } } @media screen and (max-width: 1219px) { .index-about { padding-bottom: 70px; } } @media screen and (max-width: 991px) { .index-about { padding: 50px 0; } } @media screen and (max-width: 767px) { .index-about { padding: 30px 0; } } .index-about .index-item .item-title, .index-about .index-item .item-title a { color: #fff; } .index-about .index-item .item-title:before { background-color: #fff; } .index-about .index-item .item-title a:hover { color: #0662AA !important; } .index-about .index-item .item-desc, .index-about .index-item .item-desc a { color: #fff; } .index-about .box-body .item-pic { float: left; width: 54.21875%; margin-left: 3.64583%; margin-right: 6.35417%; } @media screen and (max-width: 1619px) { .index-about .box-body .item-pic { width: 56.92708%; margin-right: 3.64583%; } } @media screen and (max-width: 767px) { .index-about .box-body .item-pic { width: 100%; padding: 0 15px; float: none; margin: 0 auto 20px; } } .index-about .box-body .box-list { overflow: hidden; background-color: #000; background-color: rgba(0, 0, 0, 0.6); text-align: center; padding: 13px 0; } @media screen and (max-width: 991px) { .index-about .box-body .box-list { padding: 10px 0; } } .index-about .box-body .box-list .list-item { padding: 28px 0; } @media screen and (max-width: 1619px) { .index-about .box-body .box-list .list-item { padding: 20px 0; } } @media screen and (max-width: 1419px) { .index-about .box-body .box-list .list-item { padding: 15px 0; } } @media screen and (max-width: 1219px) { .index-about .box-body .box-list .list-item { padding: 10px 0; } } @media screen and (max-width: 767px) { .index-about .box-body .box-list .list-item { padding: 8px 0; } } .index-about .box-body .box-list .item-title { /*font-weight: bold;*/ font-size: 20px; font-size: 2rem; line-height: 1.3; } .index-about .box-body .box-list .item-title, .index-about .box-body .box-list .item-title a { color: #fff; } @media screen and (max-width: 1619px) { .index-about .box-body .box-list .item-title { font-size: 42px; font-size: 4.2rem; } } @media screen and (max-width: 1419px) { .index-about .box-body .box-list .item-title { font-size: 34px; font-size: 3.4rem; } } @media screen and (max-width: 1219px) { .index-about .box-body .box-list .item-title { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 991px) { .index-about .box-body .box-list .item-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .index-about .box-body .box-list .item-title { font-size: 16px; font-size: 1.6rem; } } .index-about .box-body .box-list .item-desc { font-size: 20px; font-size: 2rem; line-height: 1.3; } .index-about .box-body .box-list .item-desc, .index-about .box-body .box-list .item-desc a { color: #fff; } .index-about .box-body .box-list .item-desc span { font-weight: bold; font-size: 48px; font-size: 4.8rem; } @media screen and (max-width: 1619px) { .index-about .box-body .box-list .item-desc span { font-size: 42px; font-size: 4.2rem; } } @media screen and (max-width: 1419px) { .index-about .box-body .box-list .item-desc { font-size: 18px; font-size: 1.8rem; } .index-about .box-body .box-list .item-desc span { font-size: 34px; font-size: 3.4rem; } } @media screen and (max-width: 1219px) { .index-about .box-body .box-list .item-desc { font-size: 16px; font-size: 1.6rem; } .index-about .box-body .box-list .item-desc span { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 991px) { .index-about .box-body .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } .index-about .box-body .box-list .item-desc span { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .index-about .box-body .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } .index-about .box-body .box-list .item-desc span { font-size: 16px; font-size: 1.6rem; } } .index-news { padding: 83px 0 65px; } @media screen and (max-width: 1219px) { .index-news { padding: 70px 0 55px; } } @media screen and (max-width: 991px) { .index-news { padding: 50px 0 35px; } } @media screen and (max-width: 767px) { .index-news { padding: 30px 0 20px; } } .index-news .index-item { margin-bottom: 34px; } .index-news .box-list { float: left; width: 62.85714%; margin-right: 2.85714%; font-size: 0; letter-spacing: 0; } @media screen and (max-width: 991px) { .index-news .box-list { width: 100%; margin-right: 0; float: none; } } .index-news .box-list .list-item { display: inline-block; vertical-align: top; width: 47.04545%; margin-left: 5.90909%; } @media screen and (max-width: 991px) { .index-news .box-list .list-item { width: 49%; margin-left: 2%; margin-bottom: 20px; } } @media screen and (max-width: 400px) { .index-news .box-list .list-item { width: 100%; margin-left: 0%; margin-bottom: 20px; } } .index-news .box-list .item-body { background-color: #F7F7F7; padding: 20px 20px 31px; } @media screen and (max-width: 1419px) { .index-news .box-list .item-body { padding: 20px 15px 31px; } } @media screen and (max-width: 1219px) { .index-news .box-list .item-body { padding: 20px 10px; } } @media screen and (max-width: 991px) { .index-news .box-list .item-body { padding: 15px 10px; } } @media screen and (max-width: 767px) { .index-news .box-list .item-body { padding: 10px 5px; } } .index-news .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 10px; } @media screen and (max-width: 1219px) { .index-news .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } } @media screen and (max-width: 767px) { .index-news .box-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } .index-news .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; height: 60px; margin-bottom: 15px; } @media screen and (max-width: 1219px) { .index-news .box-list .item-desc { line-height: 24px; height: 48px; } } @media screen and (max-width: 767px) { .index-news .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 40px; margin-bottom: 10px; } } .index-news .box-list .item-date { float: left; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #999; } .index-news .box-list .item-date .iconfont { font-size: 16px; font-size: 1.6rem; margin-right: 5px; } @media screen and (max-width: 1219px) { .index-news .box-list .item-date { font-size: 12px; font-size: 1.2rem; } .index-news .box-list .item-date .iconfont { font-size: 14px; font-size: 1.4rem; } } .index-news .box-list .item-btn { float: right; font-size: 14px; font-size: 1.4rem; color: #0662AA; line-height: 20px; border-bottom: solid 1px #0662AA; } @media screen and (max-width: 1219px) { .index-news .box-list .item-btn { font-size: 12px; font-size: 1.2rem; } } .index-news .box-list1 { overflow: hidden; } .index-news .box-list1 .list-item { margin-bottom: 16px; background-color: #F7F7F7; padding: 27px 0 24px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .index-news .box-list1 .list-item:hover { background-color: #0662AA; } .index-news .box-list1 .list-item:hover .item-date, .index-news .box-list1 .list-item:hover .item-date a, .index-news .box-list1 .list-item:hover .item-date span, .index-news .box-list1 .list-item:hover .item-date a:hover, .index-news .box-list1 .list-item:hover .item-title, .index-news .box-list1 .list-item:hover .item-title a, .index-news .box-list1 .list-item:hover .item-title span, .index-news .box-list1 .list-item:hover .item-title a:hover, .index-news .box-list1 .list-item:hover .item-desc, .index-news .box-list1 .list-item:hover .item-desc a, .index-news .box-list1 .list-item:hover .item-desc span, .index-news .box-list1 .list-item:hover .item-desc a:hover { color: #fff !important; } @media screen and (max-width: 1419px) { .index-news .box-list1 .list-item { padding: 20px 0; } } @media screen and (max-width: 1219px) { .index-news .box-list1 .list-item { padding: 16px 0; } } @media screen and (max-width: 767px) { .index-news .box-list1 .list-item { padding: 15px 0; } } .index-news .box-list1 .item-date { float: left; width: 108px; padding-top: 5px; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #999; } .index-news .box-list1 .item-date span { display: block; font-size: 40px; font-size: 4rem; color: #0662AA; margin-bottom: 13px; } @media screen and (max-width: 1419px) { .index-news .box-list1 .item-date span { font-size: 36px; font-size: 3.6rem; margin-bottom: 5px; } } @media screen and (max-width: 1219px) { .index-news .box-list1 .item-date { width: 90px; font-size: 14px; font-size: 1.4rem; } .index-news .box-list1 .item-date span { font-size: 32px; font-size: 3.2rem; } } @media screen and (max-width: 991px) { .index-news .box-list1 .item-date { width: 80px; font-size: 12px; font-size: 1.2rem; } .index-news .box-list1 .item-date span { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 767px) { .index-news .box-list1 .item-date { width: 80px; } .index-news .box-list1 .item-date span { font-size: 24px; font-size: 2.4rem; } } .index-news .box-list1 .item-body { overflow: hidden; padding-right: 15px; } @media screen and (max-width: 767px) { .index-news .box-list1 .item-body { padding-right: 10px; } } .index-news .box-list1 .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 15px; } @media screen and (max-width: 1419px) { .index-news .box-list1 .item-title { margin-bottom: 11px; } } @media screen and (max-width: 1219px) { .index-news .box-list1 .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } } @media screen and (max-width: 767px) { .index-news .box-list1 .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } .index-news .box-list1 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; height: 60px; } @media screen and (max-width: 1219px) { .index-news .box-list1 .item-desc { line-height: 24px; height: 48px; } } @media screen and (max-width: 767px) { .index-news .box-list1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 40px; } } .index-tjyd { padding-bottom: 74px; } @media screen and (max-width: 1219px) { .index-tjyd { padding-bottom: 60px; } } @media screen and (max-width: 991px) { .index-tjyd { padding-bottom: 40px; } } @media screen and (max-width: 767px) { .index-tjyd { padding-bottom: 20px; } } .index-tjyd .box-body .item-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .index-tjyd .box-body .item-bg img { display: block; width: 100%; } .index-tjyd .box-body .item-body { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; padding: 0 30px 12px; } @media screen and (max-width: 1419px) { .index-tjyd .box-body .item-body { padding: 0 20px 10px; } } @media screen and (max-width: 1219px) { .index-tjyd .box-body .item-body { padding: 0 15px 10px; } } @media screen and (max-width: 991px) { .index-tjyd .box-body .item-body { padding: 0 10px 5px; } } .index-tjyd .box-body .item-body .item-title { font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 24px; } .index-tjyd .box-body .item-body .item-title, .index-tjyd .box-body .item-body .item-title a { color: #fff; } @media screen and (max-width: 1219px) { .index-tjyd .box-body .item-body .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .index-tjyd .box-body .item-body .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } .index-tjyd .box-body .item-body .item-desc { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; font-size: 14px; font-size: 1.4rem; margin-top: 9px; line-height: 30px; height: 60px; } .index-tjyd .box-body .item-body .item-desc, .index-tjyd .box-body .item-body .item-desc a { color: #fff; } @media screen and (min-width: 992px) { .index-tjyd .box-body .item-body .item-desc { margin-bottom: -44px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @media screen and (min-width: 1220px) { .index-tjyd .box-body .item-body .item-desc { margin-bottom: -52px; } } @media screen and (min-width: 1420px) { .index-tjyd .box-body .item-body .item-desc { margin-bottom: -62px; } } @media screen and (max-width: 1419px) { .index-tjyd .box-body .item-body .item-desc { line-height: 26px; height: 52px; } } @media screen and (max-width: 1219px) { .index-tjyd .box-body .item-body .item-desc { line-height: 22px; height: 44px; margin-top: 5px; } } @media screen and (max-width: 991px) { .index-tjyd .box-body .item-body .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: auto; margin-top: 0; } .index-tjyd .box-body .item-body .item-desc a { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } @media screen and (min-width: 992px) { .index-tjyd .box-body .left-item:hover .item-desc, .index-tjyd .box-body .list-item:hover .item-desc { visibility: visible; margin-bottom: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } .index-tjyd .box-body .left-item { float: left; width: 27.85714%; margin-right: 1.07143%; position: relative; overflow: hidden; } @media screen and (max-width: 640px) { .index-tjyd .box-body .left-item { float: none; margin: 0 auto 15px; width: 100%; max-width: 390px; } } @media screen and (max-width: 480px) { .index-tjyd .box-body .left-item { max-width: 378px; } } .index-tjyd .box-body .left-item .item-pic a { display: block; overflow: hidden; padding-bottom: 143.58974%; } .index-tjyd .box-body .left-item .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .index-tjyd .box-body .box-list { overflow: hidden; font-size: 0; letter-spacing: 0; } .index-tjyd .box-body .box-list .list-item { display: inline-block; vertical-align: top; margin-left: 1.40704%; margin-bottom: 1.80905%; position: relative; overflow: hidden; } @media screen and (max-width: 480px) { .index-tjyd .box-body .box-list .list-item { width: 100% !important; margin-left: 0; max-width: 378px; margin: 0 auto 15px !important; display: block; } } .index-tjyd .box-body .box-list .item-pic a { display: block; overflow: hidden; padding-bottom: 44.94196%; } .index-tjyd .box-body .box-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .index-tjyd .box-body .box-list .item1 { width: 37.98995%; } .index-tjyd .box-body .box-list .item1 .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; } .index-tjyd .box-body .box-list .item1 .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 71.69312%; height: 0; } .index-tjyd .box-body .box-list .item1 .item-videobox .item-video iframe, .index-tjyd .box-body .box-list .item1 .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .index-tjyd .box-body .box-list .item1 .item-videobox .item-video iframe body { margin: 0px !important; } .index-tjyd .box-body .box-list .item2 { width: 60.60302%; } /*-------------index end-------------------------------------------------------------------*/ .page_wrap { /*padding: 92px 0 110px;*/ } @media screen and (max-width: 1419px) { .page_wrap { padding: 30px 0; } } @media screen and (max-width: 1219px) { .page_wrap { padding: 30px 0; } } @media screen and (max-width: 991px) { .page_wrap { padding: 20px 0; } } @media screen and (max-width: 767px) { .page_wrap { padding: 20px 0; } } /*-------------1-¹طسع±¦بَ start-------------------------------------------------------------*/ .about_bar { background: #F8F8F8; box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); text-align: center; margin-bottom: 62px; } @media screen and (max-width: 1419px) { .about_bar { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .about_bar { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .about_bar { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about_bar { margin-bottom: 20px; } } .about_bar .wp { font-size: 0; letter-spacing: 0; } @media screen and (max-width: 767px) { .about_bar .wp { padding: 0; } } .about_bar .wp a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 22px 15px; min-width: 163px; text-align: center; margin-left: 7%; } .about_bar .wp a:first-child { margin-left: 0; } .about_bar .wp a:hover, .about_bar .wp a.active { background-color: #0662AA; color: #fff; } @media screen and (max-width: 1419px) { .about_bar .wp a { margin-left: 5.71429%; padding: 15px; } } @media screen and (max-width: 1219px) { .about_bar .wp a { margin-left: 3.57143%; font-size: 18px; font-size: 1.8rem; padding: 12px 15px; } } @media screen and (max-width: 991px) { .about_bar .wp a { font-size: 16px; font-size: 1.6rem; min-width: auto; padding: 8px 15px; width: 48%; margin-left: 1%; } } @media screen and (max-width: 767px) { .about_bar .wp a { font-size: 14px; font-size: 1.4rem; padding: 6px 5px; } } @media screen and (max-width: 480px) { .about_bar .wp a { font-size: 13px; font-size: 1.3rem; } } .about-box1 { margin-top: -12px; margin-bottom: 110px; /* .item-videobox start */ /* .item-videobox end */ } @media screen and (max-width: 1419px) { .about-box1 { margin-top: 0; margin-bottom: 90px; } } @media screen and (max-width: 1219px) { .about-box1 { margin-bottom: 70px; } } @media screen and (max-width: 991px) { .about-box1 { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .about-box1 { margin-bottom: 30px; } } .about-box1 .page-title { margin-bottom: 61px; } @media screen and (max-width: 1419px) { .about-box1 .page-title { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .about-box1 .page-title { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .about-box1 .page-title { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about-box1 .page-title { margin-bottom: 20px; } } .about-box1 .item-videobox { float: right; overflow: hidden; width: 45%; margin-left: 5%; position: relative; } .about-box1 .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 63.49206%; height: 0; } .about-box1 .item-videobox .item-video iframe, .about-box1 .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: auto; border: none; } .about-box1 .item-videobox .item-video iframe body { margin: 0px !important; } @media screen and (max-width: 1419px) { .about-box1 .item-videobox { margin-left: 3.57143%; } } @media screen and (max-width: 1219px) { .about-box1 .item-videobox { margin-left: 2.14286%; } } @media screen and (max-width: 640px) { .about-box1 .item-videobox { float: none; margin: 0 auto 20px; width: 100%; } } .about-box1 .item-title { font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 1.5; color: #0662AA; margin-top: -3px; margin-bottom: 21px; overflow: visible; } @media screen and (max-width: 1419px) { .about-box1 .item-title { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 1219px) { .about-box1 .item-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 15px; } } @media screen and (max-width: 991px) { .about-box1 .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .about-box1 .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } } .about-box1 .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #666; overflow: visible; } .about-box1 .item-desc p { min-height: 30px; } @media screen and (max-width: 1219px) { .about-box1 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .about-box1 .item-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .about-box1 .item-desc { line-height: 22px; } .about-box1 .item-desc p { min-height: 22px; } } @media screen and (max-width: 767px) { .about-box1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .about-box1 .item-desc p { min-height: 20px; } } .about-box2 { background-color: #F8F8F8; padding: 58px 0 75px; } @media screen and (max-width: 991px) { .about-box2 { padding: 50px 0; } } @media screen and (max-width: 767px) { .about-box2 { padding: 30px 0; } } .about-box2 .page-title { margin-bottom: 41px; } @media screen and (max-width: 1219px) { .about-box2 .page-title { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .about-box2 .page-title { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about-box2 .page-title { margin-bottom: 20px; } } .about-box2 .box-desc { margin-bottom: 34px; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; } .about-box2 .box-desc p { min-height: 30px; } .about-box2 .box-desc, .about-box2 .box-desc a { color: #666; } @media screen and (max-width: 1419px) { .about-box2 .box-desc, .about-box1 .item-desc { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .about-box2 .box-desc, .about-box1 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .about-box2 .box-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .about-box2 .box-desc { line-height: 22px; margin-bottom: 30px; } .about-box2 .box-desc p { min-height: 22px; } } @media screen and (max-width: 767px) { .about-box2 .box-desc, .about-box1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 20px; } .about-box2 .box-desc p { min-height: 20px; } } .about-box2 .box-title { font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 1.5; color: #0662AA; text-align: center; padding-bottom: 70px; margin-bottom: 20px; position: relative; } @media screen and (max-width: 1419px) { .about-box2 .box-title { padding-bottom: 60px; } } @media screen and (max-width: 1219px) { .about-box2 .box-title { padding-bottom: 50px; } } @media screen and (max-width: 991px) { .about-box2 .box-title { padding-bottom: 40px; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .about-box2 .box-title { padding-bottom: 30px; margin-bottom: 10px; } } .about-box2 .box-title:before { position: absolute; content: ''; width: 1px; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 61px; background-color: #BFBFBF; display: block; } @media screen and (max-width: 1419px) { .about-box2 .box-title:before { height: 50px; } } @media screen and (max-width: 1219px) { .about-box2 .box-title:before { height: 40px; } } @media screen and (max-width: 991px) { .about-box2 .box-title:before { height: 30px; } } @media screen and (max-width: 767px) { .about-box2 .box-title:before { height: 20px; } } @media screen and (max-width: 1419px) { .about-box2 .box-title { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 1219px) { .about-box2 .box-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 991px) { .about-box2 .box-title { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .about-box2 .box-title { font-size: 18px; font-size: 1.8rem; } } .about-box2 .box-list { font-size: 0; letter-spacing: 0; text-align: center; position: relative; padding-top: 17px; } .about-box2 .box-list:before { position: absolute; content: ''; top: 0; left: 12.64286%; right: 12.64286%; height: 1px; background-color: #BFBFBF; top: 0; } .about-box2 .box-list .list-item { display: inline-block; vertical-align: top; width: 28%; margin-left: 8%; } @media screen and (max-width: 767px) { .about-box2 .box-list .list-item { width: 32%; margin-left: 2%; } } .about-box2 .box-list .item-num { font-size: 70px; font-size: 7rem; font-weight: bold; color: #0662AA; } .about-box2 .box-list .item-num em { font-style: normal; } @media screen and (max-width: 1419px) { .about-box2 .box-list .item-num { font-size: 58px; font-size: 5.8rem; } } @media screen and (max-width: 1219px) { .about-box2 .box-list .item-num { font-size: 46px; font-size: 4.6rem; } } @media screen and (max-width: 991px) { .about-box2 .box-list .item-num { font-size: 34px; font-size: 3.4rem; } } @media screen and (max-width: 767px) { .about-box2 .box-list .item-num { font-size: 22px; font-size: 2.2rem; } } .about-box2 .box-list .item-title { margin-top: 6px; font-size: 18px; font-size: 1.8rem; line-height: 1.5; } @media screen and (max-width: 1419px) { .about-box2 .box-list .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .about-box2 .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 0; } } @media screen and (max-width: 767px) { .about-box2 .box-list .item-title { font-size: 12px; font-size: 1.2rem; } } .about-box3 { padding: 74px 0 87px; } @media screen and (max-width: 1219px) { .about-box3 { padding: 70px 0; } } @media screen and (max-width: 991px) { .about-box3 { padding: 50px 0; } } @media screen and (max-width: 767px) { .about-box3 { padding: 30px 0; } } .about-box3 .page-title { margin-bottom: 49px; } @media screen and (max-width: 1219px) { .about-box3 .page-title { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .about-box3 .page-title { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about-box3 .page-title { margin-bottom: 20px; } } .about-box3 .box-desc { margin-bottom: 54px; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #666; } .about-box3 .box-desc p { min-height: 30px; } @media screen and (max-width: 1419px) { .about-box3 .box-desc { margin-bottom: 50px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .about-box3 .box-desc { margin-bottom: 40px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } } @media screen and (max-width: 991px) { .about-box3 .box-desc { margin-bottom: 30px; line-height: 22px; } } @media screen and (max-width: 767px) { .about-box3 .box-desc { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } } .about3-owl { width: 105%; margin-left: -2.5%; } .about3-owl .list-item { margin: 0 7.14286%; text-align: center; } .about3-owl .owl-theme .owl-controls .owl-pagination { margin-top: 25px; } @media screen and (max-width: 1219px) { .about3-owl .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } } @media screen and (max-width: 991px) { .about3-owl .owl-theme .owl-controls .owl-pagination { margin-top: 15px; } } .about3-owl .owl-theme .owl-controls .owl-page span { width: 13px; height: 13px; border: 0; margin: 0 6px; border-radius: 50%; background-color: #B6D0E4; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } @media screen and (max-width: 1219px) { .about3-owl .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } } @media screen and (max-width: 991px) { .about3-owl .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } } @media screen and (max-width: 767px) { .about3-owl .owl-theme .owl-controls .owl-page span { margin: 0 2px; width: 8px; height: 8px; } } .about3-owl .owl-theme .owl-controls .owl-page.active span, .about3-owl .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #0662AA; } .about-box4 { background-color: #F8F8F8; padding: 58px 0 50px; } @media screen and (max-width: 767px) { .about-box4 { padding: 30px 0; } } .about-box4 .page-title { margin-bottom: 64px; } @media screen and (max-width: 1419px) { .about-box4 .page-title { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .about-box4 .page-title { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .about-box4 .page-title { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .about-box4 .page-title { margin-bottom: 20px; } } .about-box4 .m-hmap { position: relative; height: 563px; } .about-box4 .m-hmap .box-map { position: absolute !important; left: -80px; top: -68px; width: 875.64103px; height: 721.79487px; background: none !important; -webkit-transform: scale(1.115); -moz-transform: scale(1.115); -ms-transform: scale(1.115); -o-transform: scale(1.115); transform: scale(1.115); } .about-box4 .m-hmap .jvectormap-zoomin, .about-box4 .m-hmap .jvectormap-zoomout { display: none !important; } .about-box4 .m-hmap .list-item { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 36.78571%; display: none; } @media screen and (max-width: 1219px) { .about-box4 .m-hmap .list-item { width: 25%; } } .about-box4 .m-hmap .list-item .item-pic img { width: auto; } .about-box4 .m-hmap .list-item .item-title { font-size: 22px; font-size: 2.2rem; line-height: 1.5; font-weight: bold; margin-top: 40px; } @media screen and (max-width: 1419px) { .about-box4 .m-hmap .list-item .item-title { font-size: 20px; font-size: 2rem; margin-top: 20px; } } @media screen and (max-width: 1219px) { .about-box4 .m-hmap .list-item .item-title { font-size: 18px; font-size: 1.8rem; margin-top: 10px; } } @media screen and (max-width: 991px) { .about-box4 .m-hmap .list-item .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 767px) { .about-box4 .m-hmap .list-item .item-title { font-size: 14px; font-size: 1.4rem; } } .about-box4 .m-hmap .list-item .item-name { display: none; } .about-box4 .m-hmap .list-item .item-desc { margin-top: 30px; font-size: 16px; font-size: 1.6rem; line-height: 30px; } @media screen and (max-width: 1419px) { .about-box4 .m-hmap .list-item .item-desc { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } } @media screen and (max-width: 1219px) { .about-box4 .m-hmap .list-item .item-desc { margin-top: 5px; font-size: 12px; font-size: 1.2rem; line-height: 22px; } } .about-box4 .m-hmap .list-item.hide { display: none !important; } .about-box4 .m-hmap .box-mapimg { display: none; } .about-box4 .m-hmap .box-menu { display: none; } @media screen and (max-width: 991px) { .about-box4 .g-hmap { background: none; } .about-box4 .m-hmap { height: auto; } .about-box4 .m-hmap .box-map { display: none; } .about-box4 .m-hmap .box-mapimg { display: block; } .about-box4 .m-hmap .list-item { position: relative; right: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; margin-top: 20px; display: none; } .about-box4 .m-hmap .list-item:first-child { display: block; } .about-box4 .m-hmap .box-menu { position: relative; z-index: 2; display: block; margin-top: 30px; margin-bottom: 20px; } .about-box4 .m-hmap .menu-btn { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 38px; line-height: 28px; font-size: 16px; font-size: 1.6rem; font-weight: bold; cursor: pointer; border: 1px solid #4b4b4b; } .about-box4 .m-hmap .menu-btn.active { color: #0662AA; } .about-box4 .m-hmap .menu-btn:after { content: ""; position: absolute; right: 15px; top: 18px; border-top: 8px solid #898989; border-left: 6px solid transparent; border-right: 6px solid transparent; } .about-box4 .m-hmap .menu-wp { position: absolute; top: 100%; background-color: #fff; width: 100%; overflow-y: scroll; padding: 10px 0; display: none; } .about-box4 .m-hmap .menu-list { max-height: 240px; } .about-box4 .m-hmap .menu-item a { display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 38px; line-height: 24px; font-size: 14px; font-size: 1.4rem; font-weight: bold; } .about-box4 .m-hmap .menu-item a:hover, .about-box4 .m-hmap .menu-item a.active { color: #0662AA; background-color: #e4e2e2; } .about-box4 .m-hmap .menu-item.hide { display: none !important; } } .about-box5 { padding: 80px 0 57px; } @media screen and (max-width: 1219px) { .about-box5 { padding: 70px 0 0; } } @media screen and (max-width: 991px) { .about-box5 { padding: 50px 0 0; } } @media screen and (max-width: 767px) { .about-box5 { padding: 30px 0 0; } } .about-box5 .page-title { margin-bottom: 117px; } @media screen and (max-width: 1419px) { .about-box5 .page-title { margin-bottom: 100px; } } @media screen and (max-width: 1219px) { .about-box5 .page-title { margin-bottom: 70px; } } @media screen and (max-width: 991px) { .about-box5 .page-title { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .about-box5 .page-title { margin-bottom: 30px; } } .about-box5 .his-box { width: 100%; position: relative; } .about-box5 .his-box:before { content: ""; width: 100%; height: 2px; position: absolute; left: 0; top: 92px; background: #0662AA; } @media screen and (max-width: 991px) { .about-box5 .his-box:before { display: none; } } .about-box5 .his-box .swiper-slide { width: 25%; } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-slide { width: 100%; } } .about-box5 .his-box .swiper-slide .slide-holder { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0 0 0 40px; } .about-box5 .his-box .swiper-slide .slide-holder:hover { color: #0662AA; } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-slide .slide-holder { position: relative; margin-left: 27px; padding: 0 0 20px 25px; border-left: 1px solid #0662AA; } } .about-box5 .his-box .swiper-slide .author-wrap { position: relative; } .about-box5 .his-box .swiper-slide .author-wrap:before { content: ""; position: absolute; left: 0; bottom: -22px; border-radius: 100%; width: 20px; height: 20px; background: #0662AA; } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-slide .author-wrap:before { left: -33px; top: 7px; width: 15px; height: 15px; } } .about-box5 .his-box .swiper-slide .author-wrap .role { display: block; height: 80px; line-height: 80px; font-size: 60px; font-size: 6rem; font-weight: bold; } @media screen and (max-width: 1419px) { .about-box5 .his-box .swiper-slide .author-wrap .role { font-size: 50px; font-size: 5rem; } } @media screen and (max-width: 1219px) { .about-box5 .his-box .swiper-slide .author-wrap .role { font-size: 40px; font-size: 4rem; } } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-slide .author-wrap .role { height: auto; line-height: 30px; font-size: 30px; font-size: 3rem; } } @media screen and (max-width: 767px) { .about-box5 .his-box .swiper-slide .author-wrap .role { font-size: 20px; font-size: 2rem; } } .about-box5 .his-box .swiper-slide .item-desc { margin-top: 42px; font-size: 18px; font-size: 1.8rem; line-height: 30px; } @media screen and (max-width: 1419px) { .about-box5 .his-box .swiper-slide .item-desc { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .about-box5 .his-box .swiper-slide .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-top: 35px; } } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-slide .item-desc { margin-top: 10px; } } .about-box5 .his-box .swiper-slide-active .slide-holder { color: #0662AA; } .about-box5 .his-box .swiper-slide-next .slide-holder { -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .about-box5 .his-box .swiper-slide-prev .slide-holder { -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .about-box5 .his-box .swiper-slide-active .slide-holder, .about-box5 .his-box .swiper-slide-next .slide-holder, .about-box5 .his-box .swiper-slide-prev .slide-holder { /*opacity:0.8;*/ } .about-box5 .his-box .swiper-pagination { width: 100%; text-align: center; } .about-box5 .his-box .swiper-pagination span { opacity: 1; margin: 0 7px; background: #424882; } .about-box5 .his-box .swiper-pagination .swiper-pagination-bullet-active { background: #FFFFFF; } .about-box5 .his-box .swiper-btn-next, .about-box5 .his-box .swiper-btn-prev { position: absolute; width: 18px; height: 32px; z-index: 10; opacity: 0.8; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .about-box5 .his-box .swiper-btn-next:hover, .about-box5 .his-box .swiper-btn-prev:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .about-box5 .his-box .swiper-btn-prev { left: 0; top: 50%; margin-top: -16px; } .about-box5 .his-box .swiper-btn-next { right: 0; top: 50%; margin-top: -16px; } .about-box5 .his-box .swiper-slide-active .slide-holder { /*-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);*/ } @media screen and (max-width: 991px) { .about-box5 .his-box .swiper-wrapper { display: inline; } } /*-------------1-¹طسع±¦بَ end---------------------------------------------------------------*/ /*-------------2-²ْئ·-1 start--------------------------------------------------------------*/ .pro_bar { background: #F8F8F8; box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); } .pro_bar .wp { font-size: 0; letter-spacing: 0; text-align: center; } .pro_bar .wp a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 22px 15px; min-width: 163px; text-align: center; margin-left: 99px; } .pro_bar .wp a:first-child { margin-left: 0; } .pro_bar .wp a:hover, .pro_bar .wp a.active { background-color: #0662AA; color: #fff; } @media screen and (max-width: 1419px) { .pro_bar .wp a { margin-left: 50px; padding: 15px; } } @media screen and (max-width: 1219px) { .pro_bar .wp a { margin-left: 20px; font-size: 18px; font-size: 1.8rem; padding: 12px 15px; } } @media screen and (max-width: 991px) { .pro_bar .wp a { font-size: 16px; font-size: 1.6rem; min-width: auto; padding: 8px 15px; width: 23.5%; margin-left: 2%; } } @media screen and (max-width: 767px) { .pro_bar .wp a { font-size: 14px; font-size: 1.4rem; padding: 6px 10px; } } .pro1-main { padding-top: 21px; /*margin-top: -102px;*/ } @media screen and (max-width: 767px) { .pro1-main { padding-top: 10px; } } @media screen and (max-width: 1219px) { .pro1-main { margin-top: -96px; } } @media screen and (max-width: 991px) { .pro1-main { margin-top: -75px; } } @media screen and (max-width: 767px) { .pro1-main { margin-top: -55px; } } .pro1-main .box-item { margin-bottom: -102px; padding-top: 133px; } .pro1-main .box-item:last-child { margin-bottom: 0; } @media screen and (max-width: 1219px) { .pro1-main .box-item { padding-top: 116px; margin-bottom: -96px; } } @media screen and (max-width: 991px) { .pro1-main .box-item { padding-top: 95px; margin-bottom: -75px; } } @media screen and (max-width: 767px) { .pro1-main .box-item { padding-top: 65px; margin-bottom: -55px; } } .pro1-main .box-item .box-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.5; position: relative; color: #0662AA; padding-bottom: 15px; margin-bottom: 39px; } .pro1-main .box-item .box-title:before { position: absolute; content: ''; width: 40px; height: 3px; background-color: #0662AA; bottom: 0; left: 0; } @media screen and (max-width: 1419px) { .pro1-main .box-item .box-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 1219px) { .pro1-main .box-item .box-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; margin-bottom: 30px; } } @media screen and (max-width: 991px) { .pro1-main .box-item .box-title { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .pro1-main .box-item .box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 20px; padding-bottom: 6px; } .pro1-main .box-item .box-title:before { width: 35px; height: 2px; } } @media screen and (max-width: 480px) { .pro1-main .box-item .box-title { font-size: 14px; font-size: 1.4rem; } } .pro1-main .box-list { font-size: 0; letter-spacing: 0; } .pro1-main .box-list .list-item { display: inline-block; vertical-align: top; width: 22.14286%; margin-left: 3.80952%; margin-bottom: 30px; } @media screen and (max-width: 991px) { .pro1-main .box-list .list-item { width: 23.5%; margin-left: 2%; } } @media screen and (max-width: 640px) { .pro1-main .box-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } } .pro1-main .box-list .item-pic a { position: relative; display: block; padding-bottom: 100%; } .pro1-main .box-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pro1-main .box-list .item-title { font-weight: bold; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin-top: 15px; } @media screen and (max-width: 1219px) { .pro1-main .box-list .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .pro1-main .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } } @media screen and (max-width: 767px) { .pro1-main .box-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } /*-------------2-²ْئ·-1 end----------------------------------------------------------------*/ /*-------------2-²ْئ·-2 start--------------------------------------------------------------*/ .pro2-box1 { background-color: #F5F5F5; /* .item-videobox start */ /* .item-videobox end */ } .pro2-box1 .item-videobox { float: right; overflow: hidden; width: 900px; } .pro2-box1 .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 66.66667%; height: 0; } .pro2-box1 .item-videobox .item-video iframe, .pro2-box1 .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .pro2-box1 .item-videobox .item-video iframe body { margin: 0px !important; } @media screen and (max-width: 1419px) { .pro2-box1 .item-videobox { width: 610px; } } @media screen and (max-width: 1219px) { .pro2-box1 .item-videobox { width: 500px; margin-left: 30px; } } @media screen and (max-width: 991px) { .pro2-box1 .item-videobox { width: 50%; margin-left: 20px; } } @media screen and (max-width: 640px) { .pro2-box1 .item-videobox { width: 100%; margin: 0 auto; float: none; } } @media screen and (max-width: 991px) { .pro2-box1 .item-body { padding: 30px 0; } } @media screen and (max-width: 767px) { .pro2-box1 .item-body { padding: 20px 0; } } @media screen and (max-width: 480px) { .pro2-box1 .item-body { padding: 15px 0; } } .pro2-box1 .item-info { max-width: 500px; height: 600px; display: table-cell; vertical-align: middle; } @media screen and (max-width: 1419px) { .pro2-box1 .item-info { height: 406px; } } @media screen and (max-width: 1219px) { .pro2-box1 .item-info { height: 333px; } } @media screen and (max-width: 991px) { .pro2-box1 .item-info { height: auto; display: inline; max-width: 100%; height: auto; } } .pro2-box1 .item-title { color: #0662AA; font-weight: bold; font-size: 34px; font-size: 3.4rem; line-height: 1.5; margin-bottom: 15px; } @media screen and (max-width: 1419px) { .pro2-box1 .item-title { font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 1219px) { .pro2-box1 .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px; } } @media screen and (max-width: 991px) { .pro2-box1 .item-title { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .pro2-box1 .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } } .pro2-box1 .item-subt { font-size: 16px; font-size: 1.6rem; border-bottom: solid 1px #DEDEDE; color: #666; padding-bottom: 33px; margin-bottom: 35px; } @media screen and (max-width: 1419px) { .pro2-box1 .item-subt { margin-bottom: 20px; padding-bottom: 15px; } } @media screen and (max-width: 1219px) { .pro2-box1 .item-subt { margin-bottom: 15px; padding-bottom: 10px; } } @media screen and (max-width: 991px) { .pro2-box1 .item-subt { overflow: hidden; } } @media screen and (max-width: 767px) { .pro2-box1 .item-subt { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; padding-bottom: 5px; } } .pro2-box1 .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; } .pro2-box1 .item-desc p { min-height: 30px; } @media screen and (max-width: 1219px) { .pro2-box1 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .pro2-box1 .item-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .pro2-box1 .item-desc { line-height: 22px; } .pro2-box1 .item-desc p { min-height: 22px; } } @media screen and (max-width: 767px) { .pro2-box1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .pro2-box1 .item-desc p { min-height: 20px; } } .pro2-box2 .box-item { padding: 108px 0 120px; } @media screen and (max-width: 1419px) { .pro2-box2 .box-item { padding: 90px 0; } } @media screen and (max-width: 1219px) { .pro2-box2 .box-item { padding: 70px 0; } } @media screen and (max-width: 991px) { .pro2-box2 .box-item { padding: 50px 0; } } @media screen and (max-width: 767px) { .pro2-box2 .box-item { padding: 30px 0; } } .pro2-box2 .item2 { background-color: #F5F5F5; } .pro2-box2 .item-pic { width: 46.71429%; } @media screen and (max-width: 480px) { .pro2-box2 .item-pic { width: 100% !important; margin: 0 auto 15px !important; float: none !important; } } .pro2-box2 .item-pic.pull-left { margin-right: 6.42857%; } @media screen and (max-width: 1419px) { .pro2-box2 .item-pic.pull-left { margin-right: 3.57143%; } } @media screen and (max-width: 1219px) { .pro2-box2 .item-pic.pull-left { margin-right: 2.14286%; } } .pro2-box2 .item-pic.pull-right { margin-left: 6.42857%; } @media screen and (max-width: 1419px) { .pro2-box2 .item-pic.pull-right { margin-left: 3.57143%; } } @media screen and (max-width: 1219px) { .pro2-box2 .item-pic.pull-right { margin-left: 2.14286%; } } .pro2-box2 .item-videobox { width: 100%; overflow: hidden; } .pro2-box2 .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 71.10092%; height: 0; } .pro2-box2 .item-videobox .item-video iframe, .pro2-box2 .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .pro2-box2 .item-videobox .item-video iframe body { margin: 0px !important; } .pro2-box2 .item-body { display: table-cell; vertical-align: middle; height: 465px; } @media screen and (max-width: 1419px) { .pro2-box2 .item-body { height: 399px; } } @media screen and (max-width: 1219px) { .pro2-box2 .item-body { height: 319px; } } @media screen and (max-width: 991px) { .pro2-box2 .item-body { height: auto; display: inline; } } .pro2-box2 .item-title { font-size: 34px; font-size: 3.4rem; font-weight: bold; line-height: 1.5; color: #0662AA; margin-bottom: 36px; overflow: visible; } @media screen and (max-width: 1419px) { .pro2-box2 .item-title { font-size: 30px; font-size: 3rem; margin-bottom: 30px; } } @media screen and (max-width: 1219px) { .pro2-box2 .item-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .pro2-box2 .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .pro2-box2 .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } } @media screen and (max-width: 640px) { .pro2-box2 .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } } .pro2-box2 .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; overflow: visible; } .pro2-box2 .item-desc p { min-height: 30px; } @media screen and (max-width: 1219px) { .pro2-box2 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .pro2-box2 .item-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .pro2-box2 .item-desc { line-height: 22px; } .pro2-box2 .item-desc p { min-height: 22px; } } @media screen and (max-width: 767px) { .pro2-box2 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .pro2-box2 .item-desc p { min-height: 20px; } } .pro2-box3 { background: url(../images/bg4.jpg) no-repeat center; background-size: cover; text-align: center; padding: 174px 0 159px; margin-bottom: 102px; } @media screen and (max-width: 1419px) { .pro2-box3 { padding: 100px 0; margin-bottom: 90px; } } @media screen and (max-width: 1219px) { .pro2-box3 { padding: 70px 0; margin-bottom: 70px; } } @media screen and (max-width: 991px) { .pro2-box3 { padding: 50px 0; margin-bottom: 50px; } } @media screen and (max-width: 767px) { .pro2-box3 { padding: 30px 0; margin-bottom: 30px; } } .pro2-box3 .item-title { font-size: 34px; font-size: 3.4rem; font-weight: bold; line-height: 1.5; text-align: center; color: #fff; margin-bottom: 36px; } @media screen and (max-width: 1419px) { .pro2-box3 .item-title { font-size: 30px; font-size: 3rem; margin-bottom: 30px; } } @media screen and (max-width: 1219px) { .pro2-box3 .item-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .pro2-box3 .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .pro2-box3 .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } } @media screen and (max-width: 640px) { .pro2-box3 .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } } .pro2-box3 .item-desc { color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; } .pro2-box3 .item-desc p { min-height: 30px; } @media screen and (max-width: 1219px) { .pro2-box3 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .pro2-box3 .item-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .pro2-box3 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; } .pro2-box3 .item-desc p { min-height: 22px; } } @media screen and (max-width: 767px) { .pro2-box3 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .pro2-box3 .item-desc p { min-height: 20px; } } .pro2-box4 .box-title { font-size: 34px; font-size: 3.4rem; font-weight: bold; line-height: 1.5; text-align: center; color: #0662AA; margin-bottom: 36px; } @media screen and (max-width: 1419px) { .pro2-box4 .box-title { font-size: 30px; font-size: 3rem; margin-bottom: 30px; } } @media screen and (max-width: 1219px) { .pro2-box4 .box-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .pro2-box4 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .pro2-box4 .box-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } } .pro2-box4 .box-list { font-size: 0; letter-spacing: 0; } .pro2-box4 .box-list .list-item { display: inline-block; vertical-align: top; width: 23.57143%; margin-left: 1.90476%; margin-top: 20px; } @media screen and (max-width: 1219px) { .pro2-box4 .box-list .list-item { width: 23.5%; margin-left: 2%; } } @media screen and (max-width: 480px) { .pro2-box4 .box-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; } } .pro2-box4 .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 1.5; text-align: center; margin-top: 17px; } @media screen and (max-width: 1419px) { .pro2-box4 .box-list .item-title { margin-top: 10px; } } @media screen and (max-width: 1219px) { .pro2-box4 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .pro2-box4 .box-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } /*-------------2-²ْئ·-2 end----------------------------------------------------------------*/ /*-------------3-ذآخإضذذؤ-1 start-----------------------------------------------------------*/ .news-bar { background: #F8F8F8; box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); /*margin-bottom: 80px;*/ margin-bottom: 45px; text-align: center; } @media screen and (max-width: 1419px) { .news-bar { margin-bottom: 60px; } } @media screen and (max-width: 1219px) { .news-bar { margin-bottom: 50px; } } @media screen and (max-width: 991px) { .news-bar { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .news-bar { margin-bottom: 30px; } } .news-bar .wp { font-size: 0; letter-spacing: 0; } .news-bar .wp a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 22px 15px; min-width: 250px; text-align: center; margin-left: 18.92857%; } .news-bar .wp a:first-child { margin-left: 0; } .news-bar .wp a:hover, .news-bar .wp a.active { background-color: #0662AA; color: #fff; } @media screen and (max-width: 1419px) { .news-bar .wp a { padding: 15px; } } @media screen and (max-width: 1219px) { .news-bar .wp a { font-size: 18px; font-size: 1.8rem; padding: 12px 15px; } } @media screen and (max-width: 991px) { .news-bar .wp a { font-size: 16px; font-size: 1.6rem; min-width: auto; padding: 8px 15px; width: 47%; margin-left: 6%; } } @media screen and (max-width: 767px) { .news-bar .wp a { font-size: 14px; font-size: 1.4rem; padding: 6px 10px; } } .news1-list { padding-bottom: 10px; font-size: 0; letter-spacing: 0; } .news1-list .list-item { margin-bottom: 71px; width: 100%; background-color: #F7F7F7; display: inline-block; vertical-align: top; } @media screen and (max-width: 1419px) { .news1-list .list-item { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .news1-list .list-item { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .news1-list .list-item { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .news1-list .list-item { margin-bottom: 20px; } } @media screen and (max-width: 480px) { .news1-list .list-item { width: 48%; margin: 0 1% 20px; padding-bottom: 0; border-bottom: 0; } } .news1-list .item-pic { float: left; width: 29.57143%; margin-right: 4.28571%; } .news1-list .item-pic a { display: block; position: relative; padding-bottom: 72.46377%; } .news1-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } @media screen and (max-width: 1419px) { .news1-list .item-pic { margin-right: 2.14286%; width: 24%;} } @media screen and (max-width: 767px) { .news1-list .item-pic { width: 200px; margin-right: 10px; } } @media screen and (max-width: 480px) { .news1-list .item-pic { float: none; width: 100%; margin: 0 auto; } } .news1-list .item-body { overflow: hidden; padding-right: 40px; padding-top: 49px; } @media screen and (max-width: 1419px) { .news1-list .item-body { padding-right: 20px; padding-top: 30px; } } @media screen and (max-width: 1219px) { .news1-list .item-body { padding-top: 15px; } } @media screen and (max-width: 767px) { .news1-list .item-body { padding-right: 15px; } } @media screen and (max-width: 480px) { .news1-list .item-body { padding: 10px 5px; } } .news1-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin-bottom: 25px; } @media screen and (max-width: 1419px) { .news1-list .item-title { margin-bottom: 20px; } } @media screen and (max-width: 1219px) { .news1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } } @media screen and (max-width: 991px) { .news1-list .item-title { margin-bottom: 5px; } } @media screen and (max-width: 767px) { .news1-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; } } .news1-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 90px; margin-bottom: 47px; } @media screen and (max-width: 1419px) { .news1-list .item-desc { /*margin-bottom: 35px;*/ margin-bottom: 10px; } } @media screen and (max-width: 1219px) { .news1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 78px; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .news1-list .item-desc { line-height: 22px; height: 66px; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .news1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 60px; } } @media screen and (max-width: 480px) { .news1-list .item-desc { margin-bottom: 5px; height: 40px; } .news1-list .item-desc a { -webkit-line-clamp: 2; } } .news1-list .item-date { float: left; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #999; } .news1-list .item-date .iconfont { font-size: 16px; font-size: 1.6rem; margin-right: 5px; margin-left: 1px; } @media screen and (max-width: 1219px) { .news1-list .item-date { font-size: 12px; font-size: 1.2rem; } .news1-list .item-date .iconfont { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 480px) { .news1-list .item-date .iconfont { font-size: 12px; font-size: 1.2rem; } } .news1-list .item-btn { float: right; font-size: 14px; font-size: 1.4rem; color: #0662AA; line-height: 20px; border-bottom: solid 1px #0662AA; } @media screen and (max-width: 1219px) { .news1-list .item-btn { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 480px) { .news1-list .item-btn { display: none; } } /*-------------3-ذآخإضذذؤ-1 end-------------------------------------------------------------*/ /*-------------3-ذآخإضذذؤ-2 start-----------------------------------------------------------*/ .ac-list { font-size: 0; letter-spacing: 0; padding-bottom: 25px; } .ac-list .list-item { display: inline-block; vertical-align: top; width: 46.42857%; margin-left: 7.14286%; margin-bottom: 66px; } @media screen and (max-width: 1419px) { .ac-list .list-item { width: 49%; margin-left: 2%; margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .ac-list .list-item { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .ac-list .list-item { margin-bottom: 30px; width: 100%; margin-left: 0; } } @media screen and (max-width: 767px) { .ac-list .list-item { margin-bottom: 20px; } } .ac-list .item-pic { float: left; width: 46.15385%; margin-right: 5.69231%; border: solid 1px #E9E9E9; } .ac-list .item-pic a { display: block; position: relative; padding-bottom: 72.46377%; } .ac-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } @media screen and (max-width: 1419px) { .ac-list .item-pic { margin-right: 4.61538%; } } @media screen and (max-width: 991px) { .ac-list .item-pic { width: 170px; margin-right: 20px; } } @media screen and (max-width: 767px) { .ac-list .item-pic { width: 130px; margin-right: 10px; } } .ac-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 1.5; font-weight: bold; margin-top: 33px; } @media screen and (max-width: 1419px) { .ac-list .item-title { margin-top: 20px; } } @media screen and (max-width: 1219px) { .ac-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 0; } } @media screen and (max-width: 767px) { .ac-list .item-title { font-size: 14px; font-size: 1.4rem; } } .ac-list .item-desc { margin-top: 9px; font-size: 16px; font-size: 1.6rem; line-height: 30px; } .ac-list .item-desc, .ac-list .item-desc a { color: #333; } .ac-list .item-desc p { position: relative; padding-left: 90px; } .ac-list .item-desc p:last-child { padding-left: 90px; } @media screen and (max-width: 1219px) { .ac-list .item-desc p { position: relative; padding-left: 70px; } .ac-list .item-desc p:last-child { padding-left: 130px; } } .ac-list .item-desc strong { position: absolute; left: 0; font-weight: normal; } @media screen and (max-width: 1219px) { .ac-list .item-desc { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } } @media screen and (max-width: 767px) { .ac-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .ac-list .item-desc p { padding-left: 40px; } .ac-list .item-desc p:last-child { padding-left: 50px; } } /*-------------3-ذآخإضذذؤ-2 end-------------------------------------------------------------*/ /*-------------3-ذآخإضذذؤ-3 start-----------------------------------------------------------*/ .news2-main > .item-title { text-align: center; font-size: 26px; font-size: 2.6rem; line-height: 1.5; font-weight: bold; } @media screen and (max-width: 1419px) { .news2-main > .item-title { font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 1219px) { .news2-main > .item-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 991px) { .news2-main > .item-title { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .news2-main > .item-title { font-size: 18px; font-size: 1.8rem; } } .news2-main .item-date { text-align: center; margin-top: 27px; font-size: 0; letter-spacing: 0; } .news2-main .item-date > span { color: #999; margin-right: 15px; line-height: 26px; display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 1219px) { .news2-main .item-date { margin-top: 20px; } } @media screen and (max-width: 991px) { .news2-main .item-date > span { margin-right: 10px; } } @media screen and (max-width: 767px) { .news2-main .item-date { margin-top: 15px; } .news2-main .item-date > span { font-size: 12px; font-size: 1.2rem; } } .news2-main .pro-share { display: inline-block; vertical-align: middle; } .news2-main .pro-share .share-title { color: #999; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 1219px) { .news2-main .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .news2-main .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } } .news2-main .item-desc { margin-top: 27px; border-top: solid 1px #E7E7E7; border-bottom: solid 1px #E7E7E7; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 27px 0 50px; } .news2-main .item-desc p { min-height: 30px; } .news2-main .item-desc img, .news2-main .item-desc iframe { max-width: 100%; vertical-align: top; } @media screen and (max-width: 1219px) { .news2-main .item-desc { margin-top: 15px; padding: 25px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } .news2-main .item-desc p { min-height: 26px; } } @media screen and (max-width: 991px) { .news2-main .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .news2-main .item-desc p { min-height: 24px; } } @media screen and (max-width: 767px) { .news2-main .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 15px 0 25px; } .news2-main .item-desc p { min-height: 20px; } } /*-------------3-ذآخإضذذؤ-3 end-------------------------------------------------------------*/ /*-------------4-سأ»§·‏خٌ-1 start-----------------------------------------------------------*/ .page-title { text-align: center; font-weight: bold; font-size: 40px; font-size: 4rem; line-height: 1.5; color: #0662AA; position: relative; padding-bottom: 20px; } .page-title:before { /*position: absolute; content: ''; width: 6.42857%; height: 3px; background-color: #0662AA; left: 0; right: 0; margin: 0 auto; bottom: 0;*/ } @media screen and (max-width: 1419px) { .page-title { font-size: 34px; font-size: 3.4rem; padding-bottom: 15px; } } @media screen and (max-width: 1219px) { .page-title { font-size: 28px; font-size: 2.8rem; padding-bottom: 10px; } } @media screen and (max-width: 991px) { .page-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .page-title { font-size: 18px; font-size: 1.8rem; padding-bottom: 5px; } } .service-main { margin-top: 95px; } @media screen and (max-width: 1419px) { .service-main { margin-top: 50px; } } @media screen and (max-width: 1219px) { .service-main { margin-top: 30px; } } @media screen and (max-width: 991px) { .service-main { margin-top: 20px; } } @media screen and (max-width: 767px) { .service-main { margin-top: 0; } } .service-main .box-list { font-size: 0; letter-spacing: 0; } .service-main .box-list .list-item { display: inline-block; vertical-align: top; width: 26%; margin-left: 11%; margin-top: 30px; text-align: center; } @media screen and (max-width: 1419px) { .service-main .box-list .list-item { width: 32%; margin-left: 2%; } } @media screen and (max-width: 640px) { .service-main .box-list .list-item { margin-left: 0; width: 100%; text-align: center; } } .service-main .box-list .item-top { font-size: 0; letter-spacing: 0; } .service-main .box-list .item-top > * { display: inline-block; vertical-align: middle; } .service-main .box-list .item-icon { width: 91px; height: 91px; border-radius: 50%; border: solid 2px #0662AA; line-height: 88px; text-align: center; font-size: 40px; font-size: 4rem; color: #0662AA; margin-right: 30px; } @media screen and (max-width: 1419px) { .service-main .box-list .item-icon { margin-right: 20px; width: 84px; height: 84px; line-height: 80px; } } @media screen and (max-width: 1219px) { .service-main .box-list .item-icon { width: 66px; height: 66px; line-height: 62px; font-size: 36px; font-size: 3.6rem; margin-right: 15px; } } @media screen and (max-width: 991px) { .service-main .box-list .item-icon { width: 54px; height: 54px; line-height: 50px; font-size: 30px; font-size: 3rem; margin-right: 10px; } } @media screen and (max-width: 767px) { .service-main .box-list .item-icon { width: 44px; height: 44px; line-height: 40px; font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 640px) { .service-main .box-list .item-icon { float: none; margin: 0 auto 10px; display: block; } } .service-main .box-list .item-body { overflow: hidden; text-align: left; } @media screen and (max-width: 640px) { .service-main .box-list .item-body { text-align: center; } } .service-main .box-list .item-title { font-weight: bold; font-size: 40px; font-size: 4rem; color: #0662AA; line-height: 1.5; margin-top: -2px; } @media screen and (max-width: 1419px) { .service-main .box-list .item-title { font-size: 34px; font-size: 3.4rem; } } @media screen and (max-width: 1219px) { .service-main .box-list .item-title { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 991px) { .service-main .box-list .item-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .service-main .box-list .item-title { font-size: 18px; font-size: 1.8rem; } } .service-main .box-list .item-subt { font-weight: bold; font-size: 22px; font-size: 2.2rem; color: #0662AA; line-height: 1.3; } @media screen and (max-width: 1419px) { .service-main .box-list .item-subt { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 1219px) { .service-main .box-list .item-subt { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 991px) { .service-main .box-list .item-subt { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 767px) { .service-main .box-list .item-subt { font-size: 14px; font-size: 1.4rem; } } .service-main .box-list .item-desc { margin-top: 27px; font-size: 18px; font-size: 1.8rem; line-height: 30px; } @media screen and (max-width: 1419px) { .service-main .box-list .item-desc { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .service-main .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 20px; } } @media screen and (max-width: 991px) { .service-main .box-list .item-desc { margin-top: 15px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 767px) { .service-main .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 10px; } } /*-------------4-سأ»§·‏خٌ-1 end-------------------------------------------------------------*/ /*-------------4-سأ»§·‏خٌ-2 start-----------------------------------------------------------*/ .tech-list { font-size: 0; letter-spacing: 0; padding: 67px 0 7px; } @media screen and (max-width: 1419px) { .tech-list { padding-top: 50px; } } @media screen and (max-width: 1219px) { .tech-list { padding-top: 40px; } } @media screen and (max-width: 991px) { .tech-list { padding-top: 30px; } } @media screen and (max-width: 767px) { .tech-list { padding-top: 20px; } } .tech-list .list-item { display: inline-block; vertical-align: top; width: 30%; margin-left: 5%; margin-bottom: 62px; } @media screen and (max-width: 1419px) { .tech-list .list-item { margin-bottom: 40px; } } @media screen and (max-width: 1219px) { .tech-list .list-item { margin-bottom: 30px; width: 32%; margin-left: 2%; } } @media screen and (max-width: 991px) { .tech-list .list-item { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .tech-list .list-item { margin-bottom: 20px; } } @media screen and (max-width: 480px) { .tech-list .list-item { width: 48%; margin: 0 1% 20px; } } .tech-list .item-pic { display: block; position: relative; padding-bottom: 76.19048%; } .tech-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } @media screen and (max-width: 991px) { .tech-list .item-backdrop { display: none; } } .tech-list .item-backdrop:before { position: absolute; content: ''; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .tech-list .item-title { font-size: 18px; font-size: 1.8rem; text-align: center; line-height: 24px; margin-top: 21px; } @media screen and (max-width: 1419px) { .tech-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 15px; } } @media screen and (max-width: 1219px) { .tech-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-top: 10px; } } @media screen and (max-width: 767px) { .tech-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } /*-------------4-سأ»§·‏خٌ-2 end-------------------------------------------------------------*/ /*-------------5-¼سبëخزأا-1 start-----------------------------------------------------------*/ .zp-list { padding-top: 53px; padding-bottom: 57px; } @media screen and (max-width: 1419px) { .zp-list { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 1219px) { .zp-list { padding-top: 40px; } } @media screen and (max-width: 991px) { .zp-list { padding-top: 30px; padding-bottom: 40px; } } @media screen and (max-width: 767px) { .zp-list { padding-top: 20px; padding-bottom: 30px; } } .zp-list .list-item.active { background-color: #F7F7F7; } .zp-list .list-item.active .item-body { display: block; } .zp-list .list-item.active .iconfont:before { content: '\e746'; } .zp-list .item-body { display: none; padding: 24px 40px 28px; background-color: #F7F7F7; font-size: 14px; font-size: 1.4rem; line-height: 30px; } .zp-list .item-body p { min-height: 25px; } .zp-list .item-body strong { font-size: 16px; font-size: 1.6rem; display: block; margin-bottom: 13px; } .zp-list .item-body .item-btn { display: inline-block; padding: 0 10px; line-height: 38px; border: solid 1px #0662AA; background-color: #0662AA; text-align: center; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-top: 25px; } @media screen and (max-width: 1419px) { .zp-list .item-body .item-btn { width: 110px; line-height: 32px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .zp-list .item-body .item-btn { line-height: 28px; width: 90px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 767px) { .zp-list .item-body .item-btn { line-height: 22px; width: 80px; } } @media screen and (max-width: 1419px) { .zp-list .item-body { padding: 20px 30px; } } @media screen and (max-width: 1219px) { .zp-list .item-body { padding: 20px; line-height: 26px; } } @media screen and (max-width: 991px) { .zp-list .item-body { line-height: 20px; font-size: 12px; font-size: 1.2rem; } .zp-list .item-body p { min-height: 20px; } .zp-list .item-body strong { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .zp-list .item-body { padding: 15px 10px; } } .zp-list .zp-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 11px 0 14px 40px; background-color: #F7F7F7; } .zp-list .zp-row p { padding-right: 10px; } .zp-list .zp-row .p1 { text-align: left; -webkit-box-flex: 3.5; -webkit-flex: 3.5; -moz-box-flex: 3.5; -ms-flex: 3.5; flex: 3.5; } .zp-list .zp-row .p2 { text-align: left; -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .zp-row .p3 { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .zp-row .p4 { -webkit-box-flex: 4.5; -webkit-flex: 4.5; -moz-box-flex: 4.5; -ms-flex: 4.5; flex: 4.5; } .zp-list .zp-row .p5 { padding-right: 0; width: 27.20588%; text-align: left; } @media screen and (max-width: 1419px) { .zp-list .zp-row { font-size: 18px; font-size: 1.8rem; padding-left: 30px; } } @media screen and (max-width: 1219px) { .zp-list .zp-row { font-size: 16px; font-size: 1.6rem; padding-left: 20px; } } @media screen and (max-width: 991px) { .zp-list .zp-row { font-size: 14px; font-size: 1.4rem; padding-top: 8px; padding-bottom: 8px; } } @media screen and (max-width: 767px) { .zp-list .zp-row { padding: 6px 0; font-size: 12px; font-size: 1.2rem; } .zp-list .zp-row .p1 { padding: 0 10px; -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .zp-row .p2 { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .zp-row .p3 { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .zp-list .zp-row .p4 { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } } .zp-list .item-row { cursor: pointer; border-bottom: solid 1px #ECECEC; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 1.5; padding: 11px 0 14px 40px; } .zp-list .item-row p { padding-right: 10px; } .zp-list .item-row .p1 { text-align: left; -webkit-box-flex: 3.5; -webkit-flex: 3.5; -moz-box-flex: 3.5; -ms-flex: 3.5; flex: 3.5; } .zp-list .item-row .p2 { text-align: left; -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .item-row .p3 { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .item-row .p4 { -webkit-box-flex: 4.5; -webkit-flex: 4.5; -moz-box-flex: 4.5; -ms-flex: 4.5; flex: 4.5; } @media screen and (max-width: 1419px) { .zp-list .item-row { padding-left: 30px; } } @media screen and (max-width: 1219px) { .zp-list .item-row { font-size: 14px; font-size: 1.4rem; padding-left: 20px; } } @media screen and (max-width: 991px) { .zp-list .item-row { font-size: 12px; font-size: 1.2rem; padding-top: 8px; padding-bottom: 8px; } } @media screen and (max-width: 767px) { .zp-list .item-row { padding: 6px 0; } .zp-list .item-row .p1 { padding: 0 10px; -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .item-row .p2 { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .zp-list .item-row .p3 { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .zp-list .item-row .p4 { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } } .zp-list .item-row .p5 { padding-right: 0; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; width: 27.20588%; text-align: left; font-size: 0; letter-spacing: 0; } .zp-list .item-row .p5 > * { display: inline-block; vertical-align: middle; } .zp-list .item-row .p5 span { font-size: 16px; font-size: 1.6rem; width: 40.54054%; } .zp-list .item-row .p5 .iconfont { margin-left: 10.54054%; font-size: 14px; font-size: 1.4rem; color: #ccc; } @media screen and (max-width: 1419px) { .zp-list .item-row .p5 .iconfont { margin-left: 15px; } .zp-list .item-row .p5 span { width: 120px; } } @media screen and (max-width: 1219px) { .zp-list .item-row .p5 span { font-size: 14px; font-size: 1.4rem; width: 100px; } .zp-list .item-row .p5 .iconfont { margin-left: 10px; } } @media screen and (max-width: 991px) { .zp-list .item-row .p5 span { font-size: 12px; font-size: 1.2rem; width: 70px; } } @media screen and (max-width: 767px) { .zp-list .item-row .p5 span { width: auto; } .zp-list .item-row .p5 .item-btn { display: none; } .zp-list .item-row .p5 .iconfont { margin-left: 5px; font-size: 12px; font-size: 1.2rem; } } .zp-list .item-row .item-btn { display: inline-block; width: 143px; line-height: 38px; border: solid 1px #0662AA; background-color: #0662AA; text-align: center; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: bold; max-width: 100%; } @media screen and (max-width: 1419px) { .zp-list .item-row .item-btn { width: 110px; line-height: 32px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .zp-list .item-row .item-btn { line-height: 28px; width: 90px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 767px) { .zp-list .item-row .item-btn { line-height: 22px; width: 80px; } } /*-------------5-¼سبëخزأا-1 end-------------------------------------------------------------*/ /*-------------5-¼سبëخزأا-2 start-----------------------------------------------------------*/ .join_bar { background: #F8F8F8; box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); text-align: center; margin-bottom: 62px; } @media screen and (max-width: 1419px) { .join_bar { margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .join_bar { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .join_bar { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .join_bar { margin-bottom: 20px; } } .join_bar .wp { font-size: 0; letter-spacing: 0; } .join_bar .wp a { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 22px 15px; min-width: 163px; text-align: center; margin-left: 13.42857%; } .join_bar .wp a:first-child { margin-left: 0; } .join_bar .wp a:hover, .join_bar .wp a.active { background-color: #0662AA; color: #fff; } @media screen and (max-width: 1419px) { .join_bar .wp a { margin-left: 9.28571%; padding: 15px; } } @media screen and (max-width: 1219px) { .join_bar .wp a { margin-left: 5.71429%; font-size: 18px; font-size: 1.8rem; padding: 12px 15px; } } @media screen and (max-width: 991px) { .join_bar .wp a { font-size: 16px; font-size: 1.6rem; min-width: auto; padding: 8px 15px; width: 23.5%; margin-left: 2%; } } @media screen and (max-width: 767px) { .join_bar .wp a { font-size: 14px; font-size: 1.4rem; padding: 6px 5px; } } .bao-bar { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 64px; } @media screen and (max-width: 1219px) { .bao-bar { margin-bottom: 50px; } } @media screen and (max-width: 991px) { .bao-bar { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .bao-bar { margin-bottom: 30px; } } .bao-bar > a { display: inline-block; vertical-align: top; font-size: 26px; font-size: 2.6rem; line-height: 1.5; margin-left: 8.28571%; border-bottom: solid 2px transparent; padding-bottom: 9px; color: #666; } .bao-bar > a:first-child { margin-left: 0; } .bao-bar > a:hover, .bao-bar > a.active { color: #0662AA; border-bottom-color: #0662AA; } @media screen and (max-width: 1419px) { .bao-bar > a { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 1219px) { .bao-bar > a { font-size: 20px; font-size: 2rem; padding-bottom: 6px; } } @media screen and (max-width: 991px) { .bao-bar > a { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .bao-bar > a { font-size: 16px; font-size: 1.6rem; padding-bottom: 3px; } } /*-------------5-¼سبëخزأا-2 end-------------------------------------------------------------*/ /*-------------5-¼سبëخزأا-3 start-----------------------------------------------------------*/ .zyfz-main { font-size: 16px; font-size: 1.6rem; line-height: 30px; text-indent: 2em; } .zyfz-main p { min-height: 30px; } .zyfz-main img, .zyfz-main iframe { max-width: 100%; vertical-align: top;} @media screen and (max-width: 1219px) { .zyfz-main { font-size: 14px; font-size: 1.4rem; line-height: 26px; } .zyfz-main p { min-height: 26px; } } @media screen and (max-width: 991px) { .zyfz-main { line-height: 22px; } .zyfz-main p { min-height: 22px; } } @media screen and (max-width: 767px) { .zyfz-main { font-size: 12px; font-size: 1.2rem; line-height: 20px; } .zyfz-main p { min-height: 20px; } } /*-------------5-¼سبëخزأا-3 end-------------------------------------------------------------*/ /*-------------5-¼سبëخزأا-4 start-----------------------------------------------------------*/ .ygfc-list { font-size: 0; letter-spacing: 0; } .ygfc-list .list-item { display: inline-block; vertical-align: top; width: 45.71429%; margin-left: 8.57143%; background-color: #F4F4F4; border-radius: 20px; overflow: hidden; margin-bottom: 93px; } @media screen and (max-width: 1419px) { .ygfc-list .list-item { width: 49%; margin-left: 2%; margin-bottom: 50px; } } @media screen and (max-width: 1219px) { .ygfc-list .list-item { margin-bottom: 40px; } } @media screen and (max-width: 991px) { .ygfc-list .list-item { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .ygfc-list .list-item { margin-bottom: 20px; border-radius: 15px; } } @media screen and (max-width: 480px) { .ygfc-list .list-item { width: 100%; margin-left: 0; } } .ygfc-list .item-body { padding: 19px 20px 24px; } @media screen and (max-width: 1219px) { .ygfc-list .item-body { padding: 15px 15px 20px; } } @media screen and (max-width: 991px) { .ygfc-list .item-body { padding: 10px 10px 15px; } } @media screen and (max-width: 767px) { .ygfc-list .item-body { padding: 10px 8px 12px; } } .ygfc-list .item-pic { position: relative; padding-bottom: 50%; } .ygfc-list .item-pic img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ygfc-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; text-indent: 2em; } .ygfc-list .item-desc, .ygfc-list .item-desc a { color: #333; } @media screen and (max-width: 1219px) { .ygfc-list .item-desc { line-height: 26px; } } @media screen and (max-width: 991px) { .ygfc-list .item-desc { line-height: 24px; } } @media screen and (max-width: 767px) { .ygfc-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } } .ygfc-list .item-subt { margin-top: 20px; font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #666; } @media screen and (max-width: 1219px) { .ygfc-list .item-subt { margin-top: 10px; } } @media screen and (max-width: 767px) { .ygfc-list .item-subt { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } /*-------------5-¼سبëخزأا-4 end-------------------------------------------------------------*/ /*-------------6-ءھدµخزأا start-------------------------------------------------------------*/ .contact-box1 .box-info { float: left; width: 46.42857%; margin-right: 7.14286%; background-color: #F7F7F7; padding: 32px 50px 20px; min-height: 470px; margin-bottom: 30px; } @media screen and (max-width: 1419px) { .contact-box1 .box-info { width: 49%; margin-right: 2%; } } @media screen and (max-width: 1219px) { .contact-box1 .box-info { padding: 20px 30px; } } @media screen and (max-width: 991px) { .contact-box1 .box-info { padding: 20px; } } @media screen and (max-width: 767px) { .contact-box1 .box-info { width: 100%; min-height: auto; margin: 0 auto 30px; padding: 20px 15px 25px; float: none; } } .contact-box1 .box-info .box-title { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #0662AA; padding-bottom: 2px; } @media screen and (max-width: 1419px) { .contact-box1 .box-info .box-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 1219px) { .contact-box1 .box-info .box-title { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 991px) { .contact-box1 .box-info .box-title { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .contact-box1 .box-info .box-title { font-size: 16px; font-size: 1.6rem; } } .contact-box1 .box-info .box-list .list-item { position: relative; padding-left: 50px; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 22px; } @media screen and (max-width: 1419px) { .contact-box1 .box-info .box-list .list-item { margin-top: 20px; } } @media screen and (max-width: 1219px) { .contact-box1 .box-info .box-list .list-item { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-left: 45px; } } @media screen and (max-width: 767px) { .contact-box1 .box-info .box-list .list-item { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding-left: 40px; margin-top: 15px; } } .contact-box1 .box-info .box-list .iconfont { display: block; width: 40px; height: 40px; border-radius: 50%; line-height: 38px; text-align: center; border: solid 1px #0662AA; color: #0662AA; font-size: 23px; font-size: 2.3rem; position: absolute; left: 0; top: 15px; } @media screen and (max-width: 1219px) { .contact-box1 .box-info .box-list .iconfont { top: 9px; font-size: 20px; font-size: 2rem; width: 36px; height: 36px; line-height: 34px; } } @media screen and (max-width: 767px) { .contact-box1 .box-info .box-list .iconfont { font-size: 16px; font-size: 1.6rem; width: 30px; height: 30px; line-height: 28px; } } .contact-box1 .box-info .box-list .item-title { color: #0662AA; margin-bottom: 6px; } .contact-box1 .box-info .box-list .item-desc { font-size: 0; letter-spacing: 0; } .contact-box1 .box-info .box-list .item-desc p { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; margin-right: 30px; } .contact-box1 .box-info .box-list .item-desc p, .contact-box1 .box-info .box-list .item-desc p a { color: #333; } @media screen and (max-width: 1419px) { .contact-box1 .box-info .box-list .item-desc p { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .contact-box1 .box-info .box-list .item-desc p { font-size: 12px; font-size: 1.2rem; margin-right: 20px; } } .contact-box1 .map { overflow: hidden; margin-bottom: 48px; } .contact-box1 .map img, .contact-box1 .map iframe { display: block; } @media screen and (max-width: 991px) { .contact-box1 .map { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .contact-box1 .map { margin-bottom: 0; } } .contact-box2 { font-size: 0; letter-spacing: 0; } .contact-box2 .list-item { display: inline-block; vertical-align: top; width: 30.71429%; margin-left: 3.92857%; margin-top: 30px; } @media screen and (max-width: 1219px) { .contact-box2 .list-item { width: 32%; margin-left: 2%; } } @media screen and (max-width: 640px) { .contact-box2 .list-item { width: 48%; margin: 25px 1% 0 !important; } } @media screen and (max-width: 400px) { .contact-box2 .list-item { width: 100%; margin: 25px 0 0 !important; } } .contact-box2 .item-pic { position: relative; } .contact-box2 .item-title { position: absolute; padding: 0 10px; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 28px; font-size: 2.8rem; font-weight: bold; } @media screen and (max-width: 1419px) { .contact-box2 .item-title { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 1219px) { .contact-box2 .item-title { font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 991px) { .contact-box2 .item-title { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .contact-box2 .item-title { font-size: 18px; font-size: 1.8rem; } } .contact-box2 .item-body { position: relative; padding: 8px 24px 22px; margin: -54px 5.81395% 0; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); font-size: 16px; font-size: 1.6rem; line-height: 36px; } .contact-box2 .item-body a:hover { color: #0662AA; } .contact-box2 .item-body strong { float: left; } .contact-box2 .item-body p { overflow: hidden; } @media screen and (max-width: 1419px) { .contact-box2 .item-body { padding: 8px 20px 20px; margin-top: -54px; } } @media screen and (max-width: 1219px) { .contact-box2 .item-body { padding: 8px 15px 15px; margin-top: -30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; } } @media screen and (max-width: 991px) { .contact-box2 .item-body { padding: 8px 10px 10px; line-height: 24px; font-size: 12px; font-size: 1.2rem; margin: 0; } } @media screen and (max-width: 767px) { .contact-box2 .item-body { line-height: 20px; padding: 8px 8px 10px; } } /*-------------6-ءھدµخزأا end---------------------------------------------------------------*/ @media screen and (min-width: 992px) { .n-nav, .n-nav-icon { display: none; } } @-webkit-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale(5, 5); transform: scale(5, 5); } 100% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); transform: scale(5, 5); } 100% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale(5, 5); -moz-transform: scale(5, 5); -o-transform: scale(5, 5); transform: scale(5, 5); } 100% { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } .n-nav .n-nav-icon { position: fixed; right: 5px; top: 10px; width: 35px; height: 28px; line-height: 28px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999; } .n-nav .n-nav-icon .iconfont { font-size: 20px; font-size: 2.0rem; color: #333; } .n-nav .n-nav-icon span { display: none; width: 100%; height: 2px; margin-bottom: 4px; background-color: #0662AA; } .n-nav .n-nav-icon.active { top: 5px; background: #666 url(../fonts/nav-close.png) no-repeat center; background-size: 30px; } .n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont { display: none; } .n-nav .n-nav-body { display: none; position: fixed; z-index: 99999; top: 0; bottom: 0; width: 100%; left: 0; overflow-y: scroll; background-color: #666; padding-top: 40px; } .n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #0662AA; margin: 5px 10px; } .n-nav .box-search .item-input { width: 100%; line-height: 32px; height: 32px; padding: 0 60px 0 0; } .n-nav .box-search .iconfont { font-weight: bold; background-color: #0662AA; width: 44px; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; z-index: 0; } .n-nav .box-search .iconfont:hover { background-color: #666; } .n-nav .box-search .item-submit { position: absolute; width: 44px; height: 32px; right: 10px; top: 5px; z-index: 1; } .n-nav .box-list { margin-top: 30px; } .n-nav .box-list > li { position: relative; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: resize; -moz-animation-name: resize; animation-name: resize; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding: 0 10px; } .n-nav .box-list > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .n-nav .box-list li { position: relative; } .n-nav .box-list li .has-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../fonts/n1.png) no-repeat center; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; } .n-nav .box-list li.active > .has-next { background: url(../fonts/n2.png) no-repeat center; background-size: contain; } .n-nav .box-list .yiji-list { display: none; } .n-nav .box-list .yiji-list li { padding-left: 12px; } .n-nav .box-list .yiji-list li .has-next { right: 0; } .n-nav .box-list .yiji-list li > a { padding: 10px 25px 10px 20px; line-height: 22px; position: relative; } .n-nav .box-list .yiji-list li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; top: 19px; left: 10px; } .n-nav .box-list .erji-list { display: none; } .n-nav .box-list .sanji-list { display: none; } .page_banner { position: relative; } .page_banner .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; } .page_banner .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; } .page_banner .item-videobox .item-video iframe, .page_banner .item-videobox .item-video video, .page_banner .item-videobox .item-video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; } .page_banner .item-videobox .item-video iframe body { margin: 0px !important; } .s-banner.swiper-container .swiper-slide { position: relative; cursor: pointer; } .s-banner.swiper-container .swiper-slide img { display: block; width: 100%; } .s-banner.swiper-container .swiper-slide .banner-bg { position: absolute; top: 0; left: 0; width: 100%; display: none;} @media screen and (max-width: 991px) { .s-banner.swiper-container .swiper-slide .banner-bg { display: none; } } .s-banner.swiper-container .swiper-slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; } .s-banner.swiper-container .item-fix { position: absolute; z-index: 9999; text-align: center; left: 0; width: 100%; top: 0; height: 100%; text-align: center; } .s-banner.swiper-container .item-fix .item-body { display: inline-block; background-color: #0662AA; background-color: rgba(6, 98, 170, 0.4); min-width: 45.26042%; padding: 2.60417% 20px 2.13542%; } @media screen and (max-width: 767px) { .s-banner.swiper-container .item-fix .item-body { min-width: auto; } } .s-banner.swiper-container .item-fix .item-title { font-size: 80px; font-size: 8rem; font-weight: bold; line-height: 1; color: #fff; } @media screen and (max-width: 1819px) { .s-banner.swiper-container .item-fix .item-title { font-size: 72px; font-size: 7.2rem; } } @media screen and (max-width: 1719px) { .s-banner.swiper-container .item-fix .item-title { font-size: 64px; font-size: 6.4rem; } } @media screen and (max-width: 1619px) { .s-banner.swiper-container .item-fix .item-title { font-size: 56px; font-size: 5.6rem; } } @media screen and (max-width: 1519px) { .s-banner.swiper-container .item-fix .item-title { font-size: 48px; font-size: 4.8rem; } } @media screen and (max-width: 1419px) { .s-banner.swiper-container .item-fix .item-title { font-size: 40px; font-size: 4rem; } } @media screen and (max-width: 1219px) { .s-banner.swiper-container .item-fix .item-title { font-size: 32px; font-size: 3.2rem; } } @media screen and (max-width: 991px) { .s-banner.swiper-container .item-fix .item-title { font-size: 24px; font-size: 2.4rem; } } @media screen and (max-width: 767px) { .s-banner.swiper-container .item-fix .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 480px) { .s-banner.swiper-container .item-fix .item-title { font-size: 12px; font-size: 1.2rem; } } .s-banner.swiper-container .item-fix .item-btn { margin-top: 6.2963%; display: inline-block; min-width: 158px; line-height: 46px; border: 2px solid #FFFFFF; color: #fff; font-size: 20px; font-size: 2rem; cursor: pointer; } .s-banner.swiper-container .item-fix .item-btn:hover { border-color: #fff !important; color: #0662AA !important; } .s-banner.swiper-container .item-fix .item-btn:hover:before { background-color: #fff !important; } @media screen and (max-width: 1619px) { .s-banner.swiper-container .item-fix .item-btn { font-size: 18px; font-size: 1.8rem; min-width: 140px; line-height: 40px; } } @media screen and (max-width: 1419px) { .s-banner.swiper-container .item-fix .item-btn { font-size: 16px; font-size: 1.6rem; line-height: 36px; } } @media screen and (max-width: 1219px) { .s-banner.swiper-container .item-fix .item-btn { font-size: 14px; font-size: 1.4rem; min-width: 120px; line-height: 30px; } } @media screen and (max-width: 991px) { .s-banner.swiper-container .item-fix .item-btn { font-size: 12px; font-size: 1.2rem; min-width: 100px; line-height: 28px; } } @media screen and (max-width: 767px) { .s-banner.swiper-container .item-fix .item-btn { min-width: 80px; line-height: 20px; border-width: 1px; font-size: 10px; font-size: 1rem; } } @media screen and (max-width: 480px) { .s-banner.swiper-container .item-fix .item-btn { min-width: 60px; } } .s-banner.swiper-container .banner-btn { margin-top: -20px; position: absolute; top: 50%; z-index: 2; font-size: 40px; font-size: 4.0rem; color: #fff; background-image: none; display: block; line-height: 1; width: auto; color: #ccc; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .s-banner.swiper-container .banner-btn:hover { color: #0662AA; } .s-banner.swiper-container .banner-btn.swiper-button-prev { left: 25px; } .s-banner.swiper-container .banner-btn.swiper-button-next { right: 25px; } @media screen and (max-width: 991px) { .s-banner.swiper-container .banner-btn { display: none !important; } } .s-banner.swiper-container .swiper-pagination { display: none; bottom: 2.58427%; font-size: 0; letter-spacing: 0; text-align: center; } @media screen and (max-width: 991px) { .s-banner.swiper-container .swiper-pagination { display: block !important; } } .s-banner.swiper-container .swiper-pagination > * { display: inline-block; vertical-align: top; font-size: 0; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; width: 5.20833%; height: 4px; margin: 0 5px; background-color: #fff; border-radius: 0; opacity: 0.8; } .s-banner.swiper-container .swiper-pagination > *.swiper-pagination-bullet-active { background-color: #0662AA; } @media screen and (max-width: 991px) { .s-banner.swiper-container .swiper-pagination > * { height: 3px; margin: 0 4px; } } @media screen and (max-width: 767px) { .s-banner.swiper-container .swiper-pagination > * { height: 2px; margin: 0 2px; } } .footer .f-follow { padding: 15px 0 29px; font-size: 0; letter-spacing: 0; } .footer .f-follow a { display: inline-block; vertical-align: top; margin-left: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .footer .f-follow a:first-child { margin-left: 0; } .footer .f-follow .iconfont { display: block; font-size: 38px; font-size: 3.2rem; color: #fff; } .footer .f-follow .iconfont:hover { color: #4EAD28; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @media screen and (min-width:1000px) and (max-width:1219px) {} @media screen and (max-width:1419px) {} @media screen and (max-width:1219px) {} @media screen and (max-width:991px) { } @media screen and (max-width:767px) { } @media screen and (max-width:640px) { } @media screen and (max-width:480px) { } @font-face {font-family: "iconfont"; src: url('../fonts1/iconfont.eot?t=1609838169627'); /* IE9 */ src: url('../fonts1/iconfont.eot?t=1609838169627#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../fonts1/iconfont.woff?t=1609838169627') format('woff'), url('../fonts1/iconfont.ttf?t=1609838169627') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts1/iconfont.svg?t=1609838169627#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: "iconfont"; /* Project id 2596631 */ src: url('../fonts/iconfont.woff2?t=1623143756071') format('woff2'), url('../fonts/iconfont.woff?t=1623143756071') format('woff'), url('../fonts/iconfont.ttf?t=1623143756071') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kuaisu1:before { content: "\e600"; } .icon-tubiaozhizuomoban:before { content: "\e606"; } .icon-manyizan-:before { content: "\e61d"; } .icon-bottom:before { content: "\e66e"; } .icon-shouhuodizhi:before { content: "\e60f"; } .icon-dianhua:before { content: "\e61b"; } .icon-message:before { content: "\ebe1"; } .icon-address:before { content: "\e7c2"; } .icon-contact:before { content: "\e7c3"; } .icon-email:before { content: "\e7c4"; } .icon-email1:before { content: "\e7c5"; } .icon-qq:before { content: "\e7cb"; } .icon-tel:before { content: "\e7cc"; } .icon-wechat:before { content: "\e7cd"; } .icon-phone:before { content: "\e7cf"; } .icon-mobile:before { content: "\e7d0"; } .icon-qiyemingcheng-tubiao:before { content: "\e601"; } .icon-up7:before { content: "\e723"; } .icon-bottom7:before { content: "\e724"; } .icon-left7:before { content: "\e725"; } .icon-right7:before { content: "\e726"; } .icon-up16:before { content: "\e746"; } .icon-bottom16:before { content: "\e747"; } .icon-left16:before { content: "\e748"; } .icon-right16:before { content: "\e749"; } .icon-liebiao:before { content: "\e834"; } .icon-search:before { content: "\e60e"; } .icon-top10:before { content: "\e7ee"; } .icon-bottom10:before { content: "\e7ef"; } .icon-left10:before { content: "\e7f0"; } .icon-right10:before { content: "\e7f1"; } .icon-list:before { content: "\e671"; } .icon-calendar3:before { content: "\e7e1"; } .icon-diqiu:before { content: "\e60a"; } .icon-fax-fill:before { content: "\e620"; } .icon-facebook:before { content: "\e66c"; } .icon-twitter:before { content: "\e670"; } .icon-linkedin:before { content: "\e669"; } .icon-pinterest:before { content: "\e66d"; } .icon-insgram:before { content: "\e66a"; } .icon-youtube:before { content: "\e66f"; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* Owl Carousel Owl Demo Theme v1.3.3 */ /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons { font-size: 0; letter-spacing: 0; text-align: center; } .owl-theme .owl-controls .owl-buttons div { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ /* Styling Pagination*/ .owl-theme .owl-controls .owl-pagination { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 30px; } @media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } } @media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-pagination { margin-top: 10px; } } .owl-theme .owl-controls .owl-page { display: inline-block; vertical-align: top; } .owl-theme .owl-controls .owl-page span { display: block; width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; font-size: 0; border: solid 2px #61A285; } @media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } } @media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #61A285; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; } /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .n1-owl { width: 100%; } .n1-owl .owl-theme .owl-controls .owl-pagination { margin-top: 25px; } @media screen and (max-width: 1219px) { .n1-owl .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } } @media screen and (max-width: 991px) { .n1-owl .owl-theme .owl-controls .owl-pagination { margin-top: 15px; } } .n1-owl .owl-theme .owl-controls .owl-page span { width: 13px; height: 13px; border: 0; margin: 0 6px; border-radius: 50%; background-color: #B6D0E4; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } @media screen and (max-width: 1219px) { .n1-owl .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } } @media screen and (max-width: 991px) { .n1-owl .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } } @media screen and (max-width: 767px) { .n1-owl .owl-theme .owl-controls .owl-page span { margin: 0 2px; width: 8px; height: 8px; } } .n1-owl .owl-theme .owl-controls .owl-page.active span, .n1-owl .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #0662AA; } .yd-list { overflow: hidden; font-size: 0; letter-spacing: 0; } .yd-list .list-item { display: inline-block; vertical-align: top; width: 49.28571%; margin-left: 1.42857%; margin-bottom: 18px; position: relative; overflow: hidden; } @media screen and (max-width: 640px) { .yd-list .list-item { width: 100%; margin: 0 auto 15px; } } @media screen and (min-width: 992px) { .yd-list .list-item:hover .item-desc { visibility: visible; margin-bottom: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } .yd-list .item-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .yd-list .item-bg img { display: block; width: 100%; } .yd-list .item-body { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; padding: 0 30px 12px; } @media screen and (max-width: 1419px) { .yd-list .item-body { padding: 0 20px 10px; } } @media screen and (max-width: 1219px) { .yd-list .item-body { padding: 0 15px 10px; } } @media screen and (max-width: 991px) { .yd-list .item-body { padding: 0 10px 5px; } } .yd-list .item-body .item-title { font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 24px; } .yd-list .item-body .item-title, .yd-list .item-body .item-title a { color: #fff; } @media screen and (max-width: 1219px) { .yd-list .item-body .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .yd-list .item-body .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } .yd-list .item-body .item-desc { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; font-size: 14px; font-size: 1.4rem; margin-top: 9px; line-height: 30px; height: 60px; } .yd-list .item-body .item-desc, .yd-list .item-body .item-desc a { color: #fff; } @media screen and (min-width: 992px) { .yd-list .item-body .item-desc { margin-bottom: -44px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @media screen and (min-width: 1220px) { .yd-list .item-body .item-desc { margin-bottom: -52px; } } @media screen and (min-width: 1420px) { .yd-list .item-body .item-desc { margin-bottom: -62px; } } @media screen and (max-width: 1419px) { .yd-list .item-body .item-desc { line-height: 26px; height: 52px; } } @media screen and (max-width: 1219px) { .yd-list .item-body .item-desc { line-height: 22px; height: 44px; margin-top: 5px; } } @media screen and (max-width: 991px) { .yd-list .item-body .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: auto; margin-top: 0; } .yd-list .item-body .item-desc a { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } .yd-list .item-pic a { display: block; overflow: hidden; padding-bottom: 39.13043%; } .yd-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .yd-list .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; } .yd-list .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 39.13043%; height: 0; } .yd-list .item-videobox .item-video iframe, .yd-list .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .yd-list .item-videobox .item-video iframe body { margin: 0px !important; } .indexpro-owl { width: 103.85714%; margin-left: -1.92857%; } @media screen and (max-width: 991px) { .indexpro-owl { width: 101.85714%; margin-left: -0.92857%; } } .indexpro-owl .list-item { margin: 0 7.42779%; text-align: center; } @media screen and (max-width: 991px) { .indexpro-owl .list-item { margin: 0 2.73492%; } } .indexpro-owl .item-pic a { position: relative; display: block; padding-bottom: 100%; } .indexpro-owl .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .indexpro-owl .item-title { font-weight: bold; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin-top: 14px; } @media screen and (max-width: 1219px) { .indexpro-owl .item-title { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .indexpro-owl .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } } @media screen and (max-width: 767px) { .indexpro-owl .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } } .indexpro-owl .owl-theme .owl-controls .owl-pagination { margin-top: 25px; } @media screen and (max-width: 1219px) { .indexpro-owl .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } } @media screen and (max-width: 991px) { .indexpro-owl .owl-theme .owl-controls .owl-pagination { margin-top: 15px; } } .indexpro-owl .owl-theme .owl-controls .owl-page span { width: 13px; height: 13px; border: 0; margin: 0 6px; border-radius: 50%; background-color: #B6D0E4; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } @media screen and (max-width: 1219px) { .indexpro-owl .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } } @media screen and (max-width: 991px) { .indexpro-owl .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } } @media screen and (max-width: 767px) { .indexpro-owl .owl-theme .owl-controls .owl-page span { margin: 0 2px; width: 8px; height: 8px; } } .indexpro-owl .owl-theme .owl-controls .owl-page.active span, .indexpro-owl .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #0662AA; } .header .navlist li:hover .select-box { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; } .header .select-box { z-index: 99; position: absolute; top: 100%; left: 0; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; width: 100%; background-color: #fff; padding: 9px 0 30px; } @media screen and (max-width: 991px) { .header .select-box { display: none; } } .header .select-box .box-yiji { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header .select-box .box-yiji li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .header .select-box .box-yiji li > a { display: block; max-width: 200px; margin: 0 auto; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 1.3; padding: 12px 10px 8px; } .header .select-box .box-yiji li > a img { display: block; margin: 0 auto 15px; width: 70px;} @media screen and (max-width: 1219px) { .header .select-box .box-yiji li > a { font-size: 16px; font-size: 1.6rem; } } .header .select-box .box-yiji li:hover > a, .header .select-box .box-yiji li.active > a { background-color: #F5F5F5; } .header .select-box .box-content { background-color: #F5F5F5; padding: 16px 10.35714% 14px; } @media screen and (max-width: 1219px) { .header .select-box .box-content { padding: 16px 9.64286% 14px; } } .header .select-box .box-erji { display: none; font-size: 16px; font-size: 1.6rem; line-height: 36px; min-height: 144px;} .header .select-box .box-erji:first-child { display: block; } .header .select-box .box-erji a:hover { text-decoration: underline; } @media screen and (max-width: 1219px) { .header .select-box .box-erji { font-size: 14px; font-size: 1.4rem; line-height: 30px; min-height: 120px;} } @media screen and (max-width: 767px) { .his2-box { padding: 0; } } .time_line { width: 100%; margin: 0 auto; position: relative; max-width: 1200px; } .time_line > * { -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1419px) { .time_line { padding: 0 50px; } } @media screen and (max-width: 1219px) { .time_line { padding: 0 36px; } } @media screen and (max-width: 767px) { .time_line { padding: 0 30px; } } .slide_wrap { overflow: hidden; position: relative; } .slide_wrap ul { position: relative; left: 0px; } .slide_wrap::before { width: 100%; height: 2px; background-color: #cccccc; content: ''; position: absolute; top: 48px; left: 0px; } @media screen and (max-width: 767px) { .slide_wrap::before { top: 9px; height: 1px; } } .slide_items li { float: left; width: 14.28%; text-align: center; } .slide_items li a { display: block; } .slide_items li span { margin-top: 10px; font-size: 18px; font-size: 1.8rem; font-weight: 400; line-height: 28px; color: #4d4d4d; opacity: 0.8; display: block; } @media screen and (max-width: 1219px) { .slide_items li span { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .slide_items li span { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .slide_items li span { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 5px; } } .slide_items li div { width: 30px; height: 30px; background: #fff; border: 2px solid #fff; border-radius: 50%; padding: 0; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 33px; } @media screen and (max-width: 767px) { .slide_items li div { width: 20px; height: 20px; margin-top: 0; } } .slide_items li i { display: block; width: 20px; height: 20px; background-color: #a2a2a2; border-radius: 50%; margin: 3px auto; } @media screen and (max-width: 767px) { .slide_items li i { width: 10px; height: 10px; } } .slide_items li.on span { margin-top: 5px; font-size: 30px; font-size: 3rem; font-weight: 500; line-height: 45px; color: #0662AA; display: block; opacity: 1; } @media screen and (max-width: 1219px) { .slide_items li.on span { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 991px) { .slide_items li.on span { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 767px) { .slide_items li.on span { font-size: 14px; font-size: 1.4rem; line-height: 20px; } } .slide_items li.on i { background: #0662AA; } .slide_items li.on div { border: 2px solid #0662AA; } .slide-content { margin-top: 100px; } @media screen and (max-width: 1419px) { .slide-content { margin-top: 80px; } } @media screen and (max-width: 1219px) { .slide-content { margin-top: 60px; } } @media screen and (max-width: 991px) { .slide-content { margin-top: 50px; } } @media screen and (max-width: 767px) { .slide-content { margin-top: 30px; } } .slide-content > div { display: none; } .slide-content > div.on { display: block; } .slide-content > div > div { margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; font-weight: 400; line-height: 28px; color: #4d4d4d; opacity: 1; padding-left: 44px; position: relative; } .slide-content > div > div:before { width: 14px; height: 14px; border: 2px solid #0662AA; border-radius: 50%; opacity: 1; content: ""; position: absolute; left: 0; top: 7px; -moz-box-sizing: border-box; box-sizing: border-box; } .slide-content > div > div em { float: left; font-style: normal; width: 110px; margin-right: 30px; } .slide-content > div > div p { overflow: hidden; } @media screen and (max-width: 1419px) { .slide-content > div > div { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 1219px) { .slide-content > div > div { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-left: 30px; } .slide-content > div > div:before { top: 5px; } .slide-content > div > div em { width: 90px; margin-right: 15px; } } @media screen and (max-width: 767px) { .slide-content > div > div { padding-left: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } .slide-content > div > div:before { width: 12px; height: 12px; top: 4px; } .slide-content > div > div em { width: 80px; margin-right: 5px; } } .time_line .arrow { width: 50px; height: 50px; line-height: 50px; background: #0662AA; opacity: 1; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 3; top: 23px; cursor: pointer; } @media screen and (max-width: 1219px) { .time_line .arrow { width: 36px; height: 36px; line-height: 36px; top: 30px; } } @media screen and (max-width: 767px) { .time_line .arrow { width: 26px; height: 26px; line-height: 26px; } } @media screen and (max-width: 767px) { .time_line .arrow { top: -4px; } } .time_line .left_arrow { background: #82b0d4; left: -50px; } @media screen and (max-width: 1419px) { .time_line .left_arrow { left: 0; } } @media screen and (max-width: 767px) { .time_line .left_arrow { left: 4px; } } .time_line .right_arrow { right: -50px; } @media screen and (max-width: 1419px) { .time_line .right_arrow { right: 0; } } @media screen and (max-width: 767px) { .time_line .right_arrow { right: 4px; } } .time_line .arrow .iconfont { color: #fff; font-size: 30px; font-size: 3rem; } @media screen and (max-width: 1219px) { .time_line .arrow .iconfont { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .time_line .arrow .iconfont { font-size: 14px; font-size: 1.4rem; } } .wp1920 .item-desc{line-height: 0;} .pro2-box2{margin-bottom: 100px;} .about-box2 .item-num em{ font-size:40px;} .his3-box { position: relative; } .his3-box:before { position: absolute; content: ''; height: 1px; background-color: #0662AA; top: 50%; left: 0; right: 0; } .his-scroll { position: relative; } .his-scroll .scroll-btns { font-size: 0; letter-spacing: 0; position: absolute; right: 0; top: -142px; } @media screen and (max-width: 1219px) { .his-scroll .scroll-btns { top: -115px; } } @media screen and (max-width: 991px) { .his-scroll .scroll-btns { top: -90px; } .about-box2 .item-num em{font-size:24px;}} @media screen and (max-width: 767px) { .his-scroll .scroll-btns { top: -60px; } } .his-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; width: 36px; height: 36px; line-height: 34px; border-radius: 50%; border: solid 1px #0662AA; font-size: 17px; font-size: 1.7rem; color: #0662AA; text-align: center; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .his-scroll .scroll-btns .scroll-btn:hover { background-color: #0662AA; color: #fff; } .his-scroll .scroll-btns .scroll-btn.disabled { color: #ccc; cursor: auto; } @media screen and (max-width: 1219px) { .his-scroll .scroll-btns .scroll-btn { width: 32px; height: 32px; line-height: 30px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .his-scroll .scroll-btns .scroll-btn { width: 28px; height: 28px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .his-scroll .scroll-btns .scroll-btn { width: 24px; height: 24px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } } .his-scroll .scroll-btns .prev { margin-right: 7px; } @media screen and (max-width: 767px) { .his-scroll .scroll-btns .prev { margin-right: 5px; } } .his-scroll .scroll-list-box { width: 100%; overflow: hidden; } .his-scroll .scroll-list { width: 10000%; } .his-scroll .scroll-list .list-item { float: left; width: 0.184%; margin-right: 0.02%; text-align: center; position: relative; } @media screen and (max-width: 1219px) { .his-scroll .scroll-list .list-item { width: 0.25%; margin-right: 0; } } @media screen and (max-width: 991px) { .his-scroll .scroll-list .list-item { width: 0.333%; } } @media screen and (max-width: 480px) { .his-scroll .scroll-list .list-item { width: 0.5%; } } .his-scroll .scroll-list .item1 .item-dot { margin-top: 9px; position: relative; top: 11px; } @media screen and (max-width: 767px) { .his-scroll .scroll-list .item1 .item-dot { margin-top: 0; } } .his-scroll .scroll-list .item2 { position: relative; margin-top: 157px; } .his-scroll .scroll-list .item2 .item-dot { margin-bottom: 9px; position: relative; top: -11px; } @media screen and (max-width: 1219px) { .his-scroll .scroll-list .item2 { margin-top: 144px; } } @media screen and (max-width: 767px) { .his-scroll .scroll-list .item2 { margin-top: 111px; } .his-scroll .scroll-list .item2 .item-dot { margin-bottom: 0; } } .his-scroll .scroll-list .item-dot { width: 21px; height: 21px; background: url(../images/dot.png) no-repeat center; margin: 0 auto; } .his-scroll .scroll-list .item-num { font-weight: bold; color: #0662AA; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin: 6px 0; position: relative; } @media screen and (max-width: 1219px) { .his-scroll .scroll-list .item-num { font-size: 22px; font-size: 2.2rem; } } @media screen and (max-width: 991px) { .his-scroll .scroll-list .item-num { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .his-scroll .scroll-list .item-num { font-size: 16px; font-size: 1.6rem; margin: 0; } } .his-scroll .scroll-list .item-desc { color: #333; font-size: 16px; font-size: 1.6rem; line-height: 30px; /*height: 90px;*/} @media screen and (max-width: 1219px) { .his-scroll .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 78px; } } @media screen and (max-width: 767px) { .his-scroll .scroll-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 60px; } } .his3-box .scroll-list .item-desc.self-ellipsis-3 em{ font-style: normal; } .header .select-box .box-content { padding-left: 0; padding-right: 0; } .header .select-box .box-erji { padding-right: 20px; } .header .select-box .box-erji:nth-child(1) { padding-left: 20px; } .header .select-box .box-erji:nth-child(2) { padding-left: -webkit-calc(25% - 20px); padding-left: -moz-calc(25% - 20px); padding-left: calc(25% - 20px); } .header .select-box .box-erji:nth-child(3) { padding-left: -webkit-calc(50% - 83px); padding-left: -moz-calc(50% - 83px); padding-left: calc(50% - 83px); } .header .select-box .box-erji:nth-child(4) { padding-left: -webkit-calc(75% - 120px); padding-left: -moz-calc(75% - 120px); padding-left: calc(75% - 120px); } .header .select-box .box-erji:nth-child(5) { padding-left: -webkit-calc(100% - 193px); padding-left: -moz-calc(100% - 193px); padding-left: calc(100% - 193px); } /* 0217 become a partner */ @font-face { font-family: 'OpenSans'; src: url("../fonts/OpenSans.eot"); src: url("../fonts/OpenSans.eot") format("embedded-opentype"), url("../fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff"), url("../fonts/OpenSans.ttf") format("truetype"), url("../fonts/OpenSans.svg#OpenSans") format("svg"); font-display: swap; } .become-info { font-family: 'OpenSans'; max-width: 1120px; margin: 0 auto; } .become-info .box-subt { font-size: 16px; font-size: 1.6rem; line-height: 1.4; color: #929292; letter-spacing: 1.9px; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; } @media screen and (max-width: 1219px) { .become-info .box-subt { letter-spacing: 1.5; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { .become-info .box-subt { font-size: 12px; font-size: 1.2rem; letter-spacing: 1px; margin-bottom: 10px; } } .become-info .box-title { font-size: 50px; font-size: 5rem; line-height: 1; color: #0662AA; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #DBDBDB; padding-bottom: 10px; margin-bottom: 10px; } @media screen and (max-width: 1219px) { .become-info .box-title { font-size: 42px; font-size: 4.2rem; } } @media screen and (max-width: 991px) { .become-info .box-title { font-size: 34px; font-size: 3.4rem; } } @media screen and (max-width: 767px) { .become-info .box-title { font-size: 22px; font-size: 2.2rem; } } .become-info .box-subt1 { font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 1.3; color: #1DA1F2; margin-bottom: 20px; } @media screen and (max-width: 1219px) { .become-info .box-subt1 { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 991px) { .become-info .box-subt1 { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 767px) { .become-info .box-subt1 { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; } } .become-info .box-list { font-family: Arial, Helvetica, sans-serif; margin-bottom: 30px; font-size: 14px; font-size: 1.4rem; line-height: 20px; text-decoration: underline; } .become-info .box-list p { margin-bottom: 10px; } .become-info .box-list, .become-info .box-list * { color: #929292; } .become-info .box-list a:hover { color: #0662AA; } @media screen and (max-width: 767px) { .become-info .box-list { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; } .become-info .box-list p { margin-bottom: 5px; } } .become-info .item-box .item-title { font-size: 22px; font-size: 2.2rem; line-height: 1.636363; margin-bottom: 20px; } @media screen and (max-width: 1219px) { .become-info .item-box .item-title { font-size: 20px; font-size: 2rem; line-height: 1.5; } } @media screen and (max-width: 991px) { .become-info .item-box .item-title { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .become-info .item-box .item-title { font-size: 14px; font-size: 1.4rem; line-height: 1.3; margin-bottom: 15px; } } .become-info .item-box .item-desc { margin-bottom: 50px; font-size: 16px; font-size: 1.6rem; line-height: 2; } .become-info .item-box .item-desc, .become-info .item-box .item-desc * { color: #363535; } @media screen and (max-width: 1219px) { .become-info .item-box .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.8; } } @media screen and (max-width: 767px) { .become-info .item-box .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 20px; } } .become-form { background-color: #F4F4F4; padding: 30px 0 60px; } @media screen and (max-width: 767px) { .become-form { padding: 30px 0 40px; } } .become-form .item-form { max-width: 1120px; margin: 0 auto; background-color: #fff; padding: 40px; } .become-form .item-form input, .become-form .item-form textarea { display: block; width: 100%; background-color: #F9F9F9; border-bottom: solid 1px #818a91; padding: 0 15px; font-size: 16px; font-size: 1.6rem; color: #666; font-family: 'OpenSans'; } .become-form .item-form input { height: 47px; line-height: 46px; } .become-form .item-form textarea { height: 103px; line-height: 22px; padding-top: 10px; padding-bottom: 10px; } .become-form .item-form .star { position: relative; } .become-form .item-form .star:before { position: absolute; content: '*'; color: #FF0000; left: 5px; top: 16px; } .become-form .item-form .item-input { float: left; width: 49.03846%; margin-bottom: 20px; } .become-form .item-form .item-input:nth-child(even) { float: right; } .become-form .item-form .item-textarea { float: left; width: 100%; margin-bottom: 20px; } .become-form .item-form .item-btn { float: right; width: 215px; } .become-form .item-form .item-btn input { background-color: #0662AA; border-color: #0662AA; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .become-form .item-form .item-btn input:hover { background-color: #333; border-color: #333; } @media screen and (max-width: 1219px) { .become-form .item-form { padding: 30px; } .become-form .item-form input, .become-form .item-form textarea { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .become-form .item-form { padding: 20px; } .become-form .item-form input { height: 41px; line-height: 40px; } .become-form .item-form .item-btn { width: 180px; } .become-form .item-form .star:before { top: 13px; } } @media screen and (max-width: 767px) { .become-form .item-form { padding: 20px 15px; } .become-form .item-form input { height: 37px; line-height: 36px; } .become-form .item-form input, .become-form .item-form textarea { font-size: 12px; font-size: 1.2rem; } .become-form .item-form .star:before { top: 11px; } } @media screen and (max-width: 640px) { .become-form .item-form .item-input { width: 100%; margin-bottom: 15px; float: none; } .become-form .item-form .item-textarea { float: none; } .become-form .item-form .item-btn { float: none; width: 160px; margin: 0 auto; } } /*-------------bread start-----------------------------------------------------------------*/ .nbread { border-bottom: solid 1px #e6e6e6; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-top: 15px; padding-bottom: 14px; overflow: hidden; } .nbread, .nbread a { color: #666; } .nbread a:hover, .nbread .bread-active { color: #0662AA; } @media screen and (max-width: 767px) { .nbread { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } } /*-------------bread end-------------------------------------------------------------------*/ .about_bar .wp .sjhref { display: inline-block; vertical-align: top; font-size: 20px; font-size: 2rem; line-height: 1.5; padding: 22px 15px; min-width: 163px; text-align: center; margin-left: 7%; cursor: pointer; } .about_bar .wp .sjhref:first-child { margin-left: 0; } .about_bar .wp .sjhref:hover, .about_bar .wp .sjhref.active { background-color: #0662AA; color: #fff; } @media screen and (max-width: 1419px) { .about_bar .wp .sjhref { margin-left: 5.71429%; padding: 15px; } } @media screen and (max-width: 1219px) { .about_bar .wp .sjhref { margin-left: 3.57143%; font-size: 18px; font-size: 1.8rem; padding: 12px 15px; } } @media screen and (max-width: 991px) { .about_bar .wp .sjhref { font-size: 16px; font-size: 1.6rem; min-width: auto; padding: 8px 15px; width: 48%; margin-left: 1%; } } @media screen and (max-width: 767px) { .about_bar .wp .sjhref { font-size: 14px; font-size: 1.4rem; padding: 6px 5px; } } @media screen and (max-width: 480px) { .about_bar .wp .sjhref { font-size: 13px; font-size: 1.3rem; } } .become-form .item-form .item-code{ float: left; width: 49.03846%; margin-bottom: 20px; } .become-form .item-form .item-img{ margin-left: 1.9%; float: left; cursor: pointer; } @media screen and (max-width: 991px) { .become-form .item-form .item-img{ max-height: 41px; overflow: hidden; } } @media screen and (max-width: 767px) { .become-form .item-form .item-code{ width: calc(100% - 140px); } .become-form .item-form .item-img{ max-height: 37px; overflow: hidden; margin-left: 15px; } .become-form .item-form .item-btn{ width: 100%; float: none;} } .header .navlist li:hover .new_yiji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; } .header .new_yiji { z-index: 99; position: absolute; top: 100%; width: 200px; left: 0; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding: 10px 0; } @media screen and (max-width: 1219px) { .header .new_yiji { width: 200px; } } .header .new_yiji li { position: relative; text-align: left; } .header .new_yiji li > a { display: block; line-height: 22px; padding: 9px 20px; font-size: 16px; font-size: 1.6rem; color: #333; } .header .new_yiji li:hover > a { background-color: #f5f5f5; } .header .new_yiji li:hover .erji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; } @media screen and (max-width: 1219px) { .header .new_yiji li > a { padding: 6px 15px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } } @media screen and (max-width: 991px) { .header .new_yiji { display: none; } } .header .select-box .box-erji a { display: block; /*text-align: center; width: 200px;*/ padding-left: 30px;} .header .select-box .box-erji a div{color: #0662AA; font-weight: 700;} .header .select-box .box-erji { position:relative; padding-right:0; } .header .select-box .box-content{width: calc(100% - 80px);margin:auto; position: relative;} .header .select-box .box-content:before{ position:absolute; content:''; left:75px; right:75px; top:0; bottom:0; background-color: #F5F5F5; } @media screen and (max-width: 1419px) { .header .select-box .box-content:before{ left:50px; right:50px; } } @media screen and (max-width: 1219px) { .header .select-box .box-content:before{ left:20px; right:20px; } } .xunpan-button{ position: fixed; right: 0px; width: 68px; /*height: 52px;*/ /*background: #0662aa;*/ bottom: 48px; z-index: 99999999999; border-radius: 50%; cursor: pointer; } .xunpan-button img{} .buttonzi{ position: absolute; top: 50%; margin: auto; margin-top: -11px; color: #fff; display: block; width: 140px; text-align: center; font-size: 18px; line-height: 22px; } .cover { background:rgba(0,0,0,0.3); position:fixed; top:0; left:0; bottom:0; right:0; z-index:9999; display:none; } .cover::-webkit-input-placeholder { color:#898989;} .cover:-o-placeholder { color:#898989;} .cover::-moz-placeholder { color:#898989;} .cover:-ms-input-placeholder { color:#898989;} .covern { background:#fff; width:776px; margin:0 auto; position:relative; padding-top:38px; padding-bottom:38px; top: 200px; } .contact-box1 .item-form{width: 80%;margin:auto;} .covern .contact-box1{padding-left: 30px;padding-right: 30px;margin-bottom: 0;padding-top: 20px;} .guanbi { position:absolute; top:8px; right:12px; cursor:pointer; } .covernr { padding-left:30px; padding-right:30px;} .covern .item-form{width: 100%;} .covern .contact-box1 .item-right .item-form input, .covern .contact-box1 .item-right .item-form textarea{font-size: 14px; font-size: 1.4rem;height:38px;line-height:38px;background: #f3f3f3;color: #898989; width: 100%;padding: 6px 12px 6px 7px;} .covern .contact-box1 .item-right .item-form .item-input1.star {background-position-y: 10px;} .covern .contact-box1 .item-right .item-form textarea{height: 100px;} .covern .item-input{margin-bottom: 12px;width: 48%;} .covern .contact-box1 .item-right .item-form .item-img{line-height:38px;} .covern .item-code,.covern .item-btn{width: 30%;} .covern .item-input1{margin-bottom: 12px;} .covern .contact-box1 .item-right .item-form .item-btn input{border: none;background: #404040;color: #fff;line-height: 26px;border-radius: 5px;margin: 0 10px;} @media screen and (max-width:991px){ .contact-box1 .item-form{width: 90%;} .covern{width: 94%;top: 80px;} } @media screen and (max-width:599px){ .covern .item-input{width:100%;} .covern .item-code{width:50% ;} .covern .item-btn{width:100% ;} } .prorea{margin-top: 0;} .pro1-main .box-item { margin-bottom: 0px; padding-top: 0; } @media screen and (max-width: 1419px) { .header .select-box .box-content {width: calc(100% - 40px);} } @media screen and (max-width: 1219px){ .header .select-box .box-content {width: 100%;} } .xiaobt{ display:inline-block; background: #0662AA; font-size: 14px; border-radius: 5px 6px; font-style: oblique; color: #fff; padding: 0 3px; margin-bottom: 13px; vertical-align: bottom; margin-left:-4px; } @media screen and (max-width: 1419px) { .xiaobt{ font-size: 12px; margin-bottom: 8px; } } @media screen and (max-width: 991px) { .xiaobt{ font-size: 12px; margin-bottom: 5px; } } /*add*/ .index-news .box-list .list-item:hover .item-body{ background-color: #0662AA; } .index-news .box-list .list-item:hover a, .index-news .box-list .list-item:hover .item-date{ color: #fff !important; } .header{ position: relative;} .header .navlist{ margin-top: 31px; } .header .navlist > li{ margin-left: 14px; } .header .navlist > li > a{ padding: 10px 20px; border-radius: 6px; } .header .navlist > li.nav-active > a, .header .navlist > li > a:hover{ background-color: #0662AA; color: #fff; } .header .navlist > li > a:before{ display: none; } @media screen and (max-width: 1419px){ .header .navlist > li > a{ padding: 10px; } .header .navlist > li { /*margin-left: 20px;*/ margin-left: 7px; } } @media screen and (max-width: 1219px){ .header .navlist > li { margin-left: 0; } } .index-hdyg{ padding-bottom: 40px; } .index-hdyg .index-item .item-title:before{ display: none; } .p1m1{ background-color: #f4f4f4; padding-top:50px; padding-bottom:50px; } .pro-m1{ /*width: calc(100% - 120px);*/ width: calc(100% - 164px); max-width: 1620px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .p1m1-l{ width: 240px; margin-right: 30px; background-color: #fff; } .p1m1-fl{ padding-top: 70px; padding-bottom: 46px; } .p1m1-fl li{ font-size: 16px; line-height: 30px; color: #4b4b4b; margin-bottom: 22px; border-left: 6px solid transparent; cursor: pointer; } .p1m1-fl li a{ padding: 10px 62px; display:block;} .p1m1-fl li:hover,.p1m1-fl li.current{ background-color: #f4f4f4; border-color: #0662aa; } .p1m1-r{ flex: 1; } .p1m1-xq{ display: flex; flex-wrap: wrap; } .p1m1-xq li{ width: 31.899%; margin-left: 2.15%; margin-bottom: 26px; background-color: #fff; cursor: pointer; } .p1m1-xq li:nth-child(3n+1){ margin-left: 0; } .p1m1-xq li:hover .p1m1-dnr{ background-color: #0662aa; } .p1m1-dnr{ padding: 40px; transition: .5s; } .p1m1-img{ overflow: hidden; } .p1m1-bt{ margin-bottom: 8px; font-weight: bold; font-size: 26px; line-height: 30px; color: #4b4b4b; } .p1m1-bt a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #4b4b4b; } .p1m1-img a img{ width:100%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms;} .p1m1-xq li:hover .p1m1-bt a, .p1m1-xq li:hover .p1m1-nr a{ color: #fff; } .p1m1-nr{ font-size: 16px; line-height: 30px; height:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .p1m1-nr a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .p1m1-btn{text-align:right;} .p1m1-btn a{ margin-top: 10px; /*padding: 9px 42px;*/ display: inline-block; /*border-radius: 10px;*/ /*border: solid 1px #0662aa;*/ font-size: 16px; /*line-height: 30px;*/ color: #0662aa; /*background-color: #fff;*/ } .p1m1-xq li:hover .p1m1-btn a{ color:#fff;} .p1m1-xq li:hover .p1m1-img a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width:1400px) { .p1m1-l{ width: 200px; } .p1m1-fl{ padding: 30px 0; } .p1m1-fl li{ /*padding: 10px 20px;*/ padding: 10px; } .p1m1-fl li a {padding: 10px;} .p1m1-dnr{ padding: 20px 16px; } .p1m1-bt{ font-size: 22px; } .p1m1-btn a{ padding: 5px 20px; } } @media screen and (max-width:991px) { .pro-m1{ width: 95%; } .p1m1-l{ margin-right: 0; width: 100%; margin-bottom: 20px; } .p1m1-fl{ display: flex; flex-wrap: wrap; padding: 10px 0; } .p1m1-fl li{ margin-bottom: 5px; font-size: 14px; line-height: 26px; } .p1m1-bt{ font-size: 18px; line-height: 30px; } .p1m1-nr{ font-size: 14px; line-height: 26px; } .p1m1-btn a{ font-size: 14px; line-height: 26px; } } @media screen and (max-width:767px) { .p1m1-xq{ justify-content: space-between; } .p1m1-xq li{ width: 48%; margin-left: 0; } .p1m1-fl li{ padding: 5px 10px; } } @media screen and (max-width:480px) { .p1m1-bt{ font-size: 16px; } .p1m1-xq li{ width: 100%; } } .pro2-box1, .pro2-box2 .item2{ background-color: #fff; } @media screen and (min-width:1420px) { .news1-list .list-item{ /*margin-bottom: 50px;*/ margin-bottom: 20px; } .news1-list .item-pic{ width: 22%; } .news1-list .item-body{ padding-top: 20px; } .news1-list .item-desc{ height: initial; margin-bottom: 20px; } } .service-bd{ margin-top: 60px; margin-bottom: 60px; padding: 98px 92px 68px; background-color: #ffffff; box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.1); } .se-bd-bt{ display: flex; align-items: center; font-size: 26px; line-height: 30px; font-weight: bold; } .se-bd-bt img{ vertical-align: middle; margin-right: 26px; } .service-bd form{ margin-top: 56px; display: flex; flex-wrap: wrap; justify-content: space-between; } .service-bd form>div{ margin-bottom: 28px; padding: 4px 24px; width: 45.724%; border: 1px solid #f1f6fa; display: flex; } .service-bd form>div.chang{ width: 100%; flex-wrap: wrap; } .service-bd form p{ font-size: 20px; line-height: 30px; color: #ccc; flex-shrink: 0; } .service-bd input, .service-bd select{ flex: 1; } .service-bd input, .service-bd select, .service-bd textarea{ padding: 0 10px; font-size: 20px; line-height: 34px; color: #666; overflow: hidden; } .service-bd select{ cursor: pointer; } .service-bd textarea{ margin-top: 32px; width: 100%; height: 102px; } .service-bd form>div.se-sc, .service-bd form>div.se-btn{ border: none; padding: 0; } .service-bd .se-sc input{ display: none; } .service-bd .sc .item-info p{ min-height: 45px; padding: 4px 30px; border: 1px solid #0662aa; background-color: #0662aa; border-radius: 5px; opacity: 0.8; font-size: 20px; line-height: 30px; color: #ffffff; cursor: pointer; /*max-width: 214px;*/ } .service-bd .sc .item-info p::before{ content: "+"; display: inline-block; margin-right: 16px; width: 30px; height: 30px; /*line-height: 26px;*/ line-height: 30px; border-radius: 50%; border: solid 2px #ffffff; text-align: center; font-weight: bold; } .service-bd .sc .item-info p:hover{ background-color: #fff; color: #0662aa; } .service-bd .sc .item-info p:hover::before{ border-color: #0662aa; } .se-sc .fileName{ display: flex; flex-wrap: wrap; } .se-sc .fileName p{ margin-bottom: 10px; margin-left: 12px; min-height: 45px; padding: 7px 30px; background-color: #e2e2e2; border-radius: 5px; font-size: 20px; line-height: 30px; color: #333; position: relative; } .se-sc .fileName p span{ position: absolute; right: 10px; top: 0; color: #999; font-size: 16px; line-height: 24px; cursor: pointer; } .sc-file{ margin-bottom: 10px; } .service-bd .se-btn{ margin-top: 62px; display: flex; flex-wrap: wrap; justify-content: center; } .service-bd .se-btn input, .se-reset{ margin: 0 34px 10px; min-width: 180px; padding: 9px 28px; border-radius: 10px; border: solid 1px #898989; border-radius: 10px; font-size: 16px; line-height: 30px; color: #898989; flex: initial; text-align: center; cursor: pointer; } .service-bd .se-btn input:hover, .se-reset:hover{ background-color: #0662aa; color: #fff; border-color: #0662aa; } @media screen and (max-width:1419px) { .service-bd .select{ flex-wrap: wrap; } .service-bd .select select{ padding: 0; width: 100%; flex: initial; } } @media screen and (max-width:1219px) { .service-bd{ padding: 40px; } } @media screen and (max-width:991px) { .se-bd-bt{ font-size: 22px; } .service-bd{ padding: 20px; } .service-bd form{ margin-top: 20px; } .service-bd form p, .service-bd input, .service-bd select, .service-bd textarea, .service-bd .sc p, .se-sc .fileName p{ font-size: 18px; } .service-bd textarea{ margin-top: 0; } .service-bd .sc p, .se-sc .fileName p{ min-height: initial; } .service-bd .sc p::before{ width: 24px; height: 24px; line-height: 22px; } .service-bd .se-btn input, .se-reset{ margin: 0 10px 10px; min-width: initial; padding: 5px 20px; } .service-bd .se-btn{ margin-top: 20px; } } @media screen and (max-width:767px) { .se-bd-bt{ font-size: 18px; } .service-bd form p, .service-bd input, .service-bd select, .service-bd textarea, .service-bd .sc p, .se-sc .fileName p{ font-size: 16px; } .service-bd form>div{ margin-bottom: 10px; padding: 2px 10px; width: 100%; } .service-bd .sc p::before{ width: 20px; height: 20px; line-height: 18px; } .fileName{ width: 100%; } .se-sc .fileName p{ margin-left: 0; margin-right: 10px; } .service-bd .se-btn input, .se-reset{ font-size: 14px; } } @media screen and (max-width:480px) { .service-bd form p, .service-bd input, .service-bd select, .service-bd textarea, .service-bd .sc p, .se-sc .fileName p{ font-size: 14px; line-height: 26px; } } /* tankuang */ .banner-bd{ padding: 8px 62px; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); display: inline-block; font-size: 30px; color: #fff; border-radius: 31px; border: solid 2px #ffffff; cursor: pointer; } .banner-bd:hover{ background-color: #fff; color: #333; } .tankuang{ display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 99999; } .tankuang::before{ content: ""; position: absolute; width: 100vw; height: 100vh; z-index: -1; background-color: #000; opacity: 0.5; } .tankuang .service-bd{ max-height: calc(100vh - 60px); overflow: auto; scrollbar-width: none; } .tankuang .service-bd::-webkit-scrollbar{width: 0; height: 0;} .tk-bd{ position: relative; padding: 40px 92px; } .close{ position: absolute; right: 10px; top: 0; font-size: 40px; line-height: 40px; transform: rotate(45deg); cursor: pointer; } .tk-bd form{ align-items: flex-start; } .tk-bd form>div{ flex-wrap: wrap; border: none; margin-bottom: 0; padding: 0; } .tk-bd form>div>div{ width: 100%; margin-bottom: 28px; padding: 4px 24px; border: 1px solid #f1f6fa; display: flex; } .tk-bd-xx{ flex-wrap: wrap; } .tk-bd-xx p{ margin-bottom: 18px; width: 100%; } .tk-bd-xx p em{ font-style: initial; color: #4e4e4e; } .textarea{ flex-wrap: wrap; } .service-bd .textarea textarea{ margin-top: 0; height: 30px; } .tk-bd form>div>div.yz{ width: 61.151%; } .yzm{ width: 110px; flex-shrink: 0; } .service-bd ::-webkit-input-placeholder { color: #ccc; } .service-bd :-o-placeholder { color: #ccc; } .service-bd ::-moz-placeholder { color: #ccc; } .service-bd :-ms-input-placeholder { color: #ccc; } @media screen and (max-width:1219px) { .tk-bd{ padding: 40px; } } @media screen and (max-width:991px) { .banner-bd{ padding: 5px 20px; font-size: 20px; } .tk-bd{ padding: 20px; } .tk-bd form>div>div{ margin-bottom: 10px; } .tk-bd form>div>div{ padding:2px 10px; } .tk-bd-xx p{ margin-bottom: 0; } } @media screen and (max-width:480px) { .banner-bd{ font-size: 16px; } } .header{ border:none;} .footer .f-follow .iconfont{ font-size: 42px; font-size: 4.2rem;} .footer .f-top .flist5 .item-form .item-code{ width:121px;} /*pyadd*/ .news-owl .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pro2-box1 .item-infopy1 { max-width:540px; float:left; } .xqpy1 { padding-top:51px; } .news-owl { width:800px; float:right; } .news-owl .owl-carousel { border: solid 1px #e1e2e4; } .news-owl .owl-theme .owl-controls .owl-page span { display: block; width: 6px; height: 6px; background-color: #ebf2f8; border-radius: 50%; border: none; } .news-owl .owl-theme .owl-controls .owl-pagination { margin-top:39px; margin-bottom:30px; } .news-owl .owl-theme .owl-controls .owl-page.active span, .news-owl .owl-theme .owl-controls.clickable .owl-page:hover span { width: 28px; height: 6px; background-color: #3781ba; border-radius: 3px; } .news-owl .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item{ padding-top:76px;} .news-owl .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item img{ width:100%; display: block; max-width:581px; margin:0 auto; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms;} .xqpy2{ margin-top:10px; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; } .xqpy2 a{ width: 255px; height: 40px;background: #f7f8fa; font-size: 16px;line-height: 40px;font-weight: bold; color: #3781ba; text-align:center;} .xqpy2 a:nth-of-type(2){ margin-left:30px;} .xqpy2 a:hover{background:#3781ba; color:#fff;} .xqpy3{ margin-top:60px; background:#ebf2f8;font-size: 30px; font-weight: bold; line-height: 50px; color: #3781ba; padding-left:30px; border-left:#3781ba solid 4px;} .xqpy3nei1{ padding-top:32px; padding-bottom:20px;} .xqpy3nei1mz1{ font-size: 24px;font-weight: bold; line-height: 30px; color: #3781ba;} .xqpy3lie1{ margin-top:20px;} .xqpy3lie1 img{ width:100%; max-width:100%;} .xqpy4{ } .xqpy4 .box-list{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-around;} .xqpy4 .box-list .list-item{ width:31.8571428%; max-width:446px; margin-top:35px;} .xqpy4 .box-list .list-item img{ width:100%; display:block;} .xqpy4 .box-list .list-item .item-title{ margin-top:20px; font-size: 24px; font-weight: bold; line-height: 30px; color: #3781ba;} .xqpy4 .box-list .list-item .item-desc{ font-size: 16px; line-height: 30px; color: #666666; margin-top:11px;} .xqpy5 .box-list{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-around;} .xqpy5 .box-list .list-item{ width:48.9285714285%; max-width:685px; margin-top:35px;} .xqpy5 .box-list .list-item img{ width:100%; display:block;} .xqpy5 .box-list .list-item .item-title{ margin-top:20px; font-size: 24px; font-weight: bold; line-height: 30px; color: #3781ba;} .xqpy5 .box-list .list-item .item-desc{ font-size: 16px; line-height: 30px; color: #666666; margin-top:11px;} .ourcomm-kkuang { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; margin-top: 30px; } .ourcomm-kkuang:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .ourcomm-kkuang:nth-child(2n+1){ /*background: #f7f8fa;*/ } .ourcomm-img { width: 50%; display: block; font-size: 0; overflow: hidden; } .ourcomm-right { width: 50%; } .ourcomm-kkuang .ourcomm-right .ourcomm-rightnei{ padding-left:30px;padding-right:30px;} .ourcomm-right .item-title{ font-size: 24px; line-height: 30px;font-weight: bold; color: #3781ba;} .ourcomm-right .item-desc,.xqpy3nei1 .item-desc{ font-size: 16px; margin-top:20px; line-height: 30px; color: #666666;} .hotpro-scrollbox.scroll-box { position: relative; margin-top:30px; padding:0px 59px; margin-bottom:64px;} .hotpro-scrollbox.scroll-box .scroll-btns { text-align: center; } .hotpro-scrollbox.scroll-box .scroll-btn { line-height: 41px; text-align: center; font-size:14px; color:#3781ba; width:41px; height:41px; background:#f7f8fa; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; } .hotpro-scrollbox.scroll-box .scroll-btn.prev { left: 0; } .hotpro-scrollbox.scroll-box .scroll-btn.next { right: 0; } .hotpro-scrollbox.scroll-box .scroll-btn:hover{ color:#ffffff; background:#3781ba;} .hotpro-scrollbox .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .hotpro-scrollbox.scroll-box .scroll-list { width: 1000%; } .hotpro-scrollbox.scroll-box .scroll-list li { float: left; width:2.3%; margin-right:0.26%;} .hotpro-scrollbox .item-pic { width: 100%; position: relative; } .hotpro-scrollbox .item-pic img { width: 100%; max-width: 298px; display: block; margin: 0 auto; } @media only screen and (max-width: 450px) { .hotpro-scrollbox.scroll-box .scroll-list li { width: 4.9%; margin-right: 0.2%; } } .repro-scrollbox.scroll-box { position: relative; margin-top:30px; padding:0px 59px; margin-bottom:64px;} .repro-scrollbox.scroll-box .scroll-btns { text-align: center; } .repro-scrollbox.scroll-box .scroll-btn { line-height: 41px; text-align: center; font-size:14px; color:#3781ba; width:41px; height:41px; background:#f7f8fa; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; } .repro-scrollbox.scroll-box .scroll-btn.prev { left: 0; } .repro-scrollbox.scroll-box .scroll-btn.next { right: 0; } .repro-scrollbox.scroll-box .scroll-btn:hover{ color:#ffffff; background:#3781ba;} .repro-scrollbox .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .repro-scrollbox.scroll-box .scroll-list { width: 1000%; } .repro-scrollbox.scroll-box .scroll-list li { float: left; width:2.3%; margin-right:0.26%; } .repro-scrollbox .item-pic { width: 100%; position: relative; background:#f7f8fa; } .repro-scrollbox .item-pic img { width: 100%; max-width: 298px; display: block; margin: 0 auto; } .repro-scrollbox .list-item .item-title{ font-size: 18px; text-align:center; font-weight: bold; line-height: 40px; color: #333333;} .repro-scrollbox .list-item .item-title a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 450px) { .repro-scrollbox.scroll-box .scroll-list li { width: 4.9%; margin-right: 0.2%; } } .xqpy55{ background: url(../imagespy/ditupy.jpg) no-repeat center #f7f8fa; padding:68px 0px;} .xqpy5mz1{ font-weight:bold; font-size: 34px; line-height: 40px; color: #3781ba;} .xqpy5mz2{font-size: 16px; line-height: 30px; color: #666666; margin-top:15px;} .xqpy5mz3{ } .xqpy5mz3 .item-form{width:100%; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; } .xqpy5mz3 .item-form .item-input{ width:47.642857142%; margin-top:20px;} .xqpy5mz3 .item-form .item-input p{font-size: 16px; line-height: 40px; color: #333333;} .xqpy5mz3 .item-form .item-input p span{ color:#ff0000; margin-right:5px;} .xqpy5mz3 .item-form .item-input input,.xqpy5mz3 .item-form .item-input textarea,.xqpy5mz3 .item-form .item-input input,.xqpy5mz3 .item-form .item-input select{ background-color: #ffffff; border-radius: 1px; border: solid 1px #dcdcdc; height:52px; width:100%; padding-left:1%; line-height:50px;} .xqpy5mz3 .item-form .item-inputyazheng{ display:flex; flex-wrap:wrap; flex-direction:row; position:relative;} .xqpy5mz3 .yzm{position: absolute; right: 131px; top: 0px; height:100%; } .xqpy5mz3 .item-form .item-input .item-btn{position: absolute; right: 0px; top: 0px; width: 131px; height: 100%; background: #3781ba; border-radius: 1px; border:none; color:#fff; font-size: 18px; font-weight:bold; line-height:52px;} .xqpy5mz3 .item-form .item-input .item-btn:hover{background:#5aa4dd} @media screen and (max-width:1419px) { .news-owl{ width:600px;} } @media screen and (max-width:1219px) { .news-owl{ width:500px;} .pro2-box1 .item-infopy1{ max-width:450px;} .xqpy2 a{ width:200px;} } @media screen and (max-width:999px) { .pro2-box1 .item-infopy1{ max-width:100%;float:none;} .news-owl{ width:100%; float:none; margin-top:40px;} .xqpy3{ margin-top:40px;font-size: 20px; padding-left:20px;} .xqpy3nei1mz1,.xqpy4 .box-list .list-item .item-title,.xqpy5 .box-list .list-item .item-title,.ourcomm-right .item-title{font-size: 18px; } .xqpy4 .box-list .list-item .item-desc,.xqpy5 .box-list .list-item .item-desc,.ourcomm-right .item-desc,.xqpy5mz2,.repro-scrollbox .list-item .item-title,.xqpy5mz3 .item-form .item-input p,,.xqpy3nei1 .item-desc{ font-size: 14px; line-height:26px;} .xqpy5mz1{font-size: 20px; } .xqpy4 .box-list .list-item,.xqpy5 .box-list .list-item{ width:48%; } .ourcomm-img,.ourcomm-right{ width:100%;} .ourcomm-kkuang{ display:block;} .ourcomm-kkuang .ourcomm-right .ourcomm-rightnei{ padding:30px;} .hotpro-scrollbox.scroll-box .scroll-list li,.repro-scrollbox.scroll-box .scroll-list li{ width:3.1%; margin-right:0.4%;} .xqpy5mz3 .item-form .item-input input, .xqpy5mz3 .item-form .item-input textarea,.xqpy5mz3 .item-form .item-input .item-btn,.xqpy5mz3 .item-form .item-input select{ height:40px; line-height:38px;} .xqpy5mz3 .item-form .item-input .item-btn{ font-size:14px;} } @media screen and (max-width:768px) { .xqpy5mz3 .item-form .item-input{ width:100%;} .xqpy5mz3 .item-form .item-input .item-btn{ width:50px;} .hotpro-scrollbox.scroll-box .scroll-list li,.repro-scrollbox.scroll-box .scroll-list li{ width:4.8%; margin-right:0.2%;} .xqpy5mz3 .yzm{ right:50px;} } @media screen and (max-width:560px) { .xqpy4 .box-list .list-item, .xqpy5 .box-list .list-item{ width:100%;} .xqpy4 .box-list .list-item, .xqpy5 .box-list .list-item .item-body{ padding:10px;} .ourcomm-kkuang .ourcomm-right .ourcomm-rightnei{ padding:10px;} .xqpy2 a{width:130px;} .hotpro-scrollbox.scroll-box .scroll-list li,.repro-scrollbox.scroll-box .scroll-list li{ width:10%; margin-right:0%;} } .xqpydt{ width:100%; position:relative;} .xqpydt img{ display:block; width:100%;} .xqpydtmz{ position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.25); width:100%; height:100%; display:flex; flex-wrap:wrap; flex-direction:row; align-items: center; justify-content: center; text-align: center; display:none;} .xqpydtmz1 .xqpydtmz2{font-size: 48px; color: #ffffff; font-weight:bold;} .xqpydtmz1 .xqpydtmz3{font-size: 24px; color: #ffffff; font-weight:bold; margin-top:15px;} .item-desc{font-size:18px !important;font-size:1.8rem !important;} .item-subt{font-size:18px !important;font-size:1.8rem !important;} .header{ position: relative; top: 0; left: 0; background-color: #fff;} .page_wrap{padding-top: 50px;}