/* CSS Document */ /*---------- import ---------*/ @charset "utf-8";@import url("layout.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;list-style:none} img,a img {border:0px;vertical-align:bottom} body {font:12px "Microsoft YaHei";color:#333;background:#fff;} a:link {color:#333;text-decoration:none} a:visited {color:#333;text-decoration:none} a:hover {color:#003A84 !important;text-decoration:none} a:active {color:#003A84;text-decoration:none} table {border-collapse:collapse;border-spacing:0;} input,textarea,select,button {border:0;background:none;outline:0;font-family:"Microsoft Yahei";} input[type="button"],input[type="text"],input[type="submit"],select {appearance:none;-moz-appearance:none;-webkit-appearance:none;} input,input:focus,input:active {user-select:text;} textarea {resize:none;} em{font-style: normal;} span.more a,span.more a:visited {float:right;display:block;height:30px;padding-right:10px;margin-top:-33px;color:#333;line-height:30px;font-weight:bold;font-family:"Microsoft Yahei";font-size:12px} span.more a:hover {color:#333} .container {width:1400px;margin:0 auto;position:relative;} .w1600 {width:1400px;margin:0 auto;position:relative;} .w1400 {width:1400px;margin:0 auto;position:relative;} .w1200 {width:1200px;margin: 0 auto;} .col-lg-6 {float:left;width:66.5%;*width:64%;} .col-lg-6s {width:50%;*width:49.98%;float:left;} .col-lg-2 {float:left;width:33.5%;*width:32%;} .col-lg-4 {float:left;width:33.3%;*width:33.1%;} @font-face {font-family:'hiconfont';src:url('../fonts/hiconfont.eot');src:url('../fonts/hiconfont.eot') format('embedded-opentype'),url('../fonts/hiconfont.ttf') format('truetype'),url('../fonts/hiconfont.svg#hiconfont') format('svg');} .hiconfont {font:16px/1 hiconfont;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} @font-face {font-family:'AG';src:url("../fonts/AkzidenzGrotesk-BoldCondAlt.eot?#iefix") format("embedded-opentype"),url("../fonts/akzidenzgrotesk-boldcondalt.woff") format("woff"),url("../fonts/akzidenzgrotesk-boldcondalt.ttf") format("truetype"),url("../fonts/akzidenzgrotesk-boldcondalt.svg") format("svg");} @media only screen and (max-width:1499px) {.container {width:1200px;} .w1600 {width:1200px;} } @media only screen and (max-width:1199px) {.container {width:100%;} .w1200 {width:100%;} .w1600 {width:100%;} } .ny-banner img{width: 100%;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} .clearfix {zoom:1;} .clearfix:after {content:".";*zoom:1;display:block;visibility:hidden;height:0;clear:both;} .left_bg {height:10px;width:254px;overflow:hidden;} .Amsg {width:1200px;margin:0 auto;overflow:hidden;} .LMsg {float:left;width:250px;} .RMsg {float:right;width:920px;overflow:hidden;padding-bottom:10px;} .RAMsg {float:right;width:920px;overflow:hidden;} .LHsg {float:left;width:920px;overflow:hidden;} .hide {display:none;} .inner-title {font-size:48px;font-weight:bold;text-align:left;color:#333333;font-family:'Microsoft YaHei';text-transform:uppercase;line-height:0.8;} .inner-title span {color:#1CBE94;} .inner-text {font-size:30px;text-align:left;color:#333;text-transform:uppercase;font-family:Microsoft YaHei;} .active .inner-title {animation:zifadeInUp 0.8s ease 0.6s both;-webkit-animation:zifadeInUp 0.8s ease 0.6s both;} .active .inner-text { animation:zifadeInUp 0.8s ease 0.65s both; -webkit-animation:zifadeInUp 0.8s ease 0.65s both; } .bg-cover {background-repeat:no-repeat;background-position:center;background-size:cover;} input::-webkit-input-placeholder {color:#999999;} input:-moz-placeholder {color:#999999;} input::-moz-placeholder {color:#999999;} input:-ms-input-placeholder {color:#999999;} textarea::-webkit-input-placeholder {color:#999999;} textarea:-moz-placeholder {color:#999999;} textarea::-moz-placeholder {color:#999999;} textarea::-ms-input-placeholder {color:#999999;} /*slick.css*/.slick-slider {position:relative;z-index:2;} .slick-list {position:relative;overflow:hidden;} .slick-list:focus {outline:0;} .slick-list.dragging {cursor:pointer;cursor:hand;} .slick-track {position:relative;} .slick-track:before,.slick-track:after {content:"";display:table;} .slick-track:after {clear:both;} .slick-loading .slick-track {visibility:hidden;} .slick-slide {float:left;height:100%;min-height:1px;display:none;position:relative;z-index:1;} .slick-slide:focus {outline:0;} .slick-slide img {display:block;} .slick-slide.slick-active {z-index:2;} .slick-slide.slick-loading img {display:none;} .slick-slide.dragging img {pointer-events:none;} .slick-initialized .slick-slide {display:block;} .slick-loading .slick-slide {visibility:hidden;} .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;} .slick-prev,.slick-next {display:block;width:20px;height:20px;line-height:0;font-size:0;cursor:pointer;position:absolute;top:50%;margin-top:-10px;z-index:6;} .slick-prev:focus,.slick-next:focus {outline:0;} .slick-prev {left:-25px;} .slick-next {right:-25px;} .slick-dots {width:100%;font-size:0;text-align:center;position:absolute;bottom:30px;z-index:4;} .slick-dots li {position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 5px;} .slick-dots li button {display:block;width:14px;height:14px;line-height:0;font-size:0;background:#fff;border-radius:50%;overflow:hidden;cursor:pointer;} .slick-dots li.slick-active button {background:#ff9800;} @keyframes zifadeInUp {0% {transform:translateY(80px);opacity:0;} 100% {transform:translateY(0px);opacity:1;} } @keyframes zifadeOutUp {0% {transform:translateY(0);opacity:1;} 100% {transform:translateY(-80px);opacity:0;} } @-webkit-keyframes fadeInUpD {0% {opacity:0;-webkit-transform:translate3d(0,120px,0);transform:translate3d(0,120px,0)} to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes fadeInUpD {0% {opacity:0;-webkit-transform:translate3d(0,120px,0);transform:translate3d(0,120px,0)} to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes circleRoate{ from{transform: rotate(0deg);} to{transform: rotate(360deg);} } @keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes tantiao {0% {transform:scale(0);opacity:0;} 80% {transform:scale(1.2);opacity:1;} 100% {transform:scale(1);opacity:1;} } /* 澶撮儴 */#header {height:90px;width:100%;background-color:transparent;position:fixed;left:0;top:0;width:100%;z-index:9999;} /*#header.header.on {background-color:#fff;box-shadow:0px 3px 7px 0px rgba(0,0,0,0.1);}*/ #header.header.on {background-color:#fff;} .navbar .logo {margin-top:14px;float:left;} .navbar .logo a {float:left;} .navbar .logo a img {width:100%;} ul.nav_menu_list {float:left;margin-right: 80px;} ul.nav_menu_list>li {float:left;position:relative;height:90px;line-height:90px;} .nav_menu_list>li>a {font-size:16px;margin:0 22px;display:block;height:90px;color:#fff;position:relative;padding-bottom:20px;line-height:84px;box-sizing:border-box;font-family:Microsoft YaHei;} .nav_menu_list li.active>a,.nav_menu_list>li>a:hover {color:#1CBE94 !important;} .nav_menu_list>li a i.line {display:block;width:0;height:3px;background:#1CBE94;position:absolute;left:0;bottom:26px;-webkit-transition:width .6s;-moz-transition:width .6s;-ms-transition:width .6s;-o-transition:width .6s;transition:width .6s;} .nav_menu_list li:hover>a>i.line {width:100%;} .nav_menu_list li.active>a>i.line {width:100%;} #header.header.on .nav_menu_list>li>a {color:#333333;} #header.header.on .nav_menu_list li.active>a {color:#1CBE94;} .subnav {width:150px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:0px;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;} .subnav ol {padding:12px 0;} .subnav a {display:block;height:40px;line-height:40px;color:#333;padding:0 16px;font-size: 14px;font-family:Microsoft YaHei;} .subnav a:hover {background:#1CBE94;color:#fff!important;} .nav_menu ul > li:hover .subnav {height:auto;opacity:1;visibility:visible;margin-top:0;} .blockbg {display:none;width:100%;height:100%;background:#000;filter:alpha(opacity=40);opacity:.4;position:fixed;left:0;top:0;z-index:992;} .menu-toggle {display:none;width:22px;height:20px;filter:alpha(opacity=100)!important;opacity:1!important;position:fixed;top:10px;right:15px;z-index:9999;} .menu-toggle i {display:block;background:#fff;width:100%;height:2px;position:absolute;left:0;transition:all ease .35s;} .menu-toggle i:nth-of-type(1) {top:0;} .menu-toggle i:nth-of-type(2) {top:7px;} .menu-toggle i:nth-of-type(3) {top:14px;} .menu-toggle.close i {background:#000;} .menu-toggle.close i:nth-of-type(1) {top:10px;transform:rotate(45deg);} .menu-toggle.close i:nth-of-type(2) {width:0;} .menu-toggle.close i:nth-of-type(3) {top:10px;transform:rotate(-45deg);} .nav_menu_list li i.hiconfont {width:30px;height:54px;font-size:16px;color:#333;position:absolute;right:0;top:0;transition:transform .5s;text-align:center;line-height:54px;display:none;} .nav_menu_list li i.hiconfont.nav_btndown {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);} .h-tel {float:right;font-size:24px;font-weight:400;color:#FFFFFF;margin-top:28px;margin-left:18px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;} .h-tel a {opacity:.8;color:#ffffff;} .h-tel a:hover{color: #fff !important;} .h-tel img {vertical-align:0px;margin-right:7px;} #header.header.on .h-tel {color:#1CBE94;} #header.header.on .h-tel a {opacity:1;color:#1CBE94;} #header.header.on .h-tel a:hover{color:#1CBE94 !important;} .h-tel .htel-1 {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;position:absolute;top:30px;} .h-tel .htel-2 {opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} #header.header.on .h-tel .htel-1 {opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);} #header.header.on .h-tel .htel-2 {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);} .header .logo .logo1 {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);display:block;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} .header .logo .logo2 {opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);display:none;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;} #header.header.on .logo1 {opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);display:none;} #header.header.on .logo2 {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);display:block;} @media only screen and (max-width:1499px) {.nav_menu_list>li>a {margin:0 16px;} } /*灏鹃儴*/.footer {background:#333333;line-height:1.4;color:#6c6c6c;position:relative;overflow:hidden;} .footer a {transition:color .4s;color:#999999;font-size:14px;} .footer a:hover {color:#1CBE94 !important;} .foot-model {padding:42px 0 31px 0;} .foot-left {float:left;position:relative;} .foot-left .line {position:absolute;right:-1px;top:0;border-left:1px solid #07053C;height:250px;} .foot-nav {position:relative;font-family:Microsoft YaHei;padding-right:35px;} .foot-nav dl {min-width:140px;float:left;margin-right:76px;} .foot-nav dl.ft_contact {min-width:300px;margin-right:130px;} .foot-nav dl.ft_contact li span {padding-left:25px;} .foot-nav dl.first dd {margin:0 -13px;} .foot-nav dl.first ul {float:left;margin:0 13px;} .foot-nav dl.last {margin-right:56px;} /* .foot-nav dt {color:#ffffff;font-size:20px;border-bottom:1px solid #07053C;position:relative;padding-bottom:15px;} */ .foot-nav dt {color:#ffffff;font-size:20px;position:relative;padding-bottom:7px;} /* .foot-nav dt::after {content:"";position:absolute;left:0;bottom:0;border-top:1px solid #4c4c4c;width:100%;} */ .foot-nav dt a {color:#EEEEEE;font-weight:bold;font-size:16px;font-family:Microsoft YaHei;} .foot-nav dd {margin-top:15px;} .foot-nav dd li {line-height:30px;font-size:14px;color:#999;} .foot-nav .contact-info-icon {padding-left:28px;background:url(../images/contact-icon.png) no-repeat left center;} .foot-nav .contact-info-icon2 {padding-left:28px;background:url(../images/contact-icon5.png) no-repeat left center;} .foot-nav .contact-info-icon3 {padding-left:28px;background:url(../images/contact-icon2.png) no-repeat left center;} .ft-right {float:right;margin-right:96px;position:relative;} .code-img {text-align:center;float:left;} .code-img img{width: 110px;height: 110px;} .code-img span {display:block;color:#999999;font-size:14px;font-family:Microsoft YaHei;margin-top:10px;} .foot-tel {float:left;text-align:left;font-family:Microsoft YaHei;margin-left:44px;} .foot-tel .t1 {text-align:left;font-size:0;} .foot-tel .t1 img,.foot-tel .t1 span {font-size:16px;vertical-align:middle;line-height:24px;color:#fff;} .foot-tel .t1 span {margin-left:6px;} .foot-tel .t2,.foot-tel .t3 {line-height:28px;color:#fff;font-weight:bold;} .foot-tel .t2 {font-size:25px;margin-top:12px;} .foot-tel .t3 {font-size:14px;color:#fff;} .foot-tel .t4 {overflow:hidden;margin-top:12px;} .foot-tel .t4 .more {display:block;width:140px;height:40px;line-height:40px;background:#1CBE94;border-radius:4px;font-size:0;text-align:center;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;} .foot-tel .t4 .more i,.foot-tel .t4 .more span {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;} .foot-tel .t4 .more i {width:20px;height:22px;background:url(../images/ftzx-icon.png) no-repeat;} .foot-tel .t4 .more span {color:#fff;margin-left:8px;} .foot-tel .t4 .more:hover {background:#003A84;} .foot-wechat {float:right;margin-top:32px;padding-right:8px;text-align:center;} .foot-wechat .foot-wechat-box {float:left;margin-right:20px;} .foot-wechat img {width:108px;height:108px;border:1px solid #929898;} .foot-wechat p {font-size:14px;color:#6E6E6E;margin-top:8px;} .foot-copy {padding:16px 0;line-height:22px;font-size:12px;color:#888;} .foot-copy a {color:#888;} .foot-copy .copyright {font-size:14px;color:#888;} .brief-logo {background:url(../images/logo2.png) no-repeat center top;padding-top:84px;font-size:30px;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:30px;padding-left:30px;} .contact_desc {font-size:14px;line-height:24px;color:#6c6c6c;text-align:center;margin-top:130px;} .pro_ibox {border-top:solid 1px #333333;padding-top:10px;margin-top:54px !important;} .link {line-height:24px;color:#888;position:relative;overflow:hidden;font-size:14px;} .link b {float:left;font-weight:normal;} .link ul li {float:left;line-height:24px;} .link ul li a {color:#888;} .link ul li a:hover {color:#1CBE94;} .link ul li span {padding:0 6px;} @media only screen and (max-width:1499px) {.foot-nav dl {margin-right:50px;} .foot-nav dl.ft_contact {margin-right:70px;} } /* fullpage.css */.section {display:block;position:relative;} .fp-tableCell {width:100%;height:100%;position:relative;} .fp-auto-height {height:auto!important;} .fp-auto-height .fp-tableCell {height:auto!important;} #fp-nav ul li a span {background:#ccd1d9;height:7px;width:7px;} #fp-nav ul li {position:relative;margin:20px 10px;} #fp-nav ul li:after {content:"";width:1px;height:30px;background:#ccd1d9;position:absolute;top:10px;left:8px;} #fp-nav ul li:last-child:after {display:none;} #fp-nav ul li a.active span {margin:-2px 0px 0px -2px;height:7px;width:7px;} #fp-nav ul li a.active span:before {content:"";display:block;height:15px;width:15px;border-radius:100%;border:1px solid #CCD1D9;position:absolute;left:-5px;top:-5px;} #fp-nav ul li:hover span {height:7px !important;width:7px !important;transform:scale(1.4);margin:-2px 0 0 -2px !important;} /*骞垮憡鍥?/.banner {width:100%;position:relative;z-index:2;overflow:hidden;height:100%;} .banner .slick-slider,.banner .slick-list {height:100%;} #banner .slick-slide {float:none;position:relative;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;} #banner .slick-slide img.img2 {display:none;} #banner .slick-track {height:100%;} #banner .slick-track .slick-slide {float:left;} .banner .slick-dots {bottom:40px;z-index: 2222;} .banner .slick-dots li {margin:0 8px;} .banner .slick-dots li button {width:10px;height:10px;padding:0;background-color:#CCCCCC;} .banner .slick-dots li.slick-active button {background-color:#1CBE94;} .banner .slick-dots li.slick-active button::after {content:"";position:absolute;left:-6px;top:-6px;width:20px;height:20px;border:1px solid #1CBE94;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} .banner-box1{ position: absolute; position: absolute; left: 50%; top: 47%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); opacity: 0; transition: .1s; -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; } .banner-box1.banner-box1-2{ top: 55%; } #banner .slick-slide.slick-active .banner-box1{ opacity: 1; } #banner .slick-slide.slick-active .banner-box1 .banner-text{ position: absolute; font-size: 40px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text1{ left: 110px; top: 118px; } #banner .slick-slide.slick-active .banner-text.banner-text2{ right: 55px; top: 98px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text3{ right: 48px; bottom: 0; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text4 { right: 136px; top: -36px; font-size: 60px; text-shadow: 2px 2px 4px #00203A; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text4 em{ font-style: normal; color: #22e1af; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text5{ left: 122px; top: 20px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text5-2{ font-size: 34px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 51px; right: 28px; top: 80px; } #banner .slick-slide.slick-active .banner-box1 .img3{ margin: 10px auto 0; } .banner-box3{text-align: center;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6{ position: relative; display: block; text-align: center; font-size: 55px; font-family:Microsoft YaHei; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.left{ position: absolute; left: -11px; bottom: -8px; width: 11px; height: 11px; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.right{ position: absolute; right: -11px; bottom: -8px; width: 11px; height: 11px; border: 1px solid #ffffff; box-sizing: border-box; background: #FFFFFF; opacity: 0.6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.line{width: 790px;height: 1px;background-color: #FFFFFF;opacity: .4;display: block;position: relative;top: 3px;margin: 0 auto;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text7{ position: relative; display: block; font-size: 12px; font-family:Microsoft YaHei; letter-spacing: 5px; text-indent: 8px; text-transform: uppercase; margin-top: 28px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text1{ animation: zifadeInUp 0.8s ease .5s both; -webkit-animation: zifadeInUp 0.8s ease .5s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text2{ animation: zifadeInUp 0.8s ease .55s both; -webkit-animation: zifadeInUp 0.8s ease .55s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text3{ animation: zifadeInUp 0.8s ease .6s both; -webkit-animation: zifadeInUp 0.8s ease .6s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text4{ animation: zifadeInUp 0.8s ease .55s both; -webkit-animation: zifadeInUp 0.8s ease .55s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text5{ animation: zifadeInUp 0.8s ease .6s both; -webkit-animation: zifadeInUp 0.8s ease .6s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text5-2{ animation: zifadeInUp 0.8s ease .6s both; -webkit-animation: zifadeInUp 0.8s ease .6s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6{ animation: zifadeInUp 0.8s ease .55s both; -webkit-animation: zifadeInUp 0.8s ease .55s both; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text7{ animation: zifadeInUp 0.8s ease .6s both; -webkit-animation: zifadeInUp 0.8s ease .6s both; } #banner .slick-slide.slick-active img.img1{ animation: zifadeInUp 0.8s ease .65s both; -webkit-animation: zifadeInUp 0.8s ease .65s both; } #banner .slick-slide.slick-active img.img3{ animation: zifadeInUp 0.8s ease .7s both; -webkit-animation: zifadeInUp 0.8s ease .7s both; } .show2{ display: none; } .banner img.dif-wenzi-img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } /* 2020/11/24 */ /* #banner .banner-box1 .banner-text.banner-text1{ left: 110px; top: 118px; } #banner .banner-box1{ opacity: 1; } #banner .banner-box1 .banner-text{ position: absolute; font-size: 40px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } #banner .banner-text.banner-text2{ right: 55px; top: 98px; } #banner .banner-box1 .banner-text.banner-text3{ right: 48px; bottom: 0; } #banner .banner-box1 .banner-text.banner-text1{ animation: zifadeInUp 0.8s ease .5s both; -webkit-animation: zifadeInUp 0.8s ease .5s both; } #banner .banner-box1 .banner-text.banner-text2{ animation: zifadeInUp 0.8s ease .55s both; -webkit-animation: zifadeInUp 0.8s ease .55s both; } #banner .banner-box1 .banner-text.banner-text3{ animation: zifadeInUp 0.8s ease .6s both; -webkit-animation: zifadeInUp 0.8s ease .6s both; } */ /* 棣栭〉-鐣欒█ */.ind-contact-box {position:relative;height:100%;} .ind-contact-box .map {overflow:hidden;height:100%;float: left;width: 50%;} .ind-contact-box .map .map-img {width:100%;height: 100%;} .ind-contact-box .contact-box {width:50%;height:100%;box-sizing:border-box;padding-left:116px;background-color:#fff;position:absolute;right:0;top:0;display:table;} .ind-contact-box .contact-box .inner {display:table-cell;vertical-align:middle;} .contact-form {margin-top:38px;} .contact-form li.submit button {cursor:pointer;width:200px;height:60px;background:#1CBE94;border-radius:5px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center;line-height:60px;margin-top:26px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;} .contact-form li.submit button:hover {background-color:#003A84;} .contact-form .j-input {width:496px;height:58px;margin-bottom:10px;background:#F5F5F5;margin-bottom:10px;color:#999999;font-size:18px;padding:0 20px;box-sizing:border-box;} .contact-form .j-input2 {width:460px;height:110px;background:#F5F5F5;padding:20px;color:#999999;font-size:18px;} .contact-form .j-input.msg-name {background-image:url(../images/contact-icon.png);background-repeat:no-repeat;background-position:450px center;} .contact-form .j-input.msg-phone {background-image:url(../images/contact-icon2.png);background-repeat:no-repeat;background-position:450px center;} .active .contact-form{ animation: zifadeInUp 0.8s ease 0.6s both; } .ind-contact-box .ves {width:400px;height:168px;background:#FFFFFF;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);box-sizing:border-box;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333333;border-radius:10px;line-height:36px;padding-left:40px;padding-top:27px;position:absolute;left:18%;bottom:25%;} .ind-contact-box .ves p img {vertical-align:-2px;} .ind-contact-box .ves p span{display: inline-block;*display: inline-block;*zoom: 1;width: 24px;margin-right: 6px;} .active .ind-contact-box .ves{ animation: fadeInUpD 1s ease .6s both; -webkit-animation: fadeInUpD 1s ease .6s both; } /* 棣栭〉-鍏徃绠€浠 */.ind-brief-box {height:100%;overflow:hidden;width:100%;} .ind-brief-box .left {width:50%;height:100%;} .ind-brief-box .right {width:50%;background-color:#ffffff;display:table;height:100%;box-sizing:border-box;padding-left:116px;} .ind-brief-box .right .inner {display:table-cell;vertical-align:middle;} .ind-brief-box .right .inner .inner-title {padding-top:76px;} .ind-brief-box .brief-text {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:24px;width:564px;margin-top:22px;} .ind-brief-box .brief-text p{ margin-bottom: 16px; } .active .ind-brief-box .brief-text{ animation: zifadeInUp 1s ease 0.8s both; -webkit-animation: zifadeInUp 1s ease 0.8s both; } .ind-brief-box .more a {display:block;text-align:center;width:178px;height:50px;line-height:50px;border:1px solid #DDDDDD;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;margin-top:32px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .ind-brief-box .more a:hover {background-color:#1CBE94;color:#fff !important;border-color:#1CBE94;} .active .ind-brief-box .more a{ animation: fadeInUpD .8s ease .6s both; -webkit-animation: fadeInUpD .8s ease .6s both; } .brief-list {margin-top:60px;} .brief-list .item {float:left;margin-right:22px;} .brief-list .item .bot {width:180px;height:270px;border:1px solid #DDDDDD;box-sizing:border-box;padding-top:10px;} .brief-list .item .bot a {display:block;margin-bottom:10px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding-left:8px;} .brief-list .item .bot a img {vertical-align:middle;margin-right:10px;} .brief-list .item.item3 .bot a img{ margin-right: 0; } .brief-list .item.item3 .bot span{ display: inline-block; *display: inline-block; *zoom: 1; width: 28px; text-align: center; margin-right: 6px; } .brief-list .item .top {color:#fff;font-family:Microsoft YaHei;font-size:24px;height:83px;width:180px;box-sizing:border-box;padding-top:8px;padding-left:28px;} .brief-list .item .top span {font-size:60px;font-family:'Microsoft YaHei';} .brief-list .item.item1 .top {background-color:#1F5EAD;} .brief-list .item.item2 .top {background-color:#1CBE94;} .brief-list .item.item3 .top {background-color:#003A84;} .active .brief-list .item.item1{ animation: zifadeInUp 0.8s ease 0.6s both; } .active .brief-list .item.item2{ animation: zifadeInUp 0.8s ease 0.65s both; } .active .brief-list .item.item3{ animation: zifadeInUp 0.8s ease 0.7s both; } /* 棣栭〉浜у搧涓績 */.ind-product {background-color:#F1F7F9;width:100%;height:100%;overflow:hidden;} #cans{ position: absolute; z-index: 1; overflow: hidden; height: 600px; width: 100%; bottom: 0; } .ind-product .container {height:100%;} .ind-product .inner-title {padding-top:14%;} .ind-product .inproduct-tabbox {margin-top:11px;overflow:hidden;position: relative;z-index: 22;} .active .ind-product .inproduct-tabbox{ animation: zifadeInUp 0.8s ease 0.7s both; } .inproduct-tabtit {float:left;margin-right:20px;} .inproduct-tabtit ul {font-size:0;text-align:center;} .inproduct-tabtit li {box-sizing:border-box;padding-top:52px;width:280px;height:180px;margin:1px 0px;background:#fff;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;} .inproduct-tabtit li i {display:block;} .ind-product i.ico {width:51px;height:50px;background:url(../images/icon2.png) no-repeat;margin:0 auto;} .ind-product i.ico1 {background-position:0 0;} .ind-product i.ico2 {background-position:-2px -60px;} .ind-product i.ico3 {background-position:-1px -119px;} .ind-product i.ico4 {background-position:-3px -179px;} .ind-product li:hover i.ico1,.ind-product li.active i.ico1 {background-position:-63px 0;} .ind-product li:hover i.ico2,.ind-product li.active i.ico2 {background-position:-64px -60px;} .ind-product li:hover i.ico3,.ind-product li.active i.ico3 {background-position:-62px -119px;} .ind-product li:hover i.ico4,.ind-product li.active i.ico4 {background-position:-64px -179px;} .inproduct-tabtit li span {display:block;font-size:20px;font-family:Microsoft YaHei;color:#666666;transition:color .8s;-webkit-transition:color .8s;-moz-transition:color .8s;-ms-transition:color .8s;-o-transition:color .8s;padding-top:10px;} .inproduct-tabtit li.active {background:#003A84;color:#fff;} .inproduct-tabtit li.active span {color:#ffffff;} .inproduct-tabtit li:hover {background:#003A84;color:#ffffff;} .inproduct-tabtit li:hover span {color:#ffffff;} .ind-product .more-btn {margin-top:57px;} .ind-product .more-btn a {display:block;width:100%;height:50px;border:1px solid #DDDDDD;box-sizing:border-box;text-align:center;line-height:50px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;opacity:0.6;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;margin-bottom:9px;} .ind-product .more-btn a:hover {color:#fff !important;background-color:#1CBE94;border-color:#1CBE94;} .ind-product .inproduct-tabcont {float:left;width:1100px;overflow:hidden;} .ind-product .inproduct-tabcont .tabitem {margin:0 -5px;} .ind-product .inproduct-tabcont .text {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:24px;padding-top:10px;box-sizing:border-box;height:58px;} .ind-product .inproduct-tabcont .tit a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#333333;border-bottom:1px dashed #DDDDDD;line-height:30px;padding-top:10px;padding-bottom:8px;} .ind-product .inproduct-tabcont .pic {width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #EEEEEE;} .ind-product .inproduct-tabcont .pic img {transition:transform 1.2s;-webkit-transition:transform 1.2s;-moz-transition:transform 1.2s;-ms-transition:transform 1.2s;-o-transition:transform 1.2s;width:100%;} .ind-product .inproduct-tabcont .item:hover .pic img {transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);} .ind-product .inproduct-tabcont .item {padding:10px;background-color:#fff;margin:0 5px;box-sizing:border-box;height:544px;} .ind-product .swiper-pagination-bullet {background-color:#CCCCCC;width:10px;height:10px;opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);position:relative;} .ind-product .swiper-pagination-bullet-active {background-color:#1CBE94;} .ind-product .swiper-pagination-bullet-active::after {content:"";width:18px;height:18px;position:absolute;border:#1CBE94 1px solid;left:-5px;top:-5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} .ind-product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 9px;} .ind-product .swiper-container {padding-bottom:52px;} .ind-product .swiper-container-horizontal>.swiper-pagination-bullets {bottom:2px;} .ind-product .tabitem {display:none;} .ind-product .tabitem.active {display:block;} .pro-bg {width:100%;height:177px;background:url(../images/pro_bg.png) no-repeat center;position:absolute;left:0;bottom:0;} @media only screen and (max-width:1499px) {.foot-nav {padding-right:14px;} .ft-right {margin-right:0px;} .ind-brief-box .right {padding-left:66px;} .ind-product .inproduct-tabcont {width:900px;} .ind-contact-box .ves {left:13%;} .ind-product .inner-title {padding-top:12%;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6{font-size: 50px;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text7{letter-spacing:4px;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.line{width: 720px;} ul.nav_menu_list { margin-right: 42px; } } @media only screen and (max-width:1343px) {.ind-brief-box .right {padding-left:50px;width:52%;} .ind-brief-box .left {width:48%;height:100%;} .brief-list .item {margin-right:16px;} .brief-list .item .bot {width:170px;} .brief-list .item .top {width:170px;} } @media only screen and (max-width:1299px) {.ind-contact-box .contact-box {padding-left:50px;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6{font-size: 42px;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text7 { font-size: 10px; text-indent: 2px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.line { width: 612px; } ul.nav_menu_list { margin-right: 28px; } } @media only screen and (max-width:1199px) {.nav_menu_list>li>a {margin:0 12px;} .h-tel {margin-left:6px;} .ind-brief-box .left {width:44%;} .ind-brief-box .right {padding-left:0;} .ind-brief-box .right .inner .inner-title {padding-top:11%;} .ind-brief-box .right .inner .inner-title {padding-top:7%;} .inproduct-tabtit {float:none;margin-bottom:12px;width:100%;} .ind-product .inproduct-tabcont {width:100%;float:none;} .inproduct-tabtit li {float:left;width:33.3%;height:100px;padding-top:10px;} .ind-product .inner-title {padding-top:9%;} .ind-product .inproduct-tabcont .item {height:auto;} .inproduct-tabtit li span {padding-top:4px;} .ind-contact-box .ves {left:8%;} .foot-tel {float:left;text-align:left;font-family:Microsoft YaHei;margin-left:26px;} .foot-nav dl {margin-right:38px;min-width:130px;} } @media only screen and (max-width:1090px){ ul.nav_menu_list { margin-right: 16px; } } @media only screen and (max-width:1059px) {#header {height:34px;} .navbar .logo {margin-left:15px;margin-top: 7px;} .menu-toggle {display:block;} .navbar .logo a img {width:auto;height:20px;} #header.header.on .menu-toggle i {background-color:#333;} .contact-form .j-input {width:430px;} .contact-form .j-input.msg-phone {background-position:380px center;} .contact-form .j-input.msg-name {background-position:380px center;} .contact-form .j-input2 {width:390px;} .brief-list .item .top {width:150px;} .brief-list .item .bot {width:150px;} .brief-list .item .bot a {font-size:13px;padding-left:14px;} .brief-list .item {margin-right:12px;} .ind-brief-box .brief-text {width:90%;} .ind-brief-box .left {width:48%;} .ind-brief-box .right {width:50%;} .ind-brief-box .right .inner .inner-title {padding-top:2%;} .nav_menu {width:280px;height:100%;position:fixed;right:-100%;top:0;z-index:9993;transition:right .6s;background:#ffffff;margin-right:0;} .nav_menu.open {right:0;} .nav_menu ul {width:100%;overflow-y:auto;position:absolute;left:0;top:50px;bottom:68px;} .nav_menu ul > li {width:auto!important;height:auto;float:none;font-size:16px;margin:0 30px;line-height:inherit;border-bottom:1px solid #f5f5f5;} .nav_menu ul > li > a {margin:0;text-align:left;height:54px;line-height:54px;color:#333333;font-size:15px;padding-bottom:0;} .nav_menu_list li.active>a>i.line,.nav_menu_list li:hover>a>i.line {width:0;} .h-tel {position:absolute;bottom:20px;} .nav_menu_list li i.hiconfont {display:block;} .subnav {width:auto;background:none;position:static;transition:all 0s!important;opacity:1!important;visibility:visible!important;display:none;height:auto;box-shadow:inherit;margin-top:0;font-size:14px;} .subnav ol {padding:0;} .subnav ol li {border-top:1px solid #f5f5f5;} .subnav a {color:#666;} .ind-contact-box .ves {left:6%;} .map-img{ width: 100%; } .map-img img{width: 100%;} } @media only screen and (max-width:1025px){ .banner-box1{width: 90%;} .banner-box1 .img1{width: 100%;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.left{left: 15%;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text6 i.right{right: 15%;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text4 { right: 152px; top: -22px; font-size: 42px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text5 { left: 164px; top: 22px; font-size: 33px; } #banner .slick-slide.slick-active .banner-box1 .img3{width: 100%;} #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text1 { left: 82px; top: 90px; } #banner .slick-slide.slick-active .banner-text.banner-text2 { right: 22px; top: 76px; } #banner .slick-slide.slick-active .banner-box1 .banner-text.banner-text3 { right: 25px; bottom: -4px; } .ind-product .inner-title { padding-top: 12%; } } @media only screen and (max-width:991px) {.inner-text {text-align:center;font-size:26px;} .inner-title {text-align:center;font-size:40px;} .foot-nav dd {display:none;} .foot-left {float:none;width:100%;} .foot-left .line {display:none;} .foot-nav::before {display:none;} .foot-nav {width:100%;float:none;padding-right:0;margin-bottom:10px;} .ft-right {width:100%;float:none;} .code-img {display:none;} .foot-nav dt {border-bottom:0;padding-left:26px;} .foot-nav dl {margin-right:0;min-width:auto;width:25%;} .foot-copy {display:none;} .foot-nav dt::after {display:none;} .ind-contact-box .map {height:66vh;width: 100%;float: none;} .my-map{height: 100% !important;} .ind-contact-box .ves {bottom:4%;} .ind-contact-box .contact-box {width:100%;position:relative;padding-top:54px;padding-bottom:54px;padding-left:0;text-align:center;} .ind-contact-box .map .container {width:100%;} .ind-product {box-sizing:border-box;padding-bottom:50px;padding-left:15px;padding-right:15px;} .inproduct-tabtit li span {font-size:16px;} .ind-brief-box .left {display:block;width:100%;height:400px;float:none;} .ind-brief-box .right {float:none;width:100%;box-sizing:border-box;padding:50px 15px;} .brief-list {margin-top:40px;width:66%;margin:40px auto 0;} .ind-brief-box .brief-text {width:100%;text-align:center;} .ind-brief-box .more a {margin:32px auto 0;} .ind-brief-box {margin-top:45px;} .ind-brief-box .right .inner .inner-title {padding-top:0;} .ind-product i.ico {transform:scale(0.9);} .show2{ display: block; } .banner img.img11{width: 76%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,100%);opacity: 0;transition: .8s;} #banner .slick-slide.slick-active img.img11{ transform: translate(-50%,-50%); opacity: 1; } .banner-box1{display: none;} .banner{height: 40vh;} .banner img.dif-wenzi-img2{width: 45%;top: 55%;} } @media only screen and (max-width:767px) {.inner-title {font-size:24px;margin-bottom: 6px;} .brief-list .item .top span { font-size: 48px; } .ind-product .inproduct-tabbox { margin-top: 18px; } .inner-text {font-size:23px;} .contact-form .j-input {width:90%;font-size:16px;} .contact-form .j-input2 {width:90%;box-sizing:border-box;font-size:16px;} .ind-contact-box .ves {box-sizing:border-box;width:94%;padding-left:14px;left:3%; bottom: 2%; height: 142px; padding-top: 16px; } .foot-tel {float:none;width:100%;text-align:center;margin-left:0;} .foot-tel .t1 {text-align:center;} .foot-tel .t4 .more {margin:0 auto;} .banner .slick-dots {bottom:22px;} .contact-form li.submit button {width:170px;height:50px;line-height:50px;} .contact-form .j-input.msg-name {background-position:94% center;} .contact-form .j-input.msg-phone {background-position:94% center;} .inproduct-tabtit li {width:33.3%;margin:0;} .inproduct-tabtit li span { font-size: 12px; } .ind-brief-box .more a {width:150px;height:45px;line-height:45px;} .brief-list {width:100%;} .brief-list .item { width: 46%; } .brief-list .item .top {width:100%;} .brief-list .item .bot {width:100%;} .brief-list .item3 {margin-top:20px;} .ind-product {padding-top:30px;} .ind-product i.ico {transform:scale(0.6);} .inproduct-tabtit li span {padding-top:0px;} .inproduct-tabtit li {height:80px;padding-top:3px;} .banner .slick-dots li button{width: 6px;height: 6px;} .banner .slick-dots li { margin: 0 6px; } .banner .slick-dots li.slick-active button::after { left: -5px; top: -5px; width: 14px; height: 14px; } .ind-product .swiper-pagination-bullet{ width: 6px;height: 6px; } .ind-product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; } .ind-product .swiper-pagination-bullet-active::after { width: 12px; height: 12px; left: -4px; top: -4px; } } /* 2020/11/25 */ /* .banner img.img11{width: 76%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 1;transition: .8s;} } */ /*棣栭〉鏂伴椈涓績*/ .index-news {padding:36px 0 70px 0;background:#ffffff;position:relative;overflow:hidden;} .news-ititle {height:36px;line-height:36px;} .news-ititle .more,.about-team-ititle .more {display:block;float:right;height:36px;line-height:36px;background:url(../images/news-smore.png) no-repeat left center;text-transform:uppercase;font-size:14px;color:#999999;padding-left:28px;transition:color .5s;} .news-ititle .more:hover,.about-team-ititle .more:hover {color:#1CBE94;} .news-ititle h2,.about-team-ititle h2 {font-size:24px;font-weight:bold;color:#999999;} .news-ititle h2 span,.about-team-ititle h2 span {font-size:30px;color:#2D373C;} .news-ibox {margin-top:26px;} .news-ilist {width:66.25%;float:left;border:1px solid #EEEEEE;box-sizing:border-box;padding:10px 26px 14px;height:410px;overflow:hidden;} .news-ilist ul {margin:0 -10px;} .news-ilist ul li .item {display:block;background:#fff;margin:0 10px;padding:28px 4% 31px 4%;} .news-ilist ul li .time {width:78px;height:30px;line-height:30px;border-bottom:2px solid #003A84;color:#666;margin-bottom:25px;white-space:nowrap;transition:color .5s;text-transform:uppercase;font-size:14px;} .news-ilist ul li .text {position:relative;height:106px;padding-left:164px;margin:10px 0;} .news-ilist ul li .pic {width:150px;height:108px;background:#d6d6d6;overflow:hidden;border:1px solid #f3f3f3;position:absolute;left:0;top:0;} .news-ilist ul li .pic img {display:block;width:100%;min-height:100%;height:auto;} .news-ilist ul li .title {font-weight:normal;font-size:18px;height:90px;line-height:30px;overflow:hidden;color:#333;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-o-transition:color .5s;} .news-ilist ul li .desc {font-size:14px;height:48px;line-height:24px;color:#999;overflow:hidden;transition:color .5s;margin-top:8px;} .news-ilist ul li .item:hover {background:#1CBE94;} .news-ilist ul li .item:hover * {color:#fff!important;} .news-ilist ul li .item:hover .time {border-bottom-color:#fff;} .news-ilist ol {margin:0px -10px 0 -10px;} .news-ilist ol li a {display:block;margin:0 10px;height:54px;line-height:54px;font-size:14px;border-top:1px dashed #ccc;padding-right:10px;position:relative;} .news-ilist ol li:nth-child(1) a {border-top:0;} .news-ilist ol li:nth-child(2) a {border-top:0;} .news-ilist ol li .time {float:right;margin-left:10px;color:#999;} .news-ilist ol li .title {margin-left:24px;color:#000;height:54px;line-height:54px;font-size:14px;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .4s;} .news-ilist ol li span {display:block;width:6px;height:11px;background:url(../images/nsjx.png) no-repeat;position:absolute;left:10px;top:22px;transition:all .4s;} .news-ilist ol li a:hover .title {color:#003A84;} .news-ilist ol li a:hover span {background:url(../images/dddd.png) no-repeat;} .news-slist {width:31.25%;height:410px;float:right;background:#F1F7F9;} .news-slist .dt {height:58px;line-height:58px;font-size:16px;color:#0e1116;margin:0 6%;padding:0 10px;padding-top:18px;border-bottom:2px solid #cdcdcd;} .news-slist .dt .more {float:right;font-size:12px;color:#b1b1b1;text-transform:uppercase;} .news-slist .dt .more:hover {color:#1CBE94;} .news-slist .dd {margin:18px 6% 0 6%;height:380px;overflow:hidden;} .news-slist .dd li a {display:block;padding:12px 10px;border-bottom:1px dashed #CDCDCD;transition:color .4s;} .news-slist .dd li .ifaq {height:30px;} .news-slist .dd li .ifaq.q {margin-bottom:10px;} .news-slist .dd li .ifaq span {display:block;float:left;width:30px;height:30px;line-height:30px;background:#003A84;text-align:center;font-size:16px;color:#fff;} .news-slist .dd li .ifaq.a span {background:#1CBE94;} .news-slist .dd li .title {margin-left:38px;height:30px;line-height:30px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .news-slist .dd li a:hover {color:#1CBE94;} .news-ilist.nnews{width: 100%;border: 0;padding: 10px 0px 14px;height: auto;} /*****鍒嗛〉*****/ .p12-pagination-1-main { line-height: 25px; text-align: center; font-size: 0; padding: 30px 0;} .pagination { text-align: center; font-size: 0;} .pagination li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; padding: 14px 9px;} .pagination li a { font-size: 14px; padding: 10px;} .pagination .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #999; margin: 0px 2px;} .pagination .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px;} .pagination li.active, .pagination li.active a, .pagination li.active a:hover { font-weight: bold; display: inline-block; background: #003A84; color: #fff!important; border: 1px solid #003A84; padding: 14px 18px;} .pagination li.disabled span{padding: 14px 9px;} @media only screen and (max-width:991px){ .pagination li.active, .pagination li.active a, .pagination li.active a:hover{ padding: 10px 14px; } .pagination li a, .pagination li.disabled span{ padding: 0; } .pagination li{padding: 10px 14px;} } /* 浜烘墠鎷涘嫙 */ .zhaomu_part { padding-bottom: 102px; } .zhaomu_part .w1140 { overflow: hidden; } .zhaomu_part .w1140 .tit { font-size: 32px; font-family: Microsoft YaHei; font-weight: 400; color: #212121; margin-bottom: 15px; } .zhaomu_part .w1140 .text { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #212121; line-height: 30px; margin-bottom: 44px; } .zhaomu_part .zhaomu-rexian { overflow: hidden; } .zhaomu_part .zhaomu-rexian img { width: 100%; transition: transform 1.1s; -webkit-transition: transform 1.1s; -moz-transition: transform 1.1s; -ms-transition: transform 1.1s; -o-transition: transform 1.1s; } .zhaomu_part .zhaomu-rexian:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); } .zhaomu_part .rexian-desc .title2 { color: #12784A; font-size: 32px; margin-bottom: 12px; } .zhaomu_part .rexian-desc .text2 p { margin-bottom: 7px; color: #212121; font-size: 16px; } .zhaomu_part .rexian-desc a { display: block; width: 133px; height: 38px; border: 1px solid #12784A; border-radius: 20px; text-align: center; color: #12784A; line-height: 38px; margin-top: 26px; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; } .zhaomu_part .rexian-desc a:hover { color: #fff !important; background-color: #12784A; } .zhaomu_part .con { overflow: hidden; margin: 0 100px; } .zhaomu_part .rexian-desc { margin-left: 78px; margin-top: 25px; } .daiyu-text { font-size: 16px; color: #212121; line-height: 30px; } .daiyu-text p { margin-bottom: 3px; } .daiyu-text span { color: #12784A; } .daiyu .imgs { overflow: hidden; width: 51%; } .daiyu .imgs img { transition: transform 1.1s; width: 100%; -webkit-transition: transform 1.1s; -moz-transition: transform 1.1s; -ms-transition: transform 1.1s; -o-transition: transform 1.1s; } .daiyu:hover .imgs img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); } .daiyu-tit { color: #212121; margin-bottom: 34px; font-size: 22px; margin-top: 30px; } .daiyu .right { margin-left: 80px; width: 40%; } .zhaomu-imgs-list { margin: 70px -10px 0; } .zhaomu-imgs-list .img { overflow: hidden; margin: 0 10px; } .zhaomu-imgs-list .img img { width: 100%; transition: transform 1.1s; -webkit-transition: transform 1.1s; -moz-transition: transform 1.1s; -ms-transition: transform 1.1s; -o-transition: transform 1.1s; } .zhaomu-imgs-list .img:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); } /* 鎷涘嫙 */ .zhaopin-ibox { padding-top: 60px; padding-bottom: 65px; } .join_in_ibox { padding-top: 34px; } .about1 .title222 { position: relative; font-size: 20px; color: #444444; font-weight: bold; padding-left: 12px; display: none; } .join_in_ibox i.border { position: absolute; left: 0; top: 2px; background-color: #1CBE94; width: 4px; height: 22px; } .page-intro .pi-title { font-size: 40px; color: #444444; line-height: 40px; display: block; font-family: Microsoft YaHei; text-align: center; } .page-intro .pi-txt { text-align: left; display: inline-block; font-size: 18px; line-height: 26px; font-family: Microsoft YaHei; margin-top: 15px; text-align: center; width: 100%; } .col-xs-12s { width: 100%; } .collapse { display: none; } .collapse.in { display: block; } .inner_job .job_box { width: 100%; position: relative; margin-top: 18px; } .panel-default { border: none; } .inner_job .job_box .job_title { width: 100%; position: relative; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 30px; border-bottom: 1px solid #e9edf3; } .inner_job .job_box .job_content { background: #fff; padding: 0; } .inner_job .job_box .panel-default>.panel-heading { background: #fff; border: none; padding: 0; box-shadow: none; } .inner_job .job_box .panel-default>.panel-heading.open a { background-color: #fff1b2; } .inner_job .job_box .panel-collapse { padding: 15px; width: 100%; box-sizing: border-box; } .inner_job .job_box .panel-default>.panel-heading a { font-size: 16px; color: #444444; display: block; padding: 19px 30px; background: #fff; border-bottom: 1px solid #CCCCCC; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0; width: 100%; position: relative; box-sizing: border-box; } .inner_job .job_box .panel-default>.panel-heading a span { float: left; } .inner_job .job_box .panel-default>.panel-heading a span.p1 { width: 20%; } .inner_job .job_box .panel-default>.panel-heading a span.p2 { width: 20%; } .inner_job .job_box .panel-default>.panel-heading a span.p3 { width: 20%; } .inner_job .job_box .panel-default>.panel-heading a span.p4 { width: 20%; } .inner_job .job_box .panel-default>.panel-heading a span.p5 { width: 20%; } /* .inner_job .job_box .panel-default>.panel-heading a:hover {background-color:#fff1b2;} */ .inner_job .job_box .panel-default>.panel-heading span.open_bar { width: 20px; height: 20px; background: url(../images/add22.png) no-repeat; position: absolute; top: 26px; } .inner_job .job_box .panel-default>.panel-heading .collapsed span.open_bar:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .inner_job .job_box .panel-collapse { padding: 15px; width: 100%; display: none; } .recruitmentBox .top[data-on="active"] .open_bar { background: url(../images/plus.png) no-repeat !important; } .panel-body { padding: 0 15px; color: #999999; font-size: 14px; font-weight: 500; line-height: 36px; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: 0; } @media (max-width: 767px) { .inner_job .job_box .panel-default>.panel-heading a { padding: 10px; } .inner_job .job_box .panel-default>.panel-heading a span.p1 { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .inner_job .job_box .panel-default>.panel-heading a span.p4, .inner_job .job_box .panel-default>.panel-heading a span.p3, .inner_job .job_box .panel-default>.panel-heading a span.p2, .inner_job .job_box .panel-default>.panel-heading a span.p5 { width: auto; margin-right: 10px; font-size: 14px; } .post-ibox .open_bar { position: absolute !important; right: 10px; top: 15px; } .panel-body { padding: 0; line-height: 26px; font-size: 13px; } .page-intro .pi-title{ font-size: 26px; line-height: 20px;} .join_in_ibox{padding-top: 10px;} .banner img.dif-wenzi-img{width: 84%;} } .ny-banner{ padding-top: 90px; } @media only screen and (max-width:1059px) { .ny-banner{padding-top: 34px;} } .xwlb_right ol li img { width: 100%; } .xwlb_right ol { box-sizing: border-box; } .xwlb_right li{ background-color: #f1f0f0; } .xwlb_right ol li h3 { line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-weight: normal; font-size: 15px; } .xwlb_right { width: 270px; float: left; border: 1px solid #eee; margin-top: 64px; } .xwlb_right h2 { background: #003A84; height: 80px; color: #fff; text-align: center; line-height: 80px; } .xwlb_right ul { box-sizing: border-box; padding: 15px; padding-bottom: 20px; } .xwlb_right ul li { margin-top: 15px; } .xwlb_right ul li a { font-size: 14px; color: #333333; } .xwlb_right ul li h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xwlb_right ul li p { padding: 5px 0; line-height: 25px; font-size: 13px; color: #999; } /* @media (min-width: 767px){ .ind-brief-box .left { transition: all 0.5s ease-in-out; transform: translate(-200px,0px); opacity: 0; } .active .ind-brief-box .left { opacity: 1; transform: translate(0px,0px); transition-delay: 0.3s; } .ind-brief-box .right { transition: all 0.5s ease-in-out; transform: translate(200px,0px); opacity: 0; } .active .ind-brief-box .right { opacity: 1; transform: translate(0px,0px); transition-delay: 0.4s; } .ind-product .inproduct-tabcont{ transition: all 0.5s ease-in-out; transform: translate(200px,0px); opacity: 0; } .active .ind-product .inproduct-tabcont{ opacity: 1; transform: translate(0px,0px); transition-delay: 0.4s; } .inproduct-tabtit{ transition: all 0.5s ease-in-out; transform: translate(-200px,0px); opacity: 0; } .active .inproduct-tabtit{ opacity: 1; transform: translate(0px,0px); transition-delay: 0.3s; } } */ @media screen and (max-width:480px) { .foot-nav dl{width: 50%;} }