.icon-backtop:before { content: ''; display: block;background-position: -65px -220px; width: 55px; height: 55px; }

.icon-cline:before { content: ''; display: block;  background-position: -346px 0px; width: 22px; height: 31px; }

.icon-contact4:before { content: ''; display: block;  background-position: -186px -220px; width: 45px; height: 45px; }

.icon-dnarrow:before { content: ''; display: block; background-position: -346px -41px; width: 16px; height: 10px; }

.icon-download:before { content: ''; display: block; background-position: -130px -220px; width: 46px; height: 47px; }

.icon-insidenav:before { content: ''; display: block; background-position: -220px -138px; width: 56px; height: 56px; }

.icon-loadmore:before { content: ''; display: block; background-position: 0px -285px; width: 31px; height: 31px; }

.icon-mloadmore:before { content: ''; display: block; background-position: -241px -220px; width: 31px; height: 31px; }

.icon-msearch:before { content: ''; display: block; background-position: -290px -105px; width: 35px; height: 35px; }

.icon-nav01:before { content: ''; display: block; background-position: -290px 0px; width: 46px; height: 42px; }

.icon-qa1:before { content: ''; display: block; background-position: -290px -150px; width: 32px; height: 32px; }

.icon-qa2:before { content: ''; display: block;  background-position: -290px -192px; width: 32px; height: 32px; }

.icon-qcode:before { content: ''; display: block; background-position: 0px 0px; width: 210px; height: 210px; }

.icon-return:before { content: ''; display: block; background-position: -220px -70px; width: 58px; height: 58px; }

.icon-searchbtn:before { content: ''; display: block; background-position: -290px -52px; width: 43px; height: 43px; }

.icon-toptop01:before { content: ''; display: block; background-position: 0px -220px; width: 55px; height: 55px; }

.icon-totop_28:before { content: ''; display: block; background-position: -220px 0px; width: 60px; height: 60px; }

.icon-upimg:before { content: ''; display: block; background-position: -41px -285px; width: 39px; height: 24px; }

.icon-wimg29:before { content: ''; display: block; background-position: -290px -234px; width: 32px; height: 32px; }

@charset "UTF-8";
/*--公共部分--*/


h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; }



img { border: 0px; }

ul, li { list-style: none; }

em, i { font-style: normal; }

a { text-decoration: none; color: #333; outline: none; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, area { blr: expression(this.onFocus=this.blur()); }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; }



input, textarea, select { font-family: "微软雅黑"; outline: none; }

.fl { float: left; }

.fr { float: right; }

.commonweb { padding: 0px 10px; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; }

* { -webkit-tap-highlight-color: transparent; tap-hightlight-color: transparent; touch-callout: none; -webkit-touch-callout: none; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* 样式开始*/

/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@charset "UTF-8";
.commonweb2 { margin: 0px auto; padding: 20px 0 0 0; width: 1400px; }

.commonweb { margin: 0px auto; padding: 20px 0 0 0; width: 1200px; }
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

* { webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: Arial,"微软雅黑"; font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; min-width: 1200px; }

input, textarea, select { font-family: "微软雅黑"; outline: none; }

input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; }



/*banner*/
.indexbanner { position: relative; overflow: hidden; height: 520px; }

.indexbanner ul { width: 100%; height: 100%; z-index: 1; }

.indexbanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; height: 100%; position: relative; }

.indexbanner img { display: block; width: 1920px; position: relative; height: 520px; position: absolute; top: 0; left: 50%; margin-left: -960px; }

.indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 30px; }

