@font-face {

    font-family: 'gilroy';

    src: url('../fonts/gilroy-regular.eot');

    src: url('../fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/gilroy-regular.woff2') format('woff2'),

        url('../fonts/gilroy-regular.woff') format('woff'),

        url('../fonts/gilroy-regular.ttf') format('truetype'),

        url('../fonts/gilroy-regular.svg#FZLTHJW--GB1-0') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'gilroycu';

    src: url('../fonts/gilroy-regular-cu.eot');

    src: url('../fonts/gilroy-regular-cu.eot?#iefix') format('embedded-opentype'),

        url('../fonts/gilroy-regular-cu.woff2') format('woff2'),

        url('../fonts/gilroy-regular-cu.woff') format('woff'),

        url('../fonts/gilroy-regular-cu.ttf') format('truetype'),

        url('../fonts/gilroy-regular-cu.svg#FZLTHJW--GB1-0') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



*{margin: 0;padding: 0;list-style: none;}

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */

th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}

/** 设置默认字体 **/

body,button, input, select, textarea /* for ie */ {font:12px "lanting","微软雅黑","宋体","Arial Narrow",HELVETICA, \5b8b\4f53, sans-serif;}

h1, h2, h3, h4, h5, h6 { font-size: 100%;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/

ul, ol { list-style: none; }

/** 重置文本格式元素 **/

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

a:hover { text-decoration: underline; color:#d91213 }

/** 重置表单元素 **/

legend { color: #000; } /* for ie6 */

fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */

button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */

select {

/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

border: solid 1px #000;

/*很关键：将默认的select选择框样式清除*/

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

/*加padding防止文字覆盖*/

padding-right: 14px;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand { display: none; }

/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/

table { border-collapse: collapse; border-spacing: 0; }

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:gilroy !important;}

body {background:#0f0f0f; font-family:gilroy !important; padding-top:80px;}

em{font-style:normal}

li{list-style:none}

img {transition: all 0.3s linear 0s;}

img:hover {transition: all 0.3s linear 0s;}

a {color:#333; transition: all 0.3s linear 0s !important;}

a:hover {color:#666; transition: all 0.3s linear 0s !important;}

span {font-family:gilroy !important}

p {font-family:gilroy !important}

strong {font-family:gilroy !important}

input {background:none; border-radius:0 !important; outline: none !important;}

select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}

textarea,button {background:none}



/*nav*/

.nav {width:100%; height:80px; background:#000; position:fixed; top:0px; left:0px; z-index:99999}

.nav div.navmain {width:90%; height:80px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}

.nav div.navmain div.logo {width:232px; overflow:hidden; height:80px;}

.nav div.navmain div.logo img {width:232px; overflow:hidden; height:80px; display:block}

.nav div.navmain div.dht {width:80%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:space-betwee}

.nav div.navmain div.dht dl {width:auto; height:50px; margin-top:30px; padding-left:12px; padding-right:12px; margin-left:7px; margin-right:7px; position:relative}

.nav div.navmain div.dht dl dt {width:100%; height:50px; line-height:40px; font-size:16px;}

.nav div.navmain div.dht dl dt a {width:100%; overflow:hidden; height:50px; line-height:40px; display:block; font-size:16px; color:#b4b4b4; text-align:center}

.nav div.navmain div.dht dl i {width:100%; overflow:hidden; height:0px; background:#e60012; position:absolute; bottom:0px; left:0px; z-index:999; display:block}

.nav div.navmain div.dht dl dd {width:600px; min-width:650px; padding:5px; padding-top:35px; padding-bottom:20px; background:url(../images/tm.png); position:absolute; top:50px; left:-100px; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:space-betwee; display:none}

.nav div.navmain div.dht dl dd a {width:130px; overflow:hidden; text-align:center; padding-left:10px; padding-right:10px;}

.nav div.navmain div.dht dl dd a span {width:118px; overflow:hidden; height:auto; display:block; margin:0px auto}

.nav div.navmain div.dht dl dd a span img {width:118px; overflow:hidden; height:auto; display:block;}

.nav div.navmain div.dht dl dd a p {width:100%; overflow:hidden; display:block; line-height:40px; text-align:center; font-size:14px; color:#fff}

.nav div.navmain div.dht dl dd a p em {width:2px; overflow:hidden; height:13px; background:#e60012; vertical-align:middle; display:inline-block; margin-right:10px;}



.nav div.navmain div.dht dl:hover {width:auto; height:50px; margin-top:30px; padding-left:12px; padding-right:12px; margin-left:7px; margin-right:7px; position:relative}

.nav div.navmain div.dht dl:hover dt {width:100%; height:50px; line-height:40px; font-size:16px;}

.nav div.navmain div.dht dl:hover dt a {width:100%; overflow:hidden; height:50px; line-height:40px; display:block; font-size:16px; color:#e60012; text-align:center;}

.nav div.navmain div.dht dl:hover dt a:hover {text-decoration:none; color:#e60012}

.nav div.navmain div.dht dl:hover i {width:100%; overflow:hidden; height:4px; background:#e60012; position:absolute; bottom:0px; left:0px; z-index:999; display:block}

.nav div.navmain div.dht dl:hover dd {width:600px; min-width:650px; padding:5px; padding-top:35px; padding-bottom:20px; background:url(../images/tm.png); position:absolute; top:50px; left:-100px; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:space-betwee;}

.nav div.navmain div.dht dl:hover dd a {width:130px; overflow:hidden; text-align:center; padding-left:10px; padding-right:10px;}

.nav div.navmain div.dht dl:hover dd a span {width:118px; overflow:hidden; height:auto; display:block; margin:0px auto}

.nav div.navmain div.dht dl:hover dd a span img {width:118px; overflow:hidden; height:auto; display:block;}

.nav div.navmain div.dht dl:hover dd a p {width:100%; overflow:hidden; display:block; line-height:40px; text-align:center; font-size:14px; color:#fff}

.nav div.navmain div.dht dl:hover dd a p:hover {text-decoration:none; color:#e60012}

.nav div.navmain div.dht dl:hover dd a:hover { text-decoration:none}

.nav div.navmain div.dht dl:hover dd a p em {width:2px; overflow:hidden; height:13px; background:#e60012; vertical-align:middle; display:inline-block; margin-right:10px;}



.nav div.navmain div.dht dl.ahover {width:auto; height:50px; margin-top:30px; padding-left:12px; padding-right:12px; margin-left:7px; margin-right:7px; position:relative}

.nav div.navmain div.dht dl.ahover dt {width:100%; height:50px; line-height:40px; font-size:16px;}

.nav div.navmain div.dht dl.ahover dt a {width:100%; overflow:hidden; height:50px; line-height:40px; display:block; font-size:16px; color:#e60012; text-align:center}

.nav div.navmain div.dht dl.ahover i {width:100%; overflow:hidden; height:4px; background:#e60012; position:absolute; bottom:0px; left:0px; z-index:999; display:block}



.nav div.navmain div.dht div.soso {width:50px; overflow:hidden; height:50px; margin-top:20px; cursor:pointer; background:url(../images/ico_soso.png) center no-repeat}

.nav div.navmain div.dht div.language {width:50px; overflow:hidden; height:50px; margin-top:20px;}

.nav div.navmain div.dht div.language a {width:50px; overflow:hidden; height:50px; background:url(../images/ico_zw.png) center no-repeat; display:block}



/*mian*/

.wrapmain {width:100%; overflow:hidden}



/* banner */

.swiper {width:100%; height:90vh; background:#000}

@media (max-width: 1600px) {.swiper {width:100%; height:82vh; background:#000}}

@media (max-width: 1500px) {.swiper {width:100%; height:75vh; background:#000}}

@media (max-width: 1400px) {.swiper {width:100%; height:74vh; background:#000}}

@media (max-width: 1300px) {.swiper {width:100%; height:66vh; background:#000}}

@media (max-width: 1200px) {.swiper {width:100%; height:60vh; background:#000}}

@media (max-width: 1100px) {.swiper {width:100%; height:52vh; background:#000}}



.swiper div.wz {width:605px; overflow:hidden; height:213px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee; position:absolute; left:0%; margin-left:0%; top:50%; margin-top:-106.5px; z-index:999}

.swiper div.wz h1 {width:350px; overflow:hidden; height:220px; background:url(../images/tm.png); text-align:left; padding-left:125px; padding-right:125px;}

.swiper div.wz h1 span {width:auto; overflow:hidden; display:block; margin-top:40px;}

.swiper div.wz h1 span img {width:auto; overflow:hidden; height:auto; display:block}

.swiper div.wz h1 i {width:130px; overflow:hidden; height:5px; background:#fff; border-radius:100px; background:#FFF; display:block; margin-top:30px; margin-bottom:24px;}

.swiper div.wz h1 p {width:auto; overflow:hidden; text-align:left; font-size:30px; color:#FFF; display:block; font-weight:normal}



.swiper-slide {width:100%; height:100%; text-align:center}

.swiper-slide a {width:100%; overflow:hidden; height:100%; display:block;}





.swiper-pagination {width:50% !important; bottom:30px !important}

.swiper-pagination span.swiper-pagination-bullet {width:14px; overflow:hidden; height:14px; border:2px solid #fff; background:none; opacity: 1 !important;}

.swiper-pagination span.swiper-pagination-bullet-active {width:45px; overflow:hidden; height:14px; border:2px solid #fff; background:#fff; border-radius:100px;}



/*品牌*/

.brandtab {width:96%; overflow:hidden; margin:0px auto; margin-top:44px;} 

.brandtab .brandtabTitle{width:100%; overflow:hidden; height:50px;} 

.brandtab .brandtabTitle ul {width:100%; overflow:hidden; height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:space-betwee} 

.brandtab .brandtabTitle li {width:auto; overflow:hidden; height:50px; text-align:center; line-height:50px; font-size:18px; color:#FFF; margin-left:30px; margin-right:30px; position:relative; cursor:pointer}

.brandtab .brandtabTitle li i {width:100%; overflow:hidden; height:0px; display:block; position:absolute; left:0px; bottom:6px; background:#e60012} 

.brandtab .brandtabTitle li.active {color:#e60012}

.brandtab .brandtabTitle li.active i {width:100%; overflow:hidden; height:1px; display:block; position:absolute; left:0px; bottom:6px; background:#e60012} 

.brandtab .brandtabTitle li.normal {color:#fff} 

.brandtab .brandtabTitle li.normal i {width:100%; overflow:hidden; height:0px; display:block; position:absolute; left:0px; bottom:6px; background:#e60012} 

.brandtab .brandtabContent {width:100%; overflow:hidden;}

.brandtabnone {display:none;}

.brandsubmian {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; align-content:space-betwee; margin-top:126px;}

.brandsub_img {width:652px; overflow:hidden; padding-right:45px;}

.brandsub_img img {width:652px; overflow:hidden; height:401px; display:block}

.brandsub_wzn {width:600px; overflow:hidden; text-align:left; line-height:30px; font-size:18px; color:#b4b4b4; padding-left:45px;}

.brandsub_wzn p {width:100%; overflow:hidden; display:block; padding-bottom:20px;}



.import {width:96%; overflow:hidden; margin:0px auto; margin-top:120px;}

.import h1 {width:100%; overflow:hidden; text-align:center; line-height:50px; font-size:36px; color:#FFF; font-weight:normal}

.import h1 i {width:200px; overflow:hidden; height:3px; border-radius:100px; display:block; margin:0px auto; margin-top:15px; background:#e60012}

.import h3 {width:60%; overflow:hidden; margin:0px auto; text-align:center; line-height:32px; font-size:18px; color:#b4b4b4; font-weight:normal; margin-top:30px;}

.import h3 p {width:100%; overflow:hidden; display:block; padding-bottom:45px;}



.import div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:space-betwee; margin-top:35px;}

.import div.m dl {width:346px; overflow:hidden; position:relative; padding-left:2px; padding-right:2px;}

.import div.m dl a {width:100%; overflow:hidden; display:block; position:relative}

.import div.m dl a em {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; top:0px; left:0px; z-index:99}

.import div.m dl a dt {width:100%; overflow:hidden; display:block}

.import div.m dl a dt img {width:100%; overflow:hidden; height:auto; display:block;  -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s}

.import div.m dl a dd {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee; position:absolute; left:0px; top:0px; z-index:999}

.import div.m dl a dd p {width:100%; overflow:hidden; display:block; line-height:40px; text-align:center; font-size:24px; color:#fff}

.import div.m dl a dd p i {width:2px; overflow:hidden; height:23px; background:#e60012; vertical-align:middle; display:inline-block; margin-right:15px;}

.import div.m dl a:hover {width:100%; overflow:hidden; display:block; position:relative}

.import div.m dl a:hover em {width:100%; overflow:hidden; height:100%; display:block; background:none; position:absolute; top:0px; left:0px; z-index:99}

.import div.m dl a:hover dt {width:100%; overflow:hidden; display:block}

.import div.m dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -transform: scale(1.06,1.06); transition: all 0.3s linear 0s}

.import div.m dl a:hover dd {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee; position:absolute; left:0px; top:0px; z-index:999}

.import div.m dl a:hover dd p {width:100%; overflow:hidden; display:block; line-height:40px; text-align:center; font-size:24px; color:#e60012}

.import div.m dl a:hover dd p i {width:2px; overflow:hidden; height:23px; background:#e60012; vertical-align:middle; display:inline-block; margin-right:15px;}





.experience {width:96%; overflow:hidden; margin:0px auto; margin-top:130px;}

.experience h1 {width:100%; overflow:hidden; text-align:center; line-height:60px; font-size:36px; color:#FFF; font-weight:normal}

.experience h1 img {width:auto; overflow:hidden; height:auto; display:block; margin:0px auto}

.experience h1 i {width:200px; overflow:hidden; height:3px; border-radius:100px; display:block; margin:0px auto; margin-top:20px; background:#e60012}

.experience div.ggt {width:1400px; overflow:hidden; min-height:640px; margin:0px auto; margin-top:60px}





.myadSwiper {width:1400px; overflow:hidden; height:640px}

.myadSwiper div.swiper-wrapper {width:1400px; height:100%;}

.myadSwiper div.swiper-wrapper div.swiper-slide {width:100%; height:100%;}

.myadSwiper div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:100%; display:block}

.myadSwiper div.swiper-pagination {width:20% !important}





.Wholehouse {width:100%; overflow:hidden; margin:0px auto; margin-top:148px;}

.Wholehouse h1 {width:100%; overflow:hidden; text-align:center; line-height:50px; font-size:36px; color:#FFF; font-weight:normal}

.Wholehouse h1 i {width:200px; overflow:hidden; height:3px; border-radius:100px; display:block; margin:0px auto; margin-top:15px; background:#e60012}

.Wholehouse h3 {width:60%; overflow:hidden; margin:0px auto; text-align:center; line-height:32px; font-size:18px; color:#b4b4b4; font-weight:normal; margin-top:35px;}

.Wholehouse h3 p {width:100%; overflow:hidden; display:block; padding-bottom:20px;}

.Wholehouse div.m {width:100%; overflow:hidden; background:#3b322c; padding-top:5px; padding-bottom:5px; margin-top:35px;}



.imggdSwiper {width:100%; height:auto; background:none}

.imggdSwiper div.swiper-wrapper {width:100%; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee; background:none}

.imggdSwiper div.swiper-wrapper div.swiper-slide {width:auto !important; height:400px; padding-left:2px; padding-right:2px; background:none}

.imggdSwiper div.swiper-wrapper div.swiper-slide img {width:auto; overflow:hidden; display:block; height:400px;}







.indexnews {width:90%; overflow:hidden; margin:0px auto; margin-top:160px;}

.newsgundong {width:100%; height:540px; background:none !important}

.newsgundong div.swiper-wrapper {width:100%; height:100%; background:none !important}

.newsgundong div.swiper-wrapper div.swiper-slide {width:100%; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:space-betwee; background:none !important}

.newsgundong div.swiper-wrapper div.swiper-slide div.l {width:700px; overflow:hidden; height:515px;}

.newsgundong div.swiper-wrapper div.swiper-slide div.l img {width:700px; overflow:hidden; height:515px; display:block}

.newsgundong div.swiper-wrapper div.swiper-slide div.r {width:700px; overflow:hidden; height:515px;}

.newsgundong div.swiper-wrapper div.swiper-slide div.r a {width:100%; overflow:hidden; height:100%; display:block; position:relative}

.newsgundong div.swiper-wrapper div.swiper-slide div.r a i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:99}

.newsgundong div.swiper-wrapper div.swiper-slide div.r a h3 {width:80%; overflow:hidden; height:100px; display:block; color:#FFF; position:absolute; left:50%; margin-left:-40%; top:50%; margin-top:-50px; text-align:center; font-size:36px; font-weight:normal; z-index:999}

.newsgundong div.swiper-wrapper div.swiper-slide div.r a h3 p {width:100%; overflow:hidden; text-align:center; line-height:40px; font-size:20px; color:#b4b4b4}

.newsgundong div.swiper-wrapper div.swiper-slide div.r a img {width:700px; overflow:hidden; height:515px; display:block}



.newsgundong div.swiper-button-next { right:15% !important; color:#FFF !important}

.newsgundong div.swiper-button-prev { left:55% !important; color:#FFF !important}
@media screen and (max-width: 2800px) {.newsgundong div.swiper-button-next { right:25% !important; color:#FFF !important}}
@media screen and (max-width: 2400px) {.newsgundong div.swiper-button-next { right:22% !important; color:#FFF !important}}
@media screen and (max-width: 2300px) {.newsgundong div.swiper-button-next { right:18% !important; color:#FFF !important}}

@media screen and (max-width: 2100px) {.newsgundong div.swiper-button-next { right:18% !important; color:#FFF !important}}
@media screen and (max-width: 2000px) {.newsgundong div.swiper-button-next { right:15% !important; color:#FFF !important}}

@media screen and (max-width: 1700px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1700px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1600px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1500px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1400px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1300px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1200px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}

@media screen and (max-width: 1100px) {.newsgundong div.swiper-button-next { right:5% !important; color:#FFF !important}}





/*footer*/

.footer {width:100%; overflow:hidden; height:auto; background:#0f0f0f; margin-top:140px;}
.footer div.logo {width:90%; overflow:hidden; max-width: 1400px; height:50px; margin:0px auto; background:url(../images/hx.png) bottom repeat-x}
.footer div.logo span {width:auto; overflow:hidden; height:50px; background:url(../images/hx_k.png) bottom  repeat-x; float:left}
.footer div.logo span img {width:auto; overflow:; height:auto; display:block;}

.footer div.nrxx {width:90%; overflow:hidden; max-width: 1400px; margin:0px auto; margin-top:20px; margin-bottom:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:space-betwee;}
.footer div.nrxx div.l {width:36%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:space-betwee;}
.footer div.nrxx div.l dl {width:25%; overflow:hidden}
.footer div.nrxx div.l dl dt {width:100%; overflow:hidden; text-align:left; line-height:30px; padding-bottom:8px; font-size:18px;}
.footer div.nrxx div.l dl dt a {color:#676767; display:block}
.footer div.nrxx div.l dl dt a:hover {color:#e60012; display:block}
.footer div.nrxx div.l dl dd {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:14px;}
.footer div.nrxx div.l dl dd a {color:#b3b3b3; display:block}
.footer div.nrxx div.l dl dd a:hover {color:#e60012; display:block}
.footer div.nrxx div.r {width:40%; overflow:hidden; text-align:right; line-height:30px; font-size:16px; padding-bottom:8px; color:#b3b3b3;}
.footer div.nrxx div.r a {color:#b3b3b3;}
.footer div.nrxx div.r a:hover {color:#e60012;}
.footer div.banquan {width:100%; overflow:hidden; text-align:center; line-height:50px; font-size:14px; color:#7a7a7a; background:#1b1b1b}
.footer div.banquan a {color:#7a7a7a}
.footer div.banquan a:hover {color:#e60012}





/*服务*/

.indexservice {width:100%; overflow:hidden; height:969px; background:url(../images/fuwu/indexbg.jpg) center top no-repeat #0f0f0f; background-size:110%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice div.tit {width:100%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.indexservice div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:30px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.indexservice div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}
.indexservice div.tit h3 span {width:auto; overflow:hidden; text-align:center; display:inline-block; font-size:16px; color:#b4b4b4; margin-top:15px;}

.indexservice div.m {width:100%; overflow:hidden; max-width:1400px; margin:0px auto; height:auto; margin-top:100px;}
.indexservice div.m div.nr {width:100%; overflow:hidden; height:270px; background:url(../images/fuwu/tm.png); border-radius:5px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexservice div.m div.nr dl {width:160px; overflow:hidden; padding-left:50px; padding-right:50px;}
.indexservice div.m div.nr dl a {width:100%; overflow:hidden; height:auto; display:block}
.indexservice div.m div.nr dl a dt {width:160px; overflow:hidden; height:auto}
.indexservice div.m div.nr dl a dt img {width:auto; overflow:hidden; height:auto; display:block; margin:0px auto}
.indexservice div.m div.nr dl a dd {width:160px; overflow:hidden; text-align:center; line-height:35px; color:#FFF; font-size:22px; position:relative; padding-bottom:3px; margin-top:22px;}
.indexservice div.m div.nr dl a dd em {width:80px; overflow:hidden; height:2px; background:#e60012; position:absolute; bottom:0px; left:50%; margin-left:-40px;}
.indexservice div.m div.nr dl a:hover {width:100%; overflow:hidden; height:auto; display:block; text-decoration:none}
.indexservice div.m div.nr dl a:hover dt {width:160px; overflow:hidden; height:auto}
.indexservice div.m div.nr dl a:hover dt img {width:auto; overflow:hidden; height:auto; display:block; margin:0px auto}
.indexservice div.m div.nr dl a:hover dd {width:160px; overflow:hidden; text-align:center; line-height:35px; color:#e60012; font-size:22px; position:relative; padding-bottom:3px; margin-top:22px;}
.indexservice div.m div.nr dl a:hover dd em {width:80px; overflow:hidden; height:2px; background:#e60012; position:absolute; bottom:0px; left:50%; margin-left:-40px;}





.indexservice_zcsc {width:100%; overflow:hidden; min-height:1900px; background:url(../images/fuwu/shoucebg.jpg) center top no-repeat #111; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice_zcsc h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.indexservice_zcsc h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:30px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.indexservice_zcsc h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}
.indexservice_zcsc div.cpsc {width:90%; overflow:hidden; margin:0px auto; margin-top:115px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexservice_zcsc div.cpsc dl {width:251px; overflow:hidden; height:352px; margin-left:34px; margin-right:34px;}
.indexservice_zcsc div.cpsc dl a {width:100%; overflow:hidden; height:100%; display:block; position:relative}
.indexservice_zcsc div.cpsc dl a dt {width:100%; overflow:hidden; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:1; transition: all 0.5s linear 0s}
.indexservice_zcsc div.cpsc dl a dt img {width:100%; overflow:hidden; height:100%; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.5s linear 0s}
.indexservice_zcsc div.cpsc dl a:hover dt {width:100%; overflow:hidden; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:1; transition: all 0.5s linear 0s}
.indexservice_zcsc div.cpsc dl a:hover dt img {width:100%; overflow:hidden; height:100%; display:block; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -transform: scale(1.1,1.1); transition: all 0.5s linear 0s}

.indexservice_zcsc div.cpsc dl a dd {width:100%; overflow:hidden; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:3; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice_zcsc div.cpsc dl a dd em {width:2px; overflow:hidden; height:24px; display:block; background:#e60012; margin-right:10px;}
.indexservice_zcsc div.cpsc dl a dd span {width:auto; overflow:hidden; display:block; text-align:left; line-height:30px; font-size:22px; color:#FFF}
.indexservice_zcsc div.cpsc dl a:hover dd span {width:auto; overflow:hidden; display:block; text-align:left; line-height:30px; font-size:22px; color:#e60012}





.indexservice_zcsc div.tabs {width:100%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:115px;}

.indexservice_zcsc div.tabs a {width:340px; overflow:hidden; height:190px; display:block; background:#2c2c2c; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-left:7px; margin-right:7px;}

.indexservice_zcsc div.tabs a:hover {text-decoration:none}

.indexservice_zcsc div.tabs a i {width:100%; overflow:hidden; height:90px; display:block;}

.indexservice_zcsc div.tabs a i img {width:90px; overflow:hidden; height:90px; display:block; margin:0px auto}

.indexservice_zcsc div.tabs a p {width:auto; overflow:hidden; display:block; text-align:center; line-height:30px; font-size:22px; color:#FFF; padding-top:20px;}

.indexservice_zcsc div.tabs a:hover {width:340px; overflow:hidden; height:190px; display:block; background:#e60012; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-left:7px; margin-right:7px;}

.indexservice_zcsc div.tabs a.active {width:340px; overflow:hidden; height:190px; display:block; background:#e60012; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-left:7px; margin-right:7px;}

.indexservice_zcsc div.tabs a.active i {width:100%; overflow:hidden; height:90px; display:block;}

.indexservice_zcsc div.tabs a.active i img {width:90px; overflow:hidden; height:90px; display:block; margin:0px auto}

.indexservice_zcsc div.tabs a.active p {width:auto; overflow:hidden; display:block; text-align:center; line-height:30px; font-size:22px; color:#FFF; padding-top:20px;}



.indexservice_zcsc div.tabqh {width:100%; overflow:hidden; height:auto !important}

.indexservice_zcsc div.swiper-container {width:100%; overflow:hidden; max-width:1416px; overflow:hidden; margin:0px auto}

.indexservice_zcsc div.swiper-slide {width:100%; overflow:hidden; height:auto !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}

.indexservice_zcsc div.swiper-slide h1 {width:90%; overflow:hidden; text-align:left; line-height:50px; font-size:22px; color:#b4b4b4; font-weight:normal; padding-top:30px; padding-left:7px;}

.indexservice_zcsc div.swiper-slide dl {width:24%; min-width:300px; overflow:hidden; margin-left:7px; margin-right:7px;}
@media screen and (max-width: 1500px) {.indexservice_zcsc div.swiper-slide dl {width:22%; min-width:300px; overflow:hidden; margin-left:7px; margin-right:7px;}}

.indexservice_zcsc div.swiper-slide dl a {width:100%; overflow:hidden; height:160px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}

.indexservice_zcsc div.swiper-slide dl a dt {width:49px; overflow:hidden; height:54px; display:block; background:url(../images/fuwu/ico_9.png) center no-repeat; margin-right:25px;}

.indexservice_zcsc div.swiper-slide dl a dd {width:auto; overflow:hidden; text-align:left; line-height:54px; font-size:22px; color:#fff;}

.indexservice_zcsc div.swiper-slide dl a:hover {text-decoration:none}

.indexservice_zcsc div.swiper-slide dl a:hover dd {width:auto; overflow:hidden; text-align:left; line-height:54px; font-size:22px; color:#e60012;}







.indexservice_problem {width:100%; overflow:hidden; min-height:1600px; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice_problem div.tit {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.indexservice_problem div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.indexservice_problem div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:30px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.indexservice_problem div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}

.indexservice_problem div.zfl {width:100%; overflow:hidden; height:45px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:120px; margin-bottom:70px;}
.indexservice_problem div.zfl a {width:auto; overflow:hidden; height:45px; display:inline-block; margin-left:95px; margin-right:95px; line-height:45px; text-align:center; font-size:22px; color:#FFF; position:relative; padding-left:5px; padding-right:5px; transition: all 0.3s linear 0s}
.indexservice_problem div.zfl a em {width:0%; overflow:hidden; display:block; height:4px; background:#e60012; position:absolute; left:50%; margin-left:-0%; bottom:0px; z-index:99; transition: all 0.3s linear 0s}
.indexservice_problem div.zfl a:hover {width:auto; overflow:hidden; height:45px; display:inline-block; margin-left:95px; margin-right:95px; line-height:45px; text-align:center; font-size:22px; color:#e60012; position:relative; padding-left:5px; padding-right:5px; transition: all 0.3s linear 0s; text-decoration:none}
.indexservice_problem div.zfl a:hover em {width:100%; overflow:hidden; display:block; height:4px; background:#e60012; position:absolute; left:50%; margin-left:-50%; bottom:0px; z-index:99; transition: all 0.3s linear 0s}
.indexservice_problem div.zfl a.ahover {width:auto; overflow:hidden; height:45px; display:inline-block; margin-left:95px; margin-right:95px; line-height:45px; text-align:center; font-size:22px; color:#e60012; position:relative; padding-left:5px; padding-right:5px; transition: all 0.3s linear 0s; text-decoration:none}
.indexservice_problem div.zfl a.ahover em {width:100%; overflow:hidden; display:block; height:4px; background:#e60012; position:absolute; left:50%; margin-left:-50%; bottom:0px; z-index:99; transition: all 0.3s linear 0s}

.accordion {width:70%; margin:0px auto; max-width:1200px;}
.drawer {width:auto; height:auto; text-align:left; display:block; font-size:20px; color:#b4b4b4; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#000; margin-top:25px;}
.accordion-item{width:100%;}
.accordion-item-active .accordion-header{background:#e60012;transition:.25s;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-item-active .accordion-header h1{color:#fff;}
.accordion-header {background:#000; padding-left:30px; padding-right:30px; cursor:pointer; min-height:85px; transition:.25s; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.accordion-header h1 {font-size:20px;font-weight: normal;margin:0;line-height:1.3em;color:#212121; color:#b4b4b4; line-height:85px; min-height:85px;}
.accordion-content {display:none;padding:30px; color:#b4b4b4; background:#000;font-size:20px;line-height:28px;}
.accordion-content p{margin:0;margin-bottom:3px;}
.accordion-header-icon {width:16px; overflow:hidden; height:16px; background:url(../images/jt.png); font-size:0px;}
.accordion-header-icon.accordion-header-icon-active {width:16px; overflow:hidden; height:16px; background:url(../images/jt_x.png); font-size:0px;}


/*分页*/

.pageplane {width:100%; overflow:hidden; padding-top:100px;}
.pageplane ul.pagination {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;color:#FFF}
.pageplane ul.pagination li {width:50px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:26px; color:#FFF}
.pageplane ul.pagination li a {width:100%; overflow:hidden; height:30px; display:block; line-height:30px; font-size:26px; color:#FFF}
.pageplane ul.pagination li.active {width:50px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:26px; color:#FFF}
.pageplane ul.pagination li.active a {width:100%; overflow:hidden; height:30px; display:block; line-height:30px; font-size:26px; color:#e60012}
.pageplane ul.pagination li a:hover { text-decoration:none !important}











.Storeguidelines {width:100%; overflow:hidden; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}

.Storeguidelines div.tit {width:100%; overflow:hidden; height:743px; background:url(../images/fuwu/mendian_banner.jpg) center no-repeat; background-size:110%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}

.Storeguidelines div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal; padding-top:50px; padding-bottom:50px;}

.Storeguidelines div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:40px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}

.Storeguidelines div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}

.Storeguidelines div.tit h3 span {width:100%; overflow:hidden; display:block; margin-top:14px; line-height:20px; font-size:18px; color:#FFF;}



.Storeguidelines div.subite {width:80%; overflow:hidden; max-width:1400px; margin:0px auto; background:url(../images/fuwu/mendian_bg.jpg) center no-repeat #0f0f0f; min-height:1252px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.Storeguidelines div.subite div.bt {width:100%; overflow:hidden; border-bottom:2px solid #b4b4b4; height:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center}
.Storeguidelines div.subite div.bt h6 {width:auto; overflow:hidden; text-align:left; line-height:60px; color:#fff; font-size:24px; font-weight:normal}
.Storeguidelines div.subite div.bt h6 span {font-size:18px; color:#b4b4b4}

.Storeguidelines div.subite div.bt div.sx {width:594px; overflow:hidden; height:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center}
.Storeguidelines div.subite div.bt div.sx select {width:182px; overflow:hidden; height:27px; border:1px solid #e60012; border-radius:10px; color:#FFF; font-size:18px; padding-left:10px; background:url(../images/fuwu/xlcd.png) 155px 10px no-repeat; margin-left:16px;}
.Storeguidelines div.subite div.bt div.sx select option { background:#000; border:0px;}



.Storeguidelines div.subite ul.mdlb {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start}

.Storeguidelines div.subite ul.mdlb li {width:32%; overflow:hidden; height:auto; padding-top:70px; padding-bottom:30px;}
.Storeguidelines div.subite ul.mdlb li a {width:100%; overflow:hidden; display:block;}
.Storeguidelines div.subite ul.mdlb li a:hover {width:100%; overflow:hidden; display:block; text-decoration:none}
.Storeguidelines div.subite ul.mdlb li p {width:100%; overflow:hidden; height:260px; display:block; transition: all 0.3s linear 0s}
.Storeguidelines div.subite ul.mdlb li p img {width:100%; overflow:hidden; height:260px; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.5s linear 0s}
.Storeguidelines div.subite ul.mdlb li p:hover {width:100%; overflow:hidden; height:260px; display:block; transition: all 0.3s linear 0s}
.Storeguidelines div.subite ul.mdlb li p:hover img {width:100%; overflow:hidden; height:260px; display:block; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -transform: scale(1.1,1.1); transition: all 0.5s linear 0s}

.Storeguidelines div.subite ul.mdlb li h1 {width:100%; overflow:hidden; font-weight:normal;}

.Storeguidelines div.subite ul.mdlb li h1 b {width:100%; overflow:hidden; height:auto; border-left:2px solid #e60012; padding-left:12px; line-height:28px; color:#fff; font-size:22px; font-weight:normal; margin-top:45px; display:block}

.Storeguidelines div.subite ul.mdlb li h1 span {width:auto; overflow:hidden; text-align:left; line-height:20px; font-size:16px; color:#b4b4b4; display:block; background:url(../images/fuwu/ico_weizhi.png) left no-repeat; padding-left:26px; margin-top:18px;}







.Contact {width:100%; overflow:hidden; min-height:1000px; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}

.Contact div.tit {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:5%;}

.Contact div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}

.Contact div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:30px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}

.Contact div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}

.Contact div.lxsub {width:100%; overflow:hidden; height:auto; display:block; margin-top:125px; position:relative}

.Contact div.lxsub img {width:100%; overflow:hidden; height:auto; display:block}

.Contact div.lxsub div.lxnr {width:540px; overflow:hidden; height:325px; position:absolute; top:50%; margin-top:-162.5px; right:10%; z-index:9}

.Contact div.lxsub div.lxnr h1 {width:auto; overflow:hidden; display:block; font-weight:normal; color:#fff; font-size:30px; text-align:left; line-height:35px; padding-bottom:50px;}

.Contact div.lxsub div.lxnr h1 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:22px; font-size:22px; color:#b4b4b4; padding-bottom:20px;}



.Contact div.lxsub div.lxnr div.ico {width:auto; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center} 

.Contact div.lxsub div.lxnr div.ico a {width:54px; overflow:hidden; height:auto; border:2px solid #b4b4b4; border-radius:6px; display:block; text-align:center; padding:4.5px; margin-right:22px;}

.Contact div.lxsub div.lxnr div.ico a img {width:54px; overflow:hidden; height:54px; display:block}

.Contact div.lxsub div.lxnr div.ico a:hover {width:54px; overflow:hidden; height:auto; border:2px solid #e60012; border-radius:6px; display:block; text-align:center; padding:4.5px; margin-right:22px;}

.Contact div.lxsub div.lxnr div.ico a:hover img {width:54px; overflow:hidden; height:54px; display:block}





.aboutus_banner {width:100%; overflow:hidden; height:100vh; background:url(../images/about/about_bg.jpg) center no-repeat #0f0f0f; background-size:110%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}

.aboutus_banner h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}

.aboutus_banner h3 img {width:328px; overflow:hidden; height:40px; display:block}

.aboutus_banner h3 span {width:auto; overflow:hidden; display:block; text-align:center; font-size:22px; color:#b4b4b4; margin-top:24px;}



.aboutmeishi {width:90%; overflow:hidden; margin:0px auto; min-height:890px; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.aboutmeishi div.tit {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.aboutmeishi div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.aboutmeishi div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:24px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.aboutmeishi div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}

.aboutmeishi div.sub {width:80%; overflow:hidden; margin:0px auto; margin-top:78px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:center}
.aboutmeishi div.sub div.l {width:305px; overflow:hidden; height:493px; margin-right:34px;}
.aboutmeishi div.sub div.l img {width:305px; overflow:hidden; height:493px; display:block;}
.aboutmeishi div.sub div.r {width:60%; overflow:hidden; text-align:left; margin-left:34px; font-size:16px; color:#b4b4b4; line-height:23px;}
.aboutmeishi div.sub div.r p {width:100%; overflow:hidden; display:block; padding-bottom:35px;}





.aboutrongyao {width:90%; overflow:hidden; margin:0px auto; min-height:890px; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-top:50px;}
.aboutrongyao div.tit {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-bottom:130px;}
.aboutrongyao div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.aboutrongyao div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:24px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.aboutrongyao div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}
.aboutrongyao div.subite {width:80%;}
.aboutrongyao div.subite dl {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; margin-top:20px;}
.aboutrongyao div.subite dl dt {width:154px; overflow:hidden; height:46px; display:block; margin-right:50px;}
.aboutrongyao div.subite dl dt img {width:154px; overflow:hidden; height:46px; display:block}
.aboutrongyao div.subite dl i {width:110px; overflow:hidden; height:2px; display:block; background:#e60012; margin-top:23px;}
.aboutrongyao div.subite dl dd {width:50%; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; padding-left:20px;}
.aboutrongyao div.subite dl dd p {width:180px; height:auto; margin-right:10px; display:block; margin-left:10px;}
.aboutrongyao div.subite dl dd p img {width:auto; max-width:100%; height:auto; display:block; margin:0px auto; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s}
.aboutrongyao div.subite dl dd p:hover img {width:auto; max-width:100%; height:auto; display:block; margin:0px auto; -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.3s linear 0s}
.aboutrongyao div.subite dl dd p span {width:100%; overflow:hidden; text-align:center; line-height:22px; font-size:14px; color:#FFF; text-align:center; display:block; padding-top:15px;}
.aboutrongyao div.subite dl dd p span b {color:#e60012; font-weight:normal}

.aboutshejilinian {width:100%; overflow:hidden; max-width:1400px; margin:0px auto; background:#0f0f0f; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-top:170px; padding-bottom:50px;}
.aboutshejilinian div.tit {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-bottom:90px;}
.aboutshejilinian div.tit h3 {width:auto; overflow:hidden; margin:0px auto; text-align:center; font-weight:normal}
.aboutshejilinian div.tit h3 p {width:auto; overflow:hidden; display:inline-block; text-align:center; line-height:50px; font-size:24px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:space-betwee}
.aboutshejilinian div.tit h3 p i {width:35px; overflow:hidden; height:2px; display:block; background:#e60012; margin-left:30px; margin-right:30px;}

.aboutshejilinian div.subite {width:100%; overflow:hidden; margin:0px auto; background:#141414; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.aboutshejilinian div.subite dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
.aboutshejilinian div.subite dl dt {width:30%; overflow:hidden; height:auto;}
.aboutshejilinian div.subite dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.aboutshejilinian div.subite dl dd {width:58%; overflow:hidden; margin-left:90px; text-align:left; line-height:28px; font-size:16px; color:#b4b4b4; padding-top:45px; padding-bottom:45px;}
.aboutshejilinian div.subite dl dd p {width:85%; overflow:hidden; display:block; padding-bottom:25px;}
.aboutshejilinian div.subite dl dd h1 {width:auto; overflow:hidden; height:auto; line-height:25px; font-size:20px; border-left:2px solid #e60012; padding-left:10px; color:#b4b4b4; margin-bottom:40px; font-weight:normal}









.product_banner {width:100%; overflow:hidden; height:100vh; display:block; position:relative}
.product_banner img {width:auto; overflow:hidden; height:100%; display:block}
.product_banner em {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/chanpin/tm.png); position:absolute; left:0px; top:0px; z-index:1}

.product_banner h1 {width:360px; overflow:hidden; height:180px; background:url(../images/tm.png); text-align:left; padding-left:95px; padding-right:95px; position:absolute; left:0px; top:50%; margin-top:-90px; z-index:9}
.product_banner h1 span {width:auto; overflow:hidden; display:block; margin-top:40px;}
.product_banner h1 span img {width:auto; overflow:hidden; height:auto; display:block} 
.product_banner h1 p {width:auto; overflow:hidden; text-align:left; font-size:30px; color:#FFF; display:block; font-weight:normal; line-height:30px; margin-top:28px;}
.product_banner h1 p i {width:2px; overflow:hidden; height:30px; background:#e60012; border-radius:100px; display:block; float:left; margin-right:10px;}

.product_imgbanner {width:100%; overflow:hidden; height:100vh; display:block; position:relative; background:url(../images/chanpin/chanpin_banner.jpg) center top no-repeat; background-size:115%}
.product_imgbanner b {width:424px; overflow:hidden; height:597px; display:block; position:absolute; left:50%; top:50%; margin-left:-212px; margin-top:-298.5px; z-index:9999}
.product_imgbanner b img {width:424px; overflow:hidden; height:597px; display:block;}

@media screen and (max-width: 1600px) {
.product_imgbanner b {width:300px; overflow:hidden; height:422px; display:block; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-211px; z-index:9999}
.product_imgbanner b img {width:300px; overflow:hidden; height:422px; display:block;}
	}

.product_imgbanner h1 {width:360px; overflow:hidden; height:180px; background:url(../images/tm.png); text-align:left; padding-left:95px; padding-right:95px; position:absolute; left:0px; top:50%; margin-top:-90px; z-index:9}
.product_imgbanner h1 span {width:auto; overflow:hidden; display:block; margin-top:40px;}
.product_imgbanner h1 span img {width:auto; overflow:hidden; height:auto; display:block} 
.product_imgbanner h1 p {width:auto; overflow:hidden; text-align:left; font-size:30px; color:#FFF; display:block; font-weight:normal; line-height:30px; margin-top:28px;}
.product_imgbanner h1 p i {width:2px; overflow:hidden; height:30px; background:#e60012; border-radius:100px; display:block; float:left; margin-right:10px;}

 



.product_pz {width:80%; overflow:hidden; margin:0px auto; text-align:center; padding-top:115px; padding-bottom:115px;}

.product_pz img {width:auto; overflow:hidden; height:auto; display:block; margin:0px auto; max-width:100%}



.product_show {width:80%; overflow:hidden; max-width:1400px; margin:0px auto}

.product_show dl {width:100%; overflow:hidden; padding-bottom:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}

.product_show dl dt {width:50%; overflow:hidden; height:auto; transition: all 0.5s linear 0s}
.product_show dl dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.5s linear 0s}
.product_show dl dt:hover {width:50%; overflow:hidden; height:auto; transition: all 0.5s linear 0s}
.product_show dl dt:hover img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.5s linear 0s}



.product_show dl dd {width:50%; overflow:hidden; text-align:left; line-height:28px; font-size:18px; color:#b4b4b4}
.product_show dl dd p {width:auto; overflow:hidden; display:block; margin-left:10%}
.product_show dl dd h1 {width:auto; overflow:hidden; height:auto; margin-left:10%; line-height:35px; font-size:36px; border-left:3px solid #e60012; padding-left:15px; color:#b4b4b4; margin-bottom:20px; font-weight:normal}





.product_canshu {width:100%; overflow:hidden; margin:0px auto; margin-top:60px; background:#1e1e1e; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; padding-top:60px; padding-bottom:60px;}
.product_canshu div.l {width:40%; overflow:hidden}
.product_canshu div.l img {width:auto; overflow:hidden; height:auto; display:block; margin:0px auto; max-width:100%}
.product_canshu div.r {width:60%; overflow:hidden}
.product_canshu div.r dl {width:90%; overflow:hidden; height:auto; border-bottom:1px solid #b4b4b4; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.product_canshu div.r dl dt {width:30%; overflow:hiddenl; height:auto; text-align:left; line-height:24px; color:#FFF; font-size:18px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:12px; padding-bottom:12px;}
.product_canshu div.r dl dd {width:70%; overflow:hiddenl; height:auto; text-align:left; line-height:24px; color:#b4b4b4; font-size:18px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:12px; padding-bottom:12px;}



.product_shouce {width:90%; overflow:hidden; margin:0px auto; text-align:center; padding-top:60px;}

.product_shouce a {width:auto; height:50px; display:inline-block; margin:0px auto; text-align:center; line-height:50px; font-size:22px; border:1px solid #e60012; border-radius:10px; padding-left:35px; padding-right:35px; color:#FFF}

.product_shouce a:hover {width:auto; height:50px; display:inline-block; margin:0px auto; text-align:center; line-height:50px; font-size:22px; border:1px solid #e60012; background:#e60012; border-radius:10px; padding-left:35px; padding-right:35px; color:#FFF; text-decoration:none}















.mt-tabpage {width: 80%; min-width:1200px; margin: 0px auto; margin-top:60px;}
.mt-tabpage-title {width:100%; overflow:hidden; height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.mt-tabpage-title a:hover { text-decoration:none}
.mt-tabpage-title .mt-tabpage-item {width:auto; overflow:hidden; height:30px; display:block; color:#FFF; font-size:18px; margin-left:30px; margin-right:30px;}
.mt-tabpage-title .mt-tabpage-item-cur {width:auto; overflow:hidden; height:30px; display:block; color:#e60012; font-size:18px; margin-left:30px; margin-right:30px; border-bottom:2px solid #e60012}
.mt-tabpage-count {position: relative; width: 1200px; height:450px; overflow: hidden; margin:0px auto; margin-top:130px;}
.mt-tabpage-cont__wrap {position: absolute;}
.mt-tabpage-count .mt-tabpage-item {width: 1200px; height:450px; text-align: center;}
.mt-tabpage-count .mt-tabpage-item .ppsubmian {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-start; align-content:space-betwee;}
.mt-tabpage-count .mt-tabpage-item .ppsub_img {width:560px; overflow:hidden; padding-top:4px;}
.mt-tabpage-count .mt-tabpage-item .ppsub_img img {width:100%; overflow:hidden; height:auto; display:block}
.mt-tabpage-count .mt-tabpage-item .ppsub_wzn {width:600px; overflow:hidden; text-align:left; line-height:28.4px; font-size:16px; color:#b4b4b4; padding-left:40px;}
.mt-tabpage-count .mt-tabpage-item .ppsub_wzn p {width:100%; overflow:hidden; display:block; padding-bottom:20px;}





/*newsshow*/
.news_shows {width:90%; overflow:hidden; max-width:1400px; margin:0px auto; margin-top:10%; margin-bottom:10%}
.news_shows div.tit {width:100%; overflow:hidden; border-bottom:2px solid #ccc; text-align:left; position:relative}
.news_shows div.tit h1 {width:80%; overflow:hidden; text-align:left; color:#b4b4b4; font-size:36px; font-weight:normal; padding-bottom:30px;}
.news_shows div.tit span {width:80%; overflow:hidden; text-align:left; color:#b4b4b4; font-size:16px; font-weight:normal; padding-bottom:20px; display:block}

.news_shows div.tit div.fanye {width:90px; overflow:hidden; height:30px; display:block; position:absolute; top:0px; right:0px; z-index:99}
.news_shows div.tit div.fanye a {width:30px; overflow:hidden; height:30px; display:block; float:left;}
.news_shows div.tit div.fanye a img {width:30px; overflow:hidden; height:30px; display:block;}

.news_shows div.showmain {width:100% !important; overflow:hidden; text-align:left !important; line-height:30px !important; color:#b4b4b4; font-size:16px !important; margin-top:5%}
.news_shows div.showmain p {width:100%; overflow:hidden; display:block; padding-bottom:5px; display:block}
.news_shows div.showmain img {width:auto !important; overflow:hidden !important; margin:0px auto !important; height:auto !important; display:block !important; max-width:100% !important; margin-bottom:25px !important;}


/*搜索*/
.searchmain {width:100%; overflow:hidden; height:auto; padding-top:5%; padding-bottom:5%; background:#0f0f0f; position:absolute; left:0px; top:-100%; z-index:9999999999; transition: all 0.3s linear 0s}
.searchmain div.m {width:80%; overflow:hidden; padding-top:5%; padding-bottom:5%; margin:0px auto; position:relative;}
.searchmain div.m i {width:50px; overflow:hidden; height:50px; display:block; position:absolute; top:0px; right:0px; z-index:999999}
.searchmain div.m i {width:50px; overflow:hidden; height:50px; display:block;}
.searchmain div.m dl {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.searchmain div.m dl dd {width:100%; overflow:hidden; height:60px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.searchmain div.m dl dd input {width:500px; overflow:hidden; height:50px; border:2px solid #b4b4b4; background:#000; text-align:left; line-height:50px; font-size:18px; color:#FFF; border-right:0px; padding-left:2%; padding-right:2%}
.searchmain div.m dl dd button {width:160px; overflow:hidden; height:54px; text-align:center; line-height:54px; font-size:18px; color:#FFF; background:#e60012; border:0px;}
.searchmain div.m dl dt {width:100%; overflow:hidden; text-align:center; font-size:16px; color:#b4b4b4; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; padding-top:20px;}
.searchmain div.m dl dt a {color:#b4b4b4;}
.searchmain div.m dl dt a:hover {color:#e60012;}



/* marqueeleft */
.marqueeleft{height:auto;width:100%;overflow:hidden; background:#3b322c; padding:3px;}
.marqueeleft ul {float:left;}
.marqueeleft li {float:left;margin:0 2.5px;display:inline;width:auto;height:400px;overflow:hidden;}
.marqueeleft li img {width:auto; overflow:hidden; height:400px; display:block}



/*型号切换*/
.cpxinghao {width:100%; height:auto; max-width:1400px; background:none !important}
.cpxinghao div.swiper-wrapper {width:100%; height:auto; background:none !important}
.cpxinghao div.swiper-wrapper div.swiper-slide {width:100%; height:auto; background:none !important}

.cpxinghao div.swiper-button-next { right:3% !important; color:#FFF !important}
.cpxinghao div.swiper-button-prev { left:3% !important; color:#FFF !important}

/*顶部搜索*/
.topdbsearch {width:50px; height:50px; margin-top:20px; margin-right:10px;}
.topdbsearch form {position: relative; width: 28px; margin: 0 auto;}
.d6 {width:28px; height:28px;}
.d6 form {height: 28px;}
.d6 input {height:24px; width: 0px; border: 2px solid #000; background:none !important; outline: none; background: transparent; transition: .4s cubic-bezier(0, 0.8, 0, 1); position: absolute; top: 0; right: 0; z-index: 999;color:#b4b4b4 !important; padding-left:14px; padding-right:14px; cursor:pointer }
.d6 input:focus { height:24px; width: 200px; border: 2px solid #1b1b1b; background:#000 !important; outline: none; background: transparent; transition: .4s cubic-bezier(0, 0.8, 0, 1); position: absolute; top: 0; right: 0px; z-index: 999; color:#b4b4b4 !important; padding-left:14px; padding-right:14px; }
.d6 button {border: none; height: 28px; width: 28px; position: absolute; top: 0; right: 0; cursor: pointer; background:url(../images/ico_soso.png) center no-repeat;}