/*閫氱敤绫?/ *{margin:0;padding:0;} body{ position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family: ""; font-size: 14px; margin:0 auto; font-size:14px; font-family:arial,SourceHanSansCN-ExtraLight,SourceHanSansCN-Heavy,Noto Sans SC; background:url(../images/bg.png) repeat; color:#545456; background-size: cover; overflow-x:hidden; } @font-face {font-family : "SourceHanSansCN-ExtraLight.otf,"; src : url('../font/SourceHanSansCN-ExtraLight.otf');} img{border:none;} a{ cursor:pointer; color:#545456; text-decoration:none; outline:none; } a:hover{ color:#2861ae; } ul{ list-style-type:none; border:0; width:auto; } i{ font-style:normal;} em{ font-style:normal;} span{float:none;margin:0;} .f_l{float:left;} .f_r{float:right;} input.sub,label{border:none; cursor:pointer;} input,textarea{ font-family:"Microsoft Yahei";outline:none;} table{border-collapse:collapse; } table td,table th{ padding:0;} div.clear{ font: 0px Arial; line-height:0; height:0; overflow:hidden; clear:both; } /*wrapin 涓讳綋瀹瑰櫒瀹藉害*/ .wrapin{width:1200px; margin-left:auto; margin-right:auto;} /*鍏敤CSS 寮€濮?/ /*header 寮€濮?/ .clearfix{display: block; clear:both; content:"";} .main{position:relative;margin:0 auto;max-width:1180px;min-height:600px} .section{margin:38px auto;max-width:640px} .section{margin:58px auto 43px;max-width:720px} .extended{margin-left:-230px;position:relative;z-index:2} .extended--left{margin-left:-230px} .extended--right{margin-right:-230px} .extended--both{margin-left:-230px;margin-right:-230px} .pin-helper{position:relative;z-index:1;background-color:#fff;padding:1px 0} .pin-helper .extended{margin-left:auto} .scheme-green .size-col-d h4{color:#56aa10} .scheme-green-alternate .size-col-d h4{color:#56aa10} .h3{font-size:35px;letter-spacing:1px;line-height:40px;margin-bottom:.25em;font-weight:300;color:inherit} .h2{font-weight:400;margin-bottom:16px;padding-bottom:8px;font-size:38px;color:#0d2a40;border-bottom:1px dotted #999;display:inline-block;} .p{margin-bottom:1.75em;} .p p:not(:last-child){margin-bottom:1.75em;} p a,.p ul a,.p ol a{color:#0091df;font-weight:500;} p strong,.p strong{font-weight:500;} .p li{margin-bottom:4px;} .p p+ul{margin-top:-8px;} .newspage .size-col-d p a{font-weight:500;} .content-header{margin:0 30px;} .service{padding:0;margin:0 30px;display:block;} .subhome .service{display:none;} .service{ border-top:1px solid rgba(13,42,64,0.2); padding:0 0 0 95px; max-width:968px; margin:0 auto; } .content-header{padding:0 0 0 95px; margin-bottom:-8px;} .service,.content-header{max-width:1180px;padding:0 0 0 117px;} .kv-stagetext h1,.content-header h1,.topline+h1,.size-col-d h1{ font-weight:100; font-size:40px; color:#10384f; letter-spacing:0.4px; line-height:1; margin-bottom:37px; width:100%; } h1.h1--small{ font-size:30px; line-height:1.167; letter-spacing:1px; } .ScrollSceneIndicators{ z-index:9999999 !important;} #corporate-container .meta ul>li:first-child>a,#corporate-container .meta a,#corporate-container .bcn-nobulls>li:first-child>a{padding-right:13px} .page { -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; position: relative; } .logo{float: left; margin:0 20px 0 20px;} .navigation{display:block; float: left;} .mobilenavigation,.mobilenav{display:none;} #corporate-container{ position:absolute; top:0; width:360px; color:#fff; z-index:2;right:0;background-color:#624963; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; transition:background 0.2s ease-out; font-size:13px; letter-spacing:.34px; line-height: 30px; } #corporate-container::before{ content:""; position:absolute; top:0; width:18px; height:100%; background-color:#624963; left:-9px;transform:skewX(-14deg); -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; transition:background 0.2s ease-out; } #corporate-container ul>li{float:left} #corporate-container ul>li>a,#corporate-container .language-switch>a{ display:block; display:inline-block; padding:9px 18px 9px 13px; line-height:1.75; position:relative; } #corporate-container ul>li>a:hover,#corporate-container .language-switch>a:hover{text-decoration:none;color:#ff3162;} #corporate-container ul>li.state-active>a,#corporate-container .language-switch:hover>a,#corporate-container .language-switch.active>a{color:#00bcff} #corporate-container ul>li>a{padding:6px 20px 5px 8px} #corporate-container ul>li:first-child>a{padding-left:5px} .active-corporate #corporate-container{background-color:#443247} .active-corporate #corporate-container::before{background-color:#443247} #corporate-container ul>li>a{padding:8px 21px 7px 13px; color: #fff;} #corporate-container ul>li>a::after,#corporate-container .language-switch>a::after{top:18px;} .language-switch{position:relative;} .language-switch.active #language-switch,.language-switch:hover #language-switch,.active-langswith #language-switch{display:block;} #language-switch{ display:none; position:absolute; background-color:#443247; width:100%; padding:0 10px 3px; } #corporate-container #language-switch li{float:none;} #language-switch a{display:block !important;padding:14px 10px !important;} #language-switch li a{border-top-width:0;} #language-switch li+li a{border-top:1px solid rgba(223,235,240,0.2);} #language-switch .current a{color:#00bcff;} #language-switch li+li a{border-top:1px solid #dfebf0;} #corporate-container .meta a.last{padding-right:0;} #bignav{ width: 100%; margin:0 auto; color:#000; position:relative; min-height:115px; box-shadow:0 1px 4px rgba(0,0,0,0.2); background: #fff; background: rgba(248,248,248,.7); } .bignav{ position: fixed; top:0; width:100%; height: auto; background:rgba(255,255,255,.9); } .nav ul li{ display: inline-block; } .nav ul li p{ line-height: 30px; font-size: 15px; } .logo{ float:left; width:250px; margin:20px 40px;} .logo img,.logo object{max-width:100%;} .nav{ width: 730px; height: auto; float: right; margin:50px 40px 20px; } .nav li{ position: relative; float: left; width: 80px; margin: 0 10px; line-height: 30px; transition: all .6s; } .nav li img{line-height:30px; } .nav li p:hover,.navcov{color:#2861ae;} .nav li:hover >.nab{display: block;} .nab{ display: none; position: absolute; left: -58px; top: 30px; width: 180px; height: auto; padding: 0 0 20px; background: rgba(11,77,161,.7); border-radius: 3px; } .nab li{ width: 87%; height: auto; line-height: 40px; color: #fff; text-align: center; border-bottom: 1px dashed #f8f8f8; padding: 0px 0px!important; } .nab li:hover{ background:rgba(11,77,161,1); } /*鎼滅储 start*/ .active-search .searchbox {top: 150px;} .active-search .searchbox { display: block; position: absolute; width: 100%; padding: 50px 25%; padding: 60px 0 98px; z-index: 5; top: 82px; overflow: hidden; background-color: #fff; } .searchbox{display: none;} .searchbox label {display: none;} label { display: block; margin: 0; font-size: 1em; font-weight: 400; line-height: inherit; color: #10384f; padding: 5px 0; } #searbox{ width:100%; height: auto; background: rgba(0,0,0,.5); position: relative; } .searchbox .mainsearch { max-width: 74%;} .mainsearch, .mainsearch-home { min-width: 280px; max-width: 80%; position: relative; margin: 20px auto; } .input-group { display: table; width: 100%; } .close-nav-btn{ position: absolute; top:0; right:30%; } .searchbox .mainsearch .input-group-field { float: left; width: 50%; height: 56px; font-size: 16px; margin: 20px auto; padding: 0 10px; } .input-group-button { float: left; height: 100%; padding-top: 0; padding-bottom: 0; margin:20 0; } .searchbox .mainsearch .button { height: 60px;} .mainsearch .button--search, .mainsearch-home .button--search { width: 94px; margin:20px 0; } .inputs--darkblue .button--search::before { background: #10384f;} .mainsearch .button--search::before, .mainsearch-home .button--search::before { left: 9px;} .button--search::before { left: 5px; transform: skewX(-12deg); background: #66b512; } .mainsearch .button--search::after, .mainsearch-home .button--search::after { width: 75px;} .button--search::after { right: 0; background: transparent no-repeat center center; background-image: url(); } .input-group+* { margin-top: 6rem;} .search_new_ty { position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; display: inline-table; } /*鎼滅储 end*/ /*棣栭〉鍏充簬鎴戜滑 寮€濮?/ .part01{ width:100%; height: auto; overflow: hidden; } .tit{ position: relative; text-align: center; font-size: 28px; line-height: 50px; margin: 30px 0; } .tit:after{ display: block; position: absolute; width:44px; height: 2px; border-radius: 5px; background:#2861ae; left:50%; bottom:-15px; margin-left:-22px; content: ""; } .par01list{ width:100%; height: auto; overflow: hidden; margin:20px 0; } .par01list li{ float: left; width:20.5%; height: auto; overflow:hidden; padding:50px 2%; margin:20px 0; border-right: 1px solid #f1f1f1; transition: all .6s ; } .par01list li:nth-child(4){border-right: none;} .primg{ width:100%; height: auto; text-align: center; overflow: hidden; } .primg img{ width:70px; height: 70px; overflow: hidden; margin-bottom: 10px; } .par01list li >h1{ width:100%; height: auto; font-size: 22px; font-weight: normal; text-align: center; overflow: hidden; margin:20px 0; } .prtxt{ width:100%; height: auto; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align: center; } .par01list li:hover{ background:#eee; box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2); } #part02{ width:100%; height: auto; min-height: 560px; overflow: hidden; background:url(../images/bgg.jpg) center no-repeat; } .par02list{ width:100%; height: auto; overflow: hidden; margin:30px 0; } .par02list li{ float: left; width: 35.33%; height: auto; padding: 40px 3% 80px; margin: 20px 4%; transition: all .6s; background: rgba(244,245,244,.8); text-align: center; } .par02list li:hover{ box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3); } .par02list li>.prrimg{ width:100%; height: auto; overflow: hidden; margin:20px auto; } .par02list li>.prrimg img{ width:150px; height: 150px; border-radius: 50%; overflow: hidden; } .par02list li h2{ position: relative; width:100%; height: auto; line-height: 60px; font-size: 22px; color:#267dc4; font-weight: bold; } .par02list li h2:after{ display: block; position: absolute; width: 44px; height: 2px; border-radius: 5px; background: #2861ae; left: 50%; bottom: 0px; margin-left: -22px; content: ""; } .part03_box{ width:100%; height: auto; padding:30px 0; overflow: hidden; } .part03_box .part03_box_bbl{ float: left; width:49%; height: auto; overflow: hidden; margin-right: 1% } .part03_box .part03_box_bbr{ float: left; width:49%; height: auto; overflow: hidden; margin-left: 1% } .part03_box_bb_img{ float: left; width:46%; height: 180px; overflow: hidden; margin-right: 20px; } .part03_box_bb_r{ float: left; width:50%; height: auto; overflow: hidden; } .part03_box_bb_r h1{ width:100%; height: auto; overflow: hidden; font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 15px; } .part03_box_bb_r .time{ width:100%; height: auto; line-height: 18px; font-size: 12px; margin:10px 0; } .part03_box_bb_r .bbtxt{ width:100%; height:auto; max-height: 72px; overflow: hidden; font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 15px; } .part03_box_bb_r .more1{ width:80px; text-align: center; font-size: 12px; color:#151515; background:#d0d0d0; border-radius: 3px; transition: all .6s; } .part03_box_bb_r .more1:hover a{color:#fff;} .part03_box_bb_r .more1:hover{ background:#2861ae; color:#fff; } #more{ width:200px; height: auto; font-size: 16px; text-align: center; padding:10px; overflow: hidden; margin:30px auto; color:#6a6868; border:1px solid #d9d7d7; border-radius: 30px; transition: all .6s; cursor: pointer; } #more:hover{ background:#146eb4; color:#fff; } .legaladvice{ width:100%; height: auto; overflow: hidden; text-align: center; padding:0 0 20px 0; background: #f5f5f5; } #part04{ width:100%; height: auto; overflow: hidden; background:url(../images/joinbg.jpg) center no-repeat; } .partop{ width:680px; height: auto; padding:30px 0 60px; overflow: hidden; margin:0 auto; } .part_h2{ width:100%; height: auto; overflow: hidden; font-size: 26px; padding:30px 0; text-align: center; } .part_txt{ width:100%; height: auto; overflow: hidden; line-height: 28px; font-size: 16px; margin-bottom: 50px; } .more2{ width:120px; height: auto; line-height: 40px; font-size: 14px; background:#146eb4; color:#fff; text-align: center; border-radius: 5px; margin:0 auto; cursor: pointer; transition: all .6s; } .more2 a{color:#fff;} .more2:hover{ transform: scale(1.1); } /*鍙戝睍鍘嗙▼椤甸潰 寮€濮?/ .fali{ position: relative; width:98%; height: auto; overflow: hidden; padding-left:2%; } .fali:before{ display: block; position: absolute; left: 0; top: 20px; width: 15px; height: 15px; background: #acacad; border-radius: 50%; overflow: hidden; content: ""; z-index: 5; } .fali:after{ display: block; position: absolute; left:7px; bottom:0%; width:1px; height: 100%; background:#ccc; overflow: hidden; content: ""; } .fali .fali_l{ float: left; width: 110px; height: auto; font-size: 16px; margin-right: 15px; padding: 5px; margin-top: 10px; } .fali .fali_r{ float: left; width:80%; height: auto; padding:5px 15px; background:#fafafa; margin-bottom: 15px; border-radius: 3px; } .fali .fali_r p{ line-height: 28px; } .pebox{ width:100%; height:auto; overflow:hidden; margin:10px 0 30px; padding-bottom:20px;} .pebox .pebox_l{ float:left; width:150px; margin-right:40px;} .pebox .pebox_r{ float:left; width:80%; height:auto; padding:10px; border-radius:15px; background:rgba(249,249,249,.8); box-shadow:2px 2px 2px 2px rgba(0,0,0,.2);} /*鍙戝睍鍘嗙▼椤甸潰 缁撴潫*/ #foot{ width:100%; height: auto; overflow: hidden; padding:20px 0; background:#f5f5f5; } .foot{ overflow: hidden; border-bottom: 1px solid #ccc;} #foot .foot_l,#foot .foot_m{ float: left; width:45%; height: auto; overflow: hidden; margin-right: 2%; } #foot .foot_r{ float: left; width:40%; height: auto; overflow: hidden; } .foot_tt{ width:100%; height: auto; line-height: 30px; font-size: 16px; color:#146eb4; margin-bottom: 15px; text-align: left; font-weight: bold; } #foot .foot_l h1,#foot .foot_m h1,#foot .foot_l h2,#foot .foot_m h2{ width:100%; height: auto; overflow: hidden; line-height: 22px; font-size: 14px; color:#606060; font-weight: normal; } .foot_hz{ width:100%; height: auto; overflow: hidden; } .foot_hz li{ float: left; width:24%; height: auto; margin:10px 1% 10px 0; } .foot_hz li img{ max-width:100%; height: 30px; overflow: hidden; border:1px solid #f8f8f8; } /*棣栭〉 缁撴潫*/ /*鍏充簬鎴戜滑椤甸潰 寮€濮?/ .navv{ position: fixed!important; z-index: 999; } #bannerr{ width:100%; height: auto; overflow: hidden; text-align: center; background:#c3c4be; padding-top:115px; } .top_naa{ width:100%; height: auto; overflow: hidden; margin: 30px 0; } .top_naa .top_naabox{ float: left; width:160px; height: auto; line-height: 50px; padding:5px 15px; text-align: center; font-size: 20px; margin-right: 20px; } .naacov,.top_naa .top_naabox:hover{ position: relative; color:#146eb4; font-weight: bold; } .naacov:after{ display: block; position: absolute; width:40px; height: 2px; left:50%; margin-left:-20px; background:#146eb4; content: ""; } .mid_box{ height: auto; overflow: hidden; } .mid_box .midtt{ width:100%; height: auto; overflow: hidden; font-size: 26px; text-align: center; line-height: 50px; margin: 30px 0; background: #e1ecf5; } .mid_box .midtt span{ font-size: 18px; color: #7692a8; margin-left: 15px; font-family: Ario; } .midtt_txt{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; line-height: 28px; font-size: 16px; } .midtt_txt p{ margin-bottom:15px;} .rcimg{ width: 35%; float: right; height: auto; overflow: hidden; margin: 0 0 30px 30px;} .abbox1{ width:100%; height: auto; overflow: hidden; margin-bottom: 20px; } .abbox1 .abbox1_l{ float: left; width:53%; height: auto; overflow: hidden; margin-right: 2%; } .abbox1 .abbox1_r{ float: left; width:45%; height: auto; overflow: hidden; } .abbox1 .abbox1_r h1{ width:100%; height: auto; line-height: 35px; font-size: 18px; font-weight: bold; margin-bottom: 15px; text-align: left; } .abbox1 .abbox1_r .ab_t1{ width:100%; height: auto; overflow: hidden; } .abbox1 .abbox1_r .ab_t1 p{ line-height: 22px; text-indent: 2em; margin-bottom: 10px; } .ab_t2{ width:100%; line-height: 26px; vertical-align: middle; } .ab_t2 img{margin-right: 10px; vertical-align: middle;} .abbox2{ width:100%; height: auto; overflow: hidden; } .abbox2 p{ line-height: 28px; text-indent: 2em; margin-bottom: 10px; } .abimglist{ width:100%; height: auto; overflow: hidden; margin-bottom: 10px; } .abimglist li{ float: left; width: 32.5%; height: 300px; overflow: hidden; margin-right: 15px; } .abimglist li:nth-child(3){ margin-right: 0; } .abtit{ width:100%; height: auto; line-height: 60px; margin: 30px 0; font-size: 24px; color:#fff; background:#146eb4; text-align: center; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .abtlist{ width:100%; height: auto; overflow: hidden; margin:20px 0; } .abtlist li{ float: left; width:32.5%; height: auto; overflow:hidden; margin-right: 15px; text-align: center; } .abtlist li:nth-child(3){ margin-right: 0; } .abtlist li p{ line-height: 40px; font-size: 20px; text-align: center; } .abtbox{ width:99%; height: auto; overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; padding:10px; } .abtbox:hover{ background:#f8f8f8; } .abtlist_img{ width:40%; height: auto; overflow: hidden; } .abtlist_img img{ width:94%; height: auto; overflow: hidden; transition: all .6s; } .abtbox:hover .abtlist_img img{ transform: scale(1.1); } .abt_r{ width:55%; height: auto; overflow: hidden; } .abt_t{ width:100%; height: auto; overflow: hidden; line-height: 45px; font-size: 20px; color:#146eb4; font-weight: bold; } .abt_txt{ width:100%; height: auto; overflow: hidden; line-height: 28px; } /*鍏充簬鎴戜滑椤甸潰 缁撴潫*/ /*鑽h獕璇佷功椤甸潰*/ .horlist{ width:100%; height: auto; overflow: hidden; margin:40px; } .horlist li{ float: left; width:29%; height: auto; margin-right: 15px; overflow: hidden; margin-bottom: 15px; border:1px solid #ccc; padding:1%; } .horlist li:nth-child(3){ margin-right: 0; } .horlist li .horimg{ width:100%; height: 450px; overflow: hidden; transition: all .6s; margin-bottom: 15px; } .horlist li .horimg img{ width:100%; height: auto; overflow: hidden; transition: all .6s; } .horlist li:hover .horimg img{ transform: scale(1.1); } .horlist li h3{ width:100%; height: auto; overflow:hidden; line-height: 40px; font-size: 18px; text-align: center; background: #f8f8f8; } .pageer{ width:100%; height: auto; overflow: hidden; padding:15px 0; border-top:1px solid #d2cece; border-bottom:1px solid #d2cece; margin:30px 0; text-align: center; } .pageer a{ margin:0 20px; } .pacov,.pageer a:hover{ color:#146eb4; font-weight: bold; } /*鏂伴椈涓績椤甸潰*/ .newlist{ width:100%; height: auto; overflow: hidden; margin:50px 0; } .newlist li{ float: left; width: 95%; height: 175px; overflow: hidden; margin-right: 1%; transition: all .6s; margin-bottom: 15px; padding: 2%; border: 1px solid #efeded; } .newlist li:hover{ background:#f8f8f8; } .newlist li:nth-child(2n){ margin-right: 0; margin-left:1%; } .newlist li .newlist_l{ float: left; width:23%; height: 160px; overflow:hidden; margin-right: 2%; } .newlist li .newlist_l img{ transition: all .6s; } .newlist li:hover .newlist_l img{ transform: scale(1.1); } .newlist li .newlist_r{ float: left; width:75%; height: auto; overflow:hidden; } .newlist li .newlist_r h1 { width: 100%; height: auto; overflow: hidden; font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 10px; } .newlist li .newlist_r .time { width: 100%; height: auto; line-height: 18px; font-size: 12px; margin: 6px 0; } .newlist li .newlist_r .bbtxt { width: 100%; height: 60px; overflow: hidden; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 10px; } .newlist li .newlist_r .more3 { width: 80px; padding: 6px; text-align: center; font-size: 12px; color: #151515; background: #d0d0d0; border-radius: 3px; transition: all .6s; } .newlist li:hover .more1{ background:#146eb4; color:#fff; } .midtxt{ width:100%; height: auto; overflow: hidden; margin:20px 0; } .midtxt p{ line-height: 28px; margin:5px 0; } .abb{ width:50%; float:right; height:auto; overflow:hidden; margin: 0 0 20px 20px;} .qylist{ width:100%; height:auto; overflow:hidden; margin:20px 0; } .qylist .qytitle{ width: 100%; height: auto; overflow: hidden; line-height: 50px; margin: 15px 0; font-size: 22px; font-weight: bold; color: #0b4da3; } .qylist .qytitle span{ margin-left:20px; font-size:14px; font-weight:normal; color:#545456; } .qylist li{ float: left; width: 15%; height: auto; margin: 1.5%; overflow: hidden; background: rgba(219,219,219,.12); border-radius: 5px; padding:3.5%; transition:all .6s; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2); } .qylist li:hover{ box-shadow:2px 2px 2px 2px rgba(0,0,0,.5);} .qylist li .qyimg{ width:100%; height:auto; overflow:hidden; text-align:center; } .qylist li .qyimg img{ width:80px; height:80px; margin:0 auto; padding:10px; overflow:hidden; transition:all .6s; } .qylist li:hover .qyimg img{ transform:scale(1.1);} .qylist li h3{ width: 100%; height: auto; line-height: 50px; font-size: 20px; font-weight: bold; text-align: center; padding: 15px 0; color: #0b4da3; } .qylist li h1{ width:100%; height: 44px; line-height:22px; font-size:16px; font-weight: normal; text-align:center;} .mid_bb{ width:100%; height: auto; overflow: hidden; margin:20px 0; text-align: center; } .newtt { width: 100%; height: auto; overflow: hidden; font-size: 22px; text-align: center; line-height: 50px; margin: 30px 0; background: #f8f8f8; } .mid_bb .come,.mid_bb .time,.mid_bb .num{ display: inline-block; margin-right: 15px; line-height: 22px; font-size: 12px; } .mid_bb .come span,.mid_bb .time span,.mid_bb .num span{ font-weight: bold; } .bb_box{ width:100%; height: auto; overflow: hidden; margin:30px 0; } .bb_box .bb_box_t{ width:100%; height: auto; margin:20px 0; overflow: hidden; background:#f8f8f8; padding:10px; } .bb_box .bb_box_t .bb_box_tq{ float: left; width:70px; height: auto; line-height: 28px; background:#146eb4; color:#fff; text-align: center; margin-right: 10px; border-radius: 3px; } .bb_box .bb_box_t .bb_box_txt{ float: left; width:90%; height: auto; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*杞‖浣撶郴椤甸潰*/ .prolist{ width:100%; height: auto; overflow: hidden; margin:30px 0; } .prolist li{ width:96%; height: auto; overflow: hidden; padding:2%; margin-bottom: 20px; background: #f8f8f8; } .prolist li .proimg{ float: left; width:35%; height: auto; overflow: hidden; margin-right: 20px; padding:15px; } .prolist li .proimg img{transition: all .6s;} .prolist li:hover .proimg img{ transform: scale(1.1); } .prolist li .pror{ float: left; width:57%; height: auto; overflow: hidden; padding:15px; } .prolist li .pror h1{ width:100%; height: auto; text-align: left; font-size: 20px; line-height: 35px; margin-bottom: 20px; } .prolist li .pror .protxt{ width:100%; height: auto; text-align: left; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin:20px 0; } .more1{ width:90px; height: auto; line-height: 30px; text-align: center; font-size: 14px; background:#ccc; color:#fff; border-radius: 3px; } .prolist li:hover .more1{ background:#146eb4; } .proolist{ width:100%; height: auto; overflow:hidden; margin:30px 0; } .proolist li{ float: left; width:23.7%; height: auto; overflow: hidden; margin-bottom: 20px; margin-right: 15px; } .proolist li:nth-child(4n){ margin-right: 0; } .proolist li .prooimg{ width:100%; height: 180px; overflow: hidden; } .proolist li .prooimg img{ width:100%; height: auto; overflow: hidden; transition:all .6s; } .proolist li:hover .prooimg img{ transform: scale(1.1); } .proolist li h1{ width:100%; height: auto; line-height: 35px; font-size: 16px; text-align: center; } .proott{ position: relative; line-height: 50px; font-size: 26px; padding-left:30px; margin-bottom: 30px; margin-right: 20px; } .proott:before{ position: absolute; display: block; width:8px; height: 8px; top:50%; margin-top:-4px; left:0; background:#146eb4; content: ""; } .prooimg{ margin:30px; text-align: center; } .prootxt{ width:100%; height: auto; overflow: hidden; } .prootxt p{ line-height: 28px; } /*浜烘墠鎷涜仒椤甸潰*/ .joinlist{ width:100%; height: auto; overflow: hidden; } .joinlist li{ width:96%; height: auto; overflow: hidden; background:#f8f8f8; padding:2%; margin-bottom: 20px; } .joinlist li .jointt{ width:100%; height: auto; overflow-x: hidden; line-height: 40px; font-size: 20px; margin-bottom: 20px; text-align: center; } .joinlist li .jointt span{ font-weight: bold; } .joinlist li .jointxt{ line-height: 28px; margin-bottom: 20px; text-align: center; } .more4{ width:120px; height: auto; line-height: 30px; text-align: center; font-size: 14px; background: #ccc; color: #fff; border-radius: 3px; } .joinlist li:hover .more2{ background:#146eb4; } .joinbox{ width:100%; height: auto; overflow: hidden; } .joinbox .join_t{ width:100%; height: auto; overflow: hidden; } .jointbg{ background: #195eb9; color: #fff; font-size: 16px; line-height: 45px; letter-spacing: 2px; } .join_t_01,.join_t_02,.join_t_03,.join_t_04,.join_t_05,.join_t_06{ float:left; height: auto; line-height: 45px; text-align: center; overflow: hidden; } .join_t_01{width:15%;} .join_t_02{width:25%;} .join_t_03{width:15%;} .join_t_04{width:15%;} .join_t_05{width:15%;} .join_t_06{width:15%;} .jobg{ background:#f8f8f8; } .johover:hover{ background:#d6e3f5; } .joint{ width:100%; height: auto; overflow: hidden; font-size: 22px; line-height: 45px; } .joint span{ font-weight: bold; } .joyq{ width:100%; height: auto; overflow: hidden; margin-bottom: 40px; } .joyq_t{ font-size: 16px; line-height: 35px; font-weight: bold; } .rcbox{ width:100%; height: auto; overflow: hidden; } .rcbox li{ float: left; width:21%; height: auto; margin:1%; padding:1%; overflow: hidden; } .rcbox li .rcbox_img{ width:160px; height: 160px; border:1px solid #f5f5f5; overflow: hidden; margin: 10px auto; transition: all .6s; border-radius: 50%; box-shadow: 0px 2px 20px 0px rgba(0,0,0,.2); } .rcbox li .rcbox_img img{ width:100%; height: 100%; margin:0 auto; overflow: hidden; } .rcbox li:hover .rcbox_img{ transform: scale(1.1); } .rcbox li h2{ width:100%; height: auto; line-height: 35px; text-align: center; font-size: 16px; overflow: hidden; } .from1{ width:100%; height:auto; margin:20px auto; overflow:hidden;} .from1 table{ width:100%; height:auto; box-sizing:border-box; overflow:hidden;} .from1 table tbody tr{ width:100%; height:auto; overflow:hidden;} .tth{ width:100%; height:auto; line-height:30px; overflow:hidden; background:#2861ae; color:#fff;font-weight:bold; font-size:14px;} .ttr{ width:100%; height:auto; line-height:28px; overflow:hidden; background:#cad9ec;} .ttt{ width:100%; height:auto; line-height:22px; overflow:hidden; background:#f9f9f9; border-bottom:1px solid #fff;} .wide01{ float: left; width: 37%; height: auto; overflow: hidden; text-align: center; padding: 1%; box-sizing: border-box; } .w1r{ border-right: 1px solid #84b1ee; box-sizing: border-box; } .wide{ width:100%; height:auto; overflow:hidden; text-align:center; font-weight:bold; font-size:14px; padding:5px 0} .wide02{ float:left; width:58%; height:auto; overflow:hidden; text-align:center; padding:1%;box-sizing: border-box;} .wide03{ float:left; width:20%; height:auto; overflow:hidden; text-align:center; padding:1%; box-sizing: border-box;} .wide04{ float:left; width:30%; height:auto; overflow:hidden; text-align:center; padding:1%; box-sizing: border-box;} .wide05{ float:left; width:50%; height:auto; overflow:hidden; text-align:center; padding:1%;box-sizing: border-box;} .fr02{ width:100%; height:auto; overflow:hidden;} .fr02 li{ float:left; width:33%; height:auto; font-size:16px; line-height:30px; padding:5px 0; text-align:center; overflow:hidden; line-height:30px; background:#f9f9f9; margin-right:0.5%;} .fr02 li:nth-child(3){ margin-right:0!important;} .fbox{ width:100%; height:auto; overflow:hidden;} .fbox .fbox_l{ float:left; width:50%; height:auto; overflow:hidden; text-align:center;} .fbox .fbox_l img{ padding-top:40px;} .fbox .fbox_txt{ float: left; width: 43%; height: auto; min-height: 360px; overflow: hidden; line-height:40px; padding: 60px 40px; background: #f9f9f9; font-size: 18px; font-weight: bold; } /*鑱旂郴鎴戜滑椤甸潰*/ .contt{ position: relative; width:100%; height: auto; overflow: hidden; line-height: 50px; font-size: 22px; margin-bottom: 20px; text-align: center; } .contt:after{ position: absolute; display: block; width:450px; height: 2px; background:#146eb4; left:50%; bottom:0; margin-left:-225px; content: ""; } .conp{ line-height: 28px; margin-bottom: 15px; text-align: center; font-size: 16px; } .map{ width:100%; height: auto; overflow: hidden; padding-top:20px; border-top:1px dashed #ccc; } .ask{ width:98%; height:auto; line-height:24px; padding:5px 10px; background:rgba(40,97,174,.1); font-weight:bold; border: 1px solid #bbc9db; border-radius:5px;} #homePage img{max-width:100%;} .site-identifier{ font-weight:100; font-size:.75em; color:#00354F; letter-spacing:0.59px; padding-top:40px; line-height:1; max-width:calc(100% - 90px); } .site-identifier--short{font-size:1.5625em;padding-top:33px} .site-identifier a,.site-identifier a:hover,.site-identifier a:focus{text-decoration:none} .site-identifier{font-size:1.5625em;padding-top:33px} .site-identifier--short{font-size:1.5625em;padding-top:33px} .tagline{ position:absolute; left:-168px; top:6px; width:151px; background:url("") no-repeat 0 0; } .tagline img{visibility:hidden;} .pageheader{height:auto;} .hero-container{ overflow:hidden; margin:0 auto 1.75rem; clear:both; max-width:1600px; } .homepage .hero-container{margin-bottom:40px;} .hero-container{margin-top:20px;max-width:1600px;} .homepage .hero-container{transform:skewY(-1deg);margin-bottom:78px;} .hero{position:relative;height:464px;overflow:hidden;} .hero{min-height:300px;height:auto;} .hero{margin:-12px 0 12px;min-height:300px;height:auto;} .homepage .hero{transform:skewY(1deg);} .hero img{ height:285px; min-width:100%; width:auto; transform:translateX(-25%); margin-left:25%; } .hero--text-left img{transform:translateX(calc(100vw - 96%));margin-left:0;} .hero img{width:auto;min-width:0;height:calc(100vw * 0.5625);transform:translateX(0);margin-left:0;margin-bottom:175px;} .hero--text-left img{transform:translateX(calc(100vw - 96%));} .hero img{width:100%;height:auto;min-height:inherit;margin-bottom:0;} .hero--text-left img{transform:translateX(0);} .hero__text{ position:absolute; text-align:right; right:0; color:#fff; padding:50px 25px 25px; transition:right .5s ease-out; width:100%; height:auto; bottom:0; z-index:1; min-height:228px; display:flex; flex-direction:column; justify-content:center; } .hero__text::before{ content:''; position:absolute; width:120%; height:1px; border:1px solid #ff3162; border-width:1px 0 0 0; transition:right .5s ease-out; transform:rotate(-7deg) translateX(-50%); top:0; margin-left:50%; left:0; margin-top:-5%; } .hero__text::after{ content:''; position:absolute; width:100%; height:120%; transform:skewy(-3deg); top:6%; left:0; z-index:-1; } .hero__line{ display:block; position:absolute; right:-30px; width:180%; height:1px; border:1px solid #ff3162; border-width:1px 0 0 0; transition:right .5s ease-out; transform:rotate(-12deg); bottom:260px; z-index:1; } .hero__line{right:40.5%;width:1px;height:110%;border-width:0 0 0 1px;transform:rotate(15deg);top:-20px;bottom:inherit;} .angle{display:none;position:absolute;left:0;width:100%;bottom:0;height:auto;color:#333;padding:0;transition:left .5s ease-out;z-index:1} .hero-angle-left{ position:absolute; width:100%; height:100%; color:#333;padding:0; -webkit-transition:left 0.5s ease-out; -moz-transition:left 0.5s ease-out; -ms-transition:left 0.5s ease-out; -o-transition:left 0.5s ease-out; transition:left 0.5s ease-out; z-index:1;display:none; background:#89d329; transform:skewX(-24deg); left:-98%;opacity:0.5; } .hero-angle-left{display:block} .angle{display:block;height:100%;background:#443247;transform:skewX(-10deg);left:60%;opacity:.9;} .h1-hero{font-weight:100;font-size:35px;margin:0 0 10px;color:#89d329;font-style:italic;letter-spacing:1.26px;line-height:1;} .overline{font-weight:700;font-size:.9375em;line-height:1.2;} .hero__text .overline{ opacity:0.9; font-size:18px; color:#ff3162; margin-bottom:3px; text-shadow:0 0 1em transparent,1px 1px 1px transparent; } .hero__text p{display:none;} .hero .readmore,.content-hero__text .readmore{align-self:flex-end;} .hero--16to9{height:auto;} .hero--16to9 img{ width:100%; height:auto; margin-left:0; transform:translateX(0); margin-bottom:200px; } .hero--16to9 .hero__text{min-height:260px;} .sub-hero-container{ position:relative; height:230px; overflow:hidden; margin:0 0 2.5rem; } .sub-hero img{ height:100%; width:auto; margin-left:50%; transform:translateX(-50%); max-width:inherit; } .sub-hero{height:100%;position:relative} .sub-hero-container::before,.sub-hero-container::after,.sub-hero::after,.sub-hero::before{height:100%;width:100%;position:absolute;content:"";top:0;} .sub-hero-container::before{opacity:.7;left:-93.75%;transform:skewX(-17deg);z-index:1} .scheme-green .sub-hero-container::before{background-color:#2b6636} .scheme-green-alternate .sub-hero-container::before{background-color:#66b512} .scheme-purple .sub-hero-container::before{background-color:#624963} .scheme-purple-alternate .sub-hero-container::before{background-color:#00617f} .scheme-fuchsia .sub-hero-container::before{background-color:#ff3162} .scheme-fuchsia-alternate .sub-hero-container::before{background-color:#ff3162} .scheme-blue .sub-hero-container::before{background-color:#ff3162} .sub-hero-container::after{opacity:.7;left:100%;transform:skewX(-38deg)} .scheme-green .sub-hero-container::after{background-color:#624963} .scheme-green-alternate .sub-hero-container::after{background-color:#624963} .scheme-purple .sub-hero-container::after{background-color:#d30f4b} .scheme-purple-alternate .sub-hero-container::after{background-color:#d30f4b} .scheme-fuchsia .sub-hero-container::after{background-color:#2b6636} .scheme-fuchsia-alternate .sub-hero-container::after{background-color:#66b512} .scheme-blue .sub-hero-container::after{background-color:#66b512} .sub-hero::before{z-index:1;width:1px;opacity:1;left:90%;transform:skewX(-15deg)} .scheme-green .sub-hero::before{background-color:#66b512} .scheme-green-alternate .sub-hero::before{background-color:#66b512} .scheme-purple .sub-hero::before{background-color:#624963} .scheme-purple-alternate .sub-hero::before{background-color:#624963} .scheme-fuchsia .sub-hero::before{background-color:#ff3162} .scheme-fuchsia-alternate .sub-hero::before{background-color:#ff3162} .scheme-blue .sub-hero::before{background-color:#ff3162} .sub-hero::after{opacity:.4;left:91%;transform:skewX(-24deg)} .scheme-green .sub-hero::after{background-color:#624963} .scheme-green-alternate .sub-hero::after{background-color:#624963} .scheme-purple .sub-hero::after{background-color:#d30f4b} .scheme-purple-alternate .sub-hero::after{background-color:#d30f4b} .scheme-fuchsia .sub-hero::after{background-color:#2b6636} .scheme-fuchsia-alternate .sub-hero::after{background-color:#66b512} .scheme-blue .sub-hero::after{background-color:#66b512} .rollover-window{margin:58px auto} .content-hero-container{overflow:hidden;max-width:1600px;margin-left:auto;margin-right:auto} .rollover-window .content-hero-container{transform:translateY(-100%)} .content-hero{position:relative;background:#fff;min-height:645px;overflow:hidden;margin:0} .content-hero>a{display:block;min-height:645px} .content-hero::after{ content:""; display:block; position:absolute; width:100%; bottom:0; padding:0; background:#d30f4b; transform:skewX(-12deg); height:100%; left:62%; opacity:0.95; } .content-hero::before{ content:""; position:absolute; border:1px solid #89d329; right:38%; width:1px; height:110%; border-width:0 0 0 1px; transform:rotate(17deg); top:-20px; bottom:inherit; z-index:1; } .content-hero .hero__text{z-index:1} .content-hero .hero__text .overline{color:#89d329} .content-hero .h1-hero{color:#fff} .content-hero img{min-height:450px;width:inherit} .content-hero--small img{min-height:inherit;width:100%} .content-hero--small{min-height:calc(100vw - 20px)} .content-hero--small{min-height:260px;max-height:360px} .content-hero--small::after{left:52%} .content-hero--small::before{right:48%} .content-hero--small .hero__text{width:40%} .content-hero--small .hero__text{text-align:left;right:20px;max-width:190px} .content-hero--small .hero__text .overline{font-size:16px} .content-hero--small .h1-hero{font-size:35px;letter-spacing:1px} .content-hero::after{background:#d30f4b;background:#00617F} .content-hero::before{border-color:#89d329} .content-hero .hero__text .overline{color:#fff} .content-hero .h1-hero{color:#fff} .hero-subhome{margin-bottom:40px;position:relative;overflow:hidden;max-width:1600px;margin-left:auto;margin-right:auto;z-index:1} .hero-subhome__img{min-width:1440px;min-height:250px} .hero-subhome__white-angle,.hero-subhome__text::before{ content:"";position:absolute;background-color:#fff;height:170%;z-index:2;transform:skewY(-3deg);width:100%;left:0;top:6.4%;top:-15.6%; } .hero-subhome__colored-angle,.hero-subhome__text::after{ content:""; position:absolute; background-color:#89d329; opacity:.78; filter:alpha(opacity=78); height:100%; width:100%; z-index:1; transform:skewY(-7deg); left:0; top:4%; top:-26%; } .hero-subhome__text{ position:relative; z-index:4; padding:25px 40px 35px; left:0; right:0; } .hero-subhome__white-angle,.hero-subhome__text::before{height:100%;z-index:1;transform:skewX(-12deg);width:56%;left:-10%;top:0} .hero-subhome__angles{height:250px;display:inline-block;position:relative;max-width:60%} .hero-subhome__text{transform:translateY(-50%);bottom:inherit;right:inherit;background:transparent;position:relative;top:50%;padding:0 108px;min-height:10px;left:0} .hero-subhome__img{margin-bottom:0;position:absolute;top:0;left:0} .hero-subhome__angles::after{ content:" "; position:absolute; left:44%; width:1px; height:110%; border-left:1px solid #D40449; top:-5%; z-index:3; transform:skewX(-30deg); left:94%; } .hero-subhome__text{padding:0 116px 0 calc(((100vw - 1180px) / 2) - ((100vw - 1600px) / 2))} .h1-hero{color:#89d329} .hero1 .h1-hero{color:#89d329}.hero2 .h1-hero{color:#ff3162}.hero3 .h1-hero{color:#00bcff} .hero4 .h1-hero{color:#00bcff}.hero5 .h1-hero{color:#89d329}.hero6 .h1-hero{color:#89d329} .hero7 .h1-hero{color:#ff3162}.hero8 .h1-hero{color:#00bcff}.hero9 .h1-hero{color:#89d329} .hero10 .h1-hero{color:#89d329}.hero11 .h1-hero{color:#00bcff}.hero12 .h1-hero{color:#ff3162} .hero13 .h1-hero{color:#00bcff}.hero14 .h1-hero{color:#89d329}.hero__text .overline{color:#ff3162} .hero1 .hero__text .overline{color:#ff3162}.hero2 .hero__text .overline{color:#00bcff} .hero3 .hero__text .overline{color:#89d329}.hero4 .hero__text .overline{color:#ff3162} .hero5 .hero__text .overline{color:#00bcff}.hero6 .hero__text .overline{color:#00bcff}.hero7 .hero__text .overline{color:#89d329} .hero8 .hero__text .overline{color:#ff3162}.hero9 .hero__text .overline{color:#ff3162}.hero10 .hero__text .overline{color:#00bcff} .hero11 .hero__text .overline{color:#89d329}.hero12 .hero__text .overline{color:#89d329}.hero13 .hero__text .overline{color:#ff3162} .hero14 .hero__text .overline{color:#00bcff}.hero__line,.hero__text::before{border-color:#ff3162} .hero1 .hero__line,.hero1 .hero__text::before{border-color:#ff3162}.hero2 .hero__line,.hero2 .hero__text::before{border-color:#00bcff} .hero3 .hero__line,.hero3 .hero__text::before{border-color:#89d329}.hero4 .hero__line,.hero4 .hero__text::before{border-color:#ff3162} .hero5 .hero__line,.hero5 .hero__text::before{border-color:#00bcff}.hero6 .hero__line,.hero6 .hero__text::before{border-color:#00bcff} .hero7 .hero__line,.hero7 .hero__text::before{border-color:#89d329}.hero8 .hero__line,.hero8 .hero__text::before{border-color:#ff3162} .hero9 .hero__line,.hero9 .hero__text::before{border-color:#ff3162}.hero10 .hero__line,.hero10 .hero__text::before{border-color:#00bcff} .hero11 .hero__line,.hero11 .hero__text::before{border-color:#89d329}.hero12 .hero__line,.hero12 .hero__text::before{border-color:#89d329} .hero13 .hero__line,.hero13 .hero__text::before{border-color:#ff3162}.hero14 .hero__line,.hero14 .hero__text::before{border-color:#00bcff} .angle,.hero__text::after{background-color:#443247}.hero1 .angle,.hero1 .hero__text::after{background-color:#443247} .hero2 .angle,.hero2 .hero__text::after{background-color:#10384f} .hero3 .angle,.hero3 .hero__text::after{background-color:#042}.hero4 .angle,.hero4 .hero__text::after{background-color:#443247} .hero5 .angle,.hero5 .hero__text::after{background-color:#10384f}.hero6 .angle,.hero6 .hero__text::after{background-color:#443247} .hero7 .angle,.hero7 .hero__text::after{background-color:#10384f}.hero8 .angle,.hero8 .hero__text::after{background-color:#042} .hero9 .angle,.hero9 .hero__text::after{background-color:#624963}.hero10 .angle,.hero10 .hero__text::after{background-color:#00617f} .hero11 .angle,.hero11 .hero__text::after{background-color:#2b6636}.hero12 .angle,.hero12 .hero__text::after{background-color:#443247} .hero13 .angle,.hero13 .hero__text::after{background-color:#10384f}.hero14 .angle,.hero14 .hero__text::after{background-color:#042} .hero-angle-left{background-color:#89d329}.hero1 .hero-angle-left{background-color:#89d329}.hero2 .hero-angle-left{background-color:#ff3162} .hero3 .hero-angle-left{background-color:#00bcff}.hero4 .hero-angle-left{background-color:#00bcff}.hero5 .hero-angle-left{background-color:#89d329} .hero6 .hero-angle-left{background-color:#89d329}.hero7 .hero-angle-left{background-color:#ff3162}.hero8 .hero-angle-left{background-color:#00bcff} .hero9 .hero-angle-left{background-color:#89d329}.hero10 .hero-angle-left{background-color:#89d329}.hero11 .hero-angle-left{background-color:#00bcff} .hero12 .hero-angle-left{background-color:#ff3162}.hero13 .hero-angle-left{background-color:#00bcff}.hero14 .hero-angle-left{background-color:#89d329} .hero-subhome__white-angle,.hero-subhome__text::before{background-color:#fff} .subhomehero1 .hero-subhome__white-angle,.subhomehero1 .hero-subhome__text::before{background-color:#89d329} .subhomehero2 .hero-subhome__white-angle,.subhomehero2 .hero-subhome__text::before{background-color:#10384f} .subhomehero3 .hero-subhome__white-angle,.subhomehero3 .hero-subhome__text::before{background-color:#d30f4b} .subhomehero4 .hero-subhome__white-angle,.subhomehero4 .hero-subhome__text::before{background-color:#00617f} .subhomehero5 .hero-subhome__white-angle,.subhomehero5 .hero-subhome__text::before{background-color:#443247} .subhomehero6 .hero-subhome__white-angle,.subhomehero6 .hero-subhome__text::before{background-color:#00bcff} .subhomehero7 .hero-subhome__white-angle,.subhomehero7 .hero-subhome__text::before{background-color:#2b6636} .hero-subhome__colored-angle,.hero-subhome__text::after{background-color:#89d329;opacity:.78;filter:alpha(opacity=78)} .subhomehero1 .hero-subhome__colored-angle,.subhomehero1 .hero-subhome__text::after{background-color:#89d329} .subhomehero2 .hero-subhome__colored-angle,.subhomehero2 .hero-subhome__text::after{background-color:#10384f} .subhomehero3 .hero-subhome__colored-angle,.subhomehero3 .hero-subhome__text::after{background-color:#d30f4b} .subhomehero4 .hero-subhome__colored-angle,.subhomehero4 .hero-subhome__text::after{background-color:#00617f} .subhomehero5 .hero-subhome__colored-angle,.subhomehero5 .hero-subhome__text::after{background-color:#443247} .subhomehero6 .hero-subhome__colored-angle,.subhomehero6 .hero-subhome__text::after{background-color:#00bcff} .subhomehero7 .hero-subhome__colored-angle,.subhomehero7 .hero-subhome__text::after{background-color:#2b6636} .hero-subhome__line-first{border-left:1px solid #0A4E6C}.subhomehero1 .hero-subhome__line-first{border-color:#10384f} .subhomehero2 .hero-subhome__line-first{border-color:#00bcff}.subhomehero3 .hero-subhome__line-first{border-color:#89d329} .subhomehero4 .hero-subhome__line-first{border-color:#89d329}.subhomehero5 .hero-subhome__line-first{border-color:#ff3162} .subhomehero6 .hero-subhome__line-first{border-color:#10384f}.subhomehero7 .hero-subhome__line-first{border-color:#00bcff} .hero-subhome__line-second,.hero-subhome__angles::after{border-left:1px solid #D40449} .subhomehero1 .hero-subhome__line-second,.subhomehero1 .hero-subhome__angles::after{border-color:#10384f} .subhomehero2 .hero-subhome__line-second,.subhomehero2 .hero-subhome__angles::after{border-color:#00bcff} .subhomehero3 .hero-subhome__line-second,.subhomehero3 .hero-subhome__angles::after{border-color:#89d329} .subhomehero4 .hero-subhome__line-second,.subhomehero4 .hero-subhome__angles::after{border-color:#89d329} .subhomehero5 .hero-subhome__line-second,.subhomehero5 .hero-subhome__angles::after{border-color:#ff3162} .subhomehero6 .hero-subhome__line-second,.subhomehero6 .hero-subhome__angles::after{border-color:#10384f} .subhomehero7 .hero-subhome__line-second,.subhomehero7 .hero-subhome__angles::after{border-color:#00bcff} .hero-subhome__topline{color:#fff;position:relative;z-index:2} .hero-subhome__headline{color:#0f2a3e;position:relative;z-index:2}.subhomehero1 .hero-subhome__headline{color:#0f2a3e} .subhomehero2 .hero-subhome__headline{color:#00bcff}.subhomehero3 .hero-subhome__headline{color:#89d329} .subhomehero4 .hero-subhome__headline{color:#89d329}.subhomehero5 .hero-subhome__headline{color:#ff3162} .subhomehero6 .hero-subhome__headline{color:#10384f}.subhomehero7 .hero-subhome__headline{color:#15adff} .hero-magazine-container{position:relative;overflow:hidden;margin:0 0 2.5rem}.hero-magazine .h1-hero{color:#fff;font-style:normal} .hero-magazine-container{height:auto;margin:0 0 2.5rem} .hero-magazine-container{margin:0 calc((-100vw + 968px)/2) 2.5rem} .hero-magazine-container{margin:0 calc((-1440px + 1180px)/2) 2.5rem} .hero-magazine{position:relative;height:464px;overflow:hidden} .hero-magazine{margin:-12px 0 12px;min-height:300px;height:auto} .homepage .hero-magazine{transform:skewY(0.8deg)} .hero-magazine img{ height:285px; min-width:100%; transform:translateX(-25%); margin-left:25%; height:calc(100vw * 0.5625); transform:translateX(0); margin-left:0; width:100%; height:auto; min-height:inherit; margin-bottom:0; } .hero-magazine__text{ position:absolute; right:0; color:#fff; padding:3px 43px 25px; transition:right .5s ease-out; width:100%; height:auto; bottom:0; z-index:1; min-height:228px; display:flex; flex-direction:column; justify-content:center; } .hero-magazine__text::before,.hero-magazine__text::after{ content:''; position:absolute; width:100%; height:140%; transition:right .5s ease-out; transform:skewY(-1deg); top:0; left:0; margin-top:0; background-color:#00617f; opacity:1; z-index:-1; } .scheme-green .hero-magazine__text::before,.scheme-green .hero-magazine__text::after{background-color:#2b6636} .scheme-green-alternate .hero-magazine__text::before,.scheme-green-alternate .hero-magazine__text::after{background-color:#66b512} .scheme-purple .hero-magazine__text::before,.scheme-purple .hero-magazine__text::after{background-color:#624963} .scheme-purple-alternate .hero-magazine__text::before,.scheme-purple-alternate .hero-magazine__text::after{background-color:#00617f} .scheme-fuchsia .hero-magazine__text::before,.scheme-fuchsia .hero-magazine__text::after{background-color:#d30f4b} .scheme-fuchsia-alternate .hero-magazine__text::before,.scheme-fuchsia-alternate .hero-magazine__text::after{background-color:#0091df} .scheme-blue .hero-magazine__text::before,.scheme-blue .hero-magazine__text::after{background-color:#0091df} .mag-blog .hero-magazine__text::before,.mag-blog .hero-magazine__text::after{background-color:#F7F7F7} .mag-darkgreen .hero-magazine__text::before,.mag-darkgreen .hero-magazine__text::after{background-color:#2b6636} .mag-green .hero-magazine__text::before,.mag-green .hero-magazine__text::after{background-color:#66b512} .mag-purple .hero-magazine__text::before,.mag-purple .hero-magazine__text::after{background-color:#624963} .mag-midblue .hero-magazine__text::before,.mag-midblue .hero-magazine__text::after{background-color:#00617f} .mag-fuchsia .hero-magazine__text::before,.mag-fuchsia .hero-magazine__text::after{background-color:#d30f4b} .mag-blue .hero-magazine__text::before,.mag-blue .hero-magazine__text::after{background-color:#0091df} .hero-magazine__text::before{transform:skewY(-3deg);z-index:-2;opacity:.4} .hero-magazine__text{padding:50px 20% 25px} .hero-magazine__text::after{opacity:.7} .hero-magazine-caption{ opacity:.5;font-weight:300;font-style:italic;font-size:16px;color:#0D2A40;letter-spacing:.5px; line-height:22px;max-width:640px;margin:-36px 30px 40px; } .hero-magazine-caption{max-width:640px;margin:-36px auto 40px auto} .hero-magazine__text{min-height:220px} .hero-magazine-caption{max-width:738px;margin:-36px 0 40px 0} .hero-magazine-caption{max-width:900px} .hero-magazine__topline{font-weight:500;font-size:18px;letter-spacing:0.56px;line-height:26px;margin-bottom:11px} .scheme-green .hero-magazine__topline{color:#ff3162} .scheme-green-alternate .hero-magazine__topline{color:#10384f} .scheme-purple .hero-magazine__topline{color:#89d329} .scheme-purple-alternate .hero-magazine__topline{color:#89d329} .scheme-fuchsia .hero-magazine__topline{color:#10384f} .scheme-fuchsia-alternate .hero-magazine__topline{color:#443247} .scheme-blue .hero-magazine__topline{color:#443247} .mag-blog .hero-magazine__topline{color:#FE4470} .mag-darkgreen .hero-magazine__topline{color:#ff3162} .mag-green .hero-magazine__topline{color:#10384f} .mag-purple .hero-magazine__topline{color:#89d329} .mag-midblue .hero-magazine__topline{color:#89d329} .mag-fuchsia .hero-magazine__topline{color:#10384f} .mag-blue .hero-magazine__topline{color:#443247} .hero img,.hero__line{transition:transform .25s ease-out} .hero-angle-left{transition:left .25s ease-out} .vanilla-modal .hero:hover img{transform:scale(1.05);} .vanilla-modal .hero:hover .hero-angle-left{left:-100%} .vanilla-modal .hero:hover .hero__line{transform:rotate(20deg);} .vanilla-modal .hero:hover .readmore{padding-left:24px;padding-right:24px;} .vanilla-modal .hero:hover .readmore::after{opacity:1} .vanilla-modal .hero--text-left:hover .hero-angle-left{left:inherit;right:-100%;} .hero img{ transform:scale(1.2); opacity:0.5; -webkit-transition:all 0.5s ease-out 0.5s; -moz-transition:all 0.5s ease-out 0.5s; -ms-transition:all 0.5s ease-out 0.5s; -o-transition:all 0.5s ease-out 0.5s; transition:all 0.5s ease-out 0.5s; } .hero .hero__text{ transform:translateX(-80px); opacity:0; -webkit-transition:transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s; -moz-transition:transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s; -ms-transition:transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s; -o-transition:transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s; transition:transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s; } .hero .angle{ transform:translateX(-80px) skewX(-10deg); -webkit-transition:transform 0.5s ease-out 0.5s; -moz-transition:transform 0.5s ease-out 0.5s; -ms-transition:transform 0.5s ease-out 0.5s; -o-transition:transform 0.5s ease-out 0.5s; transition:transform 0.5s ease-out 0.5s; } .hero .hero__line{ transform:translateX(50px) rotate(15deg); -webkit-transition:transform 0.5s ease-out 0.5s; -moz-transition:transform 0.5s ease-out 0.5s; -ms-transition:transform 0.5s ease-out 0.5s; -o-transition:transform 0.5s ease-out 0.5s; transition:transform 0.5s ease-out 0.5s; } .hero .hero-angle-left{ width:94%; -webkit-transition:width 0.5s ease-out 0.5s; -moz-transition:width 0.5s ease-out 0.5s; -ms-transition:width 0.5s ease-out 0.5s; -o-transition:width 0.5s ease-out 0.5s; transition:width 0.5s ease-out 0.5s; } .vanilla-modal .hero img{ transform:scale(1);opacity:1; -webkit-transition:transform 0.5s ease-out; -moz-transition:transform 0.5s ease-out; -ms-transition:transform 0.5s ease-out; -o-transition:transform 0.5s ease-out; transition:transform 0.5s ease-out; } .vanilla-modal .hero .hero__text{ transform:translateX(0);opacity:1;-webkit-transition:transform 0.5s ease-out,opacity 1.5s ease-out;-moz-transition:transform 0.5s ease-out,opacity 1.5s ease-out; -ms-transition:transform 0.5s ease-out,opacity 1.5s ease-out;-o-transition:transform 0.5s ease-out,opacity 1.5s ease-out; transition:transform 0.5s ease-out,opacity 1.5s ease-out; } .vanilla-modal .hero .angle{ transform:translateX(0) skewX(-10deg);-webkit-transition:transform 0.5s ease-out;-moz-transition:transform 0.5s ease-out; -ms-transition:transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out; } .vanilla-modal .hero .hero__line{ transform:translateX(0) rotate(15deg);-webkit-transition:transform 0.5s ease-out;-moz-transition:transform 0.5s ease-out; -ms-transition:transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out; } .vanilla-modal .hero .hero-angle-left{ width:100%;-webkit-transition:width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out; -moz-transition:width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;-ms-transition:width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out; -o-transition:width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;transition:width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out; } } .mobilenavigation{float:right;margin:-49px 9px 0 0;position:relative;z-index:1} .mobilenavigation ul{margin:0;padding:0;list-style-type:none} .mobilenavigation li{float:left;position:relative} .mobilenavigation .mlang{font-weight:300;font-size:21px;color:#00354F;letter-spacing:0.6px;line-height:24px;padding:2px 15px;display:block} .mobilenavigation .msearch,.mobilenavigation .mnav{ text-indent:-900em; overflow:hidden; background-repeat:no-repeat; background-position:center; display:block; width:45px; background-image:url(""); } .mobilenavigation .mnav{background:transparent url("") no-repeat center center;background-size:27px} @media only screen and (max-width: 63.938em){ .navigation{left:-100%;position:absolute} } .mobilenav{display:none} @media only screen and (min-width: 48em){.mobilenavigation{margin-top:-47px}} @media only screen and (min-width: 64em){.navigation{display:block}.mobilenavigation,.mobilenav{display:none}} @media only screen and (min-width: 64em){ .newlevel2 ul li{background-color:#10384f} .newlevel2 ul ul li{background-color:#1c4257} .newlevel2 ul ul ul li{background-color:#274b5f} } .servicenav{display:none} @media only screen and (min-width: 64em){ .navigation{position:relative;font-size:1.0625em;line-height:1;color:#0d2a40;letter-spacing:0.5px;font-weight:300} .navigation:before,.navigation:after{content:"";display:table} .navigation:after{clear:both} } @media only screen and (min-width: 90em){ .navigation{font-size:1.1875em} } .navigation ul{margin:0;padding:0;list-style-type:none;} @media only screen and (min-width: 64em){ .navigation>ul>li{float:left} } .navigation>ul>li>a{display:block} .navigation>ul>li>ul{display:none} .navigation>ul>li>ul>li>ul ul{display:none} .navigation>ul>li>ul>li>ul ul.submenuon{display:block} .newsub{left:0;width:100%} @media only screen and (min-width: 64em){ .no-js .navigation>ul>li:hover>ul,.navigation>ul>li.is-hover>ul{display:flex;color:#fff;position:absolute;background-color:#10384f;z-index:20} .navigation .newsub{padding:0 calc((100% - 968px - 20px) / 2);flex-wrap:nowrap;box-shadow:0 20px 0px rgba(16,56,79,0.1)} .newsub>li{flex:0 0 25%;max-width:25%;padding:20px 10px 50px} .newsub>.newlevel2{flex:0 0 75%;max-width:75%;padding:0 10px 40px;z-index:2} .newlevel2 ul{max-width:calc((100% - 40px) / 3);position:relative;height:100%} .megaTsrBx p{font-size:14px;margin-top:13px;word-break: normal;font-weight:300;letter-spacing:.5px;line-height:18px;opacity:.9} .megaTsrBx h2{font-weight:300;margin-bottom:0;font-size:25px;color:#89d329;letter-spacing:.5px;opacity:.9} .megaTsrBx .lnk,.megaTsrBx .overview{margin-bottom:0;clear:both;max-width:150px} .megaTsrBx .lnk,.megaTsrBx .overview{background:transparent url("") no-repeat left center;color:#fff} .megaTsrBx .lnk,.megaTsrBx .overview{display:none} .megaTsrBx .lazy{max-height:128px} .navigation .megaTsrBx>a{padding:0;display:block;overflow:hidden} .newlevel2{margin:0 auto;max-width:1080px;position:relative} .navigation>ul>li>a{padding:7px 11px 7px 9px;background-color:transparent;color:inherit;text-decoration:none} .navigation>ul>.n2>a{padding-left:3px} .navigation>ul>li>a::after{content:" ";width:1px;height:20px;background-color:#D1E0E7;position:absolute;transform:rotate(12deg);margin-left:10px;margin-top:-2px} .n1{display:none}.n2>a{padding-left:0}.megamenu>li>a.selected{color:#00bcff;background-color:#fff} .megamenu>li>a:hover,.megamenu>li:hover>a{color:#ff3162;background-color:#fff} .megamenu>li:hover>a,.megamenu>li.is-hover>a{padding-bottom:17px}.megaTsrBx{display:flex;flex-direction:column} .navigation .megaTsrBx>a{order:-1;margin-bottom:1em} } @media only screen and (min-width: 90em){ .navigation>ul>li>a{padding:7px 18px 7px 16px} .navigation>ul>li>a::after{margin-left:17px} .megamenu>li.is-hover>a{padding-bottom:27px} .megaTsrBx .lazy{max-height:158px} .megaTsrBx h2{font-size:30px} } @media only screen and (min-width: 90em){ .meta-btns{display:none} .navigation .newsub{padding:0 calc((100% - 1180px - 20px) / 2)} } #top-stage+.pageheader #header+.navigation{color:#fff} #top-stage+.pageheader #header+.navigation a::after{background-color:#fff} @media only screen and (min-width: 64em){ .navigation .simple{padding-top:20px} .newlevel2 a,.simple a{display:block;padding:7px 20px 5px 10px;border-bottom:1px solid rgba(191,215,223,0.25); color:#fff;font-size:14px;font-weight:300;letter-spacing:0.44px;line-height:16px;-webkit-transition:color 0.2s ease-out; -moz-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out; } .newlevel2 a:hover,.simple a:hover{color:#89d329;text-decoration:none;background-color:rgba(255,255,255,0.05)} .newlevel2 li:hover>a,.simple li:hover>a{color:#89d329;background-color:rgba(255,255,255,0.05)} .haschild ul{display:none} .haschild:hover>ul{display:block} .newlevel2 ul ul{max-width:calc(100% + 40px);position:absolute;left:calc(100%);width:calc(100% + 40px);top:0;padding:0 0 0 20px} .newlevel2 li:first-child{margin-top:20px} .newlevel2>ul>li>ul{margin-top:-20px} .haschild>a{background:transparent url("") no-repeat right 6px center} .newlevel2 .selected>a{color:#89d329} .newlevel2 .haschild>a:hover,.newlevel2 .selected.haschild>a{background:#1c4257 url("") no-repeat right 6px center} .newlevel2 ul .haschild>a:hover,.newlevel2 ul .selected.haschild>a{background-color:rgba(255,255,255,0.05)} .newlevel2 .selected:not(.haschild)>a{color:#89d329} .newlevel2 .haschild>ul{max-width:calc(100% + 20px);width:calc(100% + 20px);position:absolute;left:100%;top:0} .newlevel2 .haschild>ul>.haschild>ul{max-width:calc(100%);width:calc(100%)}.newlevel2 .selected>ul{display:block} } .stickyheader #top-stage+.pageheader #header+.navigation{color:#0d2a40} .stickyheader #top-stage+.pageheader #header+.navigation a::after{background-color:#D1E0E7} .icon-search{ display:block;background:transparent no-repeat;border:0;text-align:left;text-indent:-900em;overflow:hidden;width:50px; background:transparent no-repeat center center;background-image:url(""); } .active-search .icon-search{background:transparent url("") no-repeat center center} .meta-btns{display:none} /*.close-nav-btn,.searchbox{display:none}*/ .searchbox label{display:none} .active-search .searchbox{display:block;position:absolute;width:100%;padding:50px 25%;padding:60px 0 98px;z-index:5;top:82px;overflow:hidden;background-color:#fff} .stickyheader.active-search .searchbox{top:50px} @media only screen and (min-width: 64em){ .active-search .searchbox{top:150px} } @media only screen and (max-width: 63.938em){ .navigation,.megamenu{margin:0;padding:0;list-style:none} .active-nav{overflow:hidden} .active-nav .navigation{ display:block;left:0;position:absolute;z-index:20;background:#10384f;color:#fff;width:100%;font-size:18px;overflow-y:scroll; -webkit-overflow-scrolling:touch;padding:0;height:calc(100vh - 50px); } .navigation a{ display:block;padding:15px 10px 14px;border-top:1px solid rgba(191,215,223,0.25);font-size:18px; font-weight:300;letter-spacing:0.5px;line-height:1.444;-webkit-transition:color 0.2s ease-out; -moz-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out} .megamenu>li:first-child>a,.meta-btns>li:first-child>a{border-top:0} .navigation a:hover,.navigation a.selected{color:#00bcff;text-decoration:none} .navigation .submenuon1,.navigation .submenuon{padding-bottom:40px} .navigation .backbuttons{padding:0} .sback{padding:0 30px} .sback+.sback{background-color:rgba(255,255,255,0.05)} .sback+.sback+.sback{background-color:rgba(255,255,255,0.1)} .navigation a.submenuback{ padding-left:30px; color:#00bcff; background:transparent url("") no-repeat left 6px center; } .navigation li:hover>a{ color:#00bcff}.navigation a.haschild{position:relative; background:transparent no-repeat right 6px center; background-image:url(""); } .navigation a.haschild:hover{position:relative;background-image:url("");} .navigation a.showpanel{position:relative;background:transparent no-repeat right 6px center;background-image:url("")} .navigation a.showpanel:hover{position:relative;background-image:url("")} .navigation .megaTsrBx{display:none} .navigation .selected:not(.haschild)>a{color:#00bcff}.navigation .selected ul a{padding-left:38px} .navigation .selected>ul{display:block}.navigation .megamenu{padding:6px 30px}.extra-nav{display:none} .navigation .meta-btns,.navigation #language-switch{display:block;padding:40px 30px 20px;position:relative;width:100%;margin-top:0;left:0;overflow:hidden} .navigation #language-switch{margin-top:0;display:none;background-color:#fff;color:#10384f;padding-top:0} .active-langswitch .navigation #language-switch{display:block} .navigation .meta-btns::before{ content:"";position:absolute;width:calc(100% + 60px);height:120%;left:-30px;top:20px;padding:26px 0 6px; background-color:#624963;transform:skewY(-2deg); } .navigation .meta-btns li{ position:relative;z-index:1}.mobilenavigation .li-mlang{display:none} .active-nav .mobilenavigation .mnav{background:transparent url("") no-repeat center center} .mlangswitch{ overflow:hidden; width:30px; text-indent:-90em; background:transparent no-repeat center center; background-image:url(""); } .active-langswitch .mlang{opacity:.5} .navigation{-webkit-transform:translate3d(0, 0, 0)} .navigation .submenuon{display:block} .newsub ul{display:block;transform:translateX(calc(100% - 30px));position:absolute;width:100%;top:0;background-color:rgba(255,255,255,0.05)} .newsub ul ul{background-color:rgba(255,255,255,0.1)} .newsub ul ul ul{background-color:rgba(255,255,255,0.15)} .navigation>.submenuon{transform:translateX(calc(-100% - 30px))} .navigation .submenuon3,.navigation .submenuon4{transform:translateX(-30px)} .navigation ul{padding:0 30px;-webkit-backface-visibility:hidden;backface-visibility:hidden} .navigation .newsub{left:0;width:100%} } @media only screen and (min-width: 64em){ .newsub::before,.newsub::after{content:"";position:absolute;z-index:1;height:100%;width:calc(50% + 10px);top:0;background-color:#274b5f;left:calc(50% - 10px)} .newsub::after{background-color:#1c4257;width:247px} } @media only screen and (min-width: 90em){ .newsub::after{width:300px} } .bcd-container,.bcd-message{font-weight:300;font-size:14px;letter-spacing:0.38px;line-height:20px} .bayer-cookie-disclaimer{display: none; z-index:9001;position:relative} .bcd-container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:15px;color:#fff;box-sizing:border-box} .bcd-message{margin:0;padding:0;display:block;max-width:640px;float:left} .bcd-btn,.bcd-btn:visited,.cookie-btn{line-height:20px;text-align:center;cursor:pointer}.bcd-message a{color:#fff !important;font-weight:700} .bcd-message .settings-link,.settings-link{text-decoration:none} .bcd-btn,.bcd-btn:visited{ color:#fff;padding:14px 22px;display:block;text-decoration:none;float:right;font-weight:700; font-size:18px;margin:0;background:#6bc200;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;border:0;border-radius:0; font-family:sans-serif;-webkit-transition:background .2s ease-in-out;transition:background 0.2s ease-in-out; } .bcd-btn:active,.bcd-btn:hover{background-color:#0068a7} .bcd-message p{margin:0 0 8px;display:inline;padding-right:6px} .bcd-message h3{font-weight:500;font-size:18px;color:#fff;letter-spacing:0.38px;line-height:20px} .settings-link{ color:inherit;white-space:nowrap;font-size:12px;text-transform:uppercase;position:relative; padding:4px 3px 4px 14px;display:inline-block;line-height:1;font-style:italic;font-weight:700;letter-spacing:.5px; } .settings-link::before{ content:" ";width:1px;height:100%;top:0;left:2px;border-left:1px solid #fff;border-color:inherit;transform:rotate(11deg);position:absolute; } .settings-link:hover{text-decoration:underline} @-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes slideUp{ 0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .bcd-container,.bcd-content{ -webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .bcd-content{max-width:1180px} .bcd-container{padding:35px 25px} .bcd-message{max-width:100%;text-align:left;float:none} .bcd-btn{float:none;margin:20px auto} @media print{.bayer-cookie-disclaimer,.bcd-container{display:none}} .cookie-label{width:150px;margin-bottom:10px;display:none} .cookie-btn{ display:inline-block;padding:4px;margin-bottom:0;font-size:14px;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75); vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #fff, #e6e6e6); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #fff, #e6e6e6); background-image:-o-linear-gradient(top, #fff, #e6e6e6);background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x; border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } .cookie-btn.active,.cookie-btn.disabled,.cookie-btn:active,.cookie-btn:focus,.cookie-btn:hover,.cookie-btn[disabled]{color:#333;background-color:#e6e6e6} .cookie-btn.active,.cookie-btn:active{background-color:#ccc\9 } input[type=radio].toggle{display:none} input[type=radio].toggle:checked+label{ background-image:linear-gradient(to top, #969696, #727272); box-shadow:inset 0 1px 6px rgba(41,41,41,0.2),0 1px 2px rgba(0,0,0,0.05); cursor:default;color:#E6E6E6;border-color:transparent;text-shadow:0 1px 1px rgba(40,40,40,0.75)} input[type=radio].toggle+label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:38px} input[type=radio].toggle:checked+label.cookie-btn:hover{background-color:inherit;background-position:0 0;transition:none} input[type=radio].toggle-left+label{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:0;margin-right:0} input[type=radio].toggle-left:checked+label,input[type=radio].toggle-right:checked+label{ box-shadow:inset 0 1px 6px rgba(41,41,41,0.2),0 1px 2px rgba(0,0,0,0.05);cursor:default;color:#fff;border-color:transparent; text-shadow:0 1px 1px rgba(40,40,40,0.75)} input[type=radio].toggle-left:checked+label{background-image:linear-gradient(to top, #58ba31, #390)} input[type=radio].toggle-right:checked+label{background-image:linear-gradient(to top, #f03a1e, #c00)} input[type=radio].toggle-right+label{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0;margin-right:0} #settings{display:block}#settings:before{display:block;content:" ";margin-top:-120px;height:120px;visibility:hidden} .toggle-group{white-space:nowrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex} .bcd-btn{ cursor:pointer;display:block;color:#fff;padding:18px 70px 18px 22px;text-transform:uppercase; position:relative;overflow:hidden;font-size:14px;letter-spacing:0.58px;line-height:1;font-weight:700; font-style:italic;background:#89d329 no-repeat right top; background-image:url(""); -webkit-transition:background-color 0.2s ease,color 0.2s ease; -moz-transition:background-color 0.2s ease,color 0.2s ease; -ms-transition:background-color 0.2s ease,color 0.2s ease; -o-transition:background-color 0.2s ease,color 0.2s ease; transition:background-color 0.2s ease,color 0.2s ease; min-width:190px;text-align:left; } .bcd-btn::after{ content:'';display:block;height:100%;width:57px;position:absolute;right:0;top:0;background:transparent no-repeat center center;background-size:14px 20px; background-image:url(""); } .bcd-btn:hover{text-decoration:none;background-color:#66b512} .bcd-container::after{content:"";position:absolute;left:0;height:100%;width:100%;background-color:#0091df;top:10px;z-index:-1;transform:skewY(-1.6deg)} .bcd-container::after{top:10px;transform:skewY(-0.3deg)} #top-stage{display:none} #scrolldescription{color:#fff;text-transform:uppercase;font-weight:700;font-style:italic;font-size:12px} .scrollindicator{display:none;opacity:.75;position:absolute;z-index:50;left:calc((100% - 968px) / 2 + 37px);bottom:140px;text-align:center;transform:translateX(-50%)} .scrollarrows{width:22px;height:42px;margin-top:10px} .scroll-description{animation:scd 6s infinite;-webkit-animation:scd 6s infinite} .scrollarrows path{stroke:#fff;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite} @keyframes arrow{ 0%{opacity:0} 40%{opacity:1} 80%{opacity:0} 100%{opacity:0} } @-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}} @keyframes scd{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}} @-webkit-keyframes scd{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}} .scrollarrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s} .scrollarrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s} .scrollarrows path.a3{animation-delay:0s;-webkit-animation-delay:0s} .scrollindicator{display:block} #top-stage{height:100vh;width:100%;background-color:#333;overflow:hidden;top:0;display:block;z-index:0} .stickyheader #top-stage{visibility:hidden} #stagevideo{ position:absolute; top:50%;left:50%; min-width:100%; min-height:100%; max-width:180%; max-height:180%; width:100%; height:auto; transform:translateX(-50%) translateY(-50%); background-size:cover; transition:1s opacity; object-fit: cover; } .tagline{ -webkit-transition:background 0.2s ease-out;-moz-transition:background 0.2s ease-out;-ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out;transition:background 0.2s ease-out} .init-topstage .tagline{background:url(../images/tagline-l-white.min.svg) no-repeat 0 0} .tagline{ -webkit-transition:background 0.2s ease-out;-moz-transition:background 0.2s ease-out;-ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out;transition:background 0.2s ease-out; } .tagline img{ opacity:1;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-ms-transition:opacity 0.5s ease-out; -o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out; } .init-tagline #corporate-container{ background-color:transparent;-webkit-transition:background 0.2s ease-out;-moz-transition:background 0.2s ease-out; -ms-transition:background 0.2s ease-out;-o-transition:background 0.2s ease-out;transition:background 0.2s ease-out; } .init-tagline2 .tagline{background:url(https://shared.bayer.com/img/tagline/tagline-l-white.min.svg) no-repeat 0 0} .init-tagline2 .tagline img{opacity:0} .page{ -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; transition:background 0.2s ease-out; background-color:#fff; width: 50%; position: fixed; top: 0; right: 0; } .has-topstage .wrapper{padding-top:calc(100vh - 150px)} .has-topstage .pageheader{position:relative} .has-topstage .page-footer{position:relative; background: #fff;} .init-topstage .page{background-color:transparent} .init-topstage .site-identifier{color:#fff} .init-topstage .navigation>ul>li>a{color:#fff}.init-topstage .navigation>ul>li:hover>a{color:#ff3162;background-color:transparent} .init-topstage .icon-search{background-image:url("")} .init-topstage .logo{background:url(../images/bayer-logo-text-white.svg) no-repeat 0 0} .scrollindicator{left:calc((100% - 1180px) / 2 + 45px)}.tagline{background-position:0 3px} .init-tagline2 .tagline{background:url(../images/tagline-xl-white.min.svg) no-repeat 0 3px} .init-tagline2 .tagline img{opacity:0} .has-topstage .site-identifier{ -webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out; -o-transition:color 0.2s ease-out;transition:color 0.2s ease-out; } .has-topstage .navigation>ul>li>a{ -webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out; -o-transition:color 0.2s ease-out;transition:color 0.2s ease-out; } .has-topstage .icon-search{ -webkit-transition:background 0.2s ease-out;-moz-transition:background 0.2s ease-out;-ms-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out;transition:background 0.2s ease-out; } .has-topstage .logo img{ -webkit-transition:opacity 0.5s ease-out; -moz-transition:opacity 0.5s ease-out; -ms-transition:opacity 0.5s ease-out; -o-transition:opacity 0.5s ease-out; transition:opacity 0.5s ease-out; } .init-tagline #top-stage .button-video-sound{right:0} .button-video-sound{ height:60px; position:fixed; z-index:1; text-indent:-99em; width:70px; right:-80px; top:50%; background-color:rgba(40,97,174,.8); overflow:hidden; transform:skewX(-11deg) translateY(-50%); cursor:pointer;outline:0; -webkit-transition:right 0.25s ease-out; -moz-transition:right 0.25s ease-out; -ms-transition:right 0.25s ease-out; -o-transition:right 0.25s ease-out; transition:right 0.25s ease-out; } .button-video-sound::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent no-repeat center center; transform:skewX(11deg); opacity:.5; -webkit-transition:opacity 0.25s ease-out; -moz-transition:opacity 0.25s ease-out; -ms-transition:opacity 0.25s ease-out; -o-transition:opacity 0.25s ease-out; transition:opacity 0.25s ease-out; border:1px solid #2861ae; } .button-video-sound:hover::after{opacity:1} .button-video-sound--on::after{background-image:url("../images/radio.png");} .button-video-sound--off::after{background-image:url("../images/radio_off.png");} .video-eyecatcher{ width:75px; height:60px; position:absolute; z-index:1; overflow:hidden; display:block;color:#fff; -webkit-transition:width 0.2s ease,height 0.2s ease; -moz-transition:width 0.2s ease,height 0.2s ease; -ms-transition:width 0.2s ease,height 0.2s ease; -o-transition:width 0.2s ease,height 0.2s ease; transition:width 0.2s ease,height 0.2s ease} .video-eyecatcher::after{ content:"";width:30px;height:20px;position:absolute;top:20px; left:16px;background:transparent url("../images/radio.png") no-repeat left center; } .video-eyecatcher::before{ content:""; transform:skewX(-8deg); width:100%; height:100%; left:-5px; position:absolute; background-color:#d30f4b; -webkit-transition:left 0.2s ease; -moz-transition:left 0.2s ease; -ms-transition:left 0.2s ease; -o-transition:left 0.2s ease; transition:left 0.2s ease; } .video-eyecatcher:hover::before{left:-15px} .video-eyecatcher:hover{width:300px;height:180px;text-decoration:none} .video-eyecatcher:hover .video-eyecatcher__text{ opacity:1;-webkit-transition:opacity 0.2s ease 0.3s; -moz-transition:opacity 0.2s ease 0.3s; -ms-transition:opacity 0.2s ease 0.3s; -o-transition:opacity 0.2s ease 0.3s; transition:opacity 0.2s ease 0.3s; } .video-eyecatcher__text{ position:relative;z-index:3; margin:10px 35px 10px 65px;opacity:0; -webkit-transition:opacity 0 ease 0; -moz-transition:opacity 0 ease 0; -ms-transition:opacity 0 ease 0; -o-transition:opacity 0 ease 0; transition:opacity 0 ease 0; } /*# sourceMappingURL=above-the-fold.css.map */