@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";min-width:1200px;width:100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; }
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}






.icon-backtop:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -65px -220px; width: 55px; height: 55px; }

.icon-cline:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -346px 0px; width: 22px; height: 31px; }

.icon-contact4:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -186px -220px; width: 45px; height: 45px; }

.icon-dnarrow:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -346px -41px; width: 16px; height: 10px; }

.icon-download:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -130px -220px; width: 46px; height: 47px; }

.icon-insidenav:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -220px -138px; width: 56px; height: 56px; }

.icon-loadmore:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: 0px -285px; width: 31px; height: 31px; }

.icon-mloadmore:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -241px -220px; width: 31px; height: 31px; }

.icon-msearch:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px -105px; width: 35px; height: 35px; }

.icon-nav01:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px 0px; width: 46px; height: 42px; }

.icon-qa1:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px -150px; width: 32px; height: 32px; }

.icon-qa2:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px -192px; width: 32px; height: 32px; }

.icon-qcode:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: 0px 0px; width: 210px; height: 210px; }

.icon-return:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -220px -70px; width: 58px; height: 58px; }

.icon-searchbtn:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px -52px; width: 43px; height: 43px; }

.icon-toptop01:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: 0px -220px; width: 55px; height: 55px; }

.icon-totop_28:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -220px 0px; width: 60px; height: 60px; }

.icon-upimg:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -41px -285px; width: 39px; height: 24px; }

.icon-wimg29:before { content: ''; display: block; background-image: url(/skins/default/img/index/sprite.png); background-position: -290px -234px; width: 32px; height: 32px; }

@charset "UTF-8";
/*--公共部分--*/
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

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

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

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;  }

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";
.commonweb { margin: 0px auto; padding: 0; width: 1200px; }



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; }


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




.commonweb2 { margin: 0px auto; padding: 0; width: 1200px; }