.indexbannerbtn p span { display: inline-block; width: 10px; height: 10px; background: #fff; overflow: hidden; margin: 0 12px; border-radius: 16px; cursor: pointer; opacity: 1; vertical-align: middle; }

.indexbannerbtn p span.swiper-pagination-bullet-active { background: url(../cgdefault/img/index/b1.png) center center no-repeat; width: 20px; height: 20px; }

.indexone { background: #f5f5f5; padding-top: 15px; padding-bottom: 33px; overflow: hidden; }

.oneleft { float: left; margin-top: 10px; width: 810px; overflow: hidden; }

.oneleft a { color: #9b9b9b; font-size: 14px; margin-left: 40px; display: inline-block; }

.oneleft a:hover { color: #ed1c24; }

.oneleft span { display: inline-block; font-size: 14px; }

.oneright { float: right; width: 240px; height: 40px; border: 1px #d9d9d9 solid; border-radius: 20px; }

.ssbtn { width: 25px; height: 25px; float: left; background: url(../cgdefault/img/index/i1.png) no-repeat; display: inline-block; margin-top: 7px; margin-left: 10px; cursor: pointer; }

.inptext { margin-top: 10px; margin-left: 8px; color: #666; background: none; float: left; }

.indextwo { background: #f5f5f5; }

.twotit { margin-bottom: 20px; }

.twotit h3 { font-size: 24px; color: #000; float: left; }

.twotit h3 em { color: #0063b0; }

.twotit h3 span { font-size: 16px; color: #666; margin-left: 10px; margin-bottom: 16px; }

.twotit a { float: right; font-size: 14px; color: #000; }

.twotit a:hover { color: #0063b0; }

.twotit a img { display: inline-block; vertical-align: -4px; margin-left: 8px; }

.twoimg { float: left; }

.twoimg img { width: 230px; height: 590px; display: block; }

.tworight { float: left; width: 970px; }

.tworight li { float: left; width: 232px; margin-left: 10px; margin-bottom: 10px; }

.tworight li img { display: block; width: 232px; height: 230px; }

.tworight li h4 { font-size: 14px; color: #000; text-align: center; padding-top: 5px; transition: all .4s; }

.tworight li p { color: #b8b8b8; font-size: 14px; text-align: center; transition: all .4s; }

.tworight li .listbox { background: #fff; border-top: 3px #fff solid; height: 60px; transition: all .4s; }

.tworight li a:hover .listbox { background: #0063b0; border-top: 3px #fff solid; transition: all .4s; }

.tworight li a:hover h4 { color: #fff; transition: all .4s; }

.tworight li a:hover p { color: #fff; transition: all .4s; }

.tworightt { float: left; width: 970px; }

.tworightt li { float: left; width: 475px; margin-left: 10px; margin-bottom: 10px; }

.tworightt li img { display: block; width: 475px; height: 230px; }

.tworightt li h4 { font-size: 14px; color: #000; text-align: center; padding-top: 5px; transition: all .4s; }

.tworightt li p { color: #b8b8b8; font-size: 14px; text-align: center; transition: all .4s; }

.tworightt li .listbox { background: #fff; border-top: 3px #fff solid; height: 60px; transition: all .4s; }

.tworightt li a:hover .listbox { background: #0063b0; border-top: 3px #fff solid; transition: all .4s; }

.tworightt li a:hover h4 { color: #fff; transition: all .4s; }

.tworightt li a:hover p { color: #fff; transition: all .4s; }

.liubai { background: #fff; height: 120px; margin-top: 20px; height: 1603px }

.twonrs .twoimg img { width: 230px; height: 290px; display: block; margin-bottom: 10px; }

.twonrbox { padding-bottom: 30px; }

.indexthree { height: 547px; background: url(../cgdefault/img/index/bj1.jpg) no-repeat; padding-top: 35px; overflow: hidden; }

.threenr { margin-top: 25px; }

.imgslr { width: 234px; height: 199px; display: block; float: left; }

.imgslr img { display: block; width: 234px; height: 199px; }

.threenr li { float: left; background: #e9e9e9; margin-bottom: 10px; width: 595px; height: 199px; overflow: hidden; }

.threenr li .text { float: left; padding: 0 28px; }

.threenr li .text p { font-size: 14px; color: #000; margin-top: 15px; }

.threenr li .code { float: left; width: 178px; margin-top: 18px; border-left: 1px #d1d1d1 solid; padding-left: 38px; }

.threenr li .code p { font-size: 14px; color: #000; }

.threenr li .code .codetext { color: #949494; }

.threenr li .code img { display: block; width: 114px; margin: 10px 0; }

.threenr li:nth-child(odd) { margin-right: 10px; }

.indexfour { padding-bottom: 45px; }

.indexfour .commonweb { background: #f5f5f5; }

.zhuxone { float: left; width: 234px; height: 210px; background: url(../cgdefault/img/index/q25.jpg) no-repeat; text-align: center; color: #fff; }

.zhuxone h4 { font-size: 24px; padding-top: 126px; padding-bottom: 10px; }

.zhuxone p { font-size: 14px; }

.zhuxtwo { padding-left: 93px; padding-top: 22px; float: left; width: 668px; }

.zhuxtwo h4 { color: #9c9c9c; font-size: 14px; }

.zhuxtwo li { float: left; width: 267px; height: 55px; border: 1px #dcdcdc solid; margin-top: 16px; padding: 16px; margin-right: 20px; }

.zhuxtwo li span { display: inline-block; color: #000; font-size: 14px; margin-right: 10px; }

.zhuxtwo li span img { display: inline-block; vertical-align: -2px; margin-right: 12px; }

.zhuxtwo li input { border-left: 1px #c4c4c4 solid; padding-left: 10px; background: none; width: 150px; }

.zhuxbtn { float: left; margin-top: 60px; width: 220px; }

.zhuxbtn input { width: 215px; height: 55px; background: #ed1c24; color: #fff; font-size: 14px; cursor: pointer; }

.zhuxbtn p { font-size: 16px; margin-top: 15px; text-align: center; }

.zhuxbtn p span { color: #ed1c24; }

.fivetit h3 { float: left; color: #000; font-size: 24px; }

.fivetit h3 span { font-size: 16px; color: #9c9c9c; margin-left: 15px; }

.fivetit .tel { float: right; font-size: 22px; color: #000; }

.fivetit .tel img { display: inline-block; vertical-align: -4px; margin-right: 10px; }

.fivetit .tel a { margin-left: 15px; vertical-align: 2px; width: 95px; height: 30px; line-height: 30px; border-radius: 30px; background: #292929; text-align: center; font-size: 14px; color: #fff; display: inline-block; }

.indexfive { padding-bottom: 60px; }

.indexfive li { float: left; padding-right: 67px; }

.indexfive li:last-child { padding-right: 0; }

.indexfive li img { display: block; margin: 0 auto; margin-bottom: 30px; }

.indexfive li p { font-size: 16px; color: #000; }

.indexfive ul { background: url(../cgdefault/img/index/lc_37.jpg) no-repeat 20px 44px; margin-top: 35px; }

.indexsix { background: #f5f5f5; padding-top: 25px; padding-bottom: 40px; }

.sixtit { padding-bottom: 15px; font-size: 24px; line-height: 24px; }

.sixnrleft { width: 595px; float: left; background: #fff; padding: 20px 20px 0; margin-right: 10px; height: 600px; }

.sixnrleft .sp { position: relative; }

.sixnrleft .sp p img { width: 556px; height: 415px; display: block; }

.sixnrleft .sp a { position: absolute; top: 345px; left: 40px; }

.sixnrleft .text { padding: 21px; }

.sixnrleft .text h4 { font-size: 18px; color: #000; padding-bottom: 12px; }

.sixnrleft .text p { color: #808080; font-size: 14px; }

.sixnrright { background: #fff; padding: 20px 35px; }

.sixqh { overflow: hidden; }

.sixnrright { float: left; width: 595px; position: relative; height: 600px; }

.sixnrright li { width: 255px; background: #e8e8e8; display: block; padding: 20px 0 15px; width: 255px; }

.sixnrright li p { text-align: center; font-size: 14px; color: #000; margin-top: 16px; }

.sixnrright li img { width: 175px; height: 132px; display: block; margin: 0 auto; }

.j_left { position: absolute; top: 195px; left: 0; width: 29px; height: 62px; background: url(../cgdefault/img/index/j1.jpg) no-repeat; transition: all .4s; }

.j_left:hover { background: url(../cgdefault/img/index/j1s.jpg) no-repeat; }

.j_right { position: absolute; top: 195px; right: 0; width: 29px; height: 62px; background: url(../cgdefault/img/index/j2.jpg) no-repeat; transition: all .4s; }

.j_right:hover { background: url(../cgdefault/img/index/j2s.jpg) no-repeat; }

.zhensnr { margin-top: 40px; }

.zhensnr .item { float: left; margin-right: 72px; }

.zhensnr .item h5 { color: #0063b0; font-size: 36px; margin-bottom: 8px; line-height: 36px; }

.zhensnr .item span { color: #fff; background: #191919; width: 20px; height: 20px; border-radius: 20px; font-size: 12px; display: inline-block; text-align: center; line-height: 20px; vertical-align: 12px; }

.zhensnr .item p { font-size: 14px; color: #000; }

.zhensnr .item:last-child { margin-right: 0; }

.indexsenven { background: #f5f5f5; padding-bottom: 45px; }

.indexsenven li { float: left; width: 242px; padding: 0 5px; height: 282px; }

.indexsenven ul { margin: 0 -5px; }

.indexsenven li a { display: block; background: #fff; height: 282px; border-bottom: 1px #fff solid; transition: all .4s; }

.indexsenven li img { display: block; margin: 0 auto; padding-top: 26px; padding-bottom: 30px; }

.indexsenven li h4 { text-align: center; font-size: 16px; color: #000; }

.indexsenven li p { color: #a3a3a3; font-size: 14px; text-align: center; width: 150px; margin: 14px auto; }

.indexsenven li a:hover { border-bottom: 1px #ed1c24 solid; box-shadow: 1px 5px 15px 1px #ccc; transition: all .4s; }

.indexeig { background: #f5f5f5; padding-bottom: 45px; }

.indexeig ul { margin: 0 -5px; }

.indexeig li { float: left; width: 241px; padding: 0 5px; }

.indexeig li img { display: block; width: 233px; height: 212px; }

.indexeig li a { display: block; transition: all .4s; }

.indexeig li p { color: #000; font-size: 14px; text-align: center; padding: 14px 0; background: #fff; }

.indexeig li a:hover { box-shadow: 1px 5px 15px 1px #ccc; }

.indexnine { padding-top: 30px; padding-bottom: 40px; overflow: hidden; }

.nineone { width: 372px; float: left; margin-right: 40px; background: #f5f5f5; }

.nineone img { width: 372px; height: 180px; display: block; }

.nineone .timeimg { position: relative; }

.nineone .timeimg span { display: block; width: 100px; height: 32px; line-height: 32px; background: #f5f5f5; font-size: 14px; color: #989898; position: absolute; bottom: 0; left: 0; text-align: center; }

.nineone .text { padding: 18px 20px 80px; }

.nineone .text h4 { font-size: 14px; color: #000; margin-bottom: 10px; }

.nineone .text h4 a { color: #000; }

.nineone .text h4 a:hover { color: #0063b0; }

.nineone .text p { color: #989898; font-size: 14px; }

.nineone ul { border-top: 1px #dfdfdf solid; }

.nineone li { padding: 10px 0; border-bottom: 1px #dfdfdf solid; margin: 0 25px; }

.nineone li:last-child { border-bottom: 0; }

.nineone li span { color: #989898; font-size: 14px; float: left; padding-left: 16px; background: url(../cgdefault/img/index/i13.png) no-repeat left center; width: 240px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* autoprefixer: off */ -webkit-box-orient: vertical; }

.nineone li em { color: #989898; font-size: 14px; float: right; }

.nineone li a:hover span { color: #0063b0; }

.ninethree { margin-right: 0; }

.n-banner { position: relative; height: 241px; overflow: hidden; }

.n-banner img { display: block; width: 1920px; position: relative; height: 241px; position: absolute; top: 0; left: 50%; margin-left: -960px; }

.breadcrumbbox { font-size: 14px; color: #000; overflow: hidden; padding: 15px 0; }

.breadcrumbbox .breadcrumb { float: right; color: #b8b8b8; }

.breadcrumbbox .breadcrumb a { color: #000; font-size: 14px; padding: 0 15px; }

.breadcrumbbox .breadcrumb a:last-child { padding-right: 0; }

.nrbj { background: #f5f5f5; }

.anlione dl { margin-bottom: 20px; height: 400px; background: #fff; }

.anlione dt { float: left; width: 860px; overflow: hidden; }

.anlione dt img { width: 860px; display: block; height: 400px; }

.anlione dd { width: 340px; float: left; padding-left: 50px; padding-right: 60px; padding-top: 65px; }

.anlione dd h3 { font-size: 24px; color: #000; padding-left: 17px; border-left: 3px #ed1f27 solid; margin-bottom: 40px; }

.anlione dd h3 span { color: #ed1f27; }

.anlione dd h3 em { display: block; font-size: 18px; color: #dbdbdb; font-weight: normal; font-family: Arial; padding-top: 8px; }

.anlione dd p { padding-left: 25px; font-size: 14px; color: #000; }

.anlione dd a { margin-top: 55px; width: 110px; height: 40px; line-height: 40px; background: #e5e5e5; text-align: center; font-size: 14px; color: #000; display: block; }

.anlitwo { background: #f5f5f5; }

.anlitwo ul { margin: 0 -10px; }

.anlitwo li { float: left; padding: 0 10px; margin-bottom: 20px; }

.anlitwo li img { width: 386px; height: 300px; display: block; }

.anlitwo li .text { background: #fff; padding: 30px 40px 25px 50px; height: 100px; overflow: hidden; }

.anlitwo li p { overflow: hidden; }

.anlitwo li h3 { font-size: 22px; color: #000; padding-left: 17px; border-left: 3px #ed1f27 solid; float: left; }

.anlitwo li h3 span { color: #ed1f27; }

.anlitwo li h3 em { display: block; font-size: 14px; color: #dbdbdb; font-weight: normal; font-family: Arial; padding-top: 2px; line-height: 15px; }

.anlitwo li a { float: right; width: 110px; height: 40px; line-height: 40px; background: #e5e5e5; text-align: center; font-size: 14px; color: #000; display: block; }

.anlitwo li:nth-child(1) img, .anlitwo li:nth-child(2) img { width: 590px; }

.anlitwo li img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.anlitwo li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.anliinfoone { margin-bottom: 25px; }

.anlibanner { position: relative; overflow: hidden; width: 600px; float: left; margin-right: 40px; }

.anlibanner ul { width: 100%; height: 100%; z-index: 1; }

.anlibanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; height: 100%; position: relative; }

.anlibanner img { display: block; width: 600px; height: 440px; }

.anlibannerbtn { width: 100%; text-align: center; left: 0; z-index: 20; margin-top: 15px; }

.anlibannerbtn p span { display: inline-block; width: 10px; height: 10px; background: #c4c4c4; overflow: hidden; margin: 0 12px; border-radius: 10px; cursor: pointer; opacity: 1; vertical-align: middle; }

.anlibannerbtn p span.swiper-pagination-bullet-active { background: #ed1c24; }

.alinfotext { float: right; width: 560px; height: 440px; border-bottom: 1px #dcdcdc solid; }

.alinfotext h4 { font-size: 18px; line-height: 22px; padding-bottom: 18px; border-bottom: 2px #dcdcdc solid; padding-top: 20px; }

.labelbox span { font-size: 14px; color: #000; line-height: 14px; padding: 18px 0; display: inline-block; width: 50%; float: left; padding-left: 20px; border-right: 1px  #dcdcdc solid; border-bottom: 1px  #dcdcdc solid; }

.labelbox span:nth-child(even) { border-right: 0; }

.labelbox { margin-bottom: 30px; }

.alinfotext .tel { padding-bottom: 30px; border-bottom: 1px  #dcdcdc solid; }

.alinfotext .tel .telnum { float: left; }

.alinfotext .tel .telnum img { display: inline-block; margin-left: 20px; }

.alinfotext .tel .telnum p { display: inline-block; font-size: 24px; color: #000; padding-left: 20px; margin-left: 15px; border-left: 1px #9c9c9c solid; line-height: 24px; }

.alinfotext .tel .telnum p span { display: block; font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 2px; }

.alinfotext .tel .telbtn { float: right; }

.alinfotext .tel .telbtn a { width: 135px; height: 38px; line-height: 38px; text-align: center; background: #ed1c24; font-size: 14px; color: #fff; display: inline-block; }

.alinfotext .tel .telbtn a:last-child { width: 110px; margin-left: 2px; background: #848484; }

.alinfotext .text { text-align: center; font-size: 14px; color: #9c9c9c; line-height: 30px; padding-top: 15px; padding-left: 15px; padding-right: 15px; }

.anliinfotwo ul { margin: 0 -10px; }

.anliinfotwo li { float: left; padding: 0 10px; margin-bottom: 20px; }

.anliinfotwo li p { overflow: hidden; }

.anliinfotwo li p img { width: 386px; height: 300px; display: block; }

.anliinfotwo li p img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.anliinfotwo li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.anliinfotwo li .text { background: #fff; padding: 25px 20px 25px 50px; height: 100px; overflow: hidden; }

.anliinfotwo li h3 { background: url(../cgdefault/img/index/i23.png) repeat; height: 45px; line-height: 45px; width: 386px; font-size: 14px; color: #fff; text-align: center; margin-top: -45px; position: relative; z-index: 10; }

.anliinfotwo li h4 { float: left; }

.anliinfotwo li h4 span { font-size: 16px; color: #000; display: block; margin-bottom: 6px; font-size: 16px; }

.anliinfotwo li a { float: right; display: block; padding: 15px 0 15px 18px; border-left: 1px #e5e5e5 solid; line-height: 17px; }

.anliinfotwo li a:hover { color: #ed1c24; }

.anliinfotwo li a img { display: inline-block; margin-left: 6px; vertical-align: -3px; }

.anliinfotwo li:nth-child(1) p img, .anliinfotwo li:nth-child(2) p img { width: 590px; }

.anliinfotwo li:nth-child(1) h3, .anliinfotwo li:nth-child(2) h3 { width: 590px; }

.more_sfz { background: #fff; padding: 18px 0; text-align: center; }

.more_sfz a { text-align: center; display: inline-block; margin: 0 30px; vertical-align: middle; color: #a3a3a3; line-height: 18px; width: 24px; height: 24px; line-height: 24px; }

.more_sfz span { display: inline-block; vertical-align: middle; }

.more_sfz a:hover, .more_sfz a.cur { width: 24px; height: 24px; border: 1px #ed1c24 solid; color: #ed1c24; }

.nj_left { width: 24px; height: 24px; display: inline-block; border: 1px #fff solid; background: url(../cgdefault/img/index/i20.png) no-repeat center; cursor: pointer; }

.nj_left:hover, .nj_left .cur { border: 1px #ed1c24 solid; color: #ed1c24; background: url(../cgdefault/img/index/i20s.png) no-repeat center; }

.nj_right { width: 24px; height: 24px; display: inline-block; border: 1px #fff solid; background: url(../cgdefault/img/index/i21.png) no-repeat center; cursor: pointer; }

.nj_right:hover, .nj_left .cur { border: 1px #ed1c24 solid; color: #ed1c24; background: url(../cgdefault/img/index/i21s.png) no-repeat center; }

.anlidetailed { background: #fff; padding-top: 30px; }

.detailedtitle { text-align: center; margin-bottom: 30px; }

.detailedtitle h3 { color: #000; font-size: 18px; }

.detailedtitle p { font-size: 12px; color: #ababab; margin-top: 12px; }

.detailedtitle p span { display: inline-block; padding: 0 15px; }

.detailedtext { padding: 0 80px; }

.detailedtext h4 { font-size: 14px; color: #474747; line-height: 30px; }

.detailedtext p { color: #ababab; font-size: 14px; line-height: 30px; }

.imadisplay dl { padding: 40px 40px 0; }

.imadisplay dt p img { display: block; width: 100%; }

.imadisplay dd { padding: 0 40px 40px; border-bottom: 3px #e3e3e3 solid; }

.imadisplay dd h4 { padding: 25px 0; font-size: 24px; color: #000; line-height: 24px; padding-left: 55px; background: url(../cgdefault/img/index/i25.png) no-repeat left center; }

.imadisplay dd h4 img { display: inline-block; vertical-align: -5px; margin-left: 6px; }

.imadisplay dd p { font-size: 14px; color: #8d8d8d; }

.imadisplay dl:nth-child(even) dt p img { display: inline-block; float: left; width: 555px; height: 380px; }

.imadisplay dl:nth-child(even) dt p img:nth-child(2) { float: right; }

.imadisplay dl:last-child dd { border-bottom: 0; }

.shares { background: #f5f5f5; padding: 20px 0; text-align: center; }

.shares a { display: inline-block; margin: 0 14px; vertical-align: middle; width: 38px; height: 38px; }

.shares a img { display: inline-block; width: 38px; height: 38px; }

.shares span { display: inline-block; vertical-align: middle; }

.designerpro { background: #fff; padding: 25px 40px; overflow: hidden; }

.profile { float: left; width: 560px; padding-right: 20px; border-right: 2px #e5e5e5 solid; margin-right: 30px; }

.profile dt { float: left; padding-right: 25px; }

.profile dt img { display: block; width: 206px; height: 166px; }

.profile dd { float: left; }

.profile dd h4 { font-size: 16px; color: #000; padding: 10px 0; }

.profile dd p { color: #000; font-size: 14px; }

.profile dd a { width: 120px; height: 38px; border: 1px  #ed1c24 solid; color: #ed1c24; font-size: 14px; text-align: center; display: block; line-height: 38px; margin-top: 40px; }

.bftjss { float: left; width: 520px; }

.bftjss h3 { color: #a3a3a3; font-size: 14px; padding-bottom: 12px; }

.bftjss h3 span { font-size: 14px; color: #000; margin-left: 10px; }

.bftjss h3 em { color: #ed1c24; font-size: 14px; }

.bftssleft { float: left; width: 266px; }

.inpsstext { float: left; width: 375px; height: 55px; border: 1px #dcdcdc solid; margin-bottom: 10px; padding: 16px; margin-right: 20px; }

.inpsstext span { display: inline-block; color: #000; font-size: 14px; margin-right: 10px; }

.inpsstext span img { display: inline-block; vertical-align: -2px; margin-right: 12px; width: 16px; height: 16px; }

.inpsstext input { border-left: 1px #c4c4c4 solid; padding-left: 10px; background: none; width: 150px; }

.bftssright { float: left; margin-left: 20px; }

.bftssright input { display: inline-block; width: 120px; height: 120px; background: #ed1c24 url(../cgdefault/img/index/i29.png) no-repeat center 25px; text-align: center; font-size: 18px; color: #fff; padding-top: 40px; cursor: pointer; }

.bftssright a img { display: block; margin: 0 auto; margin-top: 24px; margin-bottom: 12px; }

.anliabout { padding-top: 30px; background: #f5f5f5; padding-bottom: 30px; }

.anliabout h3.tit { font-size: 24px; color: #000; line-height: 24px; margin-bottom: 20px; }

.anliabout ul { margin: 0 -11px; }

.anliabout li { float: left; padding: 0 11px; margin-bottom: 20px; }

.anliabout li p { overflow: hidden; }

.anliabout li p img { width: 283px; height: 281px; display: block; }

.anliabout li p img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.anliabout li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.anliabout li .text { background: #fff; padding: 12px 12px 10px 20px; height: 60px; overflow: hidden; }

.anliabout li h3 { background: url(../cgdefault/img/index/i23.png) repeat; height: 45px; line-height: 45px; width: 283px; font-size: 14px; color: #fff; text-align: center; margin-top: -45px; position: relative; z-index: 10; }

.anliabout li h4 { float: left; }

.anliabout li h4 span { color: #000; display: block; margin-bottom: 6px; font-size: 12px; line-height: 14px; }

.anliabout li a { float: right; display: block; padding: 10px 0 10px 10px; border-left: 1px #e5e5e5 solid; line-height: 17px; }

.anliabout li a:hover { color: #ed1c24; }

.anliabout li a img { display: inline-block; margin-left: 6px; vertical-align: -3px; }

.breadcrumbboxtwo .gllistinput { float: left; }

.breadcrumbboxtwo .gllistinput { font-size: 14px; color: #000; padding: 5px 0; }

.breadcrumbboxtwo .gllistinput span { margin-right: 30px; float: left; padding-top: 12px; }

.breadcrumbboxtwo .gllistinput .gllistleft { float: left; border: 1px #dcdcdc solid; border-radius: 3px; padding: 10px 0; padding-left: 20px; background: #fff; padding-right: 20px; }

.breadcrumbboxtwo .gllistinput .gllistleft .glbtn { background: url(../cgdefault/img/index/i30.png) no-repeat; width: 17px; height: 17px; cursor: pointer; display: inline-block; vertical-align: middle; }

.breadcrumbboxtwo .gllistinput .gllistleft .gltext { height: 25px; border-right: 1px #dcdcdc solid; margin-right: 15px; width: 237px; display: inline-block; vertical-align: middle; }

.breadcrumbboxtwo .breadcrumb { margin-top: 16px; }

.visitbox { padding-bottom: 50px; }

.visit { margin-top: 0; }

.visit li { margin-bottom: 0; margin-bottom: 30px; box-shadow: 0px 14px 30px 15px #ccc; width: 590px; background: #fff; }

.visit li:nth-child(odd) { margin-right: 20px; }

.visit li .text { padding: 0 25px; }

.visit_more { width: 385px; height: 60px; background: #d20000; line-height: 60px; display: block; margin: 0 auto; text-align: center; font-size: 16px; color: #fff; margin-bottom: 40px; }

.visit_more img { display: inline-block; margin-left: 30px; vertical-align: middle; }

.vistifour { background: #fff; padding-bottom: 0; }

.designeritem { margin-bottom: 20px; background: #fff; height: 380px; overflow: hidden; }

.designername { float: left; width: 406px; }

.designername .desiimg { margin-top: 27px; }

.designername .desiimg img { width: 208px; height: 208px; display: block; border-radius: 208px; margin: auto; }

.designername h4 { padding-top: 30px; text-align: center; font-size: 16px; color: #000; line-height: 16px; margin-bottom: 10px; }

.designername p { text-align: center; color: #c2c2c2; }

.designername p span { color: #000; font-size: 14px; margin: 0 18px; display: inline-block; }

.designername a { width: 75px; height: 30px; line-height: 30px; color: #d20000; border: 1px #d20000 solid; display: block; margin: auto; text-align: center; border-radius: 3px; margin-top: 16px; }

.designernr { float: left; padding-top: 20px; }

.designernr li { float: left; padding-right: 20px; }

.designernr li:last-child { padding-right: 0; }

.designernr li img { width: 387px; height: 300px; display: block; }

.designernr li p { text-align: center; font-size: 16px; color: #000; padding-top: 18px; }

.designernr li span { overflow: hidden; display: block; }

.anlione dt img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.anlione dt:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.designernr li img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.designernr li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.designerbottom ul { margin: 0 -9px; }

.designerbottom li { float: left; padding: 0 9px; margin-bottom: 20px; }

.designerbottom li img { width: 387px; height: 300px; display: block; }

.designerbottom li .text { height: 100px; padding: 20px 38px 0 38px; background: #fff; }

.designerbottom li .text h4 { float: left; font-size: 16px; color: #000; }

.designerbottom li .text p span { font-size: 14px; color: #000; padding: 0 12px; }

.designerbottom li .text .labtext { margin: 0 -12px; padding-top: 5px; }

.designerbottom li a { float: right; display: block; width: 75px; height: 30px; line-height: 30px; font-size: 12px; color: #aeaeae; border: 1px #aeaeae solid; border-radius: 3px; text-align: center; margin-top: 12px; }

.designerbox { padding-bottom: 30px; }

.desig_more { margin-bottom: 0; }

.n-bannertwo { height: 360px; }

.n-bannertwo img { height: 360px; }

.desigdetailsone dl { margin-bottom: 12px; }

.desigdetailsone dt { float: left; }

.desigdetailsone dt img { display: block; width: 600px; height: 365px; }

.desigdetailsone dd { float: left; width: 600px; }

.desigdetailsone dd h3 { padding-left: 45px; font-size: 24px; color: #000; margin-bottom: 14px; line-height: 24px; padding-top: 10px; }

.desigdetailsone dd h4 { padding-left: 45px; font-size: 14px; color: #989898; margin-bottom: 25px; }

.desigdetailsone dd .text { padding-left: 45px; background: #fff; line-height: 30px; font-size: 14px; color: #000; padding-top: 35px; padding-bottom: 35px; padding-right: 40px; height: 270px; }

.desigdetailsone dd .text em { display: inline-block; max-width: 445px; }

.desigdetailsone dd .text span { display: inline-block; max-width: 70px; vertical-align: top; }

.desigdetailstwo { border-bottom: 1px #e0e0e0 solid; margin-bottom: 20px; }

.desigdetailstwo .sharedetailsleft { float: left; }

.desigdetailstwo .sharedetailsleft a { display: inline-block; margin: 0 14px; vertical-align: middle; width: 38px; height: 38px; }

.desigdetailstwo .sharedetailsleft a img { display: inline-block; width: 38px; height: 38px; }

.desigdetailstwo .sharedetailsleft span { display: inline-block; vertical-align: middle; }

.desigdetailstwo .lianxta { float: right; width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #ed1c24; }

.desigdetailsthree h4 { color: #ed1c24; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 16px; }

.desigdetailsthree .anliinfotwo li:nth-child(1) p img, .desigdetailsthree .anliinfotwo li:nth-child(2) p img { width: 387px; }

.desigdetailsthree .anliinfotwo li:nth-child(1) h3, .desigdetailsthree .anliinfotwo li:nth-child(2) h3 { width: 387px; }

.desigdetails_more { width: 217px; height: 58px; line-height: 58px; text-align: center; background: #d20000; font-size: 16px; color: #fff; display: block; margin: auto; border-radius: 3px; }

.strategybox { padding-bottom: 30px; }

.strategybanner { position: relative; overflow: hidden; width: 777px; margin-right: 30px; height: 380px; float: left; }

.strategybanner ul { width: 100%; height: 100%; z-index: 1; }

.strategybanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; height: 100%; position: relative; }

.strategybanner img { display: block; width: 777px; height: 380px; }

.strategybanner li p { background: url(../cgdefault/img/index/i23.png) repeat; height: 45px; line-height: 45px; width: 777px; font-size: 14px; color: #fff; text-align: center; margin-top: -45px; position: relative; z-index: 10; }

.str_left { position: absolute; top: 155px; left: 0; width: 45px; height: 75px; background: url(../cgdefault/img/index/j3.jpg) no-repeat; transition: all .4s; z-index: 11; }

.str_left:hover { background: url(../cgdefault/img/index/j3s.jpg) no-repeat; }

.str_right { position: absolute; top: 155px; right: 0; width: 45px; height: 75px; background: url(../cgdefault/img/index/j4.jpg) no-repeat; transition: all .4s; z-index: 11; }

.str_right:hover { background: url(../cgdefault/img/index/j4s.jpg) no-repeat; }

.applys { float: left; }

.applys img { display: block; }

.applys h3 { font-size: 16px; color: #ed1c24; padding: 20px 0; }

.applys .bftssleft { float: none; width: 345px; }

.applys .bftssleft .inpsstext { margin-right: 0; width: 345px; }

.applysnr { padding: 0 20px; background: #fff; height: 263px; }

.butapply { background: #ed1c24; width: 345px; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; }

.strategylone { overflow: hidden; height: 380px; }

.strategyltwo { overflow: hidden; }

.str-item { margin-top: 30px; width: 588px; background: #fff; float: left; height: 520px; padding: 30px 40px; }

.str-item:nth-child(odd) { margin-right: 20px; }

.str-tit { border-bottom: 2px #e5e5e5 solid; padding-bottom: 16px; margin-bottom: 17px; }

.str-tit h3 { float: left; font-size: 18px; color: #000; line-height: 18px; }

.str-tit h3 span { color: #ed1c24; }

.str-tit a { float: right; }

.str-tit a img { margin-left: 15px; }

.str-item dt { float: left; }

.str-item dt img { display: block; width: 169px; height: 100px; }

.str-item dd { float: left; margin-left: 18px; width: 320px; }

.str-item dd h4 { font-size: 16px; color: #000; padding-bottom: 10px; line-height: 18px; }

.str-item dd p { color: #aaaaaa; font-size: 14px; }

.str-item dd .text { padding-top: 6px; }

.str-item dd .text span { font-size: 14px; color: #aaaaaa; float: left; }

.str-item dd .text a { float: right; color: #ed1c24; font-size: 14px; text-decoration: underline; }

.str-item ul { padding-top: 25px; }

.str-item li a { color: #929292; font-size: 14px; line-height: 16px; }

.str-item li { padding: 18px 0; border-bottom: 1px #e5e5e5 solid; }

.str-item li span { float: left; width: 405px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.str-item li em { float: right; }

.offerbanner { position: relative; height: 440px; overflow: hidden; }

.offerbanner .offerimg { display: block; width: 1920px; position: relative; height: 440px; position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: -1; }

.offerbanner .offerbannertext { float: left; }

.offerbanner .offerbannertext h4 { font-size: 24px; color: #000; line-height: 24px; padding-top: 55px; padding-bottom: 22px; }

.offlist p { font-size: 18px; color: #000; margin-bottom: 15px; padding-left: 30px; background: url(../cgdefault/img/index/s1.jpg) no-repeat left center; }

.offlist p b { color: #ed1c24; }

.offerbanner .tel { padding-top: 20px; border-top: 2px  #e0e0e0 solid; margin-top: 40px; width: 225px; }

.offerbanner .tel .telnum img { display: inline-block; }

.offerbanner .tel .telnum p { display: inline-block; font-size: 24px; color: #000; padding-left: 20px; margin-left: 15px; border-left: 1px #9c9c9c solid; line-height: 24px; }

.offerbanner .tel .telnum p span { display: block; font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }

.offerinput { width: 492px; height: 420px; border: 1px #cccccc solid; border-bottom: 0; float: right; margin-top: 20px; background: #fff; padding: 20px 55px 10px; }

.offerinput h4 { text-align: center; font-size: 18px; color: #ed1c24; padding-bottom: 12px; }

.offerinput .bftssleft { float: none; width: auto; }

.offerinput .inpsstext { margin-right: 0; }

.butoffer { width: 375px; height: 55px; background: #ed1c24 url(../cgdefault/img/index/i35.png) no-repeat 230px center; font-size: 18px; color: #fff; cursor: pointer; }

.offerinput p { text-align: center; color: #adadad; font-size: 14px; padding-top: 10px; }

.offerone img { display: block; width: 100%; }

.offertwo { margin-bottom: 15px; }

.offertwo h4 { color: #000; padding: 25px 0; line-height: 24px; font-size: 24px; }

.offertwo li { width: 288px; height: 238px; display: block; float: left; margin-right: 15px; padding: 40px 25px 0 25px; }

.offertwo li h5 { font-size: 18px; color: #000; margin-bottom: 30px; }

.offertwo li p { padding-left: 12px; margin-bottom: 12px; background: url(../cgdefault/img/index/s4.jpg) no-repeat left center; }

.offertwo li:last-child { margin-right: 0; }

.offertwo li:nth-child(1) { background: url(../cgdefault/img/index/q4.png) no-repeat; }

.offertwo li:nth-child(2) { background: url(../cgdefault/img/index/q5.png) no-repeat; }

.offertwo li:nth-child(3) { background: url(../cgdefault/img/index/q6.png) no-repeat; }

.offertwo li:nth-child(4) { background: url(../cgdefault/img/index/q7.png) no-repeat; }

.offerthree { position: relative; height: 450px; }

.offertext { width: 560px; padding-top: 40px; padding-bottom: 35px; border-bottom: 2px #dcdcdc solid; }

.offertext h3 { font-size: 24px; line-height: 24px; color: #000; line-height: 24px; padding-bottom: 60px; }

.offertext h3 span { display: block; font-size: 14px; padding-top: 5px; color: #a9a9a9; }

.offertext p { line-height: 30px; color: #a9a9a9; }

.offership { position: absolute; width: 739px; top: 0; height: 433px; right: -70px; }

.offership p img { display: block; width: 569px; height: 346px; margin: auto; margin-top: 33px; }

.offership span { position: absolute; top: 180px; left: 345px; }

.offership span img { display: block; }

.iezz { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../cgdefault/img/index/i23.png) repeat; display: none; z-index: 999; }

.IEshow { position: fixed; top: 50%; left: 50%; width: 735px; height: 570px; margin-left: -365px; margin-top: -285px; padding: 180px 40px; background: #fff; display: none; z-index: 999; }

.IEshow p { text-align: center; font-size: 18px; line-height: 2; line-height: 32px; }

.download dd { float: left; _display: inline; width: 160px; margin: 0 8px; list-style: none; border-radius: 10px; border: 1px solid  #e6e6e6; }

.download { text-align: center; width: 370px; margin: 30px auto; }

.download dd a { display: block; height: 60px; background: url(../cgdefault/img/index/icons.png) no-repeat 0 center; background-repeat: no-repeat; text-indent: -9999em; border-radius: 10px; }

.download dd a:hover { background-color: #f2f2f2; }

.download dd .chrome { background-position: center 0; }

.download dd .firefox { background-position: center -60px; }

.consbanner .butoffer { background: #ed1c24; }

.constru { margin-bottom: 10px; }

.constru .commonweb { background: #fff; padding-top: 35px; padding-bottom: 50px; }

.constru h3 { text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 18px; }

.constru h3 span { color: #ed1c24; }

.constru p { font-size: 14px; color: #000; line-height: 30px; text-align: center; }

.construction-one { position: relative; height: 790px; overflow: hidden; }

.construction-one .commonweb { position: relative; height: 790px; }

.construction-one .ulsone ul { height: 760px; }

.construction-one .ulsone li { width: 335px; }

.construction-one .ulsone li img { display: block; width: 335px; height: 197px; }

.construction-one .ulsone li p { text-align: center; font-size: 14px; color: #000; background: #fff; height: 42px; line-height: 42px; }

.construction-one .ulsone p span { color: #e60012; font-weight: bold; }

.construction-one .ulsone li:nth-child(1) { position: absolute; top: 0; left: 0; }

.construction-one .ulsone li:nth-child(2) { position: absolute; top: 0; left: 355px; }

.construction-one .ulsone li:nth-child(3) { position: absolute; top: 260px; left: 0; }

.construction-one .ulsone li:nth-child(4) { position: absolute; top: 260px; left: 355px; }

.construction-one .ulsone li:nth-child(5) { position: absolute; top: 520px; left: 0; }

.construction-one .ulsone li:nth-child(6) { position: absolute; top: 520px; left: 355px; }

.construction-one .ulsone li:nth-child(7) { position: absolute; bottom: 30px; right: 0; width: 490px; }

.construction-one .ulsone li:nth-child(7) img { width: 490px; }

.consonebanner { position: relative; overflow: hidden; width: 492px; float: left; position: absolute; right: 0; top: 0; height: 500px; }

.consonebanner ul { width: 100%; height: 100%; z-index: 1; }

.consonebanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; height: 100%; position: relative; }

.consonebanner img { display: block; width: 492px; height: 500px; }

.con_left { position: absolute; top: 0; right: 0; width: 45px; height: 40px; background: url(../cgdefault/img/index/j5.jpg) no-repeat; transition: all .4s; z-index: 11; }

.con_left:hover { background: url(../cgdefault/img/index/j5s.jpg) no-repeat; }

.con_right { position: absolute; top: 40px; right: 0; width: 45px; height: 40px; background: url(../cgdefault/img/index/j6.jpg) no-repeat; transition: all .4s; z-index: 11; }

.con_right:hover { background: url(../cgdefault/img/index/j6s.jpg) no-repeat; }

.construction-two { height: 465px; overflow: hidden; background: #fff; }

.construction-two h4 { text-align: center; padding-top: 35px; font-size: 30px; color: #000; line-height: 30px; margin-bottom: 38px; }

.construction-two h4 img { display: inline-block; vertical-align: middle; margin-right: 20px; }

.construction-two h4 p { font-size: 14px; color: #000; }

.construction-two li { float: left; }

.construction-two ul { border-left: 1px #e1e1e5 solid; border-bottom: 1px #e1e1e5 solid; }

.construction-two li img { width: 199px; height: 129px; display: block; border: 1px #e1e1e5 solid; border-left: 0; border-bottom: 0; }

.construction-three { height: 455px; }

.construction-three .textleft { width: 400px; border-bottom: 2px #e0e0e0 solid; padding-bottom: 40px; padding-top: 90px; }

.construction-three .textleft h4 { font-size: 24px; line-height: 24px; color: #000; padding-bottom: 30px; }

.construction-three .textleft .text { font-size: 14px; line-height: 30px; color: #000; }

.construction-three .tel { padding-top: 20px; border-top: 2px  #e0e0e0 solid; margin-top: 40px; width: 225px; }

.construction-three .tel .telnum img { display: inline-block; }

.construction-three .tel .telnum p { display: inline-block; font-size: 24px; color: #000; padding-left: 20px; margin-left: 15px; border-left: 1px #9c9c9c solid; line-height: 24px; }

.construction-three .tel .telnum p span { display: block; font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }

.construction-three .commonweb { position: relative; }

.yanpz { position: absolute; top: 10px; right: 0; }

.construction-four { height: 600px; overflow: hidden; }

.construction-four h4 { font-size: 24px; color: #000; text-align: center; margin-bottom: 30px; }

.construction-four h4 img { display: inline-block; vertical-align: middle; margin-right: 20px; }

.nfourtit a { width: 394px; height: 65px; background: #e5e5e5; margin-right: 9px; display: block; float: left; text-align: center; line-height: 65px; font-size: 18px; color: #000; }

.nfourtit a:last-child { margin-right: 0; }

.nfourtit a span { display: inline-block; vertical-align: middle; margin-right: 6px; width: 40px; height: 40px; }

.nfourtit a:hover, .nfourtit a.cur { background: #b61919; color: #fff; }

.nfourtit a:nth-child(1) span { background: url(../cgdefault/img/index/q11.png) no-repeat center; }

.nfourtit a:nth-child(2) span { background: url(../cgdefault/img/index/q12.png) no-repeat center; }

.nfourtit a:nth-child(3) span { background: url(../cgdefault/img/index/q13.png) no-repeat center; }

.nfourtit a:hover:nth-child(1) span, .nfourtit a.cur:nth-child(1) span { background: url(../cgdefault/img/index/q11s.png) no-repeat center; }

.nfourtit a:hover:nth-child(2) span, .nfourtit a.cur:nth-child(2) span { background: url(../cgdefault/img/index/q12s.png) no-repeat center; }

.nfourtit a:hover:nth-child(3) span, .nfourtit a.cur:nth-child(3) span { background: url(../cgdefault/img/index/q13s.png) no-repeat center; }

.nfournrone { float: left; width: 394px; }

.nfournrone p { color: #000; font-size: 16px; padding-top: 26px; text-transform: uppercase; }

.nfournr ul { float: left; width: 806px; }

.nfournr li { float: left; margin-left: 9px; position: relative; margin-bottom: 8px; }

.nfournr li img { width: 394px; height: 192px; display: block; }

.nfournr li p { font-size: 14px; color: #fff; background: url(../cgdefault/img/index/i23.png) repeat; height: 40px; line-height: 40px; position: absolute; bottom: 0; left: 0; width: 394px; text-align: center; }

.construction-five { height: 525px; padding-top: 30px; }

.construction-five li { float: left; width: 402px; margin-right: 10px; }

.construction-five li p img { width: 402px; height: 287px; display: block; }

.construction-five li h4 { padding-top: 36px; font-size: 18px; color: #b61919; padding-bottom: 15px; }

.construction-five li h4 img { display: inline-block; vertical-align: middle; margin-right: 10px; }

.construction-five li p { font-size: 14px; color: #000; line-height: 30px; }

.construction-six { padding-top: 33px; padding-bottom: 30px; }

.construction-six h4 { font-size: 24px; color: #000; text-align: center; margin-bottom: 30px; }

.construction-six h4 img { display: inline-block; vertical-align: middle; margin-right: 20px; }

.nsixtit { margin-bottom: 10px; }

.nsixtit a { width: 294px; height: 60px; background: #e5e5e5; margin-right: 8px; display: block; float: left; text-align: center; line-height: 60px; font-size: 18px; color: #000; }

.nsixtit a:hover, .nsixtit a.cur { background: #b61919; color: #fff; }

.nsixtit a:last-child { margin-right: 0; }

.nsixnr { overflow: hidden; height: 318px; }

.nsixnr dl { height: 318px; }

.nsixnr dt { float: left; padding-right: 22px; }

.nsixnr dt img { display: block; width: 598px; height: 318px; }

.nsixnr dd { float: left; font-size: 16px; color: #000; padding-top: 25px; border-bottom: 2px #dadada solid; height: 318px; }

.nsixnr dd p { padding-left: 23px; margin-bottom: 20px; background: url(../cgdefault/img/index/q17.png) no-repeat left center; }

.construction-senven .commonweb { background: #fff; height: 155px; }

.construction-senven .tel { float: left; margin-left: 40px; }

.construction-senven .tel { margin-top: 63px; padding-right: 26px; border-right: 1px #e5e5e5 solid; }

.construction-senven .tel .telnum img { display: inline-block; }

.construction-senven .tel .telnum p { display: inline-block; font-size: 24px; color: #000; padding-left: 20px; margin-left: 15px; border-left: 1px #e5e5e5 solid; line-height: 24px; }

.construction-senven .tel .telnum p span { display: block; font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }

.construction-senven { margin-bottom: 45px; }

.senventjbox { float: left; margin-left: 48px; padding-top: 32px; }

.senventj { float: left; width: 266px; height: 55px; border: 1px #dcdcdc solid; margin-bottom: 10px; padding: 16px; margin-right: 30px; }

.senventj span { display: inline-block; color: #000; font-size: 14px; margin-right: 10px; }

.senventj span img { display: inline-block; vertical-align: -2px; margin-right: 12px; width: 16px; height: 16px; }

.senventj input { border-left: 1px #c4c4c4 solid; padding-left: 10px; background: none; width: 150px; }

.senventjbox h4 { color: #a3a3a3; font-size: 14px; padding-bottom: 10px; padding-right: 38px; }

.senventjbox h4 span { float: right; font-size: 16px; color: #000; }

.senventjbox h4 span em { color: #ed1c24; }

.senvenbtn { float: left; }

.senvenbtn input { width: 215px; height: 55px; line-height: 55px; text-align: center; background: #ed1c24; font-size: 14px; color: #fff; cursor: pointer; }

.construction-eight h4 { font-size: 24px; color: #000; text-align: center; margin-bottom: 30px; }

.construction-eight h4 img { display: inline-block; vertical-align: middle; margin-right: 20px; }

.construction-eight li { float: left; margin-right: 32px; padding-bottom: 25px; }

.construction-eight li img { display: block; width: 275px; height: 245px; }

.construction-eight li:nth-child(4), .construction-eight li:nth-child(8) { margin-right: 0; }

.designerbottom li span { display: inline-block; }

.designerbottom li .sp { display: block; overflow: hidden; }

.designerbottom li img { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.designerbottom li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.n-bannerthree { height: 520px; }

.n-bannerthree img { display: block; height: 520px; }

.nrbj_two { background: #f5f5f5 url(../cgdefault/img/index/s41.jpg) no-repeat top center; }

.brandone { height: 600px; overflow: hidden; }

.brandone .sixnrleft { float: left; background: none; padding: 0 54px 0 40px; width: 650px; }

.brandright { float: left; width: 515px; padding-top: 135px; }

.brandright h3 { text-align: center; background: url(../cgdefault/img/index/s25.jpg) no-repeat center; margin-bottom: 30px; font-size: 24px; color: #c50008; }

.brandright p { font-size: 14px; color: #737373; line-height: 30px; }

.brandright .text p { font-size: 14px; color: #ed1c24; padding-left: 25px; background: url(../cgdefault/img/index/s1.jpg) no-repeat left center; }

.brandright .text { padding: 20px 0; margin-top: 35px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; }

.brandtwo { height: 750px; overflow: hidden; }

.brandtwo h3 { font-size: 30px; color: #000; line-height: 30px; text-align: center; padding: 45px 0 21px; }

.qhnr { position: relative; float: left; }

.qhnr p img { display: block; width: 590px; height: 560px; }

.qhnr .text { width: 510px; height: 245px; padding: 10px 60px 0; background: #fff; margin-left: 38px; margin-top: -195px; position: relative; }

.qhnr .text h4 { font-size: 24px; color: #c50008; padding-bottom: 12px; }

.qhnr .text p { line-height: 30px; font-size: 14px; color: #000; }

.qhnr .text a { color: #fff; width: 80px; height: 42px; line-height: 42px; display: block; background: #c50008; text-align: center; text-transform: uppercase; margin-top: 7px; }

.qhtit { width: 600px; float: left; }

.qhtit li { float: left; margin-left: 10px; margin-bottom: 10px; position: relative; transition: all .4s; }

.qhtit li img { width: 290px; height: 180px; display: block; }

.qhtit li .zezao { background: url(../cgdefault/img/index/q28.png) repeat; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: all .4s; }

.qhtit li .zezao img { width: 30px; height: 32px; display: block; margin: 0 auto; margin-top: 70px; }

.qhtit li:hover .zezao { transition: all .4s; opacity: 1; }

.more_us { background: #c50008; display: block; width: 160px; height: 45px; line-height: 45px; margin: 0 auto; text-align: center; font-size: 18px; color: #fff; }

.more_us img { display: inline-block; margin-right: 10px; vertical-align: -3px; }

.brandthree { height: 625px; overflow: hidden; position: relative; }

.brandthree p img { display: block; width: 100%; }

.brandthree .bdthreenr { padding: 15px 25px; background: #fff; width: 1080px; height: 205px; box-shadow: 1px 5px 15px 0px #ccc; margin: 0 auto; margin-top: -130px; position: relative; z-index: 10; }

.brandthree .bdthreenr h3 { float: left; line-height: 37px; font-size: 24px; color: #c50008; padding-top: 15px; border-right: 2px #e5e5e5 solid; padding-right: 45px; margin-right: 55px; padding-left: 25px; }

.brandthree .bdthreenr h3 p { font-size: 14px; color: #b0b0b0; padding-top: 20px; line-height: 22px; padding-bottom: 22px; }

.brandthree .bdthreenr .text { padding-top: 20px; width: 796px; float: left; }

.brandthree .bdthreenr .text h4 { color: #000; font-size: 20px; margin-bottom: 20px; }

.brandthree .bdthreenr .text p { color: #737373; font-size: 14px; line-height: 30px; }

.brandthree .bdthreenr .text span { display: inline-block; vertical-align: top; }

.brandthree .bdthreenr .text em { display: inline-block; width: 720px; }

.brandfour { height: 672px; overflow: hidden; }

.bdfouttit { padding-bottom: 16px; }

.bdfouttit h3 { text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 18px; }

.bdfouttit h3 span { color: #ed1c24; }

.bdfouttit p { font-size: 14px; color: #000; line-height: 30px; text-align: center; }

.brandfive { height: 540px; background: #fff; padding-top: 40px; }

.bdfiveleft { width: 690px; float: left; }

.bdfiveleft li { float: left; }

.bdfiveleft ul { border-left: 1px #e1e1e5 solid; border-bottom: 1px #e1e1e5 solid; }

.bdfiveleft li img { width: 229px; height: 100px; display: block; border: 1px #e1e1e5 solid; border-left: 0; border-bottom: 0; }

.brandfive h4 { font-size: 24px; line-height: 24px; padding-bottom: 26px; }

.brandfive h4 span { color: #ed1c24; }

.bdfiveright { float: right; width: 495px; }

.bdfiverightnr { background: #e1e1e5; height: 400px; padding-top: 28px; padding-left: 30px; }

.bdfiverightnr p { color: #838386; font-size: 14px; }

.bdimmgfi img { width: 434px; height: 293px; }

.brandsix { background: #e7e7e7; height: 460px; overflow: hidden; }

.brandsix h3 { text-align: center; font-size: 30px; color: #000; padding-bottom: 40px; line-height: 30px; padding-top: 45px; }

.brandsix p img { display: block; width: 100%; }

.brandsenven { background: #fff; overflow: hidden; margin-bottom: 0; }

.brandseight { height: 410px; padding-top: 35px; overflow: hidden; }

.brandseight h3 { text-align: center; width: 465px; margin: auto; font-size: 30px; line-height: 30px; color: #000; padding-bottom: 25px; }

.brandseight h3 span { color: #ed1c24; }

.brandseight h3 p { color: #989898; font-size: 14px; padding-top: 10px; }

.brandseight li { float: left; margin-right: 16px; width: 186px; }

.brandseight li img { width: 186px; height: 180px; display: block; }

.brandseight li p { color: #000; font-size: 14px; padding-top: 12px; text-align: center; }

.brandseight li:last-child { margin-right: 0; }

.w_tit { background:url(Img/Index/tit.jpg) center top no-repeat; height:178px;}
.w_tit h3 { width:960px; margin:0 auto; text-align:center; padding-top:17px;}
.w_tit h3 em { display:block; font-weight:normal; font-size:12px; text-transform:uppercase; color:#bfbfbf;}
.w_tit h3 a { color:#fff; font-size:26px;}
.w2 { height:886px; margin-bottom:22px;}
.w2_con { width:1200px; margin:-20px auto 0; height:725px; position:relative; background:url(Img/Index/w2.jpg) center top no-repeat;}
.w2_con dt { height:46px; line-height:34px; overflow:hidden; font-weight:bold; color:#353535; font-size:20px; margin-bottom:12px;}
.w2_con dt span { padding-bottom:4px; border-bottom:4px solid #b8b8b8; float:left;}
.w2_con dd { color:#5a5a5a; font-size:14px; line-height:30px; padding-left:17px;}
.w2_con dl { position:absolute;}
.w2_con .d1 { width:413px; top:10px; left:630px;}
.w2_con .d2 { width:382px; top:148px; left:630px;}
.w2_con .d3 { width:423px; top:330px; left:150px; }
.w2_con .d4 { width:423px; top:463px; left:150px; }
.w2_con .d5 { width:423px; top:598px; left:150px; }
.w2_con .d3 dt span, .w2_con .d4 dt span, .w2_con .d5 dt span { float:right;}

.pic { width:1200px; margin:0 auto 28px; height:166px; position:relative; padding-bottom:35px; }
.p_img { display:block;}
.p_img img { width:1200px; height:166px;}
.pic .ad_tel { position:absolute; top:104px; left:590px; height:32px; line-height:32px;  }
.pic .ad_tel em { color:#0063b0; font-size:34px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
.pic .ad_tel a { display:inline-block; width:91px; height:32px; text-align:center; font-weight:normal; color:#fff; font-size:16px; margin-left:21px;}





.indexone { padding: 25px 0 40px; overflow: hidden; }
.oneleft{float: left;width: 690px;}
.oneleft dl{background: #f0f2fa;height: 350px;}
.oneleft dl dt{float: left;}
.oneleft dl dt img{display: block;width: 344px;height: 350px;}
.oneleft dl dd{float: left;width: 345px;padding:55px 45px 0 50px;}
.oneleft dl dd h4{font-size: 24px;margin-bottom: 25px;}
.oneleft dl dd h4 img{margin-right: 15px;display: inline-block;vertical-align: middle;}
.oneleft dl dd p{font-size: 16px;color: #919397;line-height: 30px;}
.oneleft dl dd span{font-weight: bold;font-size: 24px;color: #e2e4eb;line-height: 30px;margin-top: 40px;display: block;}

.oneleft dl:nth-child(1) dt{float: right;}
.oneleft dl:nth-child(1) dd{float: left;}
.oneright{float: right;width: 690px;}
.oneright .item{position: relative;margin-bottom: 20px;}
.oneright .item .imgs img{display: block;width: 690px;height: 340px;}
.oneright .item .text{position: absolute;bottom: 26px;left: 35px;right: 160px;}
.oneright .item .text h4{font-size: 24px;margin-bottom: 10px;color: #fff;}
.oneright .item .text h4 img{margin-right: 15px;display: inline-block;vertical-align: middle;}
.oneright .item .text p{font-size: 16px;color: #fff;line-height: 30px;}
.oneright .item  span{font-weight: bold; font-size: 24px;color: #65666e;line-height: 30px;display: block;position: absolute;right: 15px;bottom: 20px;}

.indextwo2{overflow: hidden;padding-top: 0px;}
.tits{text-align: center;background: url(/skins/default/img/index/a6.jpg) no-repeat bottom center;padding-bottom: 30px;margin-bottom: 30px;}
.tits a{line-height: 48px;font-size: 48px;color: #000;}
.tits a span{color: #0872c3;}
.twonr{padding-bottom: 35px;border-bottom: 3px #e5e5e5 solid;}
.twoleft{width: 688px;float: left;overflow: hidden;position: relative;}
.twoimgbox{overflow: hidden;position: relative;}
.twoimgbox span{ position: absolute; top: 30px; left: 30px; width: 55px; height: 30px; line-height: 30px; text-align: center;color: #fff; background: #0872c3; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.twoimgbtn { position: absolute; left: 0;right: 0;width: 100%; z-index: 100; top:410px; height: 15px;}
.twoimgbtn p{text-align: center;width: 100%;}
.twoimgbtn p span { display: inline-block; width: 10px; height: 10px; background: #d2d3d6; overflow: hidden; margin: 0 5px; border-radius: 10px; cursor: pointer; opacity: 1; vertical-align: middle; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.twoimgbtn p span.swiper-pagination-bullet-active { background: #000;width: 10px;height: 10px; }

.twoleft h4{font-size: 24px;margin: 32px 0 15px;;}
.twoleft p{color: #333;padding-bottom: 30px;}
.twoleft span{display: block;}
.twoleft span a{margin-right: 40px; width: 122px;display: inline-block;font-size: 16px;color: #000;letter-spacing: 2px; height: 49px;line-height: 49px;background: url(/skins/default/img/index/a10.jpg) no-repeat;padding-left: 25px;}
.twoleft span a:last-child{width: 153px;display: inline-block;font-size: 16px;color: #000;letter-spacing: 2px; height: 49px;line-height: 49px;background: url(/skins/default/img/index/w5.jpg) no-repeat;padding-left: 25px;}

.tworight{float: right;width: 710px;}
.tworight li{float: left;width:335px;margin-left: 20px;}
.tworight li img{width:335px;height: 449px;display: block;}
.tworight li h4{font-size: 24px;margin: 32px 0 15px;;}
.tworight li p{color: #333;padding-bottom: 30px;}
.tworight li span{display: block;}
.tworight li span a{margin-right: 40px; width: 122px;display: inline-block;font-size: 16px;color: #000;letter-spacing: 2px; height: 49px;line-height: 49px;background: url(/skins/default/img/index/a10.jpg) no-repeat;padding-left: 25px;}

.indexthree2{padding:40px 0 0;}
.threenr2 li{margin-right: 20px;float: left;position: relative;}
.threenr2 li:last-child{margin-right: 0px;}
.threenr2 li img{display: block;width: 335px;height: 449px;}
.threenr2 li p{opacity: 1; position: absolute;bottom: 35px;color: #828287;left: 0;right: 0;text-align: center;font-size: 18px;}
.threenr2 li .text2{ opacity: 0; transition: .4s; text-align: center; padding-top: 218px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/skins/default/img/index/y3.png) no-repeat top center; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
.threenr2 li .text2 h4{font-size: 36px;line-height: 36px;color: #fff;padding-bottom: 10px;}
.threenr2 li .text2 span{font-size: 18px;line-height: 18px;color: #fff;display: block;}
.threenr2 li .text2 em{ position: absolute; top: 30px; left: 30px; width: 55px; height: 30px; line-height: 30px; text-align: center;color: #fff; background: #0872c3; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px;}
.threenr2 li:hover .text2{opacity: 1; }
.threenr2 li:hover p{opacity: 0; }

.indexfour{padding:40px 0 0;}

.indexfive2{background: url(/skins/default/img/index/a19.jpg) no-repeat  center 210px;padding-top:0px;height:1488px;overflow: hidden;}
.indexfive2 .tits p{font-size: 24px;line-height: 30px;color: #a3a3a3;padding-top: 12px;}
.indexfive2 .item1{padding-top: 85px;}
.indexfive2 .item h3{font-size: 30px;line-height: 30px;}
.indexfive2 .item h4{font-size: 36px;color: #0872c3;line-height: 36px;padding:10px 0 35px}
.indexfive2 .item p{line-height: 30px; color: #7f8185;font-size: 18px;margin-bottom: 10px;padding-left: 20px;background: url(/skins/default/img/index/z20.png) no-repeat  left 8px}
.indexfive2 .item h5{margin-top: 60px;margin-bottom: 20px; font-size: 24px; background: url(/skins/default/img/index/a20.jpg) no-repeat  left center;margin-left: 55px;padding-left: 25px;}
.indexfive2 .item h5 span{color: #0872c3;}
.indexfive2 .item em{display: block;color: #7f8185;font-size: 16px;display: block;margin-left: 77px;line-height: 30px;}
.indexfive2 .item2{width: 522px;float: right;margin-top: 360px;}

.indexsix2{background: url(/skins/default/img/index/a21.jpg) no-repeat  top center ;padding-top: 58px;height:449px;}
.indexsix2 p{font-size: 16px;padding-top: 108px;}
.indexsix2 h4{font-size: 48px;line-height: 48px;padding-top: 30px;padding-bottom: 48px;}
.indexsix2 h4 span{color: #0872c3;}
.indexsix2 .telsa{padding:10px 0; background: url(/skins/default/img/index/y5.png) no-repeat  left center;padding-left: 55px;font-size: 30px;color: #0872c3;}
.indexsix2 .telsa a{width: 163px;vertical-align: 7px;margin-left: 25px; display: inline-block;font-size: 16px;color: #000;letter-spacing: 2px; height: 49px;line-height: 49px;background: url(/skins/default/img/index/z21.png) no-repeat;padding-left: 25px;}

.indexsenven{padding-top: 45px;padding-bottom: 50px;}
.indexsenven .tits p{font-size: 24px;line-height: 30px;color: #a3a3a3;padding-top: 12px;}
.senventit{padding-bottom: 13px;}
.senventit span{float: left;color: #c10e0e;font-size: 18px;}
.senventit a{float: right;color: #333;font-size: 14px;}

.senvennr2{overflow: hidden;position: relative;}
.senvenleft {margin-bottom: 20px;}
.senvenleft .text2{padding-top: 35px;padding-left: 45px; background: url(/skins/default/img/index/w7.jpg) no-repeat  left center;width: 453px;height: 152px;}
.senvenleft img{display: block;width: 453px;height: 364px;}
.senvenleft .text2 h4{font-size: 30px;line-height: 30px;padding-bottom: 12px;color: #000;}
.senvenleft .text2 p{font-size: 18px;color: #000;}
.senvenright li{float: left;width: 454px;position: relative;}
.senvenright li img{display: block;width: 454px;height: 248px;}
.senvenright li p{ transition:.4s ; opacity: 1; position: absolute; bottom: 0px; color: #898989; height: 55px; background: #f8f8f8; line-height: 55px; left: 0; right: 0; text-align: center; font-size: 18px; -webkit-transition:.4s ; -moz-transition:.4s ; -ms-transition:.4s ; -o-transition:.4s ; }
.senvenright li .text2{ opacity: 0; transition: .4s; text-align: center; padding-top: 132px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/skins/default/img/index/y7.png) no-repeat top center; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
.senvenright li .text2 h4{font-size: 36px;line-height: 36px;color: #fff;padding-bottom: 10px;}
.senvenright li .text2 span{font-size: 18px;line-height: 18px;color: #fff;display: block;}
.senvenright li:hover .text2{opacity: 1; }
.senvenright li:hover p{opacity: 0; }
.senvenright li:nth-child(1){position: absolute;top: 0;left: 474px;}
.senvenright li:nth-child(2){position: absolute;top: 0;right: 0;}
.senvenright li:nth-child(3){position: absolute;top: 266px;left: 474px;}
.senvenright li:nth-child(4){position: absolute;top: 266px;right: 0;}
.senvenright li:nth-child(5),.senvenright li:nth-child(6){margin-right: 19px;}

.indexeight{background: url(/skins/default/img/index/a30.jpg) no-repeat  top center ;height:967px;}
.indexeight .commonweb{position: relative;padding-top: 132px;height:967px}
.eighttit{background: url(/skins/default/img/index/z22.png) no-repeat bottom left;padding-bottom: 30px;}
.eighttit a h4{line-height: 36px;font-size: 36px;color: #fff;font-weight: bold;}
.eighttit a p{line-height: 30px;font-size: 30px;color: #fff;padding-top: 10px;}
.eightnr{padding-top: 333px;margin-left: 27px;width: 822px;}
.eightnr h4{padding-left: 50px;background: url(/skins/default/img/index/w8.jpg) no-repeat  left 5px;font-size: 24px;padding-bottom: 30px;}
.eightnr p{padding-left: 50px;color: #898989;line-height: 30px;line-height: 30px;text-indent: 30px;}
.eightnr a{font-size: 16px;color: #000;float: right;}

.indexeight .item{width: 472px;position: absolute;right: 0;bottom: 50px;}
.indexeight .item li{float: left;width: 234px;height: 126px;}
.indexeight .item li span{display: inline-block;vertical-align: middle;width:38px;height: 38px;}
.indexeight .item li:nth-child(1) span{background: url(/skins/default/img/index/y9.png) no-repeat  center;}
.indexeight .item li:nth-child(2) span{background: url(/skins/default/img/index/y10.png) no-repeat  center;}
.indexeight .item li:nth-child(3) span{background: url(/skins/default/img/index/y11.png) no-repeat  center;}
.indexeight .item li:nth-child(4) span{background: url(/skins/default/img/index/y12.png) no-repeat  center;}
.indexeight .item li a{font-size: 18px;color: #333; display: block;padding:46px 0  0 55px; background: #e9e8ef;width: 234px;height: 126px;border-left: 2px #fff solid;border-bottom: 2px #fff solid; }
.indexeight .item li:hover a{background: #0872c3;color: #fff;}
.indexeight .item li:hover:nth-child(1) span{background: url(/skins/default/img/index/y9s.png) no-repeat  center;}
.indexeight .item li:hover:nth-child(2) span{background: url(/skins/default/img/index/y10s.png) no-repeat  center;}
.indexeight .item li:hover:nth-child(3) span{background: url(/skins/default/img/index/y11s.png) no-repeat  center;}
.indexeight .item li:hover:nth-child(4) span{background: url(/skins/default/img/index/y12s.png) no-repeat  center;}






.indexlast{padding:0px 0 50px;overflow: hidden;}
.lasttit{padding-bottom: 18px;}
.lasttit span{float: left;font-size: 24px;color: #000;}

.lastleft{width: 447px;float: left;margin-right: 28px;}
.lastleft .lastimgboxs{position: relative;}
.lastleft .lastimgboxs p img{display: block;width: 447px;height: 244px;}
.lastleft .lastimgboxs a{ position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.lastleft .lastimgboxs span{position: absolute; top: 0%; left: 0%;width: 100px;height: 40px;line-height: 40px;background: #2f2e30;text-align: center;color: #fff;display: block;}
.lastleft li {margin-top: 20px;}
.lastleft li .imgbox{float: left;position: relative;}
.lastleft li .imgbox p img{display: block;width: 135px;height: 74px;}
.lastleft li .imgbox span{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;}


.lastleft li .text{float: left;width: 310px;padding-left: 28px;}
.lastleft li .text h4{margin-bottom: 12px;color: #000; background: url(/skins/default/img/index/a37.jpg) no-repeat right center;font-size: 18px;}
.lastleft li .text p{color: #686868;}
.lastcenter{width: 446px;float: left;}

.lastcenter .lastimgboxs{position: relative;}
.lastcenter .lastimgboxs p img{display: block;width: 447px;height: 244px;}
.lastcenter .lastimgboxs span{position: absolute; top: 0%; left: 0%;width: 100px;height: 40px;line-height: 40px;background: #2f2e30;text-align: center;color: #fff;display: block;}
.lastcenter .text{width: 446px;height: 285px;background: #f1f0f5;padding:30px}
.lastcenter .text h4{font-size: 18px;color: #000;}
.lastcenter .text p{font-size: 14px;color: #686868;line-height: 28px;padding:25px 0;}
.lastcenter .text span{font-size: 14px;color: #686868;}
.lastcenter .text span img{margin-right: 12px;vertical-align: middle;}

.lastright{width: 446px;float: right;padding:77px 44px 0 22px;background: #ecebf1;height: 525px;position: relative;}
.lastright li{position: relative;padding-bottom: 33px;margin-bottom: 33px;}
.lastright li h4{padding-left: 36px;background: url(/skins/default/img/index/z16.png) no-repeat left 1px;font-size: 16px;padding-bottom: 15px;}
.lastright li p{padding-left: 36px;background: url(/skins/default/img/index/z17.png) no-repeat left 1px;}
.lastright li p a{color: #969699;}
.lastright li::after{position: absolute;content: '';height: 1px;bottom: 0; background: #c7c6cb;right: 28px;left: 33px;}
.lastright li:last-child{padding-bottom: 0;margin-bottom: 0;border: 0;}
.lastright li:last-child::after{height: 0;}

.lastright span{position: absolute; top: 0%; left: 0%;width: 100px;height: 40px;line-height: 40px;background: #2f2e30;text-align: center;color: #fff;display: block;}








.indexpay{padding:50px 0 60px;}
.indexpay .commonweb{position: relative;}
.indexpay li{float: left;width: 25%;}
.indexpay li h3{padding-bottom: 25px;font-size: 18px;font-weight: bold;color: #333;}
.indexpay li p{font-size: 16px;color: #6e6e6e;padding-bottom: 15px;}
.indexpay li p.mossq a{color: #c10e0e;}

.backbox{position: absolute;right: 0;top: 0px;}
.backbox p img{display: block;margin: auto;}
.backbox p {margin-bottom: 26px;}





/**/
.ys_bg { background:url(Img/Index/ys_bg.gif) no-repeat center 0; height:1035px; padding:40px 0 0;}
.ys_bg dl { height:335px; clear:both;}
.ys_bg dl dt { float:left;}
.ys_bg dl dt span { height:65px; display:block;}
.ys_bg dl dt span a img { display:block; float:left; padding:3px 15px 0 0;}
.ys_bg dl dt span a em { display:block; float:left;}
.ys_bg dl dt span a em b { display:block; font-size:30px; color:#2042a1}
.ys_bg dl dt span a em i { display:block; font-family:Arial; font-size: 16px; color:#000;}
.ys_bg dl dt p a img { width:600px; height:263px;}
.ys_bg dl dd { float:right; padding:100px 0 0; width:500px;}
.ys_bg dl dd b a { display:block; font-size:30px; color:#000; margin-bottom:25px;}
.ys_bg dl dd p { background: url(Img/Index/ys_ico10.jpg) no-repeat 0 15px; padding-left:15px; font-size:18px; color:#708090; line-height:36px;}
.ys_bg dl dd i { display:block; padding:50px 0 0 15px;}
.ys_bg dl dd i img { margin-right:20px;}

.ys_bg .ys_dl02 { height:355px;} 
.ys_bg .ys_dl02 dt { float:right;}
.ys_bg .ys_dl02 dt span { float:right;} 
.ys_bg .ys_dl02 dt p { clear:both;}
.ys_bg .ys_dl02 dd { float:left; padding-left:20px; width:525px;}
.ys_bg .ys_dl02 dd span { padding:35px 0 0; display:block;}
.ys_bg .ys_dl02 dd span em { font-size:14px; color:#d50111; padding-left:20px;}
.ys_bg dl dd .dd_b02 { background:url(Img/Index/ys_dh.png) no-repeat; padding-left:45px; display:block; line-height:38px; font-size:30px; color:#000; font-weight:normal; margin:20px 0 0;}
.ys_bg .ys_dl03 dt span { height:83px;}
.ys_bg .ys_dl03 dd { padding:70px 0 0;}
.ys_bg .ys_dl03 dd i { padding:20px 0 0 15px;}