@charset "utf-8";/* CSS Document *//* CSS 公共样式开始 */*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} html {-webkit-tap-highlight-color:transparent} body {overflow-x:hidden;color:#333;font-size:14px;font-family:'Microsoft Yahei','Times New Roman',Arial;-webkit-overflow-scrolling:touch} body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th {margin:0;padding:0;border:0} li,ol,ul {margin:0;padding:0;list-style-type:none} img {max-width:100%;border:0;vertical-align:middle} table {border-collapse:collapse;border-spacing:0} a {color:inherit;outline:none;text-decoration:none;background:transparent} a,em,i,span {display:inline-block} b,em,i {font-style:normal} h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px} button {padding:0} button,input,optgroup,select,textarea {outline:0;border:0;vertical-align:middle;font-family:'Microsoft Yahei'} button,html input[type=button],input[type=reset],input[type=submit],input[type=text] {outline:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:button} textarea {resize:none;font-size:14px} textarea,.select {appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none} .select::-ms-expand {display:none} .clearfix:after,.clearfix:before,.mauto:after,.mauto:before {display:table;content:""} .clearfix:after,.mauto:after,.clear {clear:both} @-webkit-keyframes pg-next {0% {-webkit-transform:none;transform:none;opacity:1} 100% {-webkit-transform:translateY(120%);transform:translateY(120%);opacity:0} } @-moz-keyframes pg-next {0% {-moz-transform:none;transform:none;opacity:1} 100% {-moz-transform:translateY(120%);transform:translateY(120%);opacity:0} } @keyframes pg-next {0% {-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} 100% {-webkit-transform:translateY(120%);-moz-transform:translateY(120%);transform:translateY(120%);opacity:0} } @-webkit-keyframes pg-prev {0% {-webkit-transform:none;transform:none;opacity:1} 100% {-webkit-transform:translateY(-120%);transform:translateY(-120%);opacity:0} } @-moz-keyframes pg-prev {0% {-moz-transform:none;transform:none;opacity:1} 100% {-moz-transform:translateY(-120%);transform:translateY(-120%);opacity:0} } @keyframes pg-prev {0% {-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} 100% {-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);transform:translateY(-120%);opacity:0} } .mauto {max-width:1440px;margin:0 auto} @media (max-width:1200px) {.mauto {max-width:100%;} } @media (max-width:768px) {.mauto {max-width:92%;} } .db {display:block} .dn {display:none} .dtm {display:table;margin:0 auto} .els {display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word} .els2 {display:block;display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} .img-md img {transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s} .img-md img:hover {transform:scale(1.1);-webkit-transform:scale(1.1)} .tra,a {transition:all .3s;-webkit-transition:all .3s} .dfcc,.dfccs,.dflc,.dflcs,.dflr,.dflrs {display:-webkit-flex;display:flex} .dfcc,.dflcs,.dfccs {justify-content:center;-webkit-justify-content:center} .dflc,.dfcc,.dfccs,.dflr,.dflrs {align-items:center;-webkit-align-items:center} .dflr {justify-content:space-between;-webkit-justify-content:space-between} .dflrs {justify-content:space-around;-webkit-justify-content:space-around} .dflcs,.dfccs {-webkit-flex-direction:column;flex-direction:column} /*首页-新闻轮播*/ .slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list {position:relative;overflow:hidden;display:block;margin:0;padding:0} .slick-list:focus {outline:none} .slick-list.dragging {cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto} .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} [dir="rtl"] .slick-slide {float:right} .slick-slide img {width:100%;display:block;object-fit:cover; height:307px;} .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} .slick-arrow.slick-hidden {display:none} .slick-arrow {z-index:1;position:absolute;top:50%;font-size:0;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .slick-prev {left:0} .slick-next {right:0} .slick-dots {position:absolute;left:0;bottom:20px;width:100%;font-size:0;text-align:center} .slick-dots div {display:inline-block;width:30px;height:5px;background:#ccc;margin:0 5px;cursor:pointer} .slick-dots div.slick-active,.slick-dots div:hover,.slick-dots div:focus {background:#333} .slick-dots div button {display:none} .slick-arrow {width:.6rem;height:.6rem} .slick-prev {left:1%;background:url(../images/banner_l.png) no-repeat center/cover} .slick-next {right:1%;background:url(../images/banner_r.png) no-repeat center/cover} @media screen and (max-width:768px){ .slick-dots {display:none !important;} .slick-slide img{ height:260px} } .img img,.imgs img {width:100%;} .imgs {position:relative} /* PC端显示和手机端隐藏 */ .dk_pc {display:block !important;} .dk_phone {display:none !important;} @media screen and (max-width:1300px) { .dk_phone {display:block !important;} } /* CSS 公共样式结束 */ main {} main .main_con {min-height:400px;margin:0 auto;margin-top:40px;max-width:1440px;overflow:hidden;} @media screen and ( max-width:1500px) { main .main_con{max-width:85%;}} @media screen and ( max-width:768px) {main .main_con {margin-top:20px;max-width:100%;} } header {width:100%;background-color:#eeeeee;z-index:10;position:fixed;left:0;top:0;} header .header {width:100%;background:#fff;border-bottom:2px solid #0046a5;} header .header .logo {overflow:hidden;float:left; width:25%} header .header .logo img {width:100%; height:90px;padding:4% 0;} header .header .top-fixed .logo img {/*width:80%;*/transition:all .5s;-webkit-transition:all .5s;} header .header .top-fixed .sm-blue > li {height:70px;transition:all .5s;-webkit-transition:all .5s;} header .header .top-fixed .sv-acbl span {width:80px;height:70px;transition:all .5s;-webkit-transition:all .5s;} header .header .top-fixed .sm-blue ul {top:70px;} header .header .top-fixed .sv-acbl p {top:70px;} @media screen and ( max-width:1300px) {.header {padding:0 3%;} header .header .logo {padding:10px 0 5px;} header .header .logo img {width:100%;height:50px;padding-top:0;} header .header .header-top {padding:0 3%;} header .header .sv-acbl span {width:70px;border-left:0px solid #ddd !important;border-right:0px solid #ddd !important;} } @media screen and ( max-width:768px) { header {z-index:101} header .header .logo{ width:auto} header .header {padding:0;} header .header-top {padding:0;} header .header .logo img {width:auto;max-height:50px;} header .header .sm-blue > li {height:auto;} } header .header-top {width:100%;background-color:#eeeeee;position:relative;} header .header-top #top1 {width:100%;/*background-color:#eeeeee;*/} header .header-top #top1 .top1c {padding:5px 0 5px 0;line-height:25px;width:100%;margin:0 auto;color:#fff;} header .header-top #top1 .top1c a {/*padding-left:5px;*/} header .header-top #top1 .top1c_l {float:left;color:#666;} header .header-top #top1 .top1c_l li {display:inline-block;margin-right:10px;} header .header-top #top1 .top1c_l li:hover a {color:#0046a5;} header .header-top #top1 .top1c_l li p {background-color:#666;text-align:center;height:24px;width:24px;line-height:24px;display:block;border-radius:24px;margin:0px;padding:0px;float:left;margin-right:5px;} header .header-top #top1 .top1c_l li:hover p {background-color:#0046a5;} header .header-top #top1 .top1c_r {float:right;margin-left:5px;} header .header-top #top1 .top1c_r .sitemap {} header .header-top #top1 .top1c i {color:#fff;display:inline-block;vertical-align:top;} @media screen and ( max-width:1300px) {header .header-top #top1 .top1c_l {margin-bottom:5px;display:none;} header .header-top #top1 .top1c_l li p {background-color:#666;text-align:center;height:20px;width:20px;line-height:20px;display:block;border-radius:20px;margin:0px;padding:0px;float:left;margin-right:5px;} header .header-top #top1 .top1c_l li p i {font-size:12px;} } /*语言选择开始*/ .language {display:inline-block;float:right;} .language .cur {cursor:pointer;position:relative;padding:2px 5px 2px 6px;background-color:#fff;} .language .cur e {color:#555;font-size:12px;line-height:20px;background-image:url(../images/flag.png);background-repeat:no-repeat;padding-left:30px;height:20px;display:block;} .language .cur e i {font-weight:bold;font-size:12px;margin-left:3px;color:#999 !important;} .language .cur:hover e {color:#ff3b23;} .language ul.language-list {text-align:left;max-height:400px;overflow:auto;position:absolute;z-index:2000;top:25px;right:0;list-style-type:none;background-color:#fff;font-size:12px;height:0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;opacity:0;} .language .cur:hover .language-list {opacity:1;height:auto;padding:2px 5px;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;} .language ul.language-list li {padding:4px 4px 2px 4px;overflow:hidden;border-bottom:1px solid #ddd;margin:3px 0 2px 0;} .language ul.language-list li a {color:#1b1b1b;font-size:12px;line-height:20px;background-image:url(../images/flag.png);background-repeat:no-repeat;background-position:0 0;padding:0 0 0 30px;float:left;width:100%;white-space:nowrap;} .language ul.language-list li:hover {background-color:#0046a5;} .language ul.language-list li:hover a {color:#fff;} .language e i {color:#666;} .language e.cn,.language ul.language-list li a.cn {background-position:0 0;} .language e.en,.language ul.language-list li a.en {background-position:0 -22px;} @media (max-width:768px) {.language {float:left;} } /*搜索按钮*/ .menu {width:100%;font-size:14px;} header .header .sv-acbl {float:right;position:relative;} header .header .sv-acbl span {font-size:40px;display:block;width:90px;height:90px;background:url(../images/fd.png) no-repeat center center;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;line-height:95px;} header .header .sv-acbl p {display:none;position:absolute;z-index:5;right:0;top:85px;background:#fff;/*box-shadow:0 0 10px rgba(0,0,0,0.2);*/height:40px;width:250px;} header .header .sv-acbl p .c1 {float:left;width:200px;height:40px;border:none;padding:0 10px;} header .header .sv-acbl p .c2 {float:left;border:none;cursor:pointer;width:40px;height:40px;background:url(../images/fd.png) no-repeat center center;} header .header .sv-acbl p button {width:50px;height:40px;background:#eee;} header .header .sv-acbl p button i {font-size:30px;color:#0046a5;} header .header .sv-acbl div {width:100%;display:none;position:absolute;z-index:5;right:0;top:95px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);} header .header .sv-acbl div a {display:block;line-height:40px;text-align:center;} @media (min-width:1200px) {header .header .sv-acbl:hover p,.sv-acbl:hover div {/*display:block;*/} } @media (max-width:1300px) {.sv-acbl {z-index:10;} .sv-acbl p,.sv-acbl div {top:60px;} .top-fixed .sv-acbl p {top:60px;} .top-fixed .T-nav {top:50px;} } @media (max-width:768px) {header .header .sv-acbl span {width:40px;height:60px;line-height:60px;border:none;} header .header .sv-acbl span {width:50px;height:60px;} header .header .sv-acbl p {top:60px;} } /*导航条三级菜单*/ .dn {display:none;} .menu_c {height:95px;z-index:10;background-color:#FFF;display:block;margin:0;width:100%;box-shadow:0px 0px 10px rgba(0,0,0,0.3);position:relative;} .menu_c .nav li {position:relative;white-space:nowrap;} .menu_c .nav li a {height:40px;line-height:40px} .menu_c .nav .sub-1>a.cur {background:#edeef0} .menu_c .nav li a:hover,.menu_c .nav .sub-1>a.cur:hover {background:#0046a5;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;color:#fff;} .menu_c .nav ul {background:#fff} .menu_c .nav ul a {display:block;padding:0 15px} .menu_c .nav .subs .sub-2>a {} .menu_c .nav .subs .sub-2>a::after {position:absolute;font-family:"icon";font-size:24px;left:10px} .menu_c .nav .sub-1 {float:left;height:95px} .menu_c .nav .sub-1>a {height:95px;line-height:95px;color:#6f747c;background:#fff;text-decoration:none;transition:color,background .5s;display:block;padding:0 25px;font-size:16px} .menu_c .nav .sub-1>ul {position:absolute;top:95px} .menu_c .nav .sub-1:hover>ul {display:block} .menu_c .nav .sub-2>a {padding:0 15px} .menu_c .nav .sub-2:hover>ul {display:block;position:absolute;top:0;left:100%} .menu_c .nav .sub-3 {float:left;width:100%} .menu_c .nav .sub-3:hover>ul {display:block;position:absolute;top:0;left:100%} @media (max-width:1300px) {.menu_c {box-shadow:0px 0px 10px rgba(0,0,0,0);} .menu_c .nav .sub-1 {height:auto;/* float:left;height:50px;*/} .menu_c .nav .sub-1>a {height:50px;line-height:50px;} .menu_c .nav .sub-1>ul {position:initial;/* top:50px;*/} .menu_c .nav .sub-3 {float:none;} .menu_c .nav .sub-2:hover > ul {position:initial;display:block;} } /*导航栏*/ .sm {box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);} .sm,.sm ul,.sm li {list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;} .sm-rtl,.sm-rtl ul,.sm-rtl li {direction:rtl;text-align:right;} .sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 {margin:0;padding:0;} .sm ul {display:none;} .sm li,.sm a {position:relative;} .sm a {display:block;} .sm a.disabled {cursor:default;} .sm::after {content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;} .sm *,.sm *::before,.sm *::after {box-sizing:inherit;} .main-nav {float:right;width:60%; margin-right:3%; margin-top:12px; background-color:#fff;padding:0; border-bottom:none !important} .main-nav:after {clear:both;content:"\00a0";display:block;height:0;font:0px/0 serif;overflow:hidden;} .nav-brand {float:left;margin:0;} .nav-brand a {display:block;padding:10px 10px 10px 20px;color:#fff;font-size:22px;font-weight:normal;line-height:29px;text-decoration:none;} #main-menu {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; } #main-menu:before {content:'';display:block;height:1px;overflow:hidden;background:#fff;} .main-menu-btn {float:right;margin:10px;position:relative;display:inline-block;width:29px;height:29px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);} @media (max-width:768px) {.main-menu-btn {height:40px} } .main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after {position:absolute;top:50%;left:2px;height:2px;width:24px;background:#666;-webkit-transition:all 0.25s;transition:all 0.25s;} .main-menu-btn-icon:before {content:'';top:-7px;left:0;} .main-menu-btn-icon:after {content:'';top:7px;left:0;} #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {height:0;background:transparent;} #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);} #main-menu-state {position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);} #main-menu-state:not(:checked) ~ #main-menu {display:none;} #main-menu-state:checked ~ #main-menu {display:block;} @media (min-width:768px) {.main-menu-btn {position:absolute;top:-99999px;} #main-menu-state:not(:checked) ~ #main-menu {overflow:inherit;display:table;width:100%;max-width:1200px;margin:0 auto;} } .demo-text {margin:3em 22px;} .demo-text p {margin-bottom:1em;} .demo-text a {color:#999;} .sm-blue {max-height:400px;background:transparent;overflow:auto;} .sm-blue li a {padding:10px;} .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active {color:#666;font-size:16px;line-height:23px;text-decoration:none;} .sm-blue a.disabled {color:#a1d1e8;} .sm-blue a .sub-arrow {position:absolute;top:50%;margin-top:-17px;left:auto;right:4px;width:34px;height:34px;overflow:hidden;font:bold 16px/34px monospace !important;text-align:center;text-shadow:none;background:rgba(0,0,0,0.1);border-radius:4px;} .sm-blue a .sub-arrow::before {content:'+';} .sm-blue a.highlighted .sub-arrow::before {content:'-';} .sm-blue > li:last-child > a.highlighted,.sm-blue > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {border-radius:0;} .sm-blue ul {background:#fff;} .sm-blue ul ul {background:rgba(102,102,102,0.1);} .sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active {background:transparent;color:#666;font-size:16px;text-shadow:none;border-left:8px solid transparent;} .sm-blue ul a.current {background:#006892;background-image:linear-gradient(to bottom,#006188,#006f9c);color:#fff;} .sm-blue ul a.disabled {color:#b3b3b3;} .sm-blue ul ul a,.sm-blue ul ul a:hover,.sm-blue ul ul a:focus,.sm-blue ul ul a:active {border-left:16px solid transparent;} .sm-blue ul ul ul a,.sm-blue ul ul ul a:hover,.sm-blue ul ul ul a:focus,.sm-blue ul ul ul a:active {border-left:24px solid transparent;} .sm-blue ul ul ul ul a,.sm-blue ul ul ul ul a:hover,.sm-blue ul ul ul ul a:focus,.sm-blue ul ul ul ul a:active {border-left:32px solid transparent;} .sm-blue ul ul ul ul ul a,.sm-blue ul ul ul ul ul a:hover,.sm-blue ul ul ul ul ul a:focus,.sm-blue ul ul ul ul ul a:active {border-left:40px solid transparent;} .sm-blue ul li {border-top:1px solid rgba(0,0,0,0.05);} .sm-blue ul li:first-child {border-top:0;} @media screen and (max-width:1300px) {/*手机端导航条菜单右侧加号*/.sm-blue {/*max-height:400px;background:transparent;overflow:auto;*/} .sm-blue li a {padding:10px;} .sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active {color:#333;font-size:16px;line-height:23px;text-decoration:none;} .sm-blue a.disabled {color:#a1d1e8;} .sm-blue a .sub-arrow {position:absolute;top:50%;margin-top:-4px;left:auto;right:0px;width:20px;height:14px;overflow:hidden;font:bold 16px/14px monospace !important;text-align:center;text-shadow:none;background:rgba(0,0,0,0);border-radius:4px;} .sm-blue a .sub-arrow::before {content:'+';} .sm-blue a.highlighted .sub-arrow::before {content:'-';} .sm-blue > li:last-child > a.highlighted,.sm-blue > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {border-radius:0;} .sm-blue ul {background:#fff;} .sm-blue ul ul {background:rgba(102,102,102,0.1);} .sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active {background:transparent;color:#666;font-size:16px;text-shadow:none;border-left:8px solid transparent;} .sm-blue ul a.current {background:#006892;background-image:linear-gradient(to bottom,#006188,#006f9c);color:#fff;} .sm-blue ul a.disabled {color:#b3b3b3;} .sm-blue ul ul a,.sm-blue ul ul a:hover,.sm-blue ul ul a:focus,.sm-blue ul ul a:active {border-left:16px solid transparent;} .sm-blue ul ul ul a,.sm-blue ul ul ul a:hover,.sm-blue ul ul ul a:focus,.sm-blue ul ul ul a:active {border-left:24px solid transparent;} .sm-blue ul ul ul ul a,.sm-blue ul ul ul ul a:hover,.sm-blue ul ul ul ul a:focus,.sm-blue ul ul ul ul a:active {border-left:32px solid transparent;} .sm-blue ul ul ul ul ul a,.sm-blue ul ul ul ul ul a:hover,.sm-blue ul ul ul ul ul a:focus,.sm-blue ul ul ul ul ul a:active {border-left:40px solid transparent;} .sm-blue ul li {border-top:1px solid rgba(0,0,0,0.05);} .sm-blue ul li:first-child {border-top:0;} } @media (max-width:1200px) {.main-nav {width:65%;} } @media (max-width:768px) {.main-nav {width:100%;float:none;background-color:inherit; margin-top:0} } @media (min-width:768px) {.sm-blue ul {top:70px;position:absolute;width:12em;} .sm-blue ul li > ul {top:60px;} .sm-blue > li {display:table-cell;height:70px;vertical-align:middle;padding:0 10px;text-align:center;transition:all .5s;-webkit-transition:all .5s;} .sm-blue > li > a {padding:0;font-weight:bold;text-transform:uppercase;} .sm-blue.sm-rtl li {float:right;} .sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li {float:none;} .sm-blue ul a,.sm-blue.sm-vertical a {white-space:normal;} .sm-blue .sm-nowrap > li > a,.sm-blue .sm-nowrap > li >:not(ul) a {white-space:nowrap;font-size:14px;} .sm-blue a {color:#333;} .sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {color:#0046a5;} .sm-blue > li:hover,.sm-blue > li:focus,.sm-blue > li:active,.sm-blue > li.highlighted {/*border-bottom:2px solid #0046a5;*/} .sm-blue > li.current > a {color:#0046a5;} .sm-blue a.disabled {color:#000;} .sm-blue a:hover .sub-arrow,.sm-blue .highlighted .sub-arrow,.sm-blue > .current > a .sub-arrow {border-color:#0046a5 transparent transparent transparent;} .sm-blue ul a:hover .sub-arrow,.sm-blue ul .highlighted .sub-arrow {border-color:transparent transparent transparent #0046a5;} .sm-blue a .sub-arrow {position:static;width:0;height:0;margin-top:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:#666 transparent transparent transparent;background:transparent;border-radius:0;display:inline-block;margin-left:5px;} .sm-blue a .sub-arrow::before {display:none;} .sm-blue > li:first-child {border-left:0;} .sm-blue ul {padding:7px 0;background:rgba(255,255,255,0.8) none repeat scroll 0 0;border-radius:0 0 4px 4px !important;box-shadow:0 5px 12px rgba(0,0,0,0.2);} .sm-blue ul ul {border-radius:4px !important;background:rgba(255,255,255,0.8) none repeat scroll 0 0;} .sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted {border:0 !important;padding:9px 23px;background:transparent;color:#666;border-radius:0 !important;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted {color:#0046a5;} .sm-blue ul a.current {color:#0046a5;} .sm-blue ul a.disabled {background:#fff;color:#b3b3b3;} .sm-blue ul a .sub-arrow {top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:10;right:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #666;} .sm-blue ul li {border:0;} .sm-blue .scroll-up,.sm-blue .scroll-down {position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px;} .sm-blue .scroll-up-arrow,.sm-blue .scroll-down-arrow {position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-width:8px;border-style:dashed dashed solid dashed;border-color:transparent transparent #2b82ac transparent;} .sm-blue .scroll-down-arrow {top:6px;border-style:solid dashed dashed dashed;border-color:#2b82ac transparent transparent transparent;} .sm-blue.sm-rtl.sm-vertical a .sub-arrow {right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent;} .sm-blue.sm-rtl > li:first-child > a,.sm-blue.sm-rtl > li:first-child >:not(ul) a {border-radius:0 8px 8px 0;} .sm-blue.sm-rtl > li:last-child > a,.sm-blue.sm-rtl > li:last-child >:not(ul) a {border-radius:8px 0 0 8px !important;} .sm-blue.sm-rtl > li:first-child {border-left:1px solid #2b82ac;} .sm-blue.sm-rtl > li:last-child {border-left:0;} .sm-blue.sm-rtl ul a .sub-arrow {right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent;} .sm-blue.sm-vertical {box-shadow:0 1px 4px rgba(0,0,0,0.2);} .sm-blue.sm-vertical a {padding:9px 23px;} .sm-blue.sm-vertical a .sub-arrow {top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:0;right:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #a1d1e8;} .sm-blue.sm-vertical > li:first-child > a,.sm-blue.sm-vertical > li:first-child >:not(ul) a {border-radius:8px 8px 0 0;} .sm-blue.sm-vertical > li:last-child > a,.sm-blue.sm-vertical > li:last-child >:not(ul) a {border-radius:0 0 8px 8px !important;} .sm-blue.sm-vertical > li {border-left:0 !important;} .sm-blue.sm-vertical ul {border-radius:4px !important;} .sm-blue.sm-vertical ul a {padding:9px 23px;} /*.sm-blue > li {height:58px;} */} @media (max-width:768px) {#main-menu {/*z-index:50;position:relative;*/ width:100%;} } /*banner*/ .i-banner {position:relative;overflow:inherit;top:92px;} .i-banner .sm-dn .item {height:100vh} .i-banner .slick-arrow {width:.6rem;height:.6rem} .i-banner .slick-prev {left:6%;background:url(../images/banner_l.png) no-repeat center/cover} .i-banner .slick-next {right:6%;background:url(../images/banner_r.png) no-repeat center/cover} .i-banner .slick-dots {display:block;!important} .i-banner a {display:block;min-height:85px} .i-banner .dn {display:none!important} .fp-tableCell {/*padding-top:90px*/} /*按钮*/ .i-more a {position:relative;border:1px solid #ddd;padding:0 .3rem;height:50px;line-height:50px;color:#666} .i-more a::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0046a5;transition:all .4s;-webkit-transition:all .4s;border-radius:10px;} .i-more a:hover {color:#fff;border:0;} .i-more a:hover::after {width:100%;border-color:#0046a5;} .i-more a i {z-index:1;position:relative;} @media screen and (max-width:768px) {.i-more {text-align:center;} .i-more a {position:relative;border:1px solid #ddd;padding:0 .3rem;height:40px;line-height:40px;color:#666} .i-banner{top: 67px;} } .page1 {padding-top:4%;padding-bottom:4%;} .page1 h2 {font-size:40px;text-transform:uppercase;} .page1 h2 em {color:#0046a5;} .page1 h2 span {color:#999} .page1 .con-l {width:53.7%;padding-right:6%} .page1 .con-r {width:46.3%} .page1 .con-l a {padding:0 .3rem .3rem 0} .page1 .con-l a::before {position:absolute;content:'';right:0;bottom:0;width:25%;height:25%;background:#0046a5} .page1 .con-l a:hover::before {position:absolute;content:'';right:0;bottom:0;width:25%;height:25%;background:#0046a5} .page1 .con-l .pic img {z-index:1} .page1 .con-r div p {overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/ display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} @media (max-width:767px) {.page1 .con-r div p {overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/ display:-webkit-box;-webkit-line-clamp:20;-webkit-box-orient:vertical;} } /*首页 企业数据四块*/ .com_data {padding:30px 0 30px;text-align:center;width:100%;max-width:1440px;margin-bottom:40px;height:auto;background:#eee;box-shadow:0 5px 10px rgba(0,0,0,.1);background-position:center 92.5px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-image:url(../images/bg02.jpg);} .i-banner .com_data {padding:30px 0 30px;text-align:center;width:90%;max-width:1440px;margin:0 auto;height:auto;background:#eee;position:absolute;bottom:-70px;left:0;right:0;z-index:9;box-shadow:0 5px 10px rgba(0,0,0,.1);background-position:center 92.5px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-image:url(../images/bg02.jpg);} .com_data h5 {color:#999} .com_data span {font-family:roboto,sans-serif;font-style:normal;font-size:36px;color:#666} .com_data ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .com_data li {margin:0 auto} @media (max-width:1200px) {.i-banner .com_data {padding:15px 0;position:inherit;bottom:0;width:100%; background-image:none;} .com_data ul {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .com_data li {width:25%} .com_data span {font-size:30px} } @media (max-width:960px) {.i-banner .com_data {padding:15px 0 0;position:inherit;bottom:0;width:100%;} .p08-1-s3 ul {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .p08-1-s3 li {width:calc(33.33% - 8px)} } @media (max-width:768px) { .com_data {padding:15px 0 0;position:inherit;bottom:0;width:100%;} .com_data li {width:50%;margin-bottom:15px;} } @media (max-width:540px) {.com_data li {width:50%;margin-bottom:15px;} } /*首页-关于我们*/ .home_about {padding-top:240px;padding-bottom:40px;} .mauto{ max-width:1440px;margin: 0 auto;} @media screen and (max-width:1500px){ .mauto,.w1440{ max-width:85%;} } .home_about h2 {font-size:34px;text-transform:uppercase;padding-bottom:.1rem;text-align:center;position:relative;display:none;} .home_about h2::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:4%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s;} .home_about:hover h2::after {position:absolute;content:'';right:0;bottom:0;width:170px;left:14%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .home_about h2 em {display:block;} .home_about h2 p{ font-size:18px;text-transform:uppercase; line-height:36px;} .home_about h2 span {color:#fff} .home_about .con-l {width:54.7%;padding-right:4%;float:left;} .home_about .con-l img{ width:100%; height:450px;object-fit:cover;} .home_about .pb {display:inline-block;position:relative;height:auto;margin-bottom:10px;z-index:0;} .home_about .con-l a {/*padding:0 .3rem .3rem 0*/} .home_about .con-l .pic img {z-index:1} .home_about .con-r {width:45.3%;float:right;} .home_about .con-r h2 {text-align:left;display:block;} .home_about .con-r .txt {margin-bottom:.1rem;margin-top:0;/*text-align:justify;*/} .home_about .con-r .txt p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;color:#333;font-size:16px;line-height:30px;/*text-align:justify*/} @media (max-width:768px) { .home_about {padding-top:100px;padding-bottom:30px;} .home_about h2{ display:block; margin-bottom:30px; font-size:26px;} .home_about h2::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:50%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .home_about:hover h2::after {left:50%;} .home_about .con-l {width:100%;padding-right:0%;float:none} .home_about .con-l a {padding:0;} .home_about .con-r {float:none; width:100%;} .home_about .con-r h2 {text-align:center;font-size:26px; display:none;} .home_about .con-r .txt {margin-bottom:.5rem;} .home_about .con-r .txt p {-webkit-line-clamp:5;line-height:25px;} .home_about .con-l img{ height:auto} } /*首页-热门产品*/ .bt {color:#333333;padding-bottom:8px;text-align:center;position:relative;} .bt::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:50%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .bt::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:50%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .bt em {font-size:34px;text-transform:uppercase;color:#333; line-height:150%} .bt p {font-size:18px;text-transform:uppercase;color:#666;text-transform:uppercase;} /*首页-产品分类*/ .home_category {padding-top:60px;padding-bottom:40px;background: url(../images/bjs02.jpg) no-repeat center/cover;} /* for testing - remove in live */ .slider-multi ul li span {color: #fff;position:absolute;top:0;} .slider-multi { margin:30px 0;} .slider-multi * {box-sizing: border-box;} .slider-multi ul, .slider-multi ul li { list-style-type: none;margin: 0;padding: 0;} .slider-multi ul li {background: no-repeat 50% 50%;background-size: auto 100%;height: 492px;overflow: hidden;position:relative;width: 556px;} @media screen and (min-width: 1800px) { .slider-multi ul li {background: no-repeat 50% 50%;background-size: auto 100%;height: 500px;overflow: hidden; position:relative; width: 500px;} } .slider-multi ul li.slide-align-left { background-position: 0 50%; margin:0 8px 0 0;} .slider-multi ul li.slide-align-right { background-position: 100% 50%;margin:0 0 0 8px;} .slider-multi ul li.slide-current {margin:0;} .slider-multi ul li .content {display: none; position: relative;text-align: center;top: 150px;} .slider-multi ul li.slide-current .content {display: block;} .slider-multi ul li .content .logo {display: block;font-size:40px;color:#fff;font-family:'Constantia'; margin: 10% auto 20% auto;background:rgba(0,0,0,.5);} .slider-multi ul li .content .more-info {color: #fff; display: inline-block;font-size: 22px;border-bottom:1px solid #fff;line-height: 1em;padding: 6px 8px;text-decoration: none;} .slider-multi.shrink ul li {height:266px;width:300px;} .slider-multi.shrink ul li .content {top: 100px;} .slider-multi.shrink ul li .content .logo {margin: 0 auto 50px auto;} .slider-multi.shrink ul li .content .more-info {font-size: 11px;padding: 4px 6px;} /* pagination */ .slider-multi .pagination { background: url(../images/stroke.png) no-repeat 50%; display: block; height: 53px;margin: -10px auto 0 auto;position: relative;width: 106px;z-index:5;} .slider-multi .pagination a { background: no-repeat 50%; position: absolute;height: 25px;overflow: hidden;text-indent: -999px;top: 18px;width: 13px;} .slider-multi .pagination a.next { background-image: url(../images/right.png);right:0; } .slider-multi .pagination a.prev {background-image: url(../images/left.png);left:0;} .slider-multi .pagination .counter {display: block;overflow: hidden;text-indent: -999px;} .slider-multi .pagination .counter em {color: #333;font-size: 28px; font-style: italic; line-height: 1em;position: absolute;text-indent: 0;} .slider-multi .pagination .counter .current {left: 31px !important;top: 0px;font-family: BauerBodoniStd-Roman;font-size: 30px;font-style:italic;} .slider-multi .pagination .counter .total {right: 31px;bottom: 0px;font-family: BauerBodoniStd-Roman;font-size: 30px;font-style:italic; } @media screen and (max-width: 1200px) { .slider-multi ul li .content .logo{ font-size:40px;} .slider-multi ul li .content .more-info{ font-size:18px;} } @media screen and (max-width: 768px) { .slider-multi ul li .content .logo{ font-size:24px;font-family: 'Georgia';} .slider-multi.shrink ul li .content .more-info{font-size:14px;} .slider-multi .pagination .counter .current{font-size:20px;left:38px!important;} .slider-multi .pagination .counter .total{font-size:20px;left:55px;} } .home_category .con-l{width:53.7%;padding-right:6%} .home_category .con-r{width:46.3%} .home_category .con-l a{padding:0 .3rem .3rem 0} .home_category .con-l a::before{position:absolute;content:'';right:0;bottom:0;width:25%;height:25%;background:#165e53} .home_category .con-l a:hover::before{position:absolute;content:'';right:0;bottom:0;width:25%;height:25%;background:#165e53} .home_category .con-l .pic img{z-index:1} .home_category .con-l .pic::after{/*position:absolute;content:'';z-index:2;width:100%;height:100%;top:0;left:0;background:url(../images/video_icon.png) no-repeat center/.94rem .94rem*/} .home_category .con-r div p{overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;} @media (max-width:768px){ .home_category{padding-top:40px;padding-bottom:40px;} .home_category h2::after{position:absolute;content:'';left:0;bottom:0;width:50px; left: 50%; height:2px;background:#ddd;transform: translateX(-50%); -webkit-transform: translateX(-50%);} .home_category .con-r div p{overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ display: -webkit-box; -webkit-line-clamp: 20;-webkit-box-orient: vertical;} } .home_hot_products {padding-top:40px;padding-bottom:40px;background:#eee;} @media screen and (max-width:1500px){ .home_hot_products .mauto{ max-width:85%;} } .home_hot_products .item {padding:0 .15rem} .home_hot_products h3 {height:50px;line-height:50px;font-size:16px;background:rgba(238,238,238,.6);padding:0 5px;color:#333;} .home_hot_products h3:hover {height:50px;line-height:50px;font-size:18px;background:rgba(22,94,83,1);color:#fff;} .home_hot_products a h3::after {position:absolute;content:'';bottom:0;left:0;width:0;height:100%;background:rgba(255,255,255,.2);transition:all .4s;-webkit-transition:all .4s} .home_hot_products a:hover h3::after {color:#fff;background:rgba(255,255,255,.1);width:100%;position:absolute;} .home_hot_products .slick-dots {display:none!important} .home_hot_products .slick-prev {left:-3%;} .home_hot_products .slick-next {right:-3%;} @media (max-width:768px) {.home_hot_products h2 em {font-size:26px;} .home_hot_products {padding-top:30px;padding-bottom:30px;} .home_hot_products .sliders h3 {font-size:18px} .home_hot_products .con-r .date {width:80px;padding:.1rem 0} .home_hot_products .con-r .date em {font-size:32px} .home_hot_products .con-r .info {width:calc(100% - 80px)} } .p01-s5 ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px -4px 0} .p01-s5 li {max-width:374px;margin:0 4px 8px;width:calc(25% - 8px);position:relative;} .p01-s5 li::before {opacity:0;content:"";width:32px;height:2px;background-color:#fff;position:absolute;top:50%;left:-10%;transition:all 0.36s ease-out;z-index:1;} .p01-s5 li::after {opacity:0;content:"";width:2px;height:32px;background-color:#fff;position:absolute;top:-10%;left:50%;transition:all 0.36s ease-out;} .p01-s5 li:hover::before {top:calc(50% - 0px);left:calc(50% - 16px);opacity:0.9;} .p01-s5 li:hover::after {top:calc(50% - 15px);left:calc(50% - 1px);opacity:0.9;} .p01-s5 li a .img-wrap {border:1px solid #fff;position:relative;} .p01-s5 li a .img-wrap::before {content:'';position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:100%;height:100%;top:0%;left:0%;opacity:0;border-top:1px solid #0046a5;border-bottom:1px solid #0046a5;transform:scale(0,1);-webkit-transform:scale(0,1);box-sizing:border-box;} .p01-s5 li:hover a .img-wrap::before {opacity:1;transform:scale(1);-webkit-transform:scale(1);} .p01-s5 li a .img-wrap::after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:'';border-left:1px solid #0046a5;border-right:1px solid #0046a5;transform:scale(1,0);-webkit-transform:scale(1,0);opacity:0;position:absolute;width:100%;height:100%;top:0%;left:0%;box-sizing:border-box;} .p01-s5 li:hover a .img-wrap::after {opacity:1;transform:scale(1);-webkit-transform:scale(1);background-color:rgba(0,0,0,0.3)} .p01-s5 li:hover .text {background-color:#0046a5;-webkit-box-shadow:0 5px 20px 0 rgba(44,44,44,.11);box-shadow:0 5px 20px 0 rgba(44,44,44,.11);max-width:100%;transition:all .4s;-webkit-transition:all .4s;} .p01-s5 .text-wrap {margin-top:-24px;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:calc(100% - 100px);opacity:0;padding:50px;text-align:center;transform:none;top:auto;bottom:0;transition:all 0.36s ease;} .p01-s5 .text {padding:14px 10px;max-width:246px;width:100%;background-color:#999;color:#fff;text-align:center;} .p01-s5 .text h5 {/*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/} .p01-s5 li:hover .text-wrap {background-color:transparent;transform:none;bottom:0;opacity:1;top:auto;text-align:center;position:absolute;padding:0;width:100%;transition:all 0.36s ease;} @media (max-width:1200px) {.p01-s5 ul {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:50px 0 0} .p01-s5 li {width:calc(50% - 8px);margin:0 4px 20px;} } @media (max-width:768px) { .p01-s5 .text-wrap {margin-top:0;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:inherit;width:100%;padding:0;opacity:1;text-align:center;transform:none;top:auto;bottom:0;transition:all 0.36s ease;} .p01-s5 .text {max-width:inherit;} .p01-s5 ul {margin:30px 0 0;} .p01-s5 .text h5 {white-space:normal;} } @media (max-width:540px) {.p01-s5 li {width:100%} } /*首页-新闻*/ .home_news {padding-top:40px;padding-bottom:40px;} @media screen and (max-width:1500px){ .home_news .mauto{ max-width:85%;} } .home_news .item_block {transition:all 0.36s ease;width:calc(100% / 2 - 15px);height:auto;float:left;margin-right:15px;margin-bottom:20px;position:relative;box-shadow:0 0 0px rgba(0,0,0,0.15);} .home_news .home_news {padding:60px 0;overflow:hidden;} .home_news .home_news-center {width:90%;margin:0 auto;max-width:1200px;} .home_news .home_news_t {margin-bottom:30px;text-align:center;} .home_news .home_news_t span {font-size:34px;color:#333;line-height:50px;position:relative;text-transform:capitalize;display:block;font-weight:bold;} .home_news .home_news_t i {display:inline-block;background-color:#0046a5;width:6px;height:6px;position:relative;margin-bottom:20px;border-radius:50%;} .home_news .home_news_t i::after {position:absolute;left:-70px;top:2px;width:60px;height:2px;background-color:#0046a5;content:'';} .home_news .home_news_t i::before {position:absolute;right:-70px;top:2px;width:60px;height:2px;background-color:#0046a5;content:'';} .home_news .news_box {margin-top:30px;} .home_news .news_box ul {font-size:0;margin:-15px;overflow:hidden;} .home_news .news_box ul li {width:33.33333%;display:inline-block;vertical-align:top;margin-bottom:20px;font-size:14px;max-width:550px;position:relative;} .home_news .news_box ul li .item {position:relative;overflow:hidden;margin:15px;background-color:#fff;} .home_news .news_box ul li .item a {/*overflow:hidden;*/} .home_news .news_box_frame {overflow:hidden;} .home_news .news_box ul li .item img {transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_news .news_box ul li .item img:hover {transform:scale(1.1);white-space:nowrap;position:relative;z-index:1;margin-bottom:12px;} .home_news .news_box ul li .item .th a:hover {color:#0046a5;} .home_news .news_box ul li .item p {font-size:18px;line-height:20px;max-height:41px;margin-bottom:12px;/*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;*/overflow:hidden;color:#333;} .home_news .news_box ul li .item span {font-size:14px;line-height:20px;max-height:40px;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;} .home_news .news_box ul li .item .details span {font-size:14px;line-height:20px;max-height:40px;margin-top:10px;display:inline-block;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;position:absolute;right:0;} .home_news .home_news_text {padding:25px;border:1px solid #e8e8e8;} .home_news .details {display:inline-block;width:45px;height:45px;border:none;margin:0;padding:0;line-height:45px;border-radius:100px;color:transparent;margin-top:20px;transition:all 0.36s ease;font-size:14px;} .home_news .details i {color:inherit;padding-left:0px;line-height:inherit;transform:translate(0,0);display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .home_news .details i::before {content:"\e611";font-family:iconfont;color:#666;position:absolute;top:10px;right:-30px;font-size:20px;transform:rotateZ(-45deg);transition:all 0.36s ease;} .home_news .news_box ul li:hover {box-shadow:0 20px 20px rgba(0,0,0,.1);border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;} .home_news .news_box ul li:hover .details {border-color:#0046a5;background-color:#0046a5;display:block;width:40px;height:40px;border:none;padding:0;line-height:40px;border-radius:100px;color:transparent;} .home_news .news_box ul li:hover .item .home_news_text p {color:#0046a5;} .home_news .news_box ul li:hover .details i::before {color:#fff;transform:rotateZ(0deg);} .home_news .news_box ul li::before {content:"";width:0;height:3px;background-color:#999;position:absolute;bottom:0;left:50%;transition:all .4s ease;opacity:0;} .home_news .news_box ul li:hover::before {left:0;opacity:1;width:100%;} @media screen and (max-width:768px) { .home_news {padding:20px 0;} .home_news .slick-dots div {height:2px;} .home_news .home_news_t {margin-bottom:10px;} .home_news .home_news_t span,.index-case-t span {font-size:22px;} .home_news .news_box ul li {width:100%;margin-bottom:0;} .home_news .home_news_text {padding:15px;} .home_news .details {margin-top:0;} .home_news .news_box ul li .item {margin:5px 15px;} .home_news .slick-prev {display:none !important;} .home_news .slick-next {display:none !important;} .home_news .news_box ul li .item span{display:none;} } /*首页-招标公告*/ .home_case {padding-top:40px;} @media screen and (max-width:1500px){ .home_case .mauto{ max-width:85%;} } .home_case .item_block {transition:all 0.36s ease;width:calc(100% / 2 - 15px);height:auto;float:left;margin-right:15px;margin-bottom:20px;position:relative;box-shadow:0 0 0px rgba(0,0,0,0.15);} .home_case .home_news {padding:60px 0;overflow:hidden;} .home_case .home_news-center {width:90%;margin:0 auto;max-width:1200px;} .home_case .case_box_text {margin-bottom:20px; margin-top:10px;text-align:left;} .home_case .case_box_text i {display:inline-block;background-color:#0046a5;width:6px;height:6px;position:relative;margin-bottom:20px;border-radius:50%;} .home_case .case_box_text i::after {position:absolute;left:-70px;top:2px;width:60px;height:2px;background-color:#0046a5;content:'';} .home_case .case_box_text i::before {position:absolute;right:-70px;top:2px;width:60px;height:2px;background-color:#0046a5;content:'';} .home_case .case_box {margin-top:30px;} .home_case .case_box ul {font-size:0;margin:0;overflow:hidden;} .home_case .case_box ul li {width:33.33333%;display:inline-block;vertical-align:top;margin-bottom:20px;font-size:14px;max-width:550px;position:relative;background:#eee;border:1px solid #fff;} .home_case .case_box ul li .item {position:relative;overflow:hidden;padding:15px; padding-bottom:0px;} .home_case .case_box ul li .item a {/*overflow:hidden;*/} .home_case .case_box-frame {overflow:hidden;} .home_case .case_box ul li .item img {width:100%;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .home_case .case_box ul li .item img:hover {transform:scale(1.1);white-space:nowrap;position:relative;z-index:1;margin-bottom:12px;} .home_case .case_box ul li .item .th a:hover {color:#0046a5;} .home_case .case_box ul li .item p {font-size:18px;line-height:20px;max-height:40px;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#333;transition:all 1s ease;} .home_case .case_box ul li .item span {font-size:14px;line-height:20px;max-height:40px;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;transition:all 1s ease;} .home_case .case_box ul li .item .details span {font-size:14px;line-height:20px;max-height:40px;margin-top:10px;display:inline-block;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;position:absolute;right:0;} .home_case .home_news_text {padding:25px;} .home_case .home_news_text span {font-size:14px;color:#999;display:inline-block;} .home_case .details {display:inline-block;width:45px;height:45px;border:none;margin:0;padding:0;line-height:45px;border-radius:100px;color:transparent;transition:all 0.36s ease;font-size:14px;} .home_case .details i {color:inherit;padding-left:10px;line-height:inherit;transform:translate(0,0);display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .home_case .details i::before {content:"\e611";font-family:iconfont;color:#0046a5;position:absolute;top:0px;right:-25px;font-size:28px;transform:rotateZ(-45deg);transition:all 0.36s ease;} .home_case .case_box ul li:hover {box-shadow:0 5px 5px rgba(0,0,0,.1);border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;transition-delay:.3s;} .home_case .case_box ul li:hover .details {display:block;width:45px;height:45px;border:none;padding:0;line-height:45px;border-radius:100px;color:transparent;} .home_case .case_box ul li:hover .item p,.home_case .case_box ul li:hover .item span {color:#fff;} .home_case .case_box ul li:hover .details i::before {color:#fff;transform:rotateZ(0deg);} .home_case .case_box ul li::before {content:"";width:0px;height:0px;background-color:#0046a5;position:absolute;bottom:15px;left:15px;border-radius:10px;webkit-animation:scale-up-right 0.36s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:scale-up-right 0.36s cubic-bezier(0.25,0.46,0.45,0.94) both;transition:all 0.36s ease;} .home_case .case_box ul li:hover::before {border-color:#0046a5;transition-delay:.3s;box-shadow:0px 5px 10px 0px rgba(4,160,123,0.26);width:100%;height:100%;left:0;bottom:0;-webkit-animation:scale-up-right 0.36s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:scale-up-right 0.36s cubic-bezier(0.25,0.46,0.45,0.94) both;} @media screen and (max-width:768px) { .home_case {padding-top:30px;} .home_case .home_news_t {margin-bottom:10px;} .home_case .home_news_t span,.index-case-t span {font-size:22px;} .home_case .case_box ul li {width:100%;margin-bottom:10px; padding-bottom:15px;} .home_case .home_news_text {padding:0;} .home_case .details {display:none;} .home_case .case_box ul li::before {display:none;} .home_case .case_box_text {margin-bottom:0;} .home_case .case_box ul li .item span {margin-bottom:0;} } /*首页-热门产品*/ .home_certificate {padding-top:40px;padding-bottom:60px;background:url(../images/bg06.jpg) no-repeat #333;background-size:cover;background-attachment:fixed;} @media screen and (max-width:1500px){ .home_certificate .mauto{ max-width:85%;} } .home_certificate .sliders .dflr {left:0;bottom:0;width:100%;height:58px;line-height:58px;padding:0 .3rem;background:rgba(9,51,136,.7)} .home_certificate .item {padding:0 .15rem} .home_certificate .imgs {/*padding-bottom:87%*/} .home_certificate .home_certificate_list .slider .item a img {transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s} .home_certificate .home_certificate_list .slider .item a:hover img {transform:scale(1.1);-webkit-transform:scale(1.1)} .home_certificate .home_certificate_list {margin-top:30px;} .home_certificate .home_certificate_list .slider .item a {position:relative;display:block;} .home_certificate .home_certificate_list .slider .item a h3 {height:50px;line-height:50px;font-size:16px;background:rgba(225,225,225,.2);padding:0 5px;color:#fff;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;text-align:center;} .home_certificate .home_certificate_list .slider .item a h3:hover {background:#0046a5;color:#fff;} .home_certificate .home_certificate_list .slider .item a h3::after {position:absolute;content:'';bottom:0;left:0;width:0;height:100%;background:rgba(255,255,255,.2);transition:all .4s;-webkit-transition:all .4s} .home_certificate .home_certificate_list .slider .item a:hover h3::after {color:#fff;background:rgba(255,255,255,.1);width:100%;position:absolute;} .home_certificate .slick-dots {display:none!important} .home_certificate .slick-prev {left:1%;} .home_certificate .slick-next {right:1%;} @media screen and (max-width:768px) {.home_certificate h2 em {font-size:26px;} .home_certificate .slick-prev {left:0%;} .home_certificate .slick-next {right:0%;} } /*首页-关键词*/ .quick_links {padding-top:40px;padding-bottom:40px;} @media screen and (max-width:1500px){ .quick_links .mauto{ max-width:85%;} } .quick_links h2 {color:#333333;padding-bottom:5px;text-align:center;position:relative;} .quick_links h2::after {position:absolute;content:'';left:0;bottom:0;width:50px;left:50%;height:2px;background:#ddd;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .quick_links h2 em {font-size:34px;text-transform:uppercase;color:#333;} .quick_links ul {margin-top:30px;} .quick_links ul li a {width:22.9%;height:50px;line-height:50px;text-align:center;float:left;margin:15px;box-sizing:border-box;color:#333;position:relative;border:1px solid #ddd;} .quick_links ul li a i {z-index:10;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 5px;font-size:16px;position:relative;} .quick_links ul li a::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0046a5;transition:all .4s;-webkit-transition:all .4s;} .quick_links ul li a:hover {color:#fff;border-color:#0046a5} .quick_links ul li a:hover::after {width:100%;border-color:#0046a5} @media screen and (max-width:1500px){ .quick_links ul li a{ width:21.9%;} } @media screen and (max-width:1160px){ .quick_links ul li a{ width:20.9%;} } @media screen and (max-width:768px) {.quick_links {margin-top:0px;} .quick_links ul li a {width:45.9%;height:40px;line-height:40px;background:#f1f1f1;text-align:center;float:left;margin:5px;box-sizing:border-box;color:#666;} .quick_links h2 em {font-size:26px;} } .more a {padding:0 .83rem;height:50px;line-height:50px;font-size:16px;color:#999;} .more a:hover {color:#fff;text-decoration:underline;background:#0046a5} /*底部版权*/ #fixed-foot{ display:none} footer {background:#212121;} footer .footer-head {padding-top:40px;} footer .footer-main a {color:#888;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;} footer .footer-main a:hover {color:#0046a5;} footer .footer-main .f_nav {width:23%;float:left;} footer .footer-main .f_nav a{ max-width:50%;font-size:15px; line-height:36px; color:#888; display:inline-block; float:left} footer .footer-main span {float:left;width:35%; margin-left:10%; margin-top:0.5%} footer .footer-main span p ,footer .footer-main ul li p{font-size:15px;line-height:36px; color:#888;} footer .footer-main dt{font-size:24px;line-height:40px;color:#888; margin-bottom:10px;} footer .footer-main ul{ width:20%; margin-top:30px; float: right;} footer .footer-main ul li{ width:44%; margin-left:6%; text-align:center; float:left} footer .footer-main ul li img{ max-width:100%;border-radius:5px;} /*社交分享链接*/ .copyright {padding:10px 0;width:100%;display:inline-block;line-height:28px; border-top:1px dashed #777; margin-top:25px;} .copyright p {float:left;color:#888;font-size:14px;} .social-link {float:right;} .social-link a{color:#888;margin-left:5px;float:left;display:inline-block;line-height:28px;font-size:14px;} .social-link img{ margin-top:3px;} .social-link a:hover {color:#fff;margin-left:5px;float:left;display:inline-block;width:28px;height:28px;line-height:28px;background-color:#0046a5;text-align:center;border-radius:28px;} @media screen and (max-width:1300px) {.mauto,.w1400 {max-width:92%;} footer .footer-main dl dt {font-size:20px;line-height:35px;} footer .footer-main dl dd {font-size:14px;line-height:30px;} .social-link {float:none;position:inherit;left:0;display:inherit;} .social-link a {float:none;} .telbl .d1 {font-size:20px;line-height:35px;} .telbl .d2 {font-size:14px;line-height:30px;} } @media screen and (max-width:768px) { footer{ padding-bottom:50px;} footer .footer-main .telbl {width:100%; margin-top:10px;} footer .footer-main dl { display:none} .copyright p {font-size:12px;} footer .footer-main .f_nav{display:none} footer .footer-main span{ width:100%; margin:10px 0; } footer .footer-main ul{width:60%; margin:0 auto; float:none } /* 快捷菜单 */ #fixed-foot { display:block; position:fixed; left:0; bottom:0; width:100%; height:50px; background:#002e49; line-height:24px; text-align:center; z-index:10; display:table; border-collapse:collapse;} #fixed-foot li { display:table-cell; width:1%; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); } #fixed-foot li a { display:block; padding:8px 0 0; color:#fff; } .fixed-button { display:block; width:19px; height:17px; margin:0 auto; background:url("../images/icon_arr_tel_white.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_tel_white.png*/ no-repeat; overflow:hidden; } .icon_arr_email { background-image:url("../images/icon_arr_email.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_email.png*/ } .icon_arr_map { background-image:url("../images/icon_arr_map.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_map.png*/ } .icon_arr_share { background-image:url("../images/icon_arr_share.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_share.png*/ } .icon_arr_book { background-image:url("../images/icon_arr_book.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_book.png*/ } #fixed-foot~{ padding-bottom:50px;} /* 首页拨打电话 */ .m-tel { padding:3%; } .m-tel a { display:block; padding:0 3%; border-radius:5px; background:#008AE2; color:#fff; text-align:center;} .m-tel a span { display:inline-block; padding:3%; } .m-tel a span::before { content:""; padding-left:10px; border-left:10px solid #fff; } } /*面包屑*/ .banner_nr{ width:100%; float:left; margin-top:92px} .banner_nr img{ width:100%;} .ny-banner{ width:100%; font-size:14px; background:#f8f8f8; line-height:45px;} .ny-banner a{font-size:14px;} .main_con {min-height:400px;margin:0 auto;margin-top:30px;max-width:1440px;overflow:hidden;} @media screen and ( max-width:1500px) { .main_con{max-width:85%;}} @media screen and ( max-width:768px) { .banner_nr{margin-top:65px} .banner_nr img{ width:100%; height:80px; object-fit:cover;} .main_con {margin-top:20px;max-width:100%;} } /*内页-侧边关于我们*/ .sidebar-about ul {overflow:hidden;} .sidebar-about ul li {line-height:20px;font-size:16px;padding:10px 20px;position:relative;display:block;overflow:hidden;border-bottom:1px solid #ebebeb;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .sidebar-about ul li:hover,.cut {padding:10px 10px 10px 30px;background-color:#0046a5;} .sidebar-about ul li a {display:block;} .sidebar-about ul li i {font-size:8px;position:absolute;top:10px;left:0;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .sidebar-about ul li:hover i,.cut i {left:10px !important;color:#fff;} .sidebar-about ul li:hover a,.cut a {color:#fff; margin-left:10px;} .rsidebar {overflow:hidden;margin-bottom:30px;background-color:#fff;padding:16px 20px;border:1px solid #ddd;} .rsidebar ul li {font-size:14px;line-height:18px;font-weight:normal;padding:12px 15px 12px 0;border-bottom:1px solid #ebebeb;position:relative;margin-bottom:0;} /*内页-热门产品侧边*/ .sidebar-block {margin-right:20px;overflow:hidden;} .sidebar-box {overflow:hidden;margin-bottom:30px;background-color:#fff;padding:16px 20px;border:1px solid #ddd;} .sidebar-title {overflow:hidden;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #ddd;} .sidebar-title span {font-size:20px;font-weight:bold;line-height:24px;text-transform:capitalize;color:#0046a5;} .sidebar-contant {overflow:hidden;} .sidebar-featured ul {overflow:hidden;} .sidebar-featured ul li {width:100%;overflow:hidden;margin:8px 0;float:left;} .sidebar-featured ul li .item {overflow:hidden;} .sidebar-featured ul li .item .pro-media {float:left;width:45%;overflow:hidden; border:1px solid #dedede} .sidebar-featured ul li .item .pro-media img {max-width:100%;width:100%;display:block;} .sidebar-featured ul li .item .pro-detail-info {float:right;width:55%;} .sidebar-featured ul li .item .pro-detail-info .th {margin-left:15px;font-size:16px;line-height:28px;margin-bottom:12px;font-weight:normal;max-height:54px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .sidebar-featured ul li .item .pro-detail-info .th a {display:block;} .sidebar-featured ul li:hover .item .pro-detail-info .th a {color:#0046a5;} .sidebar-featured ul li .item .pro-detail-info span {margin-left:15px;display:block;} .sidebar-featured ul li .item .pro-detail-info span a {background-color:#fff;border:1px solid #ddd;font-size:12px;color:#999;line-height:26px;padding:0 15px;display:inline-block;border-radius:4px;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .sidebar-featured ul li:hover .item .pro-detail-info span a {background-color:#0046a5;color:#fff;} /*内页-侧边联系方式*/ .sidebar-contact ul{width:100%; float:left; overflow:hidden} .sidebar-contact ul li { width:100%; float:left;font-size:14px;line-height:30px;margin-bottom:15px;padding-left:45px; position:relative} .sidebar-contact ul li:nth-last-child(1) {margin-bottom:0;} .sidebar-contact ul li:nth-child(1) .inner-title i {font-size:16px;} .sidebar-contact .inner-title {color:#0046a5;font-weight:bold;position:absolute;left:0;top:0;background:#f1f1f1;border-radius:4px;float:left;font-size:20px;height:35px;line-height:35px;text-align:center;width:35px;} .sidebar-contact .inner-title i {font-size:17px;color:#0046a5;} .sidebar-contact a {font-size:14px;line-height:20px;margin:8px 0;float:left;word-break:break-all;display:inline-block;} .sidebar-contact a:hover {color:#0046a5;} /*内页-侧边新闻列表*//*侧边新闻*/ .sidebar-news ul {overflow:hidden;} .sidebar-news ul li {line-height:20px;font-size:16px;padding:10px 20px;position:relative;display:block;overflow:hidden;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .sidebar-news ul li:hover {padding:10px 10px 10px 30px;} .sidebar-news ul li a {display:block;} .sidebar-news ul li i {font-size:8px;position:absolute;top:10px;left:0;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .sidebar-news ul li:hover i {left:10px;} .sidebar-news ul li a:hover {color:#0046a5;} /*内页-菜单-右侧*/ .inner-page-l {width:25%;float:left;margin-bottom:40px;} .inner-page-r {width:74%;float:right;margin-bottom:40px;} .inner-page-r inner-page-r-con {padding-bottom:50px;overflow:hidden;} @media screen and (max-width:1044px) {.index-about-l {float:none;} .index-about-r {position:relative;right:0;top:0;width:100%;} } @media screen and (max-width:768px) {.inner-page-l,.inner-page-r {width:100%;margin-bottom:0;} } /*内页-关于我们*/ .inner-page-r-con {overflow:hidden} .inner-page-r-con .com_title {font-size:22px;color:#333;line-height:40px;position:relative;padding-bottom:5px;margin-bottom:40px;} .inner-page-r-con:hover .com_title {font-size:22px;color:#333;line-height:40px;} .inner-page-r-con .com_title_line {width:100px;height:2px;background:#0046a5;bottom:0;left:0;transition:all .5s;position:absolute;} .inner-page-r-con:hover .com_title_line {width:500px;height:2px;background:#0046a5;bottom:0;left:0;} .edit {font-size:16px;line-height:25px;margin-bottom:40px;} .edit ul li {list-style-type:inherit;} .edit p { line-height:36px;} .inner-page-r-con span {display:inline} .edit img {max-width:100%;height:auto!important} .edit strong{ font-size:20px; color:#0046a5} @media (max-width:767px) {.inner-page-r-con .com_title {font-size:20px;margin-bottom:20px;} } /*内页-新闻列表*/ .news-list {padding-bottom:40px;} .news-list .alcet_title {font-size:18px;background:#eeeeee;height:50px;line-height:50px;border-left:5px solid #0046a5;padding-left:20px;color:#666;margin-bottom:25px;} .news-list .alcet_title a{ float:right; font-size:14px; color:#0046a5; margin-right:20px;} .news-list .alcet_title a:hover{color:#ea4234;} .news-list li {margin-bottom:20px;position:relative; background:#f8f8f8} .news-list li::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0046a5;transition:all ease .4s;-webkit-transition:all ease .4s;} .news-list li:hover::after {width:100%;} .news-list li a {z-index:10;position:relative;display:flex;} .news-list li a .img img{width:250px; height:167px;object-fit:cover;} .news-list li a .info-w {width:calc(100% - 250px);padding-right:.4rem;justify-content:space-between;-webkit-justify-content:space-between;display:-webkit-flex;display:flex;} .news-list li a .info-t {width:100%;padding-right:.4rem;justify-content:space-between;-webkit-justify-content:space-between;display:-webkit-flex;display:flex;} .news-list li a .info {width:calc(100% - 180px);/*border-bottom:1px solid #e0e0e0*/} .news-list li a .info h3 {font-size:20px;margin-top:20px;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;} .news-list li a .info .els2 {height:60px;color:#999;margin-bottom:.25rem;margin-top:.2rem;line-height:30px;} .news-list li a:hover .info .els2 {color:#fff;} .news-list li a .icon {width:100%;height:24px;background:url(../images/news_icon.png) no-repeat right center} .news-list li a .date {width:150px;padding-right:.2rem;padding-left:.2rem;color:#999;border-right:1px solid #e0e0e0;-webkit-flex-direction:column;flex-direction:column;align-items:center;-webkit-align-items:center;display:flex;justify-content:center;-webkit-justify-content:center;} .news-list li a .date em,.news-list li a .date span {width:100%} .news-list li a .date em {font-size:36px;margin-left:-15px} .news-list li a .date span {font-size:20px;margin-top:20px;} .news-list li:hover a h3 {color:#fff;} .news-list li a:hover .con .d1,.news-list li a:hover .con .d2,.news-list li a:hover .date {color:#fff;transition:all 0.5s ease;} .news-list li a:hover .date {background-image:url(../images/an02.png);} .news-list li:hover a {background:#0046a5;color:#fff;transition:all 0.5s ease;} @media screen and (max-width:1300px) { .news-list li a .date{ width:110px;} .news-list li a .date em {font-size: 24px;} .news-list li a .info{ width: calc(100% - 130px);} } @media (max-width:768px) { .news-list li{ padding:10px;} .news-list li a .date,.news-list li a .info {height:auto;width:100%;} .news-list li a .img{ display:none} .news-list li a {display:block;} .news-list li a .info-w,.news-list li a .info-t {width:100%;padding-right:0;display:block;} .news-list li a .info {height:auto;} .news-list li a .info .els2 {margin-top:5px;margin-bottom:5px;line-height:25px;height:50px;} .news-list li a .date em,.news-list .date span {font-size:18px;width:auto;} .news-list li a .date span {margin-top:0;} .news-list li a .info h3 {margin-top:0;font-size:18px;overflow:inherit;text-overflow:inherit;white-space:inherit;} .news-list li a .date {display:none;} .news-list li a .pic img {width:150px;height:90px;} .news-list li a .con {width:calc(100% - 150px);padding:0px 10px 0;} .news-list li a .con .d1 {font-size:14px;line-height:25px;height:25px;} .news-list li a .con .d2 {line-height:20px;height:40px;margin-top:5px;font-size:12px;} } /*内页-新闻n内容*/ .news-info {padding:.2rem;border:1px solid #ddd;margin-bottom:40px;} .news-info .head {border-bottom:1px solid #e0e0e0;padding-bottom:15px; margin-bottom:30px;} .news-info h3 {font-size:24px;color:#333;text-align:center;text-align:center;} .news-info .date {color:#999;text-align:center;font-size:16px;margin-top:20px;} @media (max-width:768px) { .news-info .head h3 {font-size:18px;color:#0046a5;} .news-info { margin:.2rem;border:1px solid #ddd;margin-bottom:40px;padding:.2rem 0;} .news-info .edit {font-size:16px;line-height:30px;} } /*分页符*/ #pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both; margin-top:30px;} #pages a{ background:#f0f0f0;padding:0 14px;display:inline-block;line-height:35px;text-align:center;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s; margin: 0 2px; float: none; color: #333; font-size: 14px;} #pages span{ background:#0046a5;color:#fff;height:35px; margin-left:2px;width:35px;display:inline-block;line-height:35px;text-align:center; float: none;font-size: 14px;} #pages a:hover{background:#0046a5;color:#fff;} /*上下篇*/ .articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px;border-bottom:1px dashed #d9d9d9;margin-bottom:20px;} .articlebook .zuo{ float:left} .articlebook .you{ float: right} .articlebook a{ line-height:26px;font-size:15px;} .articlebook a:hover{ color:#0046a5} /*表单*/ .table_form tr{ width:100%; float:left; margin:10px 0} .table_form tr th{ width:10%; line-height:30px; font-weight:normal; text-align:left; color:#999 !important; float:left} .table_form tr td{ width:85%; float:left} .table_form .input-text{ width:100% !important; line-height:44px !important;height:44px !important; border:1px solid #ccc; background:none} .table_form textarea{ width:100% !important; line-height:44px; height:92px; background:none; border:1px solid #ccc;} .button{ width:230px !important; height:40px !important; background:#2b74dd !important; color:#fff; } /*内页-产品列表*/ .products-list {padding-bottom:40px;} .products-list li {width:33%;vertical-align:bottom;display:inline-block;margin-bottom:15px;} .products-list li .product-item {margin:0 10px 10px 10px;} .products-list li a {text-align:center;display:block;} .products-list li a:hover .info {visibility:visible;opacity:1;transition:all ease .4s;-webkit-transition:all ease .4s;} .products-list li a:hover h3 {color:#0046a5;} .products-list .imgs {border:1px solid #ddd;} .products-list .imgs img {top:0;left:0} .products-list .info {visibility:hidden;opacity:0;top:0;left:0;padding:20px;background:rgba(0,70,165,0.7);color:#fff;width:100%;height:100%;position:absolute;transition:all ease .4s;-webkit-transition:all ease .4s;} .products-list .info i {border:1px solid #fff;font-size:16px;width:100%;height:100%;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;display:-webkit-flex;display:flex;} .products-list h3 {height:50px;padding:10px;font-size:16px;overflow:hidden;} .products-list li a:hover .imgs {border:1px solid #ddd;border-bottom:1px solid #0046a5;} @media screen and (max-width:1250px) {.products-list li {width:32%;} } @media screen and (max-width:1024px) {.products-list li {width:49%;} } @media screen and (max-width:768px) {.products-list li {width:100%;} .products-list li .product-item{ margin:0;} .table_form tr th,.table_form tr td{ width:100%;} } /*内页-联系我们*/ .contact {padding-bottom:40px;} .contact .add {height:4.65rem} .contact .add img {max-width:inherit} .contact .contact_company {width:100%;color:#666;min-height:300px;padding:40px 50px 10px; margin-bottom:30px;border:1px solid #ddd;background:#eee;} .contact .contact_company .d1 {font-size:24px;margin-bottom:25px;color:#0046a5;} .contact .contact_company .d2 {background:no-repeat left 8px;padding:5px 0 5px 0px;margin-bottom:10px;font-size:16px;} .contact .contact_company .d2 span {color:#0046a5;} .contact .contact_company .d2 i {margin-right:10px;font-size:20px;} .contact .contact_man li {float:left;width:100%;color:#666;padding:50px 50px 40px;border:1px solid #ddd;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */ position:relative} .contact .contact_man li:before {content:'';position:absolute;bottom:0;transition:opacity .5s ease 0s,transform .5s ease 0s;width:100%;height:100%;top:0%;left:0%;opacity:0;border-top:1px solid #0046a5;border-bottom:1px solid #0046a5;transform:scale(0,1);-webkit-transform:scale(0,1);box-sizing:border-box;} .contact .contact_man li:hover::before {opacity:1;transform:scale(1);-webkit-transform:scale(1);} .contact .contact_man li::after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:'';border-left:1px solid #0046a5;border-right:1px solid #0046a5;transform:scale(1,0);-webkit-transform:scale(1,0);opacity:0;position:absolute;width:100%;height:100%;top:0%;left:0%;box-sizing:border-box;} .contact .contact_man li:hover::after {opacity:1;transform:scale(1);-webkit-transform:scale(1);} .contact .contact_man .d1 {font-size:24px;margin-bottom:25px;color:#0046a5;} .contact .contact_man .d2 {background:no-repeat left 8px;padding:5px 0 5px 0px;margin-bottom:10px;font-size:16px;width:33.3%;float:left;} .contact .contact_man .d2 span {color:#0046a5;} .contact .contact_man .d2 i {margin-right:10px;font-size:20px;} #dituContent{ height:800px} @media screen and ( max-width:1300px ) {.contact .contact_company {min-height:auto;} .contact .contact_man li {float:left;width:100%;color:#666;min-height:300px;padding:20px;border:1px solid #ddd;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */} .contact .contact_man .d1 {font-size:24px;margin-bottom:25px;color:#0046a5;} .contact .contact_man .d2 {width:100%;} .contact .contact_man .d2 span {color:#0046a5;} .contact .contact_man .d2 i {margin-right:10px;font-size:20px;} } @media screen and ( max-width:768px ) {.contact .contact_company {padding:20px;} .contact .contact_company .d1 {font-size:20px;} .contact .contact_man .d2 {margin-bottom:0;} #dituContent{ height:500px} } /*内页-案例列表*/ .case-list {padding-bottom:50px;} .case-list li {margin-bottom:20px;vertical-align: bottom;display: inline-block; width:33%;} .case-list li a:hover i span {color:#fff;} .case-list li a:hover h3 {color:#0046a5;} .case-list li a:hover i {border-color:#0046a5;color:#fff} .case-list li a:hover i::after {width:100%} .case-list li a {background:#fafafa; overflow:hidden;} .case-list li:nth-child(even) a {-webkit-flex-direction:row-reverse;flex-direction:row-reverse} .case-list li a .img img {width:100%;display:inline-block; overflow:hidden;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;} .case-list li a .img:hover img {transform:scale(1.1);} .case-list li a h3 {font-size:16px; text-align:center; position:relative; height:50px;} /*.case-list li a h3::after {position:absolute;transition:all ease .4s;-webkit-transition:all ease .4s;content:'';bottom:0;left:0;width:0;height:2px;background:#eee;} .case-list li a:hover h3::after {width:100%;}*/ .case-list .info {padding:15px 0 0 0; vertical-align:top;} .case-list .txt {color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;/*text-align:justify;*/margin-bottom:.1rem;margin-top:.1rem;font-size:14px;line-height:25px;} .case-list .info i {padding:0 .2rem;border:1px solid #ddd;height:45px;line-height:45px;text-align:center;float:right;position:relative;} .case-list .info i::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#0046a5;transition:all .3s;-webkit-transition:all .3s} .case-list .info i span {z-index:1;position:relative;color:#666;} @media screen and (max-width:1200px) {.case-list .txt {font-size:14px;line-height:25px;-webkit-box-orient:vertical;-webkit-line-clamp:3;} } @media screen and (max-width:768px) { .case-list li{width:100%;} .case-list li a {display:block} .case-list li a h3 {font-size:16px;} .case-list li a .img {width:100%;} .case-list .info {padding:.2rem 0 .2rem 0;width:100%;} .case-list .txt {font-size:14px;margin-top:.1rem;margin-bottom:0;line-height:25px;} .case-list .info i {height:40px;line-height:40px;padding:0 .3rem;display:none;} } /*site-map网站地图*/ .site-map-t {color:#0046a5;font-size:18px;line-height:30px;background-color:#efefef;padding:12px 30px;margin-bottom:15px;text-transform:capitalize;} .site-map-th {color:#6d6d6d;font-size:16px;line-height:30px;background:#fff;border-bottom:1px dashed #f1f1f1;padding:8px 30px;} .site-map-th h2 {font-size:16px;font-weight:normal;color:#333;} .site-map ul {font-size:0;overflow:hidden;margin:20px 0 30px 0;border-bottom:1px solid #f1f1f1;padding:10px 30px 0 30px;background-color:#fff;} .site-map ul li {font-size:14px;display:inline-block;vertical-align:top;line-height:35px;width:33.3%;} .site-map ul li h3 {font-size:16px;font-weight:normal;} .site-map ul.site-map-l1 li {width:25%;font-size:16px;} .site-map ul.site-map-l2 li {width:50%;} .site-map a:hover {color:#0046a5} @media screen and (max-width:1300px) {.site-map ul li,.site-map ul.site-map-l1 li,.site-map ul.site-map-l2 li {width:100%;} } /*返回顶部*/ .scroll {width:40px;height:40px;color:#fff;line-height:42px;text-align:center;position:fixed;right:34px;bottom:74px;cursor:pointer;background-color:rgba(4,160,123,0.5);border-radius:4px;z-index:10;} .scroll i {font-size:28px;} @media (max-width:1480px) {.top {padding:0 2%;position:relative;top:0;} } @media (min-width:1301px) {.lcolae li a:hover .pic img,.lmobl li a:hover .pic img,.aeopte li a:hover .pic img {transform:scale(1.05);transition:all 0.5s ease;} .wmore:hover {background-color:#0046a5;transition:all 0.5s ease;border-radius:10px;} } @media (max-width:1300px) {.top {height:58px;background:#fff;position:relative;top:0;} /*.logo {padding:5px 0;} */} @media screen and (max-width:768px){ .scroll{ right:0; bottom:0; width:36px;} } /*移动端侧边,底部折叠*/ .sidebar-block-but,.footer-content-but {display:none;} @media screen and (max-width:768px) {.footer-middle {padding-top:10px;} .inner-message {margin-bottom:0;} .sidebar-block-but,.footer-content-but {position:relative;padding:10px 40px 10px 20px;background-color:#333;display:block;} .sidebar-block-but span,.footer-content-but span {text-transform:uppercase;color:#999;font-size:16px;line-height:20px;} .sidebar-block-but button,.footer-content-but button {position:absolute;top:9px;right:5px;width:30px;height:24px;border:0;color:#666;display:inline-block;border-radius:0;line-height:24px;background:none;} .sidebar-block-but button i,.footer-content-but button i {font-size:20px;position:relative;} .sidebar-block-but button i::after,.footer-content-but button i::after {content:"\e660";font-family:"iconfont" !important;} .sidebar-block-but.expand button,.footer-content-but.expand button {transform:rotateZ(180deg);} .sidebar-featured,.sidebar-contact{ display:none} .sidebar-box.expand,.footer-main.expand {display:block;} .sidebar-block{ margin-left:20px;} .sidebar-about ul li{ width:46%; float:left; margin:0 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } /*表格*/.nei-table {width:100%;overflow:auto;} .nei-table table {border-collapse:collapse;border-spacing:0;} .nei-table table,.nei-table table th,.nei-table table td {border:1px solid #666;} .nei-table table th,.nei-table table td {padding:4px 10px;} /*幻灯图开始*/ #about_pb {/*width:100%;*/ max-width:1200px;} #promotion_banners {width:100%;overflow:hidden;} #promotion_banners li {width:100%;height:100%;list-style-type:none;} .switcher_2 {position:absolute;right:5px;bottom:5px;} .product_box {width:100%;max-width:450px;min-width:320px;} .product_box .banners {height:450px;overflow:hidden;border:1px solid #e6e6e6;} .pb {display:inline-block;position:relative;height:auto;/*float:left;*/margin-bottom:10px;z-index:0;} .pb .points_2 li {width:22px;height:22px;text-align:center;cursor:pointer;float:left;margin-right:5px;background-color:#999;line-height:22px;color:#FFF;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;} .pb .points_2 li.current {color:#FFF;margin-right:5px;height:22px;width:22px;/*border:1px solid #FFF;*/background-color:#0046a5;} .pb .banners {float:left;padding:0px;margin:0px;} .pb .banners li {display:none;padding:0px;} .pb .banners li.current {display:block;} .pb .switcher {width:100%;display:block;height:auto;overflow:hidden;} .pb .points {font-size:0px;margin-top:4px;margin-right:auto;margin-bottom:0;margin-left:auto;width:100%;overflow:hidden;} .pb .points li {width:70px;height:70px;background-position:0px 0px;text-align:center;cursor:pointer;float:left;margin-right:8px;border:1px solid #e6e6e6;display:table;margin-top:8px;} .pb .points li i {width:100%;overflow:hidden;height:100%;display:table-cell;vertical-align:middle;text-align:center;} .pb .points li img {max-height:70px;max-width:70px;vertical-align:middle;display:table-cell;z-index:-1;position:relative;} .pb .points li.current {color:#FFF;margin-right:8px;height:70px;width:70px;border:1px solid #F00;} .C_top_R1IMG {width:100%;height:100%;position:relative;display:table;text-align:center;} .C_top_R1IMG a {width:100%;overflow:hidden;height:100%;display:table-cell;vertical-align:middle;} .C_top_R1IMG img {vertical-align:middle;max-width:100%;max-height:450px;} .C_top_R1IMG a h5 {height:30px;position:absolute;z-index:3;bottom:40px;left:0px;font-weight:bold;padding-left:10px;width:500px;font-size:22px;line-height:30px;color:#FFFFFF;font-weight:normal;} .C_top_R1IMG a p {font-size:16px;line-height:20px;color:#FFFFFF;position:absolute;z-index:3;bottom:15px;left:0px;width:500px;padding-left:10px;height:20px;} .C_top_R1IMG a span {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5!important;height:80px;width:100%;position:absolute;z-index:2;left:0px;bottom:0px;background-color:#000000;} .C_top_R1IMG2 {width:100%;height:auto;} .C_top_R1IMG2 a img {width:100%;height:100%;} @media (max-width:768px) {#about_pb {width:100%;margin-left:0px;} .product_box .banners {height:300px;} .pb .points li img {max-width:80px;} } @media (max-width:1024px) {.header-m {z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)} .header-m::after {display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)} .header-m .logo {position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .header-m .logo img {max-height:40px} .header-m .m-menu-b {display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer} .header-m .m-menu-b::after,.header-m .m-menu-b::before {position:absolute;content:'';top:50%;left:calc(35px / 2);width:25px;height:1px;z-index:999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222} .header-m .m-menu-b::before {transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)} .header-m .m-menu-b::after {transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)} .header-m .m-menu {display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px} .header-m .m-menu::after {position:absolute;top:70px;content:'';width:100%;height:1px;background:#ddd} .header-m .nav {height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto} .header-m .nav>li {border-bottom:1px solid #ddd;animation:resize .5s both;-webkit-animation:resize .5s both} .header-m .nav>li>a {position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px} .header-m .nav>li>a::after {position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s} .header-m .nav>li .sub-nav {display:none} .header-m .nav>li .sub-nav a {position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e} .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before {position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s} .header-m .nav>li .sub-nav a::before {left:21px;border-left:5px solid #555} .header-m .nav>li .sub-nav a::after {border-left:5px #ddd solid} .header-m .nav>li.cur {position:relative} .header-m .nav>li.cur::after,.header-m .nav>li.cur::before {position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s} .header-m .nav>li.cur::before {top:19px;right:25px;width:2px;height:12px} .header-m .nav>li.cur::after {top:24px;right:20px;width:12px;height:2px} .header-m .nav>li.active::after {background:#fff} .header-m .nav>li.active::before {height:0} .header-m .nav>li.active>a {color:#fff;background:#0046a5} .header-m .nav>li.active>a::after {border-color:#fff;background:#fff} .header-m .nav>li.active .sub-nav li {animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both} .header-m .m-language {position:absolute;left:0;bottom:0;width:100%;text-align:center} .header-m .m-language a {color:#666;height:40px;line-height:40px;font-size:16px;display:block;border-bottom:1px solid #ddd;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both} .header-m .m-search-b {display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px} html.active {height:100%;overflow:hidden} html.active body {height:100%;overflow:hidden} html.active .header-m {left:260px} html.active .header-m::after {display:block} html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before {background:#000} html.active .header-m .m-menu-b::before {transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)} html.active .header-m .m-menu-b::after {transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)} html.active .header-m .m-menu {display:block;left:0} html.active .banner,html.active .i-banner,html.active footer,html.active main {transform:translateX(260px);-webkit-transform:translateX(260px)} } @media (max-width:767px) {.i-banner .sm-db {display:block!important} .section {padding:.5rem 0} .i-banner {padding:0} /*.home_about h2 {font-size:30px} */ .home_certificate {padding-bottom:0} .banner {height:3rem} .main-nav-p {display:none} .main-nav-m {display:block;position:relative;z-index:1;cursor:pointer} .main-nav-m .title {position:relative;height:45px;line-height:45px;padding:0 10px;background:#0046a5} .main-nav-m .title strong {color:#fff;font-size:16px;font-weight:700} .main-nav-m .title i {position:absolute;content:'';width:45px;height:100%;right:0} .main-nav-m .title i::after,.main-nav-m .title i::before {position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s} .main-nav-m .title i::before {left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)} .main-nav-m .title i::after {right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)} .main-nav-m .title.active i::before {transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)} .main-nav-m .title.active i::after {transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)} .main-nav-m ul {display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(234,66,52,0.7);color:#fff} .main-nav-m ul li {animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both} .main-nav-m ul li a {display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55)} .event h2 {font-size:26px} .fix-video .video-wrap {max-width:90%} .fix-search {padding:0 15px} .fix-search .search {height:65px;padding-left:0;background:0 0} .fix-search .txt {font-size:20px;text-align:left;padding:0 10px} .fix-search .btn {font-size:22px;color:#777} } @keyframes resize {60%,75%,90%,from,to {animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0% {opacity:0;transform:scale(5,5)} 100% {opacity:1;transform:scale(1,1)} } @-webkit-keyframes resize {60%,75%,90%,from,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0% {opacity:0;-webkit-transform:scale(5,5)} 100% {opacity:1;-webkit-transform:scale(1,1)} } @keyframes ReturnToNormal {from {opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)} to {opacity:1;transform-origin:right bottom;transform:none} } @-webkit-keyframes ReturnToNormal {from {opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)} to {opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none} } /*swiper.min.css样式表*/ .swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide {float:left} .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-slide-invisible-blank {visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto} .swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d {-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left {background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right {background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top {background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom {background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock {display:none} .swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden {opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer} .swiper-pagination-bullet-active {opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar {background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active {background:#fff} .swiper-pagination-progressbar.swiper-pagination-white {background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active {background:#000} .swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000} .swiper-pagination-lock {display:none} .swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag {cursor:move} .swiper-scrollbar-lock {display:none} .swiper-zoom-container {width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed {cursor:move} .swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after {display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto} .swiper-container-cube {overflow:visible} .swiper-container-cube .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip {overflow:visible} .swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px} .swiper01 {margin-top:4%;padding-bottom:80px;position:relative;} .swiper01 .swiper-slide {} .swiper01 .swiper-slide a {display:block;} .swiper01 .swiper-slide .pic {background:#fff;display:table;width:100%;height:316px;} .swiper01 .swiper-slide .pic p {display:table-cell;vertical-align:middle;overflow:hidden;} .swiper01 .swiper-slide a .pic img {max-width:90%;max-height:260px;transition:all 0.5s ease;} .swiper01 .swiper-slide a .tit {height:60px;background:rgba(255,255,255,0.3);line-height:60px;overflow:hidden;color:#fff;font-size:18px;} .swiper01 .swiper-button-next,.swiper01 .swiper-button-prev {width:40px;height:40px;bottom:4px;top:auto;z-index:5;} .swiper01 .swiper-button-prev {background:url(../images/left4.png) no-repeat center center;left:50%;margin-left:-120px;} .swiper01 .swiper-button-next {background:url(../images/right4.png) no-repeat center center;right:50%;margin-right:-120px;} .swiper02 {margin-top:4%;padding-bottom:80px;position:relative;} .swiper02 .swiper-slide {} .swiper02 .swiper-slide a {display:block;} .swiper02 .swiper-slide .pic {background:#fff;display:table;width:100%;height:316px;} .swiper02 .swiper-slide .pic p {display:table-cell;vertical-align:middle;overflow:hidden;} .swiper02 .swiper-slide a .pic img {max-width:90%;max-height:260px;transition:all 0.5s ease;} .swiper02 .swiper-slide a .tit {height:60px;/*background:rgba(255,255,255,0.3);*/ line-height:60px;overflow:hidden;color:#fff;font-size:18px;} .swiper02 .swiper-button-next,.swiper02 .swiper-button-prev {width:40px;height:40px;bottom:4px;top:auto;z-index:5;} .swiper02 .swiper-button-prev {background:url(../images/left4.png) no-repeat center center;left:50%;margin-left:-120px;} .swiper02 .swiper-button-next {background:url(../images/right4.png) no-repeat center center;right:50%;margin-right:-120px;} @media (min-width:1201px) {.swiper01 .swiper-slide a:hover .pic img {transition:all 0.5s ease;transform:scale(1.1);} .swiper02 .swiper-slide a:hover .pic img {transition:all 0.5s ease;transform:scale(1.1);} } /*产品折叠菜单*/ .sidebar-product dl {width:100%;overflow:hidden;margin-bottom:0;} .sidebar-product dl dt {font-size:14px;line-height:18px;font-weight:normal;padding:12px 15px 12px 0;border-bottom:1px solid #ebebeb;position:relative;margin-bottom:0;} .sidebar-product dl:last-child dt {border-bottom:0;} .sidebar-product dl dt a {font-size:16px;} .sidebar-product dl dt i {width:0;height:0;background-color:#6d6d6d;overflow:hidden;position:absolute;left:5px;top:15px;} .sidebar-product dl span a:hover {color:#fecd0f;} .sidebar-product dl span {overflow:hidden;font-size:16px;font-weight:bold;color:#6d6d6d;height:38px;display:block;line-height:38px;float:right;cursor:pointer;padding:0 5px;position:relative;z-index:1;} .sidebar-product dl span.clicker_active {font-size:26px;font-weight:normal;} .sidebar-product dl:hover span {background-position:10px 20px;text-decoration:none;color:#999;} .sidebar-product dl dd {overflow:hidden;line-height:30px;font-size:14px;margin:10px 0 10px 15px;} .sidebar-product dl dd a {font-size:14px;color:#666;width:100%;display:block;border-bottom:1px dashed #ebebeb;} .sidebar-product dd a:hover {text-decoration:none;color:#0046a5;border-bottom:1px dashed #0046a5;} .sidebar-product dl dt:hover {border-bottom:1px solid #0046a5;background:#0046a5;} .sidebar-product dl dt:hover a {padding-left:10px;} .sidebar-product dl dt:hover a,.sidebar-product dl dt:hover span {color:#fff;} /* 新增banner 2020-11-10*/ .owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel {display:none;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1;} .owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;} .owl-carousel .owl-stage-outer {position:relative;overflow:hidden;/* temporary fix for flashing background */-webkit-transform:translate3d(0px,0px,0px);} .owl-carousel .owl-stage-outer.owl-height {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel .owl-video-wrapper {position:relative;height:100%;background:#000;} .owl-controls .owl-nav div,.owl-controls .owl-dot {cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel .owl-video-play-icon {position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('owl-video-play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition-property:scale;transition-duration:100ms;transition-timing-function:ease;} .owl-carousel .owl-video-play-icon:hover {-moz-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display:none;} .owl-carousel .owl-video-tn {opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease;} .owl-carousel .owl-video-frame {position:relative;z-index:1;} .owl-loaded {display:block;} .owl-loading {opacity:0;display:block;} .owl-hidden {opacity:0;} .owl-carousel .owl-refresh .owl-item {display:none;} .owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} /* If mouseDrag:false then you are able to select text */ .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;} .owl-carousel .owl-grab {cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .owl-carousel .owl-item img.owl-lazy {opacity:0;} .owl-carousel .owl-item img {opacity:1;display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease;} /* to do */.owl-carousel .owl-stage.backfacefix .owl-item {-webkit-backface-visibility:hidden;} .owl-rtl {direction:rtl;} .owl-rtl .owl-item {float:right;} /* No Js */.no-js .owl-carousel {display:block;} /* animate */.animated {-webkit-animation-duration:600ms;animation-duration:600ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .owl-animated-in {z-index:0} .owl-animated-out {z-index:1} .fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOut {0% {opacity:1;} 100% {opacity:0;} } @keyframes fadeOut {0% {opacity:1;} 100% {opacity:0;} } /*owl.carousel.css样式表*/.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} /* display none until init */.owl-carousel {display:none;position:relative;width:100%;-ms-touch-action:pan-y;} .owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);} .owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel .owl-item {float:left;} .owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;} .owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} /* mouse grab icon */.grabbing {} /* fix */.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} .owl-theme .owl-controls {width:100%;} /* Styling Next and Prev buttons *//* Clickable class fix problem with hover on touch devices *//* Use it for non-touch hover action *//* Styling Pagination*/.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline;/*IE7 life-saver */} .owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);/*IE7 fix*/opacity:1;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:2px solid #fff;overflow:hidden;} .owl-theme .owl-controls .owl-page.active span {filter:Alpha(Opacity=100);/*IE7 fix*/background:#fff;opacity:1;} /* If PaginationNumbers is true */.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#666;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;} .owl-pagination {text-align:center;} /* preloading images */.owl-item.loading {min-height:150px;background:url(AjaxLoader.gif) no-repeat center center} .fulode {position:relative;} .fulode .owl-prev,.fulode .owl-next {position:absolute;top:50%;height:60px;width:60px;margin-top:-15px;border-radius:5px;line-height:0;font-size:0;cursor:pointer;padding:0;border:none;z-index:10;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,0.2);transition:all 0.3s linear;} .fulode .owl-prev {background-image:url(../images/left3.png);left:2%;} .fulode .owl-next {background-image:url(../images/right3.png);right:2%;} .fulode .owl-prev:hover,.fulode .owl-next:hover {background-color:#0046a5;transition:all 0.3s linear;} .fulode .owl-pagination {width:auto;position:absolute;font-size:0;right:0;bottom:0px;background:rgba(255,255,255,0.2);z-index:3;padding:0 150px 0 20px;display:none;} .fulode.owl-theme .owl-controls .owl-page span.owl-numbers {color:#fff;font-size:20px;} .fulode.owl-theme .owl-controls .owl-page span {border:none;background:none;padding:0;width:30px;text-align:left;position:relative;transition:all 0.5s ease;} .fulode.owl-theme .owl-controls .owl-page span:after {content:'';position:absolute;left:15px;height:2px;background:#ea4234;top:13px;width:0px;transition:all 0.5s ease;} .fulode.owl-theme .owl-controls .owl-page.active span.owl-numbers {color:#ea4234;width:45px;transition:all 0.5s ease;} .fulode.owl-theme .owl-controls .owl-page.active span.owl-numbers:after {width:30px;transition:all 0.5s ease;} .fulode .con {background:rgba(0,0,0,0.6);color:#fff;width:600px;position:absolute;right:50%;top:50%;transform:translateY(-50%);margin-right:-600px;padding:30px;} .fulode .con .d1 {font-size:32px;font-weight:bold;} .fulode .con .d2 {font-size:15px;margin-top:15px;line-height:1.8;} .fulode_two {position:relative;} .fulode_two .owl-prev,.fulode_two .owl-next {position:absolute;top:50%;height:60px;width:60px;margin-top:-15px;border-radius:5px;line-height:0;font-size:0;cursor:pointer;padding:0;border:none;z-index:10;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,0.2);transition:all 0.3s linear;} .fulode_two .owl-prev {background-image:url(../images/left3.png);left:2%;} .fulode_two .owl-next {background-image:url(../images/right3.png);right:2%;} .fulode_two .owl-prev:hover,.fulode_two .owl-next:hover {background-color:#0046a5;transition:all 0.3s linear;} .fulode_two .owl-pagination {width:auto;position:absolute;font-size:0;right:0;bottom:0px;background:rgba(255,255,255,0.2);z-index:3;padding:0 150px 0 20px;} .fulode_two.owl-theme .owl-controls .owl-page span.owl-numbers {color:#fff;font-size:20px;} .fulode_two.owl-theme .owl-controls .owl-page span {border:none;background:none;padding:0;width:30px;text-align:left;position:relative;transition:all 0.5s ease;} .fulode_two.owl-theme .owl-controls .owl-page span:after {content:'';position:absolute;left:15px;height:2px;background:#ea4234;top:13px;width:0px;transition:all 0.5s ease;} .fulode_two.owl-theme .owl-controls .owl-page.active span.owl-numbers {color:#ea4234;width:45px;transition:all 0.5s ease;} .fulode_two.owl-theme .owl-controls .owl-page.active span.owl-numbers:after {width:30px;transition:all 0.5s ease;} .fulode_two .con {background:rgba(0,0,0,0.6);color:#fff;width:600px;position:absolute;right:50%;top:50%;transform:translateY(-50%);margin-right:-600px;padding:30px;} .fulode_two .con .d1 {font-size:32px;font-weight:bold;} .fulode_two .con .d2 {font-size:15px;margin-top:15px;line-height:1.8;} .aertc .article a {display:block;} .aertc .article a .pic {overflow:hidden;} .aertc .article a .pic img {width:100%;height:336px;object-fit:cover;transition:all 0.5s ease;} .aertc .article a .tit {font-size:18px;line-height:30px;height:60px;overflow:hidden;margin:5px 0;} .aertc .article a .con {color:#666;line-height:25px;font-size:16px;height:50px;overflow:hidden;} .aertc .owl-prev,.aertc .owl-next {position:absolute;bottom:120px;height:40px;width:40px;border-radius:20px;line-height:0;font-size:0;cursor:pointer;padding:0;border:none;z-index:10;background-color:rgba(0,0,0,0.6);background-repeat:no-repeat;background-position:center center;transition:all 0.3s linear;} .aertc .owl-prev {background-image:url(../images/left.png);left:0;} .aertc .owl-next {background-image:url(../images/right.png);left:40px;} .aertc .owl-prev:hover,.aertc .owl-next:hover {background-color:#008adc;transition:all 0.3s linear;} /**/.vkdaoe {margin-top:5%;} .vkdaoe .pic {width:40%;padding:0 3%;height:500px;display:table;margin:0 auto;text-align:center;} .vkdaoe .pic a {display:table-cell;vertical-align:middle;} .vkdaoe .pic a img {max-height:450px;display:inline-block;width:auto;} .vkdaoe .owl-pagination {width:100%;z-index:3;} .vkdaoe .owl-controls .owl-page span {width:50px;height:5px;background:#d4d4d4;opacity:1;border:none;margin:0 2px;border-radius:0;} .vkdaoe .owl-controls .owl-page.active span {background:#cf3525;} @media screen and (min-width:1201px) {} @media screen and (max-width:1200px) {} @media screen and (max-width:768px) {.fulode .owl-prev,.fulode .owl-next {width:40px;height:40px;margin-top:-20px;} .fulode .owl-pagination {padding:0 20px;}