/*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(/skins/default/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: #df2028; }

.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(/skins/default/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: #df2028; }

.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: #df2028; }

.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: #df2028; 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; }

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

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

.twonrbox { padding-bottom: 30px; }


.indexfour { padding-bottom: 45px; }

.indexfour .commonweb { background: #f5f5f5; }

.zhuxone { float: left; width: 234px; height: 210px; background: url(/skins/default/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: #df2028; color: #fff; font-size: 14px; cursor: pointer; }

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

.zhuxbtn p span { color: #df2028; }

.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(/skins/default/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; height: 420px;}

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

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

.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(/skins/default/img/index/j1.jpg) no-repeat; transition: all .4s; }

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

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

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

.zhensnr { margin-top: 40px; }

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

.zhensnr .item h5 { color: #df2028; 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 #df2028 solid; box-shadow: 1px 5px 15px 1px #ccc; transition: all .4s; }


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

.indexeig ul { margin: 0 auto; width:1200px;overflow:hidden;}

.indexeig li { float: left; width: 241px; margin: 0 6px; }

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

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

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

.indexeig li a:hover { box-shadow: 1px 5px 15px 1px #ccc;transform: translate3d(0, -2px, 0); }



.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 25px; }

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

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

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

.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(/skins/default/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: #df2028; }

.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.zzz { 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(/skins/default/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 #df2028 solid; color: #df2028; }

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

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

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

.nj_right:hover, .nj_left .cur { border: 1px #df2028 solid; color: #df2028; background: url(/skins/default/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: 20px 40px 0; }

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

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

.imadisplay dd p img{max-width:1035px;}

.imadisplay dd p{padding:10px 0;}

.imadisplay dd h4 { padding: 25px 0; font-size: 24px; color: #000; line-height: 24px; padding-left: 0; background: url(/skins/default/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: auto; height: auto; }

.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: 9px; 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: auto; }

.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  #df2028 solid; color: #df2028; 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: #df2028; 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: #df2028 url(/skins/default/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: 234px; 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(/skins/default/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: #df2028; }

.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(/skins/default/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;  overflow:hidden; }

.visit_more { width: 385px; height: 60px; background: #df2028; 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; background: url(/skins/default/img/index/q1s.png) no-repeat 100px 28px; }

.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: #df2028; border: 1px #df2028 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:nth-child(2) { 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; margin: 0 9px; margin-bottom: 20px; }

.designerbottom li img { width: 387px; height: 384px; 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: #df2028; border: 1px #df2028 solid; border-radius: 3px; text-align: center; margin-top: 12px; }

.designerbox { padding-bottom: 30px; }

.desig_more { margin-bottom: 0; }

.n-bannertwo { height: 241px; }

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

.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: #df2028; }

.desigdetailsthree h4 { color: #df2028; 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: #df2028; 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(/skins/default/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(/skins/default/img/index/j3.jpg) no-repeat; transition: all .4s; z-index: 11; }

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

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

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

.applys { float: left; }

.applys img { display: block; }

.applys h3 { font-size: 16px; color: #df2028; 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: #df2028; 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: #df2028; }

.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: #df2028; 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 a:hover {color: #444;}

.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(/skins/default/img/index/s1.jpg) no-repeat left center; }

.offlist p b { color: #df2028; }

.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: #df2028; padding-bottom: 12px; }

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

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

.butoffer { width: 375px; height: 55px; background: #df2028 url(/skins/default/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(/skins/default/img/index/s4.jpg) no-repeat left center; }

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

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

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

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

.offertwo li:nth-child(4) { background: url(/skins/default/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; background: url(/skins/default/img/index/q9.png) no-repeat; }


.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(/skins/default/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(/skins/default/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: #df2028; }

.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: #df2028; }

.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(/skins/default/img/index/j5.jpg) no-repeat; transition: all .4s; z-index: 11; }

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

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

.con_right:hover { background: url(/skins/default/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(/skins/default/img/index/q11.png) no-repeat center; }

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

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

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

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

.nfourtit a:hover:nth-child(3) span, .nfourtit a.cur:nth-child(3) span { background: url(/skins/default/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(/skins/default/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; background: url(/skins/default/img/index/nb4.jpg) no-repeat center top; 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(/skins/default/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: #df2028; }

.senvenbtn { float: left; }

.senvenbtn input { width: 215px; height: 55px; line-height: 55px; text-align: center; background: #df2028; 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(/skins/default/img/index/s41.jpg) no-repeat top center; }

.brandone { background: url(/skins/default/img/index/s42.jpg) no-repeat bottom center; 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(/skins/default/img/index/s25.jpg) no-repeat center; margin-bottom: 30px; font-size: 24px; color: #df2028; }

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

.brandright .text p { font-size: 14px; color: #df2028; padding-left: 25px; background: url(/skins/default/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: #df2028; 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: #df2028; 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(/skins/default/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: #df2028; 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: #df2028; 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: #df2028; }

.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: #df2028; }

.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; height:155px; }

.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: #df2028; }

.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: 12px 0; text-align: center; }

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







.anlione dl  { -webkit-transition: all .2s linear;transition: all .2s linear;}

.anlione dl:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}

.anlitwo li { -webkit-transition: all .2s linear;transition: all .2s linear;}
.anlitwo li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}

.designeritem { -webkit-transition: all .2s linear;transition: all .2s linear;}
.designeritem:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}

.designerbottom li { -webkit-transition: all .2s linear;transition: all .2s linear;}
.designerbottom li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}


.construction-one .ulsone li { -webkit-transition: all .2s linear;transition: all .2s linear;}
.construction-one .ulsone li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}

/*.yanpz { -webkit-transition: all .2s linear;transition: all .2s linear;}
.yanpz:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}*/
.nfournr li:hover p{background: rgba(255,255,255,1);color: #000;-webkit-transition: all .2s linear;
    transition: all .2s linear;}

 
.bdthreenr { -webkit-transition: all .2s linear;transition: all .2s linear;}
.bdthreenr:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}


.brandseight li { -webkit-transition: all .2s linear;transition: all .2s linear;}
.brandseight li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}
    
    
    .indexeig h3 em, .indexsenven h3 em{font-size:20px;padding-left:100px;}   
      .indexnine h3 em,      .indexsenven h3 em{font-size:20px;padding-left:100px;} 
   .indexnine h3 em a{padding:0 5px;display:inline-block;}    
      
      .indexfour { padding-bottom: 45px; }

.indexfour .commonweb { background: #f5f5f5; }

.zhuxone { float: left; width: 234px; height: 210px; background: url(/skins/default/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: #df2028; color: #fff; font-size: 14px; cursor: pointer; }

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

.zhuxbtn p span { color: #df2028; }


.indexnine .sixtit em a{font-size: 16px;margin-left: 15px;display: inline-block;}



.pagebox {padding: 20px 40px;text-align: center;}
.pagebox .page_left{display: inline-block;float: left;}
.page_left a{font-size: 14px;color: #333;}
.page_left a span{color: #666;padding-left: 5px;}
.pagebox .page_right{display: inline-block;float: right;}
.page_right a{font-size: 14px;color: #333;}
.page_right a span{color: #666;padding-left: 5px;}