@charset "utf-8"; /*==========css reset==========*/ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; overflow-x: hidden; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; } body, button, input, select, textarea { font: normal 1em/1.8 sans-serif, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } a { text-decoration: none; } a:link { } a:visited { } a:hover { text-decoration: none; } a:active { } small { font-size: 0.9em; color: #888; } h1, h2, h3, h4, h5, h6 { font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; font-size: 100%; color: #6b7386; line-height: 1.35; } pre, code, pre tt { font-family: Courier, 'Courier New', monospace; } pre { background: #f8f8f8; border: 1px solid #ddd; padding: 1em 1.5em; display: block; -webkit-overflow-scrolling: touch; } hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 0.8em; height: 10px; } .textwrap, .textwrap td, .textwrap th { word-wrap: break-word; word-break: break-all; } .textwrap-table { table-layout: fixed; } .serif { font-family: Palatino, Optima, Georgia, serif; } img { max-width: 100%; } input[type=submit] { -webkit-appearance: none; outline: none } .row-position { position: relative; } /*public*/ .fl { float: left; } .fr { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clear { clear: both } .img-cover { object-fit: cover } /* color */ a { color: #6b7386; } a:hover { color: #ff3636; } /* Tooltip */ .tooltip { padding: 5px; font-size: 12px; opacity: .8; background-repeat: no-repeat; background-image: url(../images/tooltip.gif) } .tooltip-inner { padding: 5px 10px; max-width: 200px; pointer-events: none; color: #fff; text-align: center; background-color: #000; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, .15) } .tooltip-bottom { background-position: top center } .tooltip-top { background-position: bottom center } .tooltip-left { background-position: right center } .tooltip-right { background-position: left center } /* transition */ .transition { -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s } /* 鼠标移入*/ .blur { -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); } /*- Overflow -*/ .f-break { word-break: break-all; word-wrap: break-word; } .f-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .f-overflow { overflow: hidden; } .f-no-overflow { overflow: initial !important; } /*- position -*/ .f-fixed { position: fixed !important; z-index: 99; } .f-relative { position: relative; } .f-absolute { position: absolute; } /*-widget nodata -*/ .m-nodata { padding: 12px 14px 12px 10px; border: 1px #EEE solid; background-color: #FFF; } .m-nodata .m-datain { display: table; } .m-nodata .m-datain .m-dataimg { width: 60px; height: auto; float: left; margin-right: 6px; } .m-nodata .m-datain .m-datatext { display: table-cell; vertical-align: middle; line-height: 18px; color: #4a4a4a; } ul, li, ol { list-style: none outside none; } /*----------- 头部 -----------*/ body { } .h-fix { position: fixed; z-index: 9999; background: #fff; width: 100%; box-shadow: 0 1px 3px rgba(26, 26, 26, .1); } .header { display: block; height: 78px; position: relative; left: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 9 } .header .logo { float: left; overflow: hidden; height: 78px; } .header .logo h1, .header .logo div { height: 100%; display: block; } .header .logo a { min-width: 220px; height: 100%; display: block; position: relative; font-size: 0; overflow: hidden; } .header .logo a img { width: 100%; max-width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .header .nav-bar { float: right; margin-right: calc(35 / 1920 * 100vw); margin-top: 18px; } .header .nav-bar li { display: inline-block; height: 64px; line-height: 64px; position: relative; vertical-align: top; } .header .nav-bar li a { display: inline-block; padding: 0 15px; color: #444444; font-weight: bold; font-style: normal; font-size: 16px; position: relative; z-index: 2; min-width: 68px; text-align: center } .header .nav-bar li a:hover { color: #003c83; text-decoration: underline } /*头部导航*/ .header .nav-bar ul li ul { width: 100%; min-width: 140px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); right: 0; background: #fff; z-index: 888; visibility: hidden; opacity: 0; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1); } .header .nav-bar ul li ul li { width: 100%; height: 32px; line-height: 32px; display: block; margin: 0px !important; background-color: rgba(0, 60, 131, 0.76); } .header .nav-bar ul li ul li:hover { background-color: rgb(0, 60, 131); } .header .nav-bar ul li ul li a { width: 100%; text-align: left; height: 32px; line-height: 32px; font-size: 14px; color: #ffffff; opacity: 1; } .header .nav-bar ul li ul li.on a:hover { color: #ffffff; } .header .nav-bar ul li.on ul { visibility: visible; opacity: 1; } /*导航子菜单*/ .header .nav-bar ul li ul li .sub-menu { visibility: hidden; opacity: 0; display: none; left: -100%; transform: none; z-index: 99; } .header .nav-bar ul li ul li.on .sub-menu { right: -100%; left: auto; top: 0; visibility: visible; opacity: 1; display: block; } .header .nav-bar ul li ul li.on .sub-menu li a, .header .nav-bar ul li ul li.on .sub-menu li a:hover { background: rgba(0, 0, 0, 0); color: #6b7386; } .header .nav-bar ul li ul li.on .sub-menu li.on a, .header .nav-bar ul li ul li.on .sub-menu li.on a:hover { color: #ff3366; } /*切换中英文*/ .header .language { float: right; line-height: 64px; height: 64px; margin-top: 18px; } .header .m-language { float: right; margin-right: 20px; line-height: 64px; height: 64px; margin-top: 18px; } /*导航移动端*/ .m-btn { float: right; display: none; line-height: 64px; height: 64px; margin-top: 18px; cursor: pointer; margin-left: 10px; margin-right: 10px; } .m-btn i { color: #6b7386; opacity: 0.7; font-size: 20px; line-height: 48px; } .m-btn .fa-remove { color: #fff; } .m-btn:hover i { opacity: 1 } .m-nav { width: 70%; background: #434957; position: fixed; top: 0; bottom: 0; left: -70%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 999; overflow-y: scroll; overflow-x: hidden; } .m-nav .m-btn { height: 64px; line-height: 64px; left: auto; right: -45px; display: none; } .m-nav ul { padding-top: 0px; } .m-nav li { width: 100%; position: relative; } .m-nav li a { padding: 0 25px; line-height: 48px; color: #fff; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .m-nav li a:hover { background: rgba(0, 0, 0, 0.1); } .m-nav ul li ul { display: none; } .m-nav li em[class*="dot"] { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0); cursor: pointer; } .m-nav li em[class*="dot"] .fa { font-size: 18px; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; width: 48px; line-height: 48px; top: 0; left: 0; } .m-nav li em[class*="dot"] .fa.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .m-nav ul li ul li { background: rgba(0, 0, 0, 0.15); } .m-nav ul li ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.05); opacity: 0.8; font-size: 14px; text-indent: 1em } #mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 899; display: none; } /*适配分辨率*/ .container { margin-right: auto; margin-left: auto; position: relative; } .container:after, .container:before { content: ""; display: table } .container:after { clear: both } @media (min-width: 1200px) { .primary-menus ul li { padding: 0 12px; } .container { max-width: 1200px } .header .language { display: block } .header .m-language { display: none; } .header .nav-bar li:not(:first-child) { margin-left: calc(60 / 1920 * 100vw); } } /*@media (min-width: 1025px) and (max-width: 1500px) { .primary-menus ul li { padding: 0 12px; } .container { max-width: 1240px } .header .language { display: block } .header .m-language { display: none; } .header .nav-bar li:not(:first-child) { margin-left: calc(40 / 1920 * 100vw); } }*/ @media (max-width: 1199px) { .m-btn { display: block; } .header .nav-bar { display: none; } .header .nav-bar { display: none; } .container { width: 100% } .header .logo { margin-left: 5px; } .header .language { display: none } .header .m-language { display: block; } body.open .m-nav { left: 0px; } body.open .m-btn { display: none; } body.open .m-nav .m-btn { display: block; } } /*Banner*/ #home-ban { /* display: table; table-layout: fixed;*/ width: 100%; height: calc(857 / 1536 * 100vw); position: relative; overflow: hidden; clear: both; } #home-ban .bg { position: absolute; left: 0; top: 0; width: 100%; height: calc(857 / 1536 * 100vw); z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; } #home-ban .smallpic { position: relative; z-index: 4; height: calc(857 / 1536 * 100vw); font-size: 0 } #home-ban .Ispic { height: calc(857 / 1536 * 100vw); } #home-ban .home-ban-big, .home-ban-mid, .home-ban-small { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; padding: 0; } #home-ban .home-ban-big img, .home-ban-mid img, .home-ban-small img { margin: 0; padding: 0; } #home-ban .home-ban-big { height: calc(857 / 1536 * 100vw); width: calc(1429 / 1536 * 100vw); } #home-ban .home-ban-big img { height: calc(857 / 1536 * 100vw); width: calc(1429 / 1536 * 100vw); } #home-ban .home-ban-mid { height: calc(857 / 1536 * 100vw); width: calc((857 / 1536 * 100vw) / 752 * 834); } #home-ban .home-ban-mid img { height: calc(857 / 1536 * 100vw); width: calc((857 / 1536 * 100vw) / 752 * 834); } #home-ban .home-ban-small { margin: auto; height: calc(716 / 1536 * 100vw); width: calc(716 / 1536 * 100vw); } #home-ban .home-ban-small img { height: calc(716 / 1536 * 100vw); width: calc(716 / 1536 * 100vw); } #home-ban .home-ban-text-a, .home-ban-text-b, .home-ban-text-l { position: absolute; font-size: 44px; font-weight: bold; line-height: 1.5; color: #ffffff; text-align: center; word-wrap: break-word; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; padding: 0; z-index: 44; } #home-ban .w-line { display: block; margin: auto; padding: 0; width: 50px; height: 1px; font-size: 0; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #e60012; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #home-ban .home-ban-btn { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 54; } #home-ban .w-button { /*-block-*/ display: inline-block; /*-margin-*/ margin: 0; padding: 0; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; /*-border-radius-*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; cursor: pointer; outline: none; text-align: center; } #home-ban .w-button:hover { border-top-color: #003c83; border-right-color: #003c83; border-bottom-color: #003c83; border-left-color: #003c83; background: rgb(0, 60, 131); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16); -o-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16); } #home-ban .w-button-position { /*-block-*/ display: block; padding: 0 5px; } #home-ban .w-button .w-button-icon { /*-block-*/ display: inline-block; /*-margin-*/ margin-right: 3px; font-size: 14px; color: #ffffff; font-weight: 400; font-style: normal; vertical-align: top; } #home-ban .w-button:hover .w-button-icon { color: #ffffff; font-size: 14px; font-weight: bold; } #home-ban .w-button .w-button-icon.w-icon-hide { display: none; } #home-ban .w-button .w-button-text { /*-block-*/ display: inline-block; font-family: 'Noto Sans CJK'; font-size: 14px; color: #ffffff; font-weight: 400; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; } #home-ban .w-button:hover .w-button-text { color: #ffffff; font-size: 14px; font-weight: bold; font-style: normal; text-decoration: none; } @media (min-width: 1500px) { #home-ban .home-ban-text-a { top: 35%; } #home-ban .home-ban-text-b { color: #eeeeee; font-size: 20px; line-height: 1.75; top: 55%; } #home-ban .home-ban-text-l { top: 52.5%; } #home-ban .home-ban-btn { top: 65%; } } @media (min-width: 1100px) and (max-width: 1499px) { #home-ban .home-ban-text-a { font-size: 36px; top: 34.5%; } #home-ban .home-ban-text-b { color: #eeeeee; font-size: 18px; line-height: 1.75; top: 55%; } #home-ban .home-ban-text-l { top: 52.5%; } #home-ban .home-ban-btn { top: 65%; } } @media (min-width: 900px) and (max-width: 1099px) { #home-ban .home-ban-text-a { font-size: 32px; top: 33%; } #home-ban .home-ban-text-b { color: #eeeeee; font-size: 16px; line-height: 1.75; top: 55%; } #home-ban .home-ban-text-l { top: 52.5%; } #home-ban .home-ban-btn { top: 65%; } } @media (max-width: 899px) { #home-ban .home-ban-text-a { font-size: 28px; top: 28%; } #home-ban .home-ban-text-b { color: #eeeeee; font-size: 12px; line-height: 1.75; top: 55%; } #home-ban .home-ban-text-l { top: 52.5%; } #home-ban .home-ban-btn { top: 65%; } } /*公司简介*/ #home-company { display: table; table-layout: fixed; position: relative; width: 100%; background-color: #f3f3f3; clear: both; overflow: hidden; } #home-company .home-company-container { display: table; table-layout: fixed; margin-top: 49px; min-height: 952px; width: 100%; z-index: 1; /*background-color: rgb(248, 248, 248);;*/ } #home-company .home-company-container .home-company-container1 { display: table; table-layout: fixed; position: relative; min-height: 865px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 3px; background-color: rgb(243, 243, 243); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, #ffffff, #f3f3f3); background: -o-linear-gradient(top, #ffffff, #f3f3f3); background: -ms-linear-gradient(top, #ffffff, #f3f3f3); background: linear-gradient(top, #ffffff, #f3f3f3); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background-size: auto; background-size: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; max-width: 1200px; clear: both; } #home-company .home-company-inner { } #home-company .home-company-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 60px; right: 0px; z-index: 56; opacity: 1; color: #f5f8fe; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #home-company .home-company-title-zh { position: absolute; height: 43px; left: 0px; top: 84px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #home-company .home-company-profile { margin-top: 147px; min-height: 229px; width: 100%; padding-left: 40px; padding-right: 40px; z-index: 62; opacity: 1; } #home-company .home-company-picture { margin-top: 20px; max-height: 383px; width: 100%; padding-left: 41px; padding-right: 41px; z-index: 64; } #home-company .home-company-picture .w-image-box { text-align: center; border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; border-radius: 5px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-box-shadow: 0.000000px 0.000000px 0px transparent; -webkit-box-shadow: 0.000000px 0.000000px 0px transparent; -ms-box-shadow: 0.000000px 0.000000px 0px transparent; -o-box-shadow: 0.000000px 0.000000px 0px transparent; box-shadow: 0.000000px 0.000000px 0px transparent; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; } #home-company .home-company-picture .w-image-box img { max-height: 383px; border: 0; width: 100%; height: auto; display: block; /*object-fit: cover;*/ } #home-company .home-company-picture .w-image-box .imgCliped { width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } #home-company .home-company-btn { height: 44px; width: 160px; margin: 40px auto 40px auto; z-index: 55; opacity: 1; } #home-company .w-button { /*-block-*/ display: inline-block; /*-margin-*/ margin: 0; padding: 0; border-top: 0px none #3099dd; border-right: 0px none #3099dd; border-bottom: 0px none #3099dd; border-left: 0px none #3099dd; /*-border-radius-*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: rgb(0, 60, 131); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); cursor: pointer; outline: none; text-align: center; } #home-company .w-button:hover { border-top-color: #2188ca; border-right-color: #2188ca; border-bottom-color: #2188ca; border-left-color: #2188ca; background: rgb(230, 0, 18); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08); box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08); } #home-company .w-button-position { /*-block-*/ display: block; padding: 0 5px; } #home-company .w-button .w-button-icon { /*-block-*/ display: inline-block; /*-margin-*/ margin-right: 3px; font-size: 14px; color: #FFF; font-weight: 400; font-style: normal; vertical-align: top; } #home-company .w-button:hover .w-button-icon { color: #FFF; font-size: 14px; font-weight: 400; } #home-company .w-button .w-button-icon.w-icon-hide { display: none; } #home-company .w-button .w-button-text { /*-block-*/ display: inline-block; font-family: 'Noto Sans CJK'; font-size: 14px; color: #FFF; font-weight: 400; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; } #home-company .w-button:hover .w-button-text { color: #FFF; font-size: 14px; font-weight: 400; font-style: normal; text-decoration: none; } /*首页产品*/ #home-product { display: table; table-layout: fixed; position: relative; width: 100%; background-color: #ffffff; clear: both; overflow: hidden; } #home-product .no-data { margin-top: 10px; } #home-product .home-product-container { display: table; table-layout: fixed; position: relative; min-height: 600px; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; } #home-product .home-product-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 91px; right: 0px; z-index: 56; opacity: 1; color: #f5f8fe; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #home-product .home-product-title-zh { position: absolute; height: 43px; left: 0px; top: 123px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #home-product .home-product-desc { margin-top: 177px; width: 100%; z-index: 4; opacity: 1; text-align: center; font-size: 14px; color: #777777; word-wrap: break-word; } #home-product .home-product-all { margin-top: 32px; } #home-product .w-label { margin: 0; padding: 0; width: 100%; height: 100%; /* box shadow */ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } #home-product .w-label .w-label-tips { margin: 0; padding: 0; height: 34px; font-size: 0; position: relative; background-color: transparent; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; /* border */ border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: transparent; text-align: center; } #home-product .w-label .w-label-tips:after { content: ''; display: block; clear: both; zoom: 1; } /* global */ #home-product .w-label .w-label-tips .w-label-tips-item { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; margin-right: 0; position: relative; height: 34px; line-height: 34px; vertical-align: top; list-style: none; text-align: center; cursor: pointer; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; cursor: pointer; } #home-product .w-label .w-label-tips .w-label-tips-line { margin: 0; padding: 0; position: relative; width: 0px; height: 34px; display: inline-block; *display: inline; *zoom: 1; position: relative; font-size: 0; vertical-align: top; list-style: none; z-index: 2; } #home-product .w-label .w-label-tips .w-label-tips-line span { position: absolute; width: 100%; top: -0px; bottom: -0px; left: 0; border-top-width: 0px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; background-color: transparent; } #home-product .w-label .w-label-tips .w-label-tips-line-left, #home-product .w-label .w-label-tips .w-label-tips-line-right { position: absolute; z-index: 1; top: 0; } #home-product .w-label .w-label-tips .w-label-tips-line-left { left: 0; right: auto; width: 0px; } #home-product .w-label .w-label-tips .w-label-tips-line-left span { background-color: transparent; } #home-product .w-label .w-label-tips .w-label-tips-line-right { right: 0; left: auto; width: 0px; } #home-product .w-label .w-label-tips .w-label-tips-line-right span { background-color: transparent; } #home-product .w-label .w-label-tips .w-label-tips-item:first-child { left: 0; border-left: 0; } #home-product .w-label .w-label-tips .w-label-tips-item a { margin: 0; padding: 0 40px; position: relative; z-index: 10; height: 100%; display: inline-block; *display: inline; *zoom: 1; /* size */ line-height: 34px; background-repeat: no-repeat; background-position: 50% 50%; /* font */ font-family: 'Noto Sans CJK'; font-size: 16px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; } #home-product .w-label .w-label-tips .w-label-tips-item .mask { position: absolute; top: -0px; left: 0; right: 0; bottom: -0px; display: inline-block; *zoom: 1; z-index: 5; /* border */ border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: transparent; background-repeat: no-repeat; z-index: 3; } #home-product .w-label .w-label-content { margin: 0; padding: 0; position: relative; top: 0px; /* border */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: #f5f7fa; border-bottom-color: #f5f7fa; border-left-color: #f5f7fa; } #home-product .w-label .w-label-content .w-label-content-item { padding: 0; margin: 0; list-style: none; display: none; background-color: #FFF; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-product .w-label .w-label-tips .w-label-tips-item a:hover { color: #e60012; font-weight: 400; font-style: normal; text-decoration: none; } #home-product .w-label .w-label-tips .w-label-tips-item.current { margin: 0; padding: 0; list-style: none; text-align: center; z-index: 12; background-color: rgb(230, 0, 18); background-image: none !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background: -webkit-linear-gradient(none, none) !important; background: -moz-linear-gradient(none, none) !important; background: -ms-linear-gradient(none, none) !important; background: linear-gradient(none, none) !important; background-size: auto; } #home-product .w-label .w-label-tips .w-label-tips-line.current { z-index: 10; } #home-product .w-label .w-label-tips .w-label-tips-line.current span { display: inline-block; *display: inline; *zoom: 1; height: 100%; font-size: 0; border-top-color: transparent; border-bottom-color: #e4393c; background-color: transparent; } #home-product .w-label .w-label-tips .w-label-tips-item.current a { color: #fff; font-weight: 400; font-style: normal; text-decoration: none; border-right-color: transparent; } #home-product .w-label .w-label-tips .w-label-tips-item.current .mask { /* border */ border-top-color: transparent; border-bottom-color: #e4393c; border-left-color: transparent; z-index: 5; } #home-product .w-label .w-label-content .w-label-content-item.current { display: block; } #home-product .w-list { /*margin*/ margin: 45px 0px 0px 0px; padding: 0; overflow: hidden; } #home-product .w-list .w-list-ul { /* padding */ margin: 0; margin-left: -15px; padding: 0; } #home-product .w-list .w-list-ul .w-list-item { /* padding */ padding: 0; margin: 0; margin-left: 15px; margin-bottom: 15px; /* display */ display: inline-block; float: left; /* size */ width: 372px; min-width: 100px; overflow: hidden; /*-border-radius-*/ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: transparent; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); /* border */ border-top-width: 1px; border-top-color: #f5f5f5; border-top-style: solid; border-bottom-color: #f5f5f5; border-bottom-style: solid; border-bottom-width: 1px; border-right-width: 1px; border-right-color: #f5f5f5; border-right-style: solid; border-left-color: #f5f5f5; border-left-style: solid; border-left-width: 1px; list-style: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #home-product .w-list .w-list-ul .w-list-item .w-hide { display: none !important; } #home-product .w-list .w-list-ul .w-list-item:hover { /* border */ border-color: #003c83; background-color: transparent; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); } #home-product .w-list .w-list-ul .w-list-item .w-list-link { /*-size-*/ width: 100%; height: 100%; /*-block-*/ display: block; /*-radius-*/ border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; text-decoration: none; outline: none; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 372px; min-width: 100px; height: 372px; vertical-align: top; /*-overflow-*/ overflow: hidden; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic .w-listpic-in { /*size*/ width: 372px; min-width: 100px; height: 372px; object-fit: cover; /*-radius-*/ border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; /*border*/ border: none; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -o-transition: transform .3s linear; -ms-transition: transform .3s linear; transition: transform .3s linear; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic .w-listpic-in:hover { /*transform*/ -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; transform: scale(1.1) !important; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-bottom { /*padding*/ padding: 0 10px 10px 10px; margin: 0; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-title { /*padding*/ margin: 0; margin-top: 5px; padding: 0; /*size*/ line-height: 28px; height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /*font*/ font-size: 14px; color: #404040; text-align: center; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; transition: color 200ms linear; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-title:hover { /*font*/ color: #E43939; font-weight: normal; font-style: normal; text-decoration: underline; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-desc { /*size*/ height: 20px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /*font*/ font-size: 12px; color: #999; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-price { /*padding*/ margin: 0; padding: 0; /*size*/ height: 36px; line-height: 36px; /*font*/ font-size: 15px; color: #E43939; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; /*overflow*/ white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-btn { /*display*/ display: block; /*margin*/ margin: 0; margin-top: 5px; padding: 0 8px; /*size*/ height: 30px; line-height: 30px; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); /*border*/ border-width: 1px; border-color: #e23a2a; border-style: solid; /*-radius-*/ border-radius: 2px; font-size: 12px; color: #e23a2a; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; text-align: center; /*-overflow-*/ white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #home-product .w-list .w-list-ul .w-list-item .w-list-link .w-list-btn:hover { /*border*/ border-color: #E43939; background-color: #e23a2a; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); color: #fff; font-weight: normal; font-style: normal; text-decoration: none; } #home-services { display: table; table-layout: fixed; position: relative; min-height: 660px; width: 100%; margin-top: 20px; z-index: 0; background-color: transparent; background-image: url(../images/bg2.png); background-repeat: repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-attachment: scroll; background-size: cover; } #home-services .home-services-container { display: table; table-layout: fixed; position: relative; width: 100%; min-height: 660px; max-width: 1200px; margin: 0 auto; z-index: 1; } #home-services .w-columns-control { padding: 0 8px; position: absolute; background-color: #609ee9; width: 120px; height: 32px; line-height: 32px; font-size: 12px; color: #FFF; text-align: center; } #home-services .w-columns-control .w-control-text { width: 100%; float: left; display: inline-block; font-family: Tahoma; } #home-services .w-columns-control.w-control-top { top: -32px; left: 158px; border-radius: 4px 4px 0 0; } #home-services .w-columns-control.w-control-bottom { bottom: -32px; left: 158px; border-radius: 0 0 4px 4px; } #home-services .w-columns { height: 100%; width: 100%; overflow: hidden; margin: 0 auto; } .smartFixed #home-services .w-columns.fullScreen { width: 100% !important; } #home-services .w-columns .w-columns-inner { margin-left: -0px; height: 100%; min-height: 660px; } #home-services .w-columns .w-columns-inner .w-columns-item { margin: 0; padding: 0; list-style: none; height: 100%; min-height: 660px; float: left; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-interval { padding: 0 0 0 0px; margin: 0; height: 100%; min-height: 660px; } #home-services .w-columns .w-columns-inner .w-columns-item:first-child .w-columns-interval { margin-left: 0; } #home-services .w-columns .w-columns-inner .w-columns-item:last-child .w-columns-interval { margin-right: 0; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content { margin: 0; padding: 0; height: 100%; min-height: 660px; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-inner { padding: 0; margin: 0 auto; height: 100%; position: relative; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-img { position: absolute; width: 92px; left: 28px; top: 55px; z-index: 12; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-txt { position: absolute; height: 54px; width: 298px; left: 95px; top: 98px; z-index: 2; opacity: 1; line-height: 1.5; font-size: 36px; color: #003c83; font-family: Source Han Sans; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-desc { position: absolute; height: 154px; width: 567px; left: 97px; top: 171px; z-index: 3; opacity: 1; line-height: 2; font-size: 14px; color: #808080; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-qx { position: absolute; height: 251px; width: 445px; left: 103px; top: 344px; z-index: 7; opacity: 1; overflow: hidden !important; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-qx .w-image-box { text-align: center; border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff; border-radius: 1px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-qx .w-image-box img { border: 0; width: 100%; height: 100%; display: block; /*object-fit: cover;*/ } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-qx .w-image-box .imgCliped { width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-1 { position: absolute; height: 80px; width: 80px; left: 105px; top: 442px; z-index: 16; opacity: 1; color: #ffffff; line-height: 1.5; font-size: 16px; text-align: center; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-1 .w-container { border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-radius: 200px; background-color: rgb(120, 166, 240); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-1 .w-container div { margin: auto; margin-top: 15px; width: 100%; height: 52px; position: relative; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-1 .w-container:hover { cursor: pointer; transform: translateY(-3px); background-color: rgb(120, 166, 240); background-image: none; background-position: 0 0; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; border-top: 5px solid #78a6f0; border-bottom: 5px solid #78a6f0; border-right: 5px solid #78a6f0; border-left: 5px solid #78a6f0; /*-box-shadow-*/ -webkit-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -moz-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -ms-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); box-shadow: 0 2px 0 rgba(102, 102, 102, .1); transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-2 { position: absolute; height: 106px; width: 106px; left: 202px; top: 367px; z-index: 16; opacity: 1; color: #ffffff; line-height: 1.5; font-size: 18px; text-align: center; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-2 .w-container { border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-radius: 200px; background-color: rgb(120, 166, 240); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-2 .w-container div { margin: auto; margin-top: 34px; width: 100%; height: 44px; position: relative; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-2 .w-container:hover { cursor: pointer; transform: translateY(-3px); background-color: rgb(120, 166, 240); background-image: none; background-position: 0 0; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; border-top: 5px solid #78a6f0; border-bottom: 5px solid #78a6f0; border-right: 5px solid #78a6f0; border-left: 5px solid #78a6f0; /*-box-shadow-*/ -webkit-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -moz-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -ms-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); box-shadow: 0 2px 0 rgba(102, 102, 102, .1); transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-3 { position: absolute; height: 91px; width: 91px; left: 319px; top: 436px; z-index: 16; opacity: 1; color: #ffffff; line-height: 1.5; font-size: 16px; text-align: center; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-3 .w-container { border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-radius: 200px; background-color: rgb(120, 166, 240); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-3 .w-container div { margin: auto; margin-top: 29px; width: 100%; height: 33px; position: relative; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-3 .w-container:hover { cursor: pointer; transform: translateY(-3px); background-color: rgb(120, 166, 240); background-image: none; background-position: 0 0; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; border-top: 5px solid #78a6f0; border-bottom: 5px solid #78a6f0; border-right: 5px solid #78a6f0; border-left: 5px solid #78a6f0; /*-box-shadow-*/ -webkit-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -moz-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -ms-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); box-shadow: 0 2px 0 rgba(102, 102, 102, .1); transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-4 { position: absolute; height: 95px; width: 95px; left: 429px; top: 391px; z-index: 16; opacity: 1; color: #ffffff; line-height: 1.5; font-size: 16px; text-align: center; word-wrap: break-word; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-4 .w-container { border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-radius: 200px; background-color: rgb(120, 166, 240); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-4 .w-container div { margin: auto; margin-top: 34px; width: 100%; height: 45px; position: relative; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-4 .w-container:hover { cursor: pointer; transform: translateY(-3px); background-color: rgb(120, 166, 240); background-image: none; background-position: 0 0; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; border-top: 5px solid #78a6f0; border-bottom: 5px solid #78a6f0; border-right: 5px solid #78a6f0; border-left: 5px solid #78a6f0; /*-box-shadow-*/ -webkit-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -moz-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -ms-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); box-shadow: 0 2px 0 rgba(102, 102, 102, .1); transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-jt1 { position: absolute; height: 180px; width: 64px; left: 100px; top: 265px; z-index: 33; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-jt2 { position: absolute; height: 180px; width: 64px; left: 161px; top: 265px; z-index: 33; } #home-services .w-columns .w-columns-inner .w-columns-item .w-columns-content-services-reg { position: absolute; height: 116px; width: 250px; left: 25px; top: 98px; z-index: 33; line-height: 1.5; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 36px; text-align: center; word-wrap: break-word; } /*首页产品*/ #home-news { display: table; table-layout: fixed; position: relative; width: 100%; background-color: #ffffff; clear: both; overflow: hidden; } #home-news .home-news-container { display: table; table-layout: fixed; position: relative; min-height: 600px; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; } #home-news .home-news-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 91px; right: 0px; z-index: 56; opacity: 1; color: #f5f8fe; font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #home-news .home-news-title-zh { position: absolute; height: 43px; left: 0px; top: 123px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #home-news .home-news-desc { margin-top: 177px; z-index: 4; opacity: 1; font-size: 14px; color: #777777; word-wrap: break-word; overflow: hidden; clear: both; } #home-news .home-news-desc div { width: 542px; margin: 0 auto; overflow: hidden; clear: both; text-align: center; } #home-news .home-new-all { max-width: 1200px; min-height: 396px; margin: 32px auto; } #home-news .w-al { /*margin*/ margin: 0; padding: 0; overflow: hidden; } #home-news ul.w-al-list { /*margin*/ padding: 0; margin: 0; font-size: 0; margin-left: -10px; } #home-news ul.w-al-list li.w-al-unit { /*margin*/ padding: 0; width: 393px; min-width: 100px; margin: 0 0 10px 10px; overflow: hidden; display: inline-block; float: left; /*position*/ position: relative; list-style: none; cursor: pointer; } #home-news .w-hide { display: none !important; } #home-news ul.w-al-list li.w-al-unit a { width: 100%; display: block; text-decoration: none; text-align: center; } #home-news .w-al-unit .w-al-pic { width: 393px; min-width: 100px; height: 304px; line-height: 304px; padding: 0; vertical-align: top; clear: both; overflow: hidden; } #home-news .w-al-unit .w-al-pic { width: 393px; min-width: 100px; height: 304px; line-height: 304px; padding: 0; vertical-align: top; clear: both; overflow: hidden; } #home-news .w-al-unit .w-al-pic img { /*size*/ width: 393px; min-width: 100px; height: 304px; object-fit: cover; border: none; /*animation*/ -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; -ms-transition: transform .3s ease; transition: transform .3s ease; } #home-news .w-al-unit a:hover .w-al-pic img { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; } #home-news .w-al-unit a .w-al-text { position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; line-height: 34px; padding: 0 8px; background-color: rgba(0, 60, 131, 0.91); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); box-sizing: border-box; } #home-news .w-al-unit a:hover .w-al-text { background-color: rgba(0, 60, 131, 0.74); background-image: none; background-repeat: repeat; background-position: 100% 100%; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); } #home-news .w-al-unit a h5.w-al-title { margin: 0; padding: 0; font-size: 14px; color: #fff; text-align: center; font-weight: normal; font-style: normal; text-decoration: none; font-family: 'Noto Sans CJK'; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; } #home-news .w-al-unit a p.w-al-desc { margin: 0; max-height: 44px; font-size: 12px; color: #fff; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: 'Noto Sans CJK'; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #home-news .w-al-nodesc .w-al-desc { display: none !important; } #home-news .pager { margin-left: 10px; } #home-news .pager { margin-left: 10px; } #home-faq { display: table; table-layout: fixed; position: relative; width: 100%; background-color: #ffffff; clear: both; overflow: hidden; } #home-faq .home-faq-container { display: table; table-layout: fixed; position: relative; min-height: 600px; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; } #home-faq .home-faq-title { position: absolute; height: 46px; line-height: 1.75; height: 61px; width: 360px; left: 0px; top: 69px; right: 0px; margin: 0px auto; z-index: 2; opacity: 1; color: #003c83; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; word-wrap: break-word; text-align: center; } #home-faq .w-line { position: absolute; height: 20px; width: 41px; left: 0px; top: 136px; right: 0px; margin: 0px auto; z-index: 3; display: block; padding: 0; width: 41px; height: 1px; font-size: 0; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cccccc; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #home-faq .home-faq-all { display: flex; /*重要*/ justify-content: space-between; /*重要*/ flex-flow: row wrap; max-width: 1200px; min-height: 562px; margin: 190px auto 0 auto; } #home-faq .home-faq-all .home-faq-item { width: 45%; max-width: 550px; min-height: 210px; } #home-faq .home-faq-all .home-faq-item .home-faq-item-title { width: 100%; font-size: 20px; line-height: 1.5; font-family: Source Han Sans; word-wrap: break-word; color: #000000; } #home-bottom-nav { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(0, 60, 131); background-image: none; background-position: left top; background-repeat: repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; min-height: 338px; clear: both; overflow: hidden; } #home-bottom-nav .home-bottom-nav-container { display: table; table-layout: fixed; position: relative; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; } #home-bottom-nav .home-bottom-nav-container-left { float: left; display: table; table-layout: fixed; position: relative; width: 100%; max-width: 1039px; height: 100%; margin: 0; z-index: 1; } #home-bottom-nav * { box-sizing: content-box; } #home-bottom-nav .w-nav { margin: 42px 0 10px 0; padding: 0; /* border */ border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #home-bottom-nav .w-nav:after { content: ''; display: table; clear: both; zoom: 1 } #home-bottom-nav .w-nav .w-nav-inner { padding: 0; margin: 0; float: left; list-style: none; width: 25%; height: 47px; line-height: 47px; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-nav-item { padding: 0; margin: 0; position: relative; height: 100%; line-height: inherit; overflow: hidden; } #home-bottom-nav .w-nav .w-nav-inner:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #home-bottom-nav .w-nav .w-nav-inner:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } #home-bottom-nav .w-nav .w-nav-inner:first-child .w-nav-item .w-nav-item-line { display: none; } #home-bottom-nav .w-nav .w-nav-item .w-nav-item-link { margin: 0; padding: 0 15px; text-decoration: none; outline: none; display: block; height: 100%; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #home-bottom-nav .w-nav .w-nav-item .w-nav-item-link .w-link-txt { font-family: 'Noto Sans CJK'; font-size: 20px; } #home-bottom-nav .w-nav .w-nav-item .w-nav-item-link .mw-iconfont { font-size: 20px; } #home-bottom-nav .w-line { /*-block-*/ display: block; /*-margin-*/ margin: 0; margin-top: -0; padding: 0; /*-top-*/ top: 50%; /*-size-*/ width: 1045px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #home-bottom-nav .w-nav .w-subnav { margin: 0; padding: 0; position: relative; display: none; overflow: hidden; } #home-bottom-nav .w-nav .w-subnav.userWidth { width: 120px; } #home-bottom-nav .w-nav .w-subnav-item { margin: 0; padding: 0; list-style: none; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-subnav-item .w-subnav-link { margin: 0; padding: 0 15px; height: 100%; line-height: 70px; outline: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 70px; color: #666; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; } #home-bottom-nav .w-nav .w-subnav-item .w-subnav-link .mw-iconfont { font-size: 12px; } #home-bottom-nav .w-nav .w-subnav-item .w-subnav-link .w-link-txt { /* height */ font-family: Tahoma; } #home-bottom-nav .w-nav .w-nav-inner .w-nav-item-link.hover { margin-top: -47px; display: none; color: #ffffff; font-weight: 400; font-style: normal; text-decoration: none; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-nav-inner .w-nav-item:hover .w-nav-item-link { color: #ffffff; font-weight: 400; font-style: normal; text-decoration: none; } /* subnav-hover */ #home-bottom-nav .w-subnav .w-subnav-item:hover { background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-subnav-item:hover .w-subnav-link:hover { color: #14C187; font-weight: 400; font-style: normal; text-decoration: none; /*text-align: center;*/ } #home-bottom-nav .w-nav .w-nav-item.current { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-nav-item.current .w-nav-item-link { color: #ffffff; font-weight: 400; font-style: normal; text-decoration: none; /*text-align: center;*/ } #home-bottom-nav .w-nav .w-subnav-item.current { background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .w-nav .w-subnav-item.current .w-subnav-link { color: #fff; font-weight: 400; font-style: normal; text-decoration: none; /*text-align: center;*/ } #home-bottom-nav .sub-menu-container { width: 100%; } #home-bottom-nav .sub-menu-container .sub-menu-flex { width: 25%; float: left; } #home-bottom-nav .sub-menu-container .w-nav { margin: 0; padding: 0; /* size */ width: 89px; height: 170px; /* border */ border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #home-bottom-nav .sub-menu-container .w-nav:after { content: ''; display: table; clear: both; zoom: 1 } #home-bottom-nav .sub-menu-container .w-nav .w-nav-inner { padding: 0; margin: 0; list-style: none; width: 100%; height: 25%; line-height: 170 px-inner; position: relative; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item { padding: 0; margin: 0; position: relative; height: 100%; overflow: hidden; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-inner:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-inner:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item .w-nav-item-link { margin: 0; padding: 0 10px; text-decoration: none; outline: none; display: block; height: 100%; color: #ffffff; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item .w-nav-item-link .w-link-txt { font-family: 'Noto Sans CJK'; font-size: 14px; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item .w-nav-item-link .mw-iconfont { font-size: 14px; } #home-bottom-nav .sub-menu-container .w-nav .w-aubnav-item { margin: 0; padding: 0; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav { margin: 0; padding: 0; position: absolute; left: 89px; top: 0; width: 100%; width: 100%; display: none; overflow: hidden; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav.userWidth .w-link-txt { width: 100%; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item { margin: 0; padding: 0; list-style: none; display: block; background-color: #13B27D; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item .w-subnav-link { margin: 0; padding: 0 15px; outline: none; display: block; color: #fff; height: 100%; line-height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item .w-subnav-link .mw-iconfont { font-size: 12px; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item .w-subnav-link .w-link-txt { font-family: Tahoma; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-inner:hover { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item:hover .w-nav-item-link:hover { color: #fff; font-weight: 400; font-style: normal; text-decoration: underline; } /* subnav-hover */ #home-bottom-nav .sub-menu-container .w-subnav .w-subnav-item:hover { background-color: #1ca97a; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item:hover .w-subnav-link:hover { color: #fff; font-weight: 400; font-style: normal; text-decoration: none; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item.current { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-nav-item.current .w-nav-item-link { color: #fff; font-weight: 400; font-style: normal; text-decoration: none; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item.current { background-color: #1ca97a; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #home-bottom-nav .sub-menu-container .w-nav .w-subnav-item.current .w-subnav-link { color: #fff; font-weight: 400; font-style: normal; text-decoration: none; } #home-bottom-nav .sub-menu-container .w-company-info { line-height: 20px; text-align: left; } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item a { display: block; padding-left: 18px; margin-top: 10px; color: #f3f3f3; font-size: 14px; margin-left: 5px; font-family: 'Noto Sans CJK'; } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item:first-child { margin-top: 0; } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item .company-info-icon { position: relative; left: -5px; margin-left: -18px; display: inline-block; *display: inline; *zoom: 1; width: 18px; vertical-align: top; } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item .company-info-icon.mw-icon-hide { display: none } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item .ltd-icon { color: #d7d7d7; font-size: 18px; } #home-bottom-nav .sub-menu-container .w-company-info .company-info-item .company-info-icon.mw-icon-hide { display: none } #home-bottom-nav .home-bottom-nav-container-right { float: left; display: table; table-layout: fixed; position: relative; width: 100%; max-width: 161px; height: 100%; margin: 0; z-index: 1; } #home-bottom-nav .home-bottom-nav-container-right .w-image-box { margin-right: auto; margin-left: auto; margin-top: 62px; text-align: center; border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff; border-radius: 1px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; filter: alpha(opacity=100); -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; } #home-bottom-nav .home-bottom-nav-container-right .w-image-box img { border: 0; width: 100%; height: 100%; display: block; /*object-fit: cover;*/ } #home-bottom-nav .home-bottom-nav-container-right .w-image-box .imgCliped { width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } #home-bottom-nav .home-bottom-nav-container-right .w-image-title { width: 100%; margin-top: 10px; font-family: Source Han Sans, Geneva, sans-serif; font-size: 14px; line-height: 1.2; color: #ffffff; text-align: center; word-wrap: break-word; } .home-botom-copyright{ width: 100%; margin: 0 auto; text-align: center; height: 37px; line-height: 37px; } /*关于澳门新葡萄新京6663*/ #aboutus-banner { position: relative; width: 100%; height: calc(437 / 1728 * 100vw); background-color: transparent; background-image: url(../images/aboutus.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; } #aboutus-nav { width: 100%; max-width: 1200px; margin: 0 auto; } #aboutus-nav .aboutus-nav-container { height: 71px; width: 371px; z-index: 30; float: left; } #aboutus-nav .w-nav { margin: 0; padding: 0; position: relative; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #aboutus-nav .w-nav:after { content: ''; display: table; clear: both; zoom: 1 } #aboutus-nav .w-nav .w-nav-inner { padding: 0; margin: 0; float: left; list-style: none; width: 33.3333333333%; height: 71px; line-height: 71px; position: relative; z-index: 2; } #aboutus-nav .w-nav .w-nav-item { padding: 0 15px; margin: 0; position: relative; height: 100%; line-height: inherit; } #aboutus-nav .w-nav .w-nav-item .w-nav-item-link { margin: 0; padding: 0; text-decoration: none; outline: none; display: block; height: 100%; color: #4A4A4A; font-weight: 400; font-style: normal; text-decoration: none; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #aboutus-nav .w-nav .w-nav-item .w-nav-item-link .w-link-txt { font-family: 'Noto Sans CJK'; font-size: 16px; } #aboutus-nav .w-nav .w-nav-item .w-nav-item-link .mw-iconfont { font-size: 16px; } #aboutus-nav .w-nav .w-nav-inner:hover .w-nav-item-link { color: #e60012; font-weight: 400; font-style: normal; text-decoration: none; } #aboutus-nav .w-nav .w-nav-item.current { overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #aboutus-nav .w-nav .sliding-box:first-child + .w-nav-inner .w-nav-item.current { border-top-left-radius: 0; border-bottom-left-radius: 0; } #aboutus-nav .w-nav .w-nav-inner:last-child .w-nav-item.current { border-top-right-radius: 0; border-bottom-right-radius: 0; } #aboutus-nav .w-nav .w-nav-item.current .w-nav-item-link { color: #e60012; font-weight: 400; font-style: normal; text-decoration: none; } #aboutus-nav .sliding-box { padding: 0; margin: 0; list-style: none; width: 371px; height: 71px; overflow: hidden; position: absolute; top: -0; left: 0; border-radius: 0; z-index: -0; /* border */ border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } #aboutus-nav .sliding { display: none; position: absolute; z-index: 1; width: 33.333333333%; left: 0; bottom: 0; height: 3px; background-color: rgb(230, 0, 18); background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #aboutus-nav .w-nav .w-nav-item .sliding { width: 100% !important; } #aboutus-nav .w-nav .w-nav-item.current .sliding { display: block; } #aboutus-nav .w-nav .w-nav-inner:hover .sliding { display: block; } #aboutus { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(248, 248, 248); clear: both; overflow: hidden; } #aboutus .aboutus-container { display: table; table-layout: fixed; min-height: 500px; width: 100%; z-index: 1; background-color: rgb(248, 248, 248); } #aboutus .aboutus-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #aboutus .aboutus-inner { } #aboutus .aboutus-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 60px; right: 0px; z-index: 56; opacity: 1; color: rgb(238, 238, 238); font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #aboutus .aboutus-title-zh { position: absolute; height: 43px; left: 0px; top: 84px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #aboutus .aboutus-profile { margin-top: 160px; } #aboutus .aboutus-culture { margin-top: 160px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; } #aboutus .aboutus-culture .aboutus-culture-all { height: 183px; margin-top: 110px; margin-left: 20px; margin-right: 20px; width: 100%; position: relative; display: table; table-layout: fixed; } #aboutus .aboutus-culture .w-container { float: left; } #aboutus .aboutus-culture .w-container:not(:first-child) { margin-left: 7px; } #aboutus .aboutus-culture .w-container { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-right: 1px none #eee; border-top: 1px none #eee; border-bottom: 1px none #eee; border-left: 1px none #eee; border-radius: 5px; background-color: rgba(0, 60, 131, 0.8); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; height: 183px; width: 284px; float: left; } #aboutus .aboutus-culture .w-container:hover { cursor: pointer; transform: translateY(-3px); background-color: transparent; background-image: url(../images/aboutus.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; border-top: 1px none #eee; border-bottom: 1px none #eee; border-right: 1px none #eee; border-left: 1px none #eee; /*-box-shadow-*/ -webkit-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -moz-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); -ms-box-shadow: 0 2px 0 rgba(102, 102, 102, .1); box-shadow: 0 2px 0 rgba(102, 102, 102, .1); transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s; } #aboutus .aboutus-culture .aboutus-culture-txt { height: 103px; width: 255px; margin-left: auto; margin-right: auto; margin-top: 41px; z-index: 62; } #aboutus .aboutus-vision { margin-top: 160px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #aboutus .aboutus-vision-main { margin: 0 auto; width: 1100px; } #aboutus .aboutus-vision-left { margin-top: 40px; height: 299px; width: 446px; float: left; } #aboutus .aboutus-vision-right { float: left; margin-top: 40px; margin-bottom: 40px; height: 413px; width: 596px; margin-left: 58px; background-color: transparent; background-image: url(../images/visionmission.jpg); background-repeat: no-repeat; background-position: 50% 50% } /*产品解决方案*/ #products-banner { position: relative; width: 100%; height: calc(437 / 1728 * 100vw); background-color: transparent; background-image: url(../images/product.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; } #products { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(248, 248, 248); clear: both; overflow: hidden; } #products .products-container { display: table; table-layout: fixed; min-height: 500px; width: 100%; z-index: 1; background-color: rgb(248, 248, 248); } #products .products-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #products .products-inner { } #products .products-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 60px; right: 0px; z-index: 56; opacity: 1; color: rgb(238, 238, 238); font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #products .products-title-zh { position: absolute; height: 43px; left: 0px; top: 84px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #products .w-crumbs { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 100%; height: auto; line-height: 34px; text-align: left; font-size: 16px; color: #003c83; font-weight: normal; font-style: normal; text-decoration: none; word-wrap: break-word; word-break: break-all; } #products .w-crumbs .w-crumbs-item { /*-padding-*/ padding: 0; margin: 0; /*-display-*/ display: inline-block; font-family: 'Noto Sans CJK'; font-size: 16px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; word-wrap: break-word; word-break: break-all; outline: none; } #products .w-crumbs .w-crumbs-item:hover { color: #003c83; font-weight: normal; font-style: normal; text-decoration: none; } #products .w-crumbs .w-arrowicon { /*-padding-*/ padding: 0; margin: 0 3px; /*-display-*/ display: inline; font-size: 16px; color: #666; } #products .w-crumbs .w-arrowicon.w-icon-hide { display: none; } #products .products-vision { margin-top: 160px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #products .products-vision-main { margin: 20px auto; width: 1150px; } #products .products-vision-detail { margin-top: 40px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #products .w-list { /*margin*/ margin: 0; padding: 0; overflow: hidden; } #products .w-list .w-list-ul { /* padding */ margin: 0; /*margin-left: -15px;*/ padding: 0; } #products .w-list .w-list-ul .w-list-item { /* padding */ padding: 0; margin: 0; margin-left: 15px; margin-bottom: 15px; /* display */ display: inline-block; float: left; /* size */ width: 266px; min-width: 100px; overflow: hidden; /*-border-radius-*/ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #fff; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); /* border */ border-top-width: 1px; border-top-color: #f5f5f5; border-top-style: solid; border-bottom-color: #f5f5f5; border-bottom-style: solid; border-bottom-width: 1px; border-right-width: 1px; border-right-color: #f5f5f5; border-right-style: solid; border-left-color: #f5f5f5; border-left-style: solid; border-left-width: 1px; list-style: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #products .w-list .w-list-ul .w-list-item .w-hide { display: none !important; } #products .w-list .w-list-ul .w-list-item:hover { /* border */ border-color: #0b5394; background-color: #fff; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); } #products .w-list .w-list-ul .w-list-item .w-list-link { /*-size-*/ width: 100%; height: 100%; /*-block-*/ display: block; /*-radius-*/ border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; text-decoration: none; outline: none; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 266px; min-width: 100px; height: 266px; vertical-align: top; /*-overflow-*/ overflow: hidden; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic .w-listpic-in { /*size*/ width: 266px; min-width: 100px; height: 266px; object-fit: cover; /*-radius-*/ border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; /*border*/ border: none; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -o-transition: transform .3s linear; -ms-transition: transform .3s linear; transition: transform .3s linear; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-pic .w-listpic-in:hover { /*transform*/ -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; transform: scale(1.1) !important; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-bottom { /*padding*/ padding: 0 10px 10px 10px; margin: 0; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-title { /*padding*/ margin: 0; margin-top: 5px; padding: 0; /*size*/ line-height: 28px; height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /*font*/ font-size: 14px; color: #404040; text-align: center; font-weight: normal; font-style: normal; text-decoration: none; font-family: 'Noto Sans CJK'; transition: color 200ms linear; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-title:hover { /*font*/ color: #e60012; font-weight: normal; font-style: normal; text-decoration: underline; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-desc { /*size*/ height: 20px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /*font*/ font-size: 12px; color: #999; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; word-break: break-all; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-price { /*padding*/ margin: 0; padding: 0; /*size*/ height: 36px; line-height: 36px; /*font*/ font-size: 15px; color: #E43939; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; /*overflow*/ white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-btn { /*display*/ display: block; /*margin*/ margin: 0; margin-top: 5px; padding: 0 8px; /*size*/ height: 30px; line-height: 30px; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); /*border*/ border-width: 1px; border-color: #e23a2a; border-style: solid; /*-radius-*/ border-radius: 2px; font-size: 12px; color: #e23a2a; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; text-align: center; /*-overflow-*/ white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #products .w-list .w-list-ul .w-list-item .w-list-link .w-list-btn:hover { /*border*/ border-color: #E43939; background-color: #e23a2a; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); color: #fff; font-weight: normal; font-style: normal; text-decoration: none; } #products .products-page-container { float: left; width: 100%; margin-bottom: 30px; } #products .products-vision-left { float: left; position: relative; min-height: 253px; width: 509px; margin-left: 40px; margin-top: 92px; z-index: 69; } #products .products-vision-right { float: right; position: relative; min-height: 253px; width: 500px; z-index: 69; } #products .products-vision-right .products-vision-title { padding: 0; margin: 0; width: 100%; height: auto; font-family: 'Noto Sans CJK'; color: #404040; font-size: 20px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 34px; word-wrap: break-word; word-break: normal; } #products .products-vision-right .products-vision-content { padding: 0; margin: 30px 0 0 0; width: 100%; height: auto; font-family: Tahoma; color: #404040; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; } #products .products-vision-right .products-vision-page { height: 26px; width: 100%; } #products .products-vision-right .products-vision-page .w-previous { /*-padding-*/padding: 0; margin: 0; /*-size-*/width: 100%; height: auto; /*-display-*/display: block; /*-font-*/font-family: 'Noto Sans CJK'; font-size: 12px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; outline: none; /*-transition-*/-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #products .products-vision-right .products-vision-page .w-previous .w-arrowicon { /*-padding-*/padding:0; margin:0 5px 0 0; /*-display-*/display:inline-block; /*-font-*/font-size:12px; vertical-align:middle; line-height:24px; } #products .products-vision-right .products-vision-page .w-previous .w-previous-left { /*-display-*/display:inline; } #products .products-vision-right .products-vision-page .w-previous .w-previous-title { /*-padding-*/padding:0; margin:0; /*-display-*/display:inline; } #products .products-vision-right .products-vision-page .w-previous:hover { /*-font-*/color:#003c83; font-weight:normal; font-style:normal; text-decoration:none; } #products .products-vision-right .products-vision-page .w-previous .w-hide { display:none; } #products .products-vision-right .products-vision-page .w-next { /*-padding-*/padding: 0; margin: 0; /*-display-*/width: 100%; height: auto; display: block; /*-font-*/font-family: 'Noto Sans CJK'; font-size: 12px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; outline: none; /*-transition-*/-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #products .products-vision-right .products-vision-page .w-next .w-arrowicon { /*-padding-*/padding:0; margin:0 5px 0 0; /*-display-*/display:inline-block; /*-font-*/font-size:12px; vertical-align:middle; line-height:24px; } #products .products-vision-right .products-vision-page .w-next .w-next-left { /*-display-*/display:inline-block; } #products .products-vision-right .products-vision-page .w-next .w-next-title { /*-padding-*/padding:0; margin:0; /*-display-*/display:inline; } #products .products-vision-right .products-vision-page .w-next:hover { /*-font-*/color:#003c83; font-weight:normal; font-style:normal; text-decoration:none; } #products .products-vision-right .products-vision-page .w-next .w-hide { display:none; } #news { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(248, 248, 248); clear: both; overflow: hidden; } #news .news-container { display: table; table-layout: fixed; min-height: 500px; width: 100%; z-index: 1; background-color: rgb(248, 248, 248); } #news .news-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #news .news-inner { } #news .news-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 60px; right: 0px; z-index: 56; opacity: 1; color: rgb(238, 238, 238); font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #news .news-title-zh { position: absolute; height: 43px; left: 0px; top: 84px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #news .news-vision { margin-top: 160px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #news .news-vision-detail { margin-top: 40px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #news .news-vision-container { width: 1140px; margin: 0 auto; } #news .news-vision-top { width: 100%; float: left; margin: 30px; } #news .news-vision-top .news-vision-top-left { float: left; display: block; top: 0px; left: 0px; width: 585px; height: 261px; position: relative; z-index: 1; } #news .news-vision-top .news-vision-top-right { float: right; display: block; top: 0px; left: 0px; width: 525px; height: 261px; position: relative; z-index: 1; overflow: hidden; padding-right: 20px; } #news .news-vision-top .news-vision-top-right .news-vision-top-marquee { width: 100%; height: 261px; } #news .news-vision-top .news-vision-top-right .news-vision-top-item { float: left; display: block; width: 100%; } #news .news-vision-top .news-vision-top-right .news-vision-top-date { float: right; margin-left: 8px; color: #999; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal; text-decoration: none; } #news .news-vision-top .news-vision-top-right .news-vision-top-title { display: block; font-size: 14px; color: #333; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; font-family: Tahoma; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 0 5px; margin-left: 14px !important; } #news .news-vision-main { width: 100%; float: left; margin: 30px; } #news .news-vision-main .w-list { width: 100%; /*margin*/ margin: 0; padding: 0; overflow: hidden; } #news .news-vision-main .w-list .w-list-ul { /*margin*/ padding: 0; margin: 0; /*style*/ list-style: none; } #news .news-vision-main .w-list .w-list-ul .w-list-item { /*margin*/ padding: 0; margin: 0; padding-bottom: 15px; margin-bottom: 15px; /*position*/ position: relative; /*size*/ min-height: 105px; /*border*/ border-bottom-color: #ddd; border-bottom-width: 1px; border-bottom-style: dotted; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-hide { display: none !important; } #news .news-vision-main .w-list .w-list-ul .w-list-item.w-list-nopic { /*size*/ min-height: 0; } #news .news-vision-main .w-list .w-list-ul .w-list-item.w-list-nopic .w-list-r { /*margin*/ padding-left: 0; } #news .news-vision-main .w-list .w-list-ul .w-list-item.w-list-nopic .w-list-r .w-list-r-in { /*margin*/ padding-left: 0; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-title { /*margin*/ padding: 0; margin: 0; /*size*/ width: 100%; /*font*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-title .w-list-titlelink { /*-size-*/ line-height: 24px; /*display*/ display: block; font-family: 'Noto Sans CJK'; font-size: 14px; font-style: normal; font-weight: normal; color: #404040; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-title .w-list-titlelink:hover { font-style: normal; font-weight: bold; color: #003c83; text-decoration: underline; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-pic { /*margin*/ padding: 0; margin: 0; margin-right: 10px; /*size*/ width: 163px; height: 105px; /*position*/ position: absolute; top: 0; left: 0; /*overflow*/ overflow: hidden; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-pic .w-list-piclink { display: block; /*size*/ width: 163px; height: 105px; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-pic .w-list-piclink .w-listpic-in { /*size*/ width: 163px; height: 105px; /*border*/ border: none; object-fit: cover; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -o-transition: transform .3s linear; -ms-transition: transform .3s linear; transition: transform .3s linear; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-pic .w-list-piclink .w-listpic-in:hover { /*animation*/ -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; transform: scale(1.1) !important; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-r { /*padding*/ padding-left: 163px; } #news .news-vision-main .w-list .w-list-ul.w-list-imgno .w-list-pic { display: none !important; } #news .news-vision-main .w-list .w-list-ul.w-list-imgno .w-list-item .w-list-r { /*padding*/ padding-left: 0 !important; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-r .w-list-r-in { /*padding*/ padding-left: 12px; } #news .news-vision-main .w-list .w-list-ul.w-list-imgno .w-list-item .w-list-r .w-list-r-in { /*padding*/ padding-left: 0 !important; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-desc { /*margin*/ padding: 0; margin: 0; margin-top: 5px; /*size*/ line-height: 18px; font-family: 'Noto Sans CJK'; font-size: 12px; font-style: normal; font-weight: normal; color: #999; text-decoration: none; /*-display-*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-bottom { /*margin*/ padding: 0; margin: 0; margin-top: 5px; /*size*/ height: 20px; line-height: 20px; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-bottom .w-list-date { /*margin*/ padding: 0; margin: 0; /*display*/ display: inline-block; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; color: #BBB; text-decoration: none; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-bottom .w-list-viewnum { /*float*/ float: right; /*font*/ font-family: Tahoma; font-size: 12px; color: #BBB; } #news .news-vision-main .w-list .w-list-ul .w-list-item .w-list-bottom .w-list-viewnum .w-list-viewicon { /*font*/ font-size: 12px; color: #BBB; padding-right: 3px; } #news .news-page-container { float: left; width: 100%; margin-bottom: 30px; } #news .w-container { margin-top: 40px; } #news .w-container div { position: relative; } #news .w-title { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 100%; height: auto; font-family: 'Noto Sans CJK'; color: #404040; font-size: 24px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; line-height: 34px; word-wrap: break-word; word-break: normal; } #news .w-container-1 { min-height: 80px; margin-top: 20px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: rgba(237, 242, 245, 0.45); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #news .w-container-1 div { position: relative; } #news .w-container-1 .w-info { float: left; /*-padding-*/ padding: 0; margin: 20px 20px; /*-size-*/ width: 100%; height: auto; font-family: 'Noto Sans CJK'; color: #666; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; } #news .w-createtime { /*-padding-*/ padding: 0; margin-top: 20px; /*-size-*/ width: 100%; height: auto; font-family: 'Microsoft YaHei'; color: #999; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; word-wrap: break-word; word-break: normal; } #news .w-createtime .w-createtime-item { /*-padding-*/ padding: 0; margin: 0; } #news .w-line { margin-top: 20px; /*-block-*/ display: block; padding: 0; /*-top-*/ top: 50%; /*-size-*/ width: 1140px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #news .w-detail { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 100%; height: auto; font-family: 'Microsoft YaHei'; color: #404040; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; } #news .w-detail img { max-width: 100% !important; height: auto !important; } #news .w-detailcontent { margin-top: 20px; text-align: center; } #news .news-vision-page { height: 26px; width: 100%; } #news .news-vision-page .w-previous { /*-padding-*/padding: 0; margin: 0; /*-size-*/width: 100%; height: auto; /*-display-*/display: block; /*-font-*/font-family: 'Noto Sans CJK'; font-size: 12px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; outline: none; /*-transition-*/-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #news .news-vision-page .w-previous .w-arrowicon { /*-padding-*/padding:0; margin:0 5px 0 0; /*-display-*/display:inline-block; /*-font-*/font-size:12px; vertical-align:middle; line-height:24px; } #news .news-vision-page .w-previous .w-previous-left { /*-display-*/display:inline; } #news .news-vision-page .w-previous .w-previous-title { /*-padding-*/padding:0; margin:0; /*-display-*/display:inline; } #news .news-vision-page .w-previous:hover { /*-font-*/color:#003c83; font-weight:normal; font-style:normal; text-decoration:none; } #news .news-vision-page .w-previous .w-hide { display:none; } #news .news-vision-page .w-next { /*-padding-*/padding: 0; margin: 0; /*-display-*/width: 100%; height: auto; display: block; /*-font-*/font-family: 'Noto Sans CJK'; font-size: 12px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height: 24px; word-wrap: break-word; word-break: normal; outline: none; /*-transition-*/-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #news .news-vision-page .w-next .w-arrowicon { /*-padding-*/padding:0; margin:0 5px 0 0; /*-display-*/display:inline-block; /*-font-*/font-size:12px; vertical-align:middle; line-height:24px; } #news .news-vision-page .w-next .w-next-left { /*-display-*/display:inline-block; } #news .news-vision-page .w-next .w-next-title { /*-padding-*/padding:0; margin:0; /*-display-*/display:inline; } #news .news-vision-page .w-next:hover { /*-font-*/color:#003c83; font-weight:normal; font-style:normal; text-decoration:none; } #news .news-vision-page .w-next .w-hide { display:none; } #ourservices { width: 100%; } #ourservices .ourservices-1 { width: 100%; max-width: 1200px; margin: 0 auto; } #ourservices .ourservices-1 .ourservices-1-left { position: relative; width: 44%; float: left; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-txt1 { margin-top: 176px; margin-left: 35px; height: 160px; width: 381px; z-index: 100003; opacity: 1; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-txt1 p { margin: 0; padding: 0; line-height: 12px; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-line { height: 20px; width: 404px; margin-left: 35px; margin-top: 15px; z-index: 16; opacity: 1; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-line .w-line { display: block; margin: 0; margin-top: 0px; margin-top: -0; padding: 0; top: 50%; width: 404px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-txt2 { /* margin-top: 176px; margin-left: 35px;*/ position: absolute; height: 47px; width: 437px; left: 35px; top: 373px; z-index: 3; opacity: 1; } #ourservices .ourservices-1 .ourservices-1-left .ourservices-1-left-txt2 p { margin: 0; padding: 0; line-height: 12px; } #ourservices .ourservices-1 .ourservices-1-right { width: 55%; float: right; } #ourservices .ourservices-2 { margin: 0; padding: 0; margin-top: 40px; width: 100%; float: left; height: 700px; background: url("../images/servicebg2.png") no-repeat 50% 50%; background-size: cover; } #ourservices .ourservices-2 .ourservices-2-container { width: 100%; max-width: 1200px; height: 700px; position: relative; margin: 0 auto; line-height: 12px; } #ourservices .ourservices-2 .ourservices-2-line-1 { position: absolute; height: 20px; width: 400px; left: 791px; top: 139px; z-index: 19; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-line-1 .w-line { display: block; margin: 0; width: 400px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-2 .ourservices-2-line-2 { position: absolute; height: 400px; width: 20px; left: 1143px; top: 89px; z-index: 19; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-line-2 .w-line { display: block; margin: 0; padding: 0; width: 1px; height: 400px; font-size: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #ffffff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-2 .ourservices-2-content-container { position: absolute; height: 353px; width: 450px; left: 640px; top: 200px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: rgba(255, 255, 255, 0.9); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-2 .ourservices-2-content-container-1 { position: relative; height: 353px; width: 450px; margin: 0; padding: 0; float: left; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-txt-1 { position: relative; height: 26px; width: 178px; margin-left: 47px; margin-top: 58px; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-txt-2 { height: 84px; width: 356px; margin-left: 47px; margin-top: 5px; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-txt-3 { height: 55px; width: 296px; margin-left: 48px; margin-top: 16px; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-btn { height: 48px; width: 190px; margin-left: 48px; margin-top: 10px; opacity: 1; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-line { height: 48px; width: 10px; opacity: 1; float: left; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-line .w-line { display: block; margin: 0; padding: 0; width: 1px; height: 48px; font-size: 0; border-left-width: 4px; border-left-style: solid; border-left-color: #ff9900; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-2 .ourservices-2-content-container .ourservices-2-content-btn-1 { height: 48px; width: 160px; margin-left: 10px; opacity: 1; float: left; } #ourservices .ourservices-2 .ourservices-2-content-container .w-button { display: inline-block; margin: 0; padding: 0; border-top: 0px none #ff9900; border-right: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0px solid #ff9900; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: rgb(0, 0, 0); background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); cursor: pointer; outline: none; text-align: center; width: 160px; height: 48px; line-height: 48px; } #ourservices .ourservices-2 .ourservices-2-content-container .w-button .w-button-text { display: inline-block; font-family: 'Noto Sans CJK'; font-size: 12px; color: #FFF; font-weight: 400; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; } #ourservices .ourservices-2 .ourservices-2-content-container .w-button:hover .w-button-text { color: #FFF; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; } #ourservices .ourservices-3 { margin: 0; padding: 0; margin-top: 40px; width: 100%; float: left; height: 700px; background: url("../images/servicebg3.png") no-repeat 50% 50%; background-size: cover; } #ourservices .ourservices-3 .ourservices-3-container { width: 100%; max-width: 1200px; height: 700px; position: relative; margin: 0 auto; line-height: 12px; } #ourservices .ourservices-3 .ourservices-3-line-1 { position: absolute; height: 20px; width: 400px; left: 2px; top: 138px; z-index: 19; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-line-1 .w-line { display: block; margin: 0; width: 400px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-3 .ourservices-3-line-2 { position: absolute; height: 400px; width: 20px; left: 59px; top: 87px; z-index: 19; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-line-2 .w-line { display: block; margin: 0; padding: 0; width: 1px; height: 400px; font-size: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #444444; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-3 .ourservices-3-content-container { position: absolute; height: 353px; width: 450px; left: 110px; top: 200px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: rgba(255, 255, 255, 0.9); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-3 .ourservices-3-content-container-1 { position: relative; height: 353px; width: 450px; margin: 0; padding: 0; float: left; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-txt-1 { position: relative; height: 26px; width: 178px; margin-left: 47px; margin-top: 58px; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-txt-3 { height: 84px; width: 356px; margin-left: 47px; margin-top: 5px; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-txt-3 { height: 55px; width: 296px; margin-left: 48px; margin-top: 16px; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-btn { height: 48px; width: 190px; margin-left: 48px; margin-top: 10px; opacity: 1; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-line { height: 48px; width: 10px; opacity: 1; float: left; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-line .w-line { display: block; margin: 0; padding: 0; width: 1px; height: 48px; font-size: 0; border-left-width: 4px; border-left-style: solid; border-left-color: #ff9900; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #ourservices .ourservices-3 .ourservices-3-content-container .ourservices-3-content-btn-1 { height: 48px; width: 160px; margin-left: 10px; opacity: 1; float: left; } #ourservices .ourservices-3 .ourservices-3-content-container .w-button { display: inline-block; margin: 0; padding: 0; border-top: 0px none #ff9900; border-right: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0px solid #ff9900; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: rgb(0, 0, 0); background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); cursor: pointer; outline: none; text-align: center; width: 160px; height: 48px; line-height: 48px; } #ourservices .ourservices-3 .ourservices-3-content-container .w-button .w-button-text { display: inline-block; font-family: 'Noto Sans CJK'; font-size: 12px; color: #FFF; font-weight: 400; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; } #ourservices .ourservices-3 .ourservices-3-content-container .w-button:hover .w-button-text { color: #FFF; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; } #ourservices .ourservices-4 { float: left; margin: 0; padding: 0; width: 100%; height: 150px; background-image: url(../images/servicebg4.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; background-size: cover; opacity: 1; transition: all, .3s; } #ourservices .ourservices-4 .ourservices-4-container { width: 100%; max-width: 1200px; height: 150px; position: relative; margin: 0 auto; line-height: 12px; } #ourservices .ourservices-4 .ourservices-4-container .ourservices-4-txt { float: left; height: 105px; width: 475px; margin-left: 13px; margin-top: 34px; } #commer .commer-1 { width: 100%; max-width: 1200px; margin: 0 auto; } #commer .commer-1 .commer-1-title { font-family: Source Han Sans, Geneva, sans-serif; line-height: 1.75; font-size: 28px; word-wrap: break-word; font-weight: bold; height: 51px; width: 360px; margin-left: 3px; margin-top: 109px; } #commer .commer-1 .commer-1-line { height: 20px; width: 472px; margin-left: 3px; margin-top: 10px; } #commer .commer-1 .commer-1-line .w-line { display: block; margin: 0; padding: 0; width: 472px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(221, 221, 221, 1); -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-1 .commer-1-container { width: 100%; margin-top: 50px; } #commer .commer-1 .commer-1-container .commer-1-container-left { float: left; width: 50%; } #commer .commer-1 .commer-1-container .commer-1-container-left .commer-1-container-left-title { margin-top: 20px; float: right; height: 37px; width: 160px; font-family: Source Han Sans, Geneva, sans-serif; font-size: 16px; line-height: 1.75; text-align: center; } #commer .commer-1 .commer-1-container .commer-1-container-left .commer-1-container-left-img { height: 357px; width: 567px; margin: 0 auto; } #commer .commer-1 .commer-1-container .commer-1-container-right { float: right; width: 50%; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-title { margin: 0 auto; font-family: Source Han Sans, Geneva, sans-serif; font-size: 24px; line-height: 1.2; text-align: center; height: 34px; width: 404px; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-line { height: 20px; width: 404px; margin: 0 auto; margin-top: 10px; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-line .w-line { display: block; margin: 0; padding: 0; width: 404px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(221, 221, 221, 1); -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt1 { height: 144px; width: 573px; background: url("../images/syxxbg1.png") no-repeat; background-size: cover; margin-top: 40px; margin-left: auto; margin-right: auto; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt1 .commer-1-container-right-txt1-top { height: 60px; width: 400px; margin: 0 auto; overflow: hidden; top: 10px; position: relative; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt1 .commer-1-container-right-txt1-bottom { height: 60px; width: 400px; margin: 0 auto; overflow: hidden; margin-top: 10px; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt1 .commer-1-container-right-txt1-name { float: left; color: #0070c0; line-height: 1.5; font-size: 48px; text-align: center; font-family: Arial, Helvetica, sans-serif; width: 100px; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt1 .commer-1-container-right-txt1-num { float: right; color: #002060; line-height: 1.5; font-size: 48px; text-align: left; font-family: Arial, Helvetica, sans-serif; width: 150px; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt2 { height: 144px; width: 573px; background: url("../images/syxxbg2.png") no-repeat; background-size: cover; margin-top: 40px; margin-left: auto; margin-right: auto; font-family: Source Han Sans, Geneva, sans-serif; font-size: 16px; line-height: 1.75; text-align: center; position: relative; } #commer .commer-1 .commer-1-container .commer-1-container-right .commer-1-container-right-txt2 div { height: 91px; width: 484px; margin: 0 auto; top: 20px; position: relative; } #commer .commer-2 { width: 100%; background-color: rgb(2, 56, 113); background-image: none; background-position: 50% 50%; background-repeat: repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; height: 700px; float: left; margin-top: 80px; } #commer .commer-2 .commer-2-container { width: 100%; max-width: 1200px; height: 700px; margin: 0 auto; } #commer .commer-2 .commer-2-title { height: 76px; width: 429px; margin-left: 25px; margin-top: 66px; font-family: Source Han Sans; line-height: 1.75; font-size: 44px; color: #ffffff; } #commer .commer-2 .commer-2-first { width: 85%; margin: 0 auto; margin-top: 40px; } #commer .commer-2 .commer-2-first-text, .commer-2-second-text { height: 228px; } #commer .commer-2 .commer-2-first-1 { width: 49%; float: left; height: 230px; text-align: center; } #commer .commer-2 .commer-2-first-1 .w-line { float: left; display: block; margin: 0; padding: 0; width: 415px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c4e0ff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-2 .commer-2-first-line { width: 2%; float: left; height: 230px; } #commer .commer-2 .commer-2-first-line .w-line { height: 145px; display: block; margin: 0 auto; padding: 0; width: 1px; height: 145px; font-size: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #c4e0ff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-2 .commer-2-first-2 { width: 49%; float: left; height: 230px; text-align: center; } #commer .commer-2 .commer-2-first-2 .w-line { display: block; float: right; margin: 0; padding: 0; width: 415px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c4e0ff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-2 .commer-2-second { width: 85%; margin: 0 auto; } #commer .commer-2 .commer-2-second-1 { width: 49%; float: left; height: 230px; text-align: center; } #commer .commer-2 .commer-2-second-line { width: 2%; float: left; } #commer .commer-2 .commer-2-second-line .w-line { display: block; margin: 0 auto; padding: 0; width: 1px; height: 145px; font-size: 0; margin-top: 85px; border-left-width: 1px; border-left-style: solid; border-left-color: #c4e0ff; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-2 .commer-2-second-2 { width: 49%; float: left; height: 300px; text-align: center; } #commer .commer-3 { background-color: transparent; background-image: url(../images/syxxbg3.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 750px; } #commer .commer-3 .commer-3-container { width: 100%; max-width: 1200px; height: 750px; margin: 0 auto; } #commer .commer-3 .commer-3-container .commer-3-right { width: 507px; height: 750px; float: right; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-title { margin-top: 35px; height: 70px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-line { height: 20px; width: 477px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-line .w-line { display: block; margin: 0; margin-top: 0px; margin-top: -0; padding: 0; top: 50%; width: 477px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-img { height: 143px; width: 200px; margin: 0 auto; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-img img { height: 143px; width: 200px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-img-desc { height: 51px; width: 501px; line-height: 12px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt { width: 100%; margin-top: 30px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .w-line { float: left; display: block; margin: 0; padding: 0; width: 1px; height: 26px; font-size: 0; border-left-width: 4px; border-left-style: solid; border-left-color: #cc0000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 20px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-txt-main { float: right; width: 490px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-txt-1 { } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn { margin-top: 50px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-txt-2 { margin-top: 30px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button { /*-block-*/ display: inline-block; /*-margin-*/ margin: 0; padding: 0; border-top: 0px none #ff9900; border-right: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0px solid #ff9900; /*-border-radius-*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: rgb(11, 83, 148); background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); cursor: pointer; outline: none; text-align: center; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button:hover { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background: #012245; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; /*-box-shadow-*/ -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button-position { /*-block-*/ display: block; padding: 0 5px; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button .w-button-icon { /*-block-*/ display: inline-block; /*-margin-*/ margin-left: 3px; font-size: 12px; color: #FFF; font-weight: 400; font-style: normal; vertical-align: top; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button:hover .w-button-icon { color: #FFF; font-size: 12px; font-weight: 400; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button .w-button-icon.w-icon-hide { display: none; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button .w-button-text { /*-block-*/ display: inline-block; font-family: Arial; font-size: 12px; color: #FFF; font-weight: 400; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; } #commer .commer-3 .commer-3-container .commer-3-right .commer-3-txt .commer-3-btn .w-button:hover .w-button-text { color: #FFF; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; } #commer .commer-4 { background-color: transparent; background-image: url(../images/dwbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 750px; } #commer .commer-4 .commer-4-container { width: 100%; max-width: 1200px; height: 750px; margin: 0 auto; } #commer .commer-4 .commer-4-container .commer-4-left { width: 507px; height: 750px; float: left; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-title { margin-top: 35px; height: 70px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-line { height: 20px; width: 477px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-line .w-line { display: block; margin: 0; margin-top: 0px; margin-top: -0; padding: 0; top: 50%; width: 477px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-img { height: 143px; width: 200px; margin: 0 auto; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-img img { height: 143px; width: 200px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt { width: 100%; margin-top: 30px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt .w-line { float: left; display: block; margin: 0; padding: 0; width: 1px; height: 35px; font-size: 0; border-left-width: 4px; border-left-style: solid; border-left-color: #cc0000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 10px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt .commer-4-txt-main { float: right; width: 490px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt .commer-4-txt-1 { } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt .commer-4-btn { margin-top: 50px; } #commer .commer-4 .commer-4-container .commer-4-left .commer-4-txt .commer-4-txt-2 { margin-top: 30px; } #commer .commer-5 { background-color: transparent; background-image: url(../images/hnbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 750px; } #commer .commer-5 .commer-5-container { width: 100%; max-width: 1200px; height: 750px; margin: 0 auto; } #commer .commer-5 .commer-5-container .commer-5-right { width: 507px; height: 750px; float: right; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-title { margin-top: 35px; height: 70px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-line { height: 20px; width: 477px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-line .w-line { display: block; margin: 0; margin-top: 0px; margin-top: -0; padding: 0; top: 50%; width: 477px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-img { height: 143px; width: 200px; margin: 0 auto; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-img img { height: 143px; width: 200px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-img-desc { height: 51px; width: 501px; line-height: 12px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-txt { width: 100%; margin-top: 30px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-txt .w-line { float: left; display: block; margin: 0; padding: 0; width: 1px; height: 26px; font-size: 0; border-left-width: 4px; border-left-style: solid; border-left-color: #cc0000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 20px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-txt .commer-5-txt-main { float: right; width: 490px; } #commer .commer-5 .commer-5-container .commer-5-right .commer-5-txt .commer-5-txt-1 { } #commer .commer-6 { background-color: #3e3e3e; background-image: url(../images/banner2.png); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 176px; } #commer .commer-6 .commer-6-container { width: 100%; max-width: 1200px; height: 176px; margin: 0 auto; } #commer .commer-6 .commer-6-txt { margin-top: 30px; } #commer .commer-7 { background-color: transparent; background-image: url(../images/tzzgbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 640px; } #commer .commer-7 .commer-7-container { width: 100%; max-width: 1200px; height: 640px; margin: 0 auto; } #commer .commer-7 .commer-7-container .commer-7-left { width: 486px; height: 640px; float: left; margin-left: 90px; } #commer .commer-7 .commer-7-container .commer-7-title { height: 59px; width: 408px; margin: 0 auto; margin-top: 139px; } #commer .commer-7 .commer-7-container .w-line { display: block; margin: 0; margin-top: 20px; padding: 0; width: 486px; height: 1px; font-size: 0; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #0b5394; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-7 .commer-7-container .commer-7-main { width: 486px; height: 630px; } #commer .commer-7 .commer-7-container .commer-7-main-left { width: 243px; height: 630px; float: left; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-content { margin: 0 auto; width: 231px; overflow: hidden; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-title { height: 39px; width: 231px; margin: 0 auto; margin-top: 40px; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-img { height: 59px; width: 57px; margin: 0 auto; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-img img { border: 0; width: 100%; height: 100%; display: block; object-fit: cover; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-img-desc { height: 39px; width: 172px; margin: 0 auto; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-line { width: 151px; margin: 0 auto; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-line .w-line { display: block; margin: 0; padding: 0; width: 151px; height: 1px; font-size: 0; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #0b5394; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-7 .commer-7-container .commer-7-main-left .commer-7-main-left-bottom { height: 39px; width: 172px; margin: 0 auto; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-right { width: 243px; height: 630px; float: right; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-content { margin: 0 auto; width: 242px; overflow: hidden; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-title { height: 39px; width: 231px; margin: 0 auto; margin-top: 40px; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-imgs { width: 242px; height: 118px; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-img-c { margin-left: 10px; width: 60px; float: left; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-img-c:not(:first-child) { margin-left: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-img { height: 59px; width: 57px; margin: 0 auto; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-img img { border: 0; width: 100%; height: 100%; display: block; object-fit: cover; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-img-desc { height: 39px; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-line { width: 220px; margin: 0 auto; margin-top: 20px; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-line .w-line { display: block; margin: 0; padding: 0; width: 220px; height: 1px; font-size: 0; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #0b5394; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-7 .commer-7-container .commer-7-main-right .commer-7-main-right-bottom { height: 39px; width: 172px; margin: 0 auto; margin-top: 20px; } #commer .commer-8 { float: left; width: 100%; height: 486px; margin-top: 40px; background-color: transparent; background-image: url(../images/hzhbbg.png); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; } #commer .commer-8 .commer-8-container { width: 100%; max-width: 1200px; height: 486px; margin: 0 auto; } #commer .commer-8 .commer-8-left { float: left; width: 900px; height: 448px; } #commer .commer-8 .commer-8-left .commer-8-progress { height: 83px; width: 813px; margin-top: 18px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: rgba(243, 243, 243, 0.67); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label { margin: 0; padding: 0; width: 100%; height: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips { margin: 0; padding: 0; height: 32px; font-size: 0; position: relative; background-color: transparent; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; /* border */ border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: #e4393c; text-align: left; top: 25px; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips:after { content: ''; display: block; clear: both; zoom: 1; } /* global */ #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips .w-label-tips-item { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; margin-right: 0; position: relative; height: 32px; line-height: 32px; vertical-align: top; list-style: none; text-align: center; cursor: pointer; background-color: transparent; background-image: url(../images/current1.png); background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; cursor: pointer; width: 82px; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips .w-label-tips-line { margin: 0; padding: 0; position: relative; height: 32px; display: inline-block; *display: inline; *zoom: 1; position: relative; font-size: 0; vertical-align: top; list-style: none; z-index: 2; width: 62px; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips .w-label-tips-line span { display: block; margin: 0; padding: 0; width: 62px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 15px; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-tips .w-label-tips-item a { margin: 0; padding: 0 14px; position: relative; z-index: 10; height: 100%; display: inline-block; *display: inline; *zoom: 1; line-height: 32px; background-repeat: no-repeat; background-position: 50% 50%; font-family: 'Noto Sans CJK'; font-size: 16px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-content { margin: 0; padding: 0; position: relative; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: #f5f7fa; border-bottom-color: #f5f7fa; border-left-color: #f5f7fa; } #commer .commer-8 .commer-8-left .commer-8-progress .w-label .w-label-content .w-label-content-item { padding: 0; margin: 0; list-style: none; display: none; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #commer .commer-8 .commer-8-left .commer-8-content { margin: 0; padding: 0; height: 256px; width: 735px; margin-top: 20px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: rgba(255, 255, 255, 0.81); background-image: none; background-repeat: repeat; background-position: 0 0; } #commer .commer-8 .commer-8-left .commer-8-content-left { float: left; height: 182px; width: 193px; margin-top: 36px; background-color: rgb(0, 32, 96); } #commer .commer-8 .commer-8-left .commer-8-content-left-inner { height: 157px; width: 108px; margin-left: 20px; margin-top: 18px; } #commer .commer-8 .commer-8-left .commer-8-content-left-inner p { line-height: 12px; } #commer .commer-8 .commer-8-left .commer-8-content-right { float: left; height: 182px; margin-top: 60px; margin-left: 40px; height: 112px; width: 394px; } #commer .commer-8 .commer-8-left .commer-8-content-right-inner { height: 100%; width: 100%; } #commer .commer-8 .commer-8-right { float: right; width: 300px; height: 486px; margin-right: -100px; } #commer .commer-8 .commer-8-right-title { float: right; height: 44px; width: 232px; margin-top: 21px; } #commer .commer-8 .commer-8-right-line { float: right; width: 229px; margin-top: 21px; } #commer .commer-8 .commer-8-right-line .w-line { display: block; margin: 0; width: 229px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #commer .commer-8 .commer-8-right-content { float: right; width: 229px; margin-top: 21px; } #commer .commer-8 .commer-8-right-logo { float: right; max-height: 48px; max-width: 137px; clear: both; } #commer .commer-8 .commer-8-right-logo img { max-height: 48px; max-width: 137px; } #commer .commer-9 { background-color: transparent; background-image: url(../images/bottombg.png); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 342px; } #compliance { background-color: transparent; background-image: url(../images/zcbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; float: left; width: 100%; height: 806px; } #compliance .compliance-container { width: 100%; max-width: 1200px; margin: 0 auto; } #compliance .compliance-title { height: 54px; width: 1088px; margin-top: 109px; } #compliance .w-line { float: left; display: block; margin: 0; width: 1px; height: 36px; font-size: 0; border-left-width: 3px; border-left-style: solid; border-left-color: #3d85c6; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 20px; } #compliance .compliance-title .compliance-title-txt { float: left; margin-left: 27px; } #compliance .compliance-content .compliance-content-line { width: 100%; height: 36px; line-height: 36px; margin: 60px auto; } #compliance .compliance-content .compliance-content-title { float: left; height: 38px; width: 357px; display: inline-block; font-family: 'Noto Sans CJK'; font-size: 26px; color: #0d4489; font-weight: bold; text-decoration: none; font-style: normal; vertical-align: top; *vertical-align: middle; width: 100%; margin-left: 100px; width: 360px; } #compliance .compliance-content .compliance-content-split { float: left; } #compliance .compliance-content .compliance-content-split .w-line { display: block; margin: 0; margin-left: 0px; margin-left: -0.5px; padding: 0; width: 1px; height: 41px; font-size: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #444444; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent } #compliance .compliance-content .compliance-content-modal { display: none; width: 90%; } #compliance .compliance-content .compliance-content-model-title { margin-top: 20px; margin-left: 20px; width: 100%; } #compliance .compliance-content .compliance-content-model-title .compliance-content-model-title-line { float: left; display: block; margin: 0; padding: 0; width: 1px; height: 36px; font-size: 0; border-left-width: 3px; border-left-style: solid; border-left-color: #3d85c6; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 3px; } #compliance .compliance-content .compliance-content-model-title .compliance-content-title-txt { float: left; font-size: 40px; font-family: Source Han Sans; color: #555555; height: 54px; width: 360px; margin-left: 20px; } #compliance .compliance-content .compliance-content-title-1 { float: left; font-size: 40px; font-family: Source Han Sans; color: #555555; height: 54px; width: 100%; margin-left: 56px; } #compliance .compliance-content .compliance-content-title-1 .compliance-content-pro-title { font-family: Source Han Sans; color: #336699; font-size: 20px; line-height: 1.2; font-weight: bold; height: 33px; width: 360px; margin-top: 5px; } #compliance .compliance-content .compliance-content-title-1 .compliance-content-pro-line { display: block; margin: 0; padding: 0; width: 300px; height: 1px; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; margin-top: 10px; } #compliance .compliance-content .compliance-content-overview { float: left; width: 100%; margin-top: 30px; padding-left: 56px; padding-right: 56px; word-wrap: break-word; } #compliance .compliance-content .compliance-content-content { float: left; width: 100%; padding-left: 56px; padding-right: 56px; word-wrap: break-word; } /*联系我们*/ #contactus-banner { position: relative; width: 100%; height: calc(437 / 1728 * 100vw); background-color: transparent; background-image: url(../images/contactusbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: cover; z-index: -1; } #contactus { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(248, 248, 248); clear: both; overflow: hidden; } #contactus .contactus-container { display: table; table-layout: fixed; min-height: 500px; width: 100%; z-index: 1; background-color: rgb(248, 248, 248); } #contactus .contactus-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #contactus .contactus-inner { } #contactus .contactus-title { position: absolute; height: 46px; line-height: 46px; left: 0px; top: 60px; right: 0px; z-index: 56; opacity: 1; color: rgb(238, 238, 238); font-family: Arial, Helvetica, sans-serif; font-size: 48px; font-weight: bold; word-wrap: break-word; text-align: center; font-style: italic; } #contactus .contactus-title-zh { position: absolute; height: 43px; left: 0px; top: 84px; right: 0px; z-index: 61; opacity: 1; color: #003c83; font-family: font-family: Source Han Sans, Geneva, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; word-wrap: break-word; text-align: center; } #contactus .contactus-content-container { margin-top: 160px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 8px; background-color: rgb(255, 255, 255); background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; -moz-box-shadow: 0 0 14px rgba(153, 153, 153, 0.3); -webkit-box-shadow: 0 0 14px rgba(153, 153, 153, 0.3); -ms-box-shadow: 0 0 14px rgba(153, 153, 153, 0.3); -o-box-shadow: 0 0 14px rgba(153, 153, 153, 0.3); box-shadow: 0 0 14px rgba(153, 153, 153, 0.3); } #contactus .contactus-content-container-inner { width: 100%; padding-left: 40px; padding-right: 40px; padding-top: 60px; padding-bottom: 60px; } #contactus .contactus-content-title { height: 39px; width: 392px; font-family: Source Han Sans, Geneva, sans-serif; line-height: 1.2; font-size: 20px; color: #003c83; } #contactus .contactus-content-other { height: 318px; width: 100%; margin-top: 20px; } #contactus .w-label { margin: 0; padding: 0; position: relative; height: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); margin-top: 20px; } #contactus .w-label .w-label-tips { margin: 0; padding: 0; height: auto; float: left; } #contactus .w-label .w-label-tips .w-label-tips-item { margin: 0; padding: 0; list-style: none; text-align: center; position: relative; *zoom: 1; float: left; clear: both; width: 152px; height: 34px; line-height: 34px; background-color: #f5f7fa; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; cursor: pointer; } #contactus .w-label .w-label-tips .w-label-tips-item a { /* reset */ margin: 0; padding: 0 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-repeat: no-repeat; background-position: 50% 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Noto Sans CJK'; font-size: 16px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; /* border */ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #e6e9ed; border-left-color: #e6e9ed; cursor: pointer; } #contactus .w-label .w-label-tips .w-label-tips-item .w-label-tips-item-line { position: absolute; top: 0; right: 0; height: 100%; width: 0; border-right: 2px solid #e60012; display: none; } #contactus .w-label .w-label-tips .w-label-tips-item i.w-label-tips-arrow { position: absolute; display: none; width: 0; height: 0; border: 4px solid transparent; border-right-color: #e60012; right: 2px; top: 50%; margin-top: -4px; } #contactus .w-label .w-label-content { margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; left: 152px; right: 0; border-top-width: 1px; border-right-width: 1px; border-left-width: 0; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-top-color: #e6e9ed; border-right-color: #e6e9ed; border-left-color: transparent; border-bottom-color: #e6e9ed; } #contactus .w-label .w-label-content .w-label-content-item { padding: 0; margin: 0; list-style: none; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background: -webkit-linear-gradient(none, none); background: -moz-linear-gradient(none, none); background: -ms-linear-gradient(none, none); background: linear-gradient(none, none); background-size: auto; } #contactus .w-label .w-label-tips .w-label-tips-line { margin: 0; padding: 0; width: 152px; height: 1px; background-color: #eee; list-style: none; float: left; clear: both; } #contactus .w-label .w-label-tips .w-label-tips-item:hover { border-right-color: #e6e9ed } #contactus .w-label-tips .w-label-tips-item a:hover { color: #003c83; font-weight: 400; font-style: normal; text-decoration: none; } #contactus .w-label .w-label-tips .w-label-tips-line.current { background-color: #eee; } #contactus .w-label .w-label-tips .w-label-tips-item.current { margin: 0; padding: 0; list-style: none; z-index: 3; width: 152px; background-color: rgb(0, 60, 131); background-image: none !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background: -webkit-linear-gradient(none, none) !important; background: -moz-linear-gradient(none, none) !important; background: -ms-linear-gradient(none, none) !important; background: linear-gradient(none, none) !important; background-size: auto; } #contactus .w-label .w-label-tips .w-label-tips-item.current a { color: #ffffff; font-weight: bold; font-style: normal; text-decoration: none; border-right-color: #e60012; border-left-color: #e6e9ed; z-index: 3; } #contactus .w-label .w-label-tips .w-label-tips-item.current .w-label-tips-item-line, #contactus .w-label .w-label-tips .w-label-tips-item.current i.w-label-tips-arrow { display: block } #contactus .w-label .w-label-tips .w-label-tips-item.current:first-child a { border-left-color: #e6e9ed; } #contactus .w-label .w-label-content .w-label-content-item.current { display: block; } #contactus .w-label-content-item-txt { height: 252px; width: 375px; margin-left: 66px; margin-top: 30px; float: left; } #contactus .w-label-content-item-map{ float: left; height: 314px; width: 454px; margin-left: 55px; } #contactus .contactus-content-guestbook{ height: 344px; width: 100%; margin-top: 40px; padding: 29px 19px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-right: 0 none transparent; border-top: 0 none transparent; border-bottom: 0 none transparent; border-left: 0 none transparent; border-radius: 0px; background-color: #F5F5F5; background-image: none; background-repeat: repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: -ms-linear-gradient(top, none,none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); background-size: auto; -moz-box-shadow: 0.000000px 0.000000px 0 transparent; -webkit-box-shadow: 0.000000px 0.000000px 0 transparent; -ms-box-shadow: 0.000000px 0.000000px 0 transparent; -o-box-shadow: 0.000000px 0.000000px 0 transparent; box-shadow: 0.000000px 0.000000px 0 transparent; } #contactus .contactus-content-guestbook .contactus-content-guestbook-content{ width: 100%; height: 100%; } #contactus .contactus-split{ height: 40px; width: 100%; } #contactus .contactus-content-guestbook .w-guestbook { /*-margin-*/margin: 0; padding: 0; /*-size-*/width: 100%; height: auto; } #contactus .contactus-content-guestbook .w-guestbook .w-verify { /*-padding-*/margin: 0; padding: 0; padding-bottom: 6px; /*-size-*/min-height: 21px; overflow: hidden; word-wrap: break-word; } #contactus .contactus-content-guestbook .w-guestbook .w-verify.w-hide { display: none; } #contactus .contactus-content-guestbook .w-guestbook .w-verify .w-verify-in { /*-padding-*/margin: 0; padding: 4px 8px 4px 10px; display: block; line-height: 16px; background-color: #FFE8E4; border: 1px #ffd0ca solid; font-family: Tahoma; color: #e75845; font-size: 12px; } #contactus .contactus-content-guestbook .w-guestbook .w-verify .w-verify-in .mw-iconfont { vertical-align: top; margin-right: 10px; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item { /*-margin-*/margin: 0 0 12px 0; padding: 0 12px; /*-size-*/height: 36px; overflow: hidden; /*-border-radius-*/border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-width: 0; border-top-style: solid; border-top-color: transparent; border-right-width: 0; border-right-style: solid; border-right-color: transparent; border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: transparent; border-left-width: 0; border-left-style: solid; border-left-color: transparent; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item .w-guestbook-input { /*-padding-*/margin: 0; padding: 7px 0; /*-size-*/width: 100%; min-height: 22px; line-height: 22px; border: none; background-color: transparent; outline: none; color: #666; font-size: 14px; font-family: Tahoma; font-weight: 400; font-style: normal; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-both { padding: 0; margin: 0; overflow: hidden; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-both .w-guestbook-both-inner { float: left; width: 50%; margin: 0; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-both .w-guestbook-both-inner .w-guestbook-both-inner-box { margin: 0; padding-left: 5px; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-both .w-guestbook-both-inner:first-child .w-guestbook-both-inner-box { margin: 0; padding-left: 0; padding-right: 5px; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-both .w-guestbook-both-inner .w-guestbook-input { width: 100%; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-haserror { border-top-color: #e75845; border-right-color: #e75845; border-bottom-color: #e75845; border-left-color: #e75845; background-color: #fff3f1; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea { /*-margin-*/margin: 0 0 12px 0; padding: 8px 12px; /*-size-*/min-height: 130px; /*-border-radius-*/border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-width: 0; border-top-style: $Input-border-top-style; border-top-color: transparent; border-right-width: 0; border-right-style: $Input-border-right-style; border-right-color: transparent; border-bottom-width: 0; border-bottom-style: $Input-border-bottom-style; border-bottom-color: transparent; border-left-width: 0; border-left-style: $Input-border-left-style; border-left-color: transparent; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea.w-haserror { border-top-color: #e75845; border-right-color: #e75845; border-bottom-color: #e75845; border-left-color: #e75845; background-color: #fff3f1; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea .w-guestbook-textarea { /*-margin-*/margin: 0; padding: 0 12px 0 0; /*-size-*/width: 100%; height: 130px; line-height: 1.6; border: none; border-color: transparent; background-color: transparent; resize: none; outline: none; color: #666; font-size: 14px; font-family: Tahoma; font-weight: 400; font-style: normal; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea .w-guestbook-textarea:-moz-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea .w-guestbook-textarea::-moz-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea textarea.w-guestbook-textarea:-ms-input-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea textarea.w-guestbook-textarea::-webkit-input-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-code { /*-margin-*/margin: 0 0 12px 0; padding: 0 120px 0 0; /*-position-*/position: relative; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-code .w-guestbook-item { /*-margin-*/margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-code .w-guestbook-codeimg { /*-margin-*/margin: 0; padding: 2px; /*-position-*/position: absolute; top: 0; right: 0; bottom: 0; /*-size-*/width: 115px; border: 0 solid transparent; /*border-left-width: 0;*/border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); text-align: center; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-code .w-guestbook-codeimg img { /*-margin-*/margin: 0; padding: 0; /*-size-*/width: 100px; height: 32px; font-size: 12px; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-code .w-guestbook-codeimg img:hover { cursor: pointer; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-placeholder .placeholder-text { position: relative; height: 100%; top: 0; left: 0; bottom: 0; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-placeholder .placeholder-text .placeholder-text-in { /*-display-*/display: block; /*-position-*/position: absolute; left: 0; top: 0; bottom: 0; /*-size-*/height: 100%; color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item .w-guestbook-input:-moz-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item .w-guestbook-input::-moz-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item input.w-guestbook-input:-ms-input-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item input.w-guestbook-input::-webkit-input-placeholder { color: #666; font-size: 14px; font-family: Tahoma; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item .w-guestbook-input::-ms-clear, ::-ms-reveal { display: none; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-item.w-item-textarea.w-placeholder .placeholder-text .placeholder-text-in { /*-position-*/top: -8px; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-bottom { /*-margin-*/margin: 0; *margin-top: -12px; padding: 0; text-align:center; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-bottom .w-guestbook-btn { /*-display-*/display: inline-block; /*-margin-*/margin: 0; padding: 0 16px; cursor: pointer; outline: none; /*-size-*/min-width: 66px; height: 36px; line-height: 36px; /*-border-radius-*/border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-width: 1px; border-top-style: solid; border-top-color: #FF9D43; border-right-width: 1px; border-right-style: solid; border-right-color: #FF9D43; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9D43; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9D43; background-color: #FF9D43; background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); text-align: center; text-decoration: none; cursor: pointer; color: #FFF; font-size: 14px; font-family: Tahoma; font-weight: 400; font-style: normal; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #contactus .contactus-content-guestbook .w-guestbook .w-guestbook-bottom .w-guestbook-btn:hover { border-top-color: #ec913c; border-right-color: #ec913c; border-bottom-color: #ec913c; border-left-color: #ec913c; background-color: #ec913c; background-image: none; background-repeat: no-repeat; background-position: 0 0; background: -moz-linear-gradient(top, none, none); background: -o-linear-gradient(top, none, none); background: linear-gradient(top, none, none); background: -webkit-gradient(linear, left top, left bottom, from(none), to(none)); color: #F5F5F5; font-weight: 400; font-style: normal; text-decoration: none; } .f-clearfix:before, .f-clearfix:after { content: ""; display: table; } .f-clearfix:after { clear: both; overflow: hidden; } .f-clearfix { zoom: 1; } #shengming { display: table; table-layout: fixed; position: relative; width: 100%; background-color: rgb(248, 248, 248); clear: both; overflow: hidden; } #shengming .shengming-container { display: table; table-layout: fixed; min-height: 500px; width: 100%; z-index: 1; background-color: rgb(248, 248, 248); } #shengming .shengming-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #shengming .shengming-container1 { display: table; table-layout: fixed; position: relative; min-height: 500px; width: 100%; margin: 0 auto; z-index: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 1200px; clear: both; } #shengming .shengming-inner { } #shengming .w-crumbs { /*-padding-*/ padding: 0; margin: 0; /*-size-*/ width: 100%; height: auto; line-height: 34px; text-align: left; font-size: 16px; color: #003c83; font-weight: normal; font-style: normal; text-decoration: none; word-wrap: break-word; word-break: break-all; } #shengming .w-crumbs .w-crumbs-item { /*-padding-*/ padding: 0; margin: 0; /*-display-*/ display: inline-block; font-family: 'Noto Sans CJK'; font-size: 16px; color: #666; font-weight: normal; font-style: normal; text-decoration: none; word-wrap: break-word; word-break: break-all; outline: none; } #shengming .w-crumbs .w-crumbs-item:hover { color: #003c83; font-weight: normal; font-style: normal; text-decoration: none; } #shengming .w-crumbs .w-arrowicon { /*-padding-*/ padding: 0; margin: 0 3px; /*-display-*/ display: inline; font-size: 16px; color: #666; } #shengming .w-crumbs .w-arrowicon.w-icon-hide { display: none; } #shengming .shengming-vision { margin-top: 40px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #shengming .shengming-vision-main { margin: 20px auto; width: 1100px; } #shengming .shengming-vision-detail { margin-top: 40px; margin-bottom: 40px; min-height: 406px; background-color: #FFFFFF; position: relative; display: table; table-layout: fixed; width: 100%; } #shengming .w-list { /*margin*/ margin: 0; padding: 0; overflow: hidden; } .pages { text-align: center; } .pages * { display: inline-block; vertical-align: middle; } .pages a { width: 0.4rem; line-height: 0.4rem; height: 0.4rem; transition: 0.3s; color: #313131; background-color: #fff; border: 1px solid #eee; } .pages .p_pages { overflow: hidden; } .pages .p_pages a { float: left; margin: 0 0.05rem; } .pages a:hover, .pages .p_pages a.a_cur { background-color: #e40013; color: #fff; border-color: #e40013; } .pages a { background-position: center; background-repeat: no-repeat; background-size: auto 0.14rem; } .pages a.a_prev { background-image: url(../images/page/prev.svg); } .pages a.a_next { background-image: url(../images/page/next.svg); } .pages a.a_prev:hover { background-image: url(../images/page/prev-on.svg); } .pages a.a_next:hover { background-image: url(../images/page/next-on.svg); } .pages a.a_first, .pages a.a_end { font-size: calc(14 / 16 * 1em); padding: 0 0.2rem; width: auto; } @media (max-width: 1024px) { .pages .p_pages { display: none; } }