@charset "utf-8";@import url('/css/fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.pd,.indcase li .cons .up,.indcase li .cons .down,.foot .area .ct ,.foot .area .wx,.fixright li,.conslist .row .cons .up,.conslist .row .cons .down,.yw-bottom .cons,.source-cate li,.yshow .mleft,.yshow .mright,.contact .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:14px;color:#3c3c3c;font-weight:400;}a {color:#3c3c3c}b,strong {font-weight:700;}
a:hover{color:#e62129}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:35px; height:35px; line-height:35px; background:#fff;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:40px; background: #efefef}
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#e62129; background: #e62129} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 0px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #e62129;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:rgba(255,255,255,0.5);}
:-moz-placeholder {color:rgba(255,255,255,0.5);}
::-moz-placeholder {color:rgba(255,255,255,0.5);}
:-ms-input-placeholder {color:rgba(255,255,255,0.5);}

::selection {background:#e62129;color:#ffffff;}
::-moz-selection {background:#e62129;color:#ffffff;}
::-webkit-selection {background:#e62129;color:#ffffff; }
.wrap {margin:0 4%;position:relative;}
.wrap1 {margin:0 9%;position:relative;}

.wrap2 {margin:0 4%;position:relative;}
.wrap4 {margin:0 4%;position:relative;}

.wrap5 {margin:0 15.5%;position:relative;}
.phonemenu { display:block;}
.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:18rem; background:rgba(0,0,0,0)}
.fixtop .logo { position: absolute;left:0;top:5rem;z-index: 999;}
.fixtop .logo a {background: url("../images/logo.png") no-repeat center top;width:19.9rem; height:8rem; background-size:100%; display: block}
.fixtop .logo .text {font-size:3.5rem; line-height: 1.5;color:rgba(255,255,255,0.5); position: absolute;left:24rem;top:-1.1rem;width:25rem;text-align-last: justify; text-justify: inter-ideograph}
.fixtop.active,.fixtop1 {background:rgba(0,0,0,1);}

.indpics {position:relative; left:0;top:0;width:100%;height:100vh; z-index: 1}
.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background:rgba(0,0,0,0)}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.indpics .swiper-slide .title {position:absolute; z-index: 1000;left:3%;bottom:23rem;}
.indpics .swiper-slide .title a {color:#fff; position: relative;padding:0 0 0 4.5rem;font-size:3rem}
.indpics .swiper-slide .title a:before {content: "\e654";color:#e62129; position: absolute;left:0;top:0.2rem;font-family: "iconfont" !important; display:inline-block;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);font-size:4.5rem; line-height: 1}

.indpics .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:-4rem;left:0;height:100%;color:#fff;}
.indpics .swiper-slide .cons .c {color:#fff;font-size:6.4rem;}

.indpics .swiper-slide .num {color:#fff;position: absolute;left:41rem;bottom:31rem;font-weight:300;font-size:7rem; z-index: 100;width:5rem; text-align: center;color:#e62129}
.indpics .swiper-slide .cons .indmore {margin-top:65rem}
.indmore a {color:#fff;display:inline-block;border:1px solid #e62129; line-height: 0}
.indmore a p {display:inline-block; vertical-align: top;padding:0 3.3rem; background: rgba(230,33,41,0.5);height:5.5rem; line-height: 5.3rem;font-size:2.4rem;font-weight:300; letter-spacing: 0.2rem;}
.indmore span {display:inline-block; vertical-align: top;font-size:2.2rem;height:5.5rem; line-height: 5.3rem;width:5.5rem; background: #e62129; text-align: center}

.indpics .swiper-button-next,.indpics .swiper-button-prev {top:auto;bottom:57rem;width:8rem;height:8rem;margin-top:0;border-width:0.2rem;}
.indpics .swiper-button-next:after,.indpics .swiper-button-prev:after {color:#fff;font-size:4rem;width:8rem;padding:0 0.3rem 0 0;height:8rem;line-height:8.1rem; }
.indpics .swiper-button-prev:after {transform: rotate(-270deg);-ms-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-webkit-transform: rotate(-270deg);-o-transform: rotate(-270deg);}
.indpics .swiper-button-next:after {transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);}
.indpics .swiper-button-prev {left:4%;}
.indpics .swiper-button-next{right:auto;left:4%;margin:0;bottom:45rem}

.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {left:4%;height:0rem;width:auto;top:auto;bottom:34.5rem;margin-top:0;margin-left:0rem;font-size:0rem; text-align: center; line-height: 0;}
.indpics .swiper-pagination-bullet {width:6rem;height:1px;background:#fff;border-radius:0;font-size:2rem;color:#fff;font-weight:300; line-height: 1px; position: relative; display:inline-block;}
.indpics .swiper-pagination-bullet i{position:absolute;top:-3.5rem;left:0px;width:100%}
.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.5rem;opacity:0.5;}
.indpics .swiper-pagination-bullet-active,.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {opacity:1;background:#e62129;}

.jump {position:absolute; z-index: 9999;bottom:21rem;right:4%;margin:0 0 0 -30px;width:11.2rem; height:11.2rem; }
.jump i { animation: myfirst 1.5s infinite;display:block;width:100%;height:100%;background:url(../images/1.png) no-repeat center; background-size:100%;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}

.banxh{position: absolute; z-index:1000;bottom:31rem;right:5%;width: 6rem;line-height: 6rem;font-size: 4rem;color: #fff;text-align: center;}
.banxh:before {content:'';background:url(../images/1.png) no-repeat center; background-size:100%;width:6rem;height:6rem; position: absolute;left:0px;top:-3rem}
.banxh span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 6.3rem;height:6.3rem;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.banxh .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.banxh .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.banxh .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
@-webkit-keyframes jing_max {0% {width: 6.3rem;height: 6.3rem;opacity: 0;}25% {width: 7.8rem;height:7.7rem;opacity: 0.6;}50% {width: 9.4rem;height:9.4rem;opacity: .3;}75% {width: 11.6rem;height:11.6rem;opacity: 0;}100% {width: 6.3rem;height:6.3rem;opacity: 0;}}
@keyframes jing_max {0% {width: 6.3rem;height: 6.3rem;opacity: 0;}25% {width: 7.8rem;height:7.8rem;opacity: 0.6;}50% {width: 9.4rem;height:9.4rem;opacity: .3;}75% {width: 11.6rem;height:11.6rem;opacity: 0;}100% {width: 6.3rem;height:6.3rem;opacity: 0;}}

.indexcons {background: #fff; position: relative; z-index: 100;}
.indservice {background:#000;padding:12.5rem 0 10rem 0}
.indsubject {text-align:center;color:#fff;padding:0 0 12.5rem 0}
.indsubject .t {font-size:5rem; line-height: 5rem;}.indsubject .t font {color:#e62129}
.indsubject .c {font-size:2rem;color:#c7c7c7;margin:1rem 0 0 0}
.indservice ul {width:105%;margin:-5% 0 0 -2.5%}
.indservice li {float:left;width:45%;margin:5% 2.5% 0 2.5%; background: #fefefe;border-radius:2rem; text-align: center;height:25rem;}
.indservice li .pic { position:relative;margin:4.5rem auto 1.5rem auto;width:8rem;height:8rem; background-size:100%}
.indservice li .pic p {background-position: center top;}
.indservice li .title {color:#3c3c3c;font-size:4rem;}
.indservice .content {font-size:5rem;color:#fff; text-align: center;margin:8rem 0 0 0}

.indcase {padding:8rem 0}
.indcase .subject {font-weight:700;font-size:5rem; text-align: center;margin:0 0 3rem 0;color:#000; letter-spacing: 0.1rem}
.indcase .cate {position:relative;border-bottom:1px solid #d8d8d8;padding:0;font-size:3.5rem; line-height: 5.5rem; margin:0 0 3rem 0; text-align: center}
.indcase .cate dt {display:inline-block; vertical-align: top; font-weight:700;margin:0 0 0 0;width:20%}
.indcase .cate dt a {position:relative;color:#3c3c3c;display: inline-block}
.indcase .cate dd {display:inline-block;vertical-align: top;margin:0 0rem 0 0;width:20%}
.indcase .cate dd a {position:relative;color:#3c3c3c;font-size:3.5rem; display: inline-block}
p.line { text-align: center;font-size:0; line-height: 0;margin:0 0 0 0; position: relative;bottom:-0.6rem}
p.line i {width:0;height:1rem; background: #e62129;opacity:0; display:inline-block;margin:0 auto;font-size:0; line-height: 0}
.indcase .cate dd:Hover a p.line i,.indcase .cate dd.check a p.line i,.indcase .cate dt:Hover a p.line i,.indcase .cate dt.check a p.line i  {width:100%;opacity:1}
.indcase li,.conslist .row {width:100%;margin:4% 0 0 0; position: relative;overflow: hidden;}
.indcase li .pic,.conslist .row .pic {padding:31.2% 0}
.indcase li .cons,.conslist .row .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.8);color:#fff;opacity:0}
.indcase li .cons .up,.conslist .row .cons .up {position:absolute;left:0;bottom:0;width:100%;height:100%; z-index: 101;padding:0 0 100px 0}
.indcase li .cons .up .brandname,.conslist .row .cons .up .brandname {position:absolute;left:25px;top:18px; z-index: 102}
.indcase li .cons .up .brandname:before,.conslist .row .cons .up .brandname:before {content:''; position: absolute;left:0;bottom:-3px;width:30px;height:1px; background: #fff;}
.indcase li .cons .up .brandlogo,.conslist .row .cons .up .brandlogo { height:100%;position: relative; text-align: center;}
.indcase li .cons .up .brandlogo img,.conslist .row .cons .up .brandlogo img {max-width:300px;max-height:100px}
.indcase li .cons .down,.conslist .row .cons .down {position:absolute;left:0;bottom:0;width:100%;height:100px; z-index: 101; background: #e62129;padding:0 25px}
.indcase li .cons .down .title,.conslist .row .cons .down .title {height:30px; line-height: 30px; overflow: hidden; position: relative;padding:0 0 0 18px;font-size:22px;margin:14px 0 11px 0}
.indcase li .cons .down .title:before,.conslist .row .cons .down .title:before {content:''; position: absolute;left:0;top:8px;width:2px;height:18px; background: #fff;}
.indcase li .cons .down .title2,.conslist .row .cons .down .title2 {height:25px; line-height: 25px; overflow: hidden}
.indcase li:hover .cons,.conslist .row:hover .cons {opacity:1}
.indcase .more {margin:2rem 0 2rem 0;padding:5.5rem 0 0 0; text-align: center}
.indcase .more a {display:inline-block;margin:0 auto;padding:0 4.5rem;height:8rem; line-height: 8.1rem;font-size:3.5rem; letter-spacing: 0.15em;border:1px solid #a2a2a2;border-radius:0.8rem}
.indcase .more a span {font-weight:700;font-size:3rem;margin:1px 0 0 0;display:inline-block; vertical-align: top;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}

.case {padding-bottom:4rem}
.morelist {border-top:2px solid #d8d8d8;padding:55px 0 0 0 ;margin:-115px 0 0 0; clear: both;float:left;width:100%;height:1px; text-align: center;left:0; position: absolute;}
.get_more{clear: both;text-align:center;float:left;left:50%;width:45rem;height:8rem; line-height: 8.0rem;margin:8.5rem 0 0 -22.8rem; position:relative; z-index:999;border:1px solid #a2a2a2;}
.get_more p {width:100%;margin:0 auto;font-size:3.5rem;letter-spacing:0.2rem;}
.get_more p span {font-weight:700;font-size:3rem;margin:0.1rem 0 0 0;display:inline-block; vertical-align: top;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}

.get_more_white {border-color:#fff}
.get_more_white p {color:#fff}

.about-che { background: url("../images/1.jpg") no-repeat center; background-size:cover;padding:18rem 0; line-height: 0}
.about-che .subject {font-size:6rem; line-height: 6rem;font-weight:700; text-align: center;color:#fff; letter-spacing: 1rem}
.about-che .contents {color:#fff; text-align: center;font-size:4rem;font-weight:300;margin:7rem 0 0 0; letter-spacing: 0.2rem;}
.about-che ul {padding:10rem 0 18rem 0}
.about-che li {padding:10rem 0 0 0;}
.about-che li h3 {display:inline-block; vertical-align: top;color:#e62129;font-size:8rem; line-height: 8rem}
.about-che li h3.jumbo {margin-right:-1rem}
.about-che li .cons {display:inline-block; vertical-align: top; text-align: left}
.about-che li .cons .jia {color:#e62129;font-size:3.5rem; line-height: 3.5rem;font-weight:700;margin:-0.1rem 0 0 0;display:inline-block; vertical-align: top;}
.about-che li .cons .content {font-size:3.5rem; line-height: 3.5rem;display:inline-block; vertical-align: top; position: relative;top:3.5rem;left:-4.5rem;color:#fff}
.about-che .more {text-align:center}
.about-che .more a { background: #fff;height:70px; line-height: 68px;border-radius:5px;display:inline-block;padding:0 30px;font-size:16px;}
.about-che .more a span {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);display:inline-block; vertical-align: top;font-size:18px; line-height: 20px;font-weight:700;margin:27px 0 0 5px; letter-spacing: 0.5px;}

.indyyzy {padding:120px 0; background: url("/images/3.jpg") no-repeat center bottom;}
.indyyzy .subject {font-size:35px; letter-spacing: 12px; text-align: center;font-weight:400}
.indyyzy ul {width:102%;margin:-2% 0 0 -1%;padding:60px 0}
.indyyzy li {float:left;width:10.5%;margin:2% 1% 0 1%; text-align: center}
.indyyzy li .pic {width:105px;height:105px;margin:0 auto 5px auto; position: relative}
.indyyzy li .pic p {background-position:top;}
.indyyzy li .title a {font-size:22px}
.indyyzy .more {text-align:center}
.indyyzy .more a {font-size:24px; letter-spacing: 2px}
.indyyzy .more a span {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);display:inline-block; vertical-align: top;font-size:22px; line-height: 20px;font-weight:700;margin:13px 0 0 0px; }
.indyyzy li:hover .pic p {background-position: bottom;}

.indcustomer { background: url("/images/4.jpg") no-repeat center; background-size:cover;padding:13rem 0 18rem 0;}
.indcustomer dl {width:103%;margin:-3% 0 0 -1.5%}
.indcustomer dd {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; text-align: center; background: rgba(255,255,255,0.2);height:10.6rem;padding:2.4rem 0 0 0;border-radius:1rem}
.indcustomer dd img {width:24rem;height:8rem;}
.indcustomer dd:hover {background:#e62129}
.indcustomer .indsubject .t {font-size:7rem; line-height: 5rem;}
.indcustomer .indsubject .c {font-size:3rem;margin:3rem 0 -2rem 0}

.indcustomer .swiper-horizontal>.swiper-pagination-bullets,.indcustomer .swiper-pagination-bullets.swiper-pagination-horizontal,.indcustomer .swiper-pagination-custom,.indcustomer .swiper-pagination-fraction {bottom:-9rem;}
.indcustomer .swiper-pagination-bullet {width:2rem;height:2rem; line-height: 0;font-size:0}
.indcustomer .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indcustomer .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2rem}

.indnews {padding:10rem 0}
.indnews .indsubject .t,.indnews .indsubject .c{color:#3c3c3c;}
.indnews .subject {font-size:5rem;line-height: 5rem;margin:7rem 0 4rem 0;color:#000}
.indnews .videonews .pic { position:relative;padding:35.6% 0;overflow: hidden;margin-top:-4.5rem}
.indnews .videonews .pic h2 {position:absolute;left:0;top:0; z-index: 100;width:100%;height:100%; text-align: center; background: rgba(0,0,0,0.5);opacity:0}
.indnews .videonews .pic h2 i {background:url("/images/play.png") no-repeat center; width:60px;height:60px; display: block;margin:-30px auto 0 auto;top:50%; position: relative}
.indnews .videonews .pic:hover h2 {opacity:1}
.indnews .newslist {position: relative;}
.indnews .newslist .list {margin:6rem 0 0 0;}
.indnews .newslist .list .first .t {font-size:4rem;height:5rem; line-height: 5rem; overflow: hidden;color:#000}
.indnews .newslist .list .first .c {font-size:3rem; line-height: 5.5rem;height:11rem; overflow: hidden;color:#5f5f5d;margin:2rem 0 3rem 0}
.indnews .newslist .list .row dl {width:106%;margin:6rem 0 0 -3%;position: relative; line-height: 0}
.indnews .newslist .list .row dd {float:left;width:44%;margin:0px 3% 0 3%;height:6rem; line-height: 6rem; overflow: hidden;}
.indnews .newslist .list .row dd a {color:#5f5f5d;font-size:3rem; display: block;height:6rem; line-height: 6rem;}
.indnews .newslist .list .row dl:before,.indnews .newslist .list .row dl:after {content:''; position: absolute;left:50%;margin-left:-1px;top:1.7rem;width:1px;height:2.8rem; background: #999;}
.indnews .newslist .list .row dl:after {top:7.9rem;height:3rem}

.casebanner {position:relative; left:0;top:0;width:100%; z-index: 1; overflow: hidden}
.casebanner .wrap2 {width:100%}
.casebanner .swiper-slide { position:relative;padding:76.8% 0; overflow: hidden}
.casebanner .swiper-slide:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background:rgba(0,0,0,0)}
.casebanner .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.casebanner .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
.casebanner .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:0;left:0;height:100%;color:#fff;}
.casebanner .swiper-slide .cons .c {color:#fff;font-size:6rem; line-height: 1.7;margin:55rem 0 0 0; text-align: right}
.casebanner .swiper-slide .cons .wrap1 {width:100%}

.casebanner .swiper-button-next,.casebanner .swiper-button-prev {top:auto;bottom:5rem;right:auto;left:50%;width:8rem;height:8rem;margin-top:0;border-width:1px;}
.casebanner .swiper-button-next:after,.casebanner .swiper-button-prev:after {font-size:4rem;width:8rem;padding:0 2px 0 0;height:8rem;line-height:8.1rem;font-weight:700;}
.casebanner .swiper-button-prev {left:50%;right:auto;margin:0 0 0 -10.5rem}
.casebanner .swiper-button-next{right:auto;left:50%;margin:0 0 0 2.5rem}
.maincons {background: #fff; position: relative; z-index: 100;}
.showbanner>p.imgcover,.contactbanner>p.imgcover,.topbanner>p.imgcover {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 7s 0s ease both infinite;-moz-animation: minus 7s 0s ease both infinite;animation: minus 7s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.showbanner {padding:23% 0;margin:18rem 0 0 0}

.blanktop { position:relative;left:0;top:0; z-index: 1; height:18rem;width:100%; background: #000}
.mainconsblank {background: #fff; position: relative; z-index: 100;}

.wshow {margin:2rem 0 0 0;}
.wshow .area {padding:8rem 0 6rem 0;font-size:3.5rem;background:#eeeeee;}
.wshow .content img {margin:20px 0 0 0}
.wshow .area .title { text-align: center;font-size:5.5rem; line-height: 1.6;font-weight:700;color:#000}
.wshow .area .title2 {font-size:3rem;border-bottom:1px solid rgba(0,0,0,0.15);padding:3rem 0 3rem 0;margin:0 0 4rem 0; text-align: center}
.wshow .area .right {margin:5rem 0 0 0}
.wshow .content img {margin:2rem 0 0 0}

.showcom {background:#342c2a;padding:85px 6.5% 60px 6.5%;color:#fff;margin:20px 0 120px 0}
.showcom .left {float:left;width:33%}
.showcom .left .t {font-size:27px; line-height:35px; letter-spacing: 13.5px;font-weight:700}
.showcom .left .t font {color:#fff000;}
.showcom .left .c {line-height: 1.6; letter-spacing: 2px; border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);display:inline-block;padding:5px 0 7px 0;margin:6px 0 5px 0}
.showcom .left .t2 {font-size:18px; line-height: 28px;font-weight:700; letter-spacing: 3px;}
.showcom .mid {float:left;width:42%; text-align: center}
.showcom .mid .t {font-size:40px; line-height: 48px;font-weight:700; letter-spacing: 5px;margin:18px 0 5px 0}
.showcom .mid .c {font-size:38px; line-height: 48px;font-weight:700}
.showcom .right {float:left;width:25%;text-align: right}
.showcom .right .in {display:inline-block; text-align: center;margin:0 0 0 auto}
.showcom .right .wx {background:#fff;border-radius:5px}
.showcom .right .wx .subject {display:inline-block; vertical-align: top;width:25px;font-weight:700;color:#3c3c3c;font-size:16px; line-height: 18px; text-align: center;padding:8px 0 0 5px}
.showcom .right .wx .pic {display:inline-block; vertical-align: top;width:117px;border-radius:5px;padding:5px 5px 5px 0}
.showcom .right .wx .pic img {width:100%}
.showcom .right .tel {font-weight:700;font-size:16px;margin:5px 0 0 0}

.wshow .prevnext {position:relative; text-align: center;margin:8rem 0 12rem 0}
.wshow .prevnext .prev {float:left;width:49%}
.wshow .prevnext .prev .icon {width:19.1rem; height:2.8rem; background: url("/images/2.png") no-repeat center; background-size:100%}
.wshow .prevnext .prev .subject {text-align:left;}
.wshow .prevnext .back {width:6rem; height:6rem; position: absolute;left:50%;top:0;margin-left:-3rem;}
.wshow .prevnext .back a { display: block; background: url("/images/4.png") no-repeat center;width:100%;height:100%; background-size:100%}
.wshow .prevnext .next {float:right;width:49%; text-align: right}
.wshow .prevnext .next .icon {width:19.1rem; height:2.8rem;background: url("/images/2.png") no-repeat center;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);background-size:100%;margin:0 0 0 auto}
.wshow .prevnext .next .subject {text-align:right}
.wshow .prevnext .prev .icon a,.wshow .prevnext .next .icon a {display:block;width:100%;height:100%}
.wshow .prevnext .subject {font-size:3rem;margin:6rem 0 2rem 0}
.wshow .prevnext .pic { position:relative;padding:31.2% 0}
.wshow2 .prevnext {margin-top:-4rem}
.nshow .prevnext .pic {padding:36% 0}

.topbanner {position:relative; left:0;top:0;padding:76.8% 0;width:100%; z-index: 1; overflow: hidden}
.topbanner .wrap2 {width:100%}
.topbanner .cons { position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff}
.topbanner .cons .t {font-size:7.5rem; line-height: 1.6; letter-spacing: 1.5rem;margin:15rem 0 0 0}
.topbanner .cons .e {font-size:5rem; line-height: 1.6;margin:0rem 0 20rem 0;font-weight:300; letter-spacing: 0.5rem}
.topbanner .cons .c {font-size:6rem; line-height: 1.6; letter-spacing: 1.5rem;font-weight:300}
.topbanner_yy .cons .t {margin-top:20rem;}
.topbanner_yy .cons .e {margin-bottom:45rem;}

.yw-first ul {width:101%;margin:0 0 0 -0.5%}
.yw-first li {float:left;width:49%;margin:1% 0.5% 0 0.5%; background: #404241; text-align: center;color:#fff;height:68.5rem; cursor: pointer; }
.yw-first li .title {font-size:5rem;padding:7rem 0 1rem 0; letter-spacing:0.2rem}
.yw-first li .title2 {font-size:2.5rem; letter-spacing: 0.1rem;}
.yw-first li .icon {margin:4rem auto 8rem auto;width:15rem;height:15rem; background-position: center bottom;background-size:cover; background-repeat: no-repeat;}
.yw-first li .gs {font-size:2.8rem; line-height: 1.7; font-weight:300;padding:0 3rem}
.yw-first li:hover {background:#e62129}

.yw-mid {height:56rem; background: #404241; text-align: center;color:#fff;font-size:5rem; line-height:1.6;margin:1% 0;font-weight:700}
.yw-mid .text { letter-spacing: 0.5rem;margin:3rem 0 0 0}
.yw-mid .text font {color:#e62129;}
.yw-mid .leftright {text-align:center}

.luanimation {width:40.5rem;height:32.7rem; background: url("../images/lubg.png") no-repeat center; background-size:100%;display:inline-block;margin:0 auto}
@keyframes moveRightLeft {0%, 100% { height:0;opacity:0}50% { height:32.7rem; opacity:1}}
.lulight {width:40.5rem;height:32.7rem;background: url("../images/lulight.png") no-repeat center top; position: relative;animation: moveRightLeft 3s infinite; background-size:100%}

.wrap3 {margin:0 5.8%; position: relative}
.yw-bottom {padding:0 0 5.8% 0}
.yw-bottom li {margin:5.8% 0 0 0; position: relative;}
.yw-bottom .pic {float:left;width:50%}
.yw-bottom .pic img {width:100%}
.yw-bottom .cons {float:right;width:46.5%; position: relative;padding:0 0 0 75px}
.yw-bottom .cons .icon {position:absolute;left:0;top:0;width:55px;}
.yw-bottom .cons .icon img {width:100%}
.yw-bottom .cons .title {font-size:25px; line-height: 25px;font-weight:700;color:#000;margin:0 0 20px 0}
.yw-bottom .cons .title span {font-size:16px;font-weight:400;margin:0 0 0 5px; letter-spacing: 1px}
.yw-bottom .cons .content {font-size:17px; line-height: 2}
.yw-bottom .cons .subject {font-size:21px; line-height: 21px;color:#000;margin:50px 0 10px 0}
.yw-bottom .cons dd {display:inline-block;margin:0 15px 0 0;}
.yw-bottom .cons dd a {text-decoration:underline;}
.namemj {position:absolute;left:0;top:-80px;}
.namemj2 {position:absolute;left:0;top:-130px;}

.source-cate ul {width:101%;margin:0 0 0 -0.5%}
.source-cate li {float:left;width:49%;margin:1% 0.5% 0 0.5%;padding:7rem 0 3.5rem 0; background: #3c3c3c;color:#fff;height:50rem; text-align: center}
.source-cate li .ts {line-height:0}
.source-cate li .ts .num {font-size:3rem;width:4.5rem;height:4.5rem; line-height: 1.4;color:#c7c7c7;font-weight:300;display:inline-block; vertical-align: top;border:1px solid #c7c7c7;border-radius:50%;margin:-0.1rem 1.5rem 0 0}
.source-cate li .ts .t {color:#c7c7c7;font-size:4.5rem; line-height: 1; letter-spacing: 0.1rem;margin:0 0 0.7rem 0;display:inline-block; vertical-align: top;}
.source-cate li .icon {width:18rem;height:18rem;margin:3rem auto; background-position: center bottom; line-height: 0}
.source-cate li .c {color:#c7c7c7;font-size:2.5rem;padding:0 3rem}
.source-cate li:hover {background:#e62129;}
.source-ad {background:#e62129;height:16.5rem; text-align: center;color:#fff;font-size:4.2rem; line-height: 1.5;letter-spacing: 0.15rem;margin:1rem 0 0 0}

.source {margin:-12.5rem 0 12rem 0}
.conslist-source {width:105%;margin:0 0 0 -2.5%}
.conslist-source .row {float:left;width:45%;margin:5% 2.5% 0 2.5%}
.conslist-source .row .pic {position:relative;padding:29.8% 0; overflow: hidden;}
.conslist-source .row .title {height:8rem; line-height: 7.7rem; overflow: hidden; text-align: center;}
.conslist-source .row .title a { background: #eeeeee;font-size:3rem; display: block;padding:0 2rem}
.conslist-source .row:Hover .title a {background:#e62129;color:#fff}
body.bgblack,body.bgblack .mainconsblank {background:#000}
body.bgblack .fixtop {border-bottom:1px solid rgba(255,255,255,0.15)}
body.bgblack .indcase {margin-bottom:5rem;}
body.bgblack .indcase .cate {border-color:rgba(255,255,255,0.3)}
body.bgblack .indcase .cate dt,body.bgblack .indcase .cate dt a,body.bgblack .indcase .cate dd a {color:#fff}
body.bgblack .foot {border-top:1px solid rgba(255,255,255,0.15)}

.yshow {margin:-13rem 0 6rem 0}
.yshow .mleft .t {font-size:4.5rem; line-height: 1.8; text-align: center;font-weight:700;margin:10.5rem 0 0 0}
.yshow .mleft .t2 { text-align: center;margin:2rem 0 6rem 0;font-size:3rem;border-bottom:1px solid rgba(0,0,0,0.15);padding:0 0 3rem 0;}
.yshow .mleft .c {padding:0 0 4rem 0;font-size:4rem;}
.yshow .mleft .c img {margin:2% 0;}
.yshow .mright {width:32.5%;padding:0 0 5% 5%;float:right;border-left:1px solid #d8d8d8;left:-0.2rem; position: relative;}
.yshow .mright .subject {font-size:3rem; line-height: 1.4;font-weight:700; text-align: center;padding:7rem 0 3rem 0}
.yshow .mright .conslist-source {width:100%;margin:-10% 0 0 0}
.yshow .mright .conslist-source .row {float:none;width:100%;margin:10% 0 0 0}

.topbanner_news {padding:37.2% 0;}
.topbanner_news .cons .t {margin-top:0}
.topbanner_news .cons .e {margin-bottom:15rem}
.topbanner_news .cons .c { letter-spacing:0.1rem;font-size:4.5rem;}

.conslist_news {width:103%;margin:-3% 0 0 -1.5%}
.conslist_news .row {float:left;width:47%;margin:6% 1.5% 0 1.5%}
.conslist_news .row .pic {padding:35.8% 0; position: relative; overflow: hidden;}
.conslist_news .row .pic h2 {position:absolute; z-index: 100;right:1.5rem;bottom:0.8rem;font-size:2rem;font-weight:400}
.conslist_news .row .pic a:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.3);opacity:0}
.conslist_news .row:Hover .pic a h2 {color:#fff}
.conslist_news .row:hover .pic a:before {opacity:1}
.conslist_news .row .cons { background: #eeeeee;padding:2.2rem 3rem 1rem 3rem;}
.conslist_news .row .cons .title {font-size:3.5rem; line-height: 6rem; height:12rem; overflow: hidden}
.conslist_news .row .cons .down {border-top:1px solid #bfbfbf;padding:0.5rem 0 0 0; position: relative;margin:1.5rem 0 0 0}
.conslist_news .row .cons .down .sharebtn { display:None;}
.conslist_news .row .cons .down .tag {height:6rem; line-height:6rem; overflow: hidden;font-size:2.5rem}
.news .morelist {border-top:1px solid #bfbfbf;margin-top:-155px;}
.get_news {width:20rem;height:20rem; line-height: 20rem;font-size:2rem;margin-left:-10rem;border:1px solid #3c3c3c;border-radius:50%}
.get_news p {letter-spacing:0.1rem;}
.news {margin:0 0 4rem 0}

.nshow .mright .subject {text-align:left;border-bottom:2px solid #d8d8d8;padding:70px 0 20px 0;margin:0 0 20px 0}
.nshow .mright dl {margin-top:-10px}
.nshow .mright dd {margin:10px 15px 0 0;display:inline-block; vertical-align: top;}
.nshow .mright li {height:25px; line-height: 25px; overflow: hidden; position: relative;margin:10px 0 0 0}
.nshow .mright li a {padding:0 85px 0 13px; display: inline-block;}
.nshow .mright li a:before {content:''; position: absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%; background: #3c3c3c;}
.nshow .mright li p { position:absolute;right:0;top:0;font-size:12px}
.nshow .mright li a:hover:before {background:#e62129}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(/images/play.png) no-repeat center; background-size:cover;width:40px; height:40px;margin:-20px 0 0 -20px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.nshow .mleft .videos {margin:0 0 20px 0}

.contactbanner {margin:18rem 0 0 0; position: relative}
.maincons-contact {background: #fff; position: relative; z-index: 100;}
.contactbanner .cons {position:absolute;right:0;top:0;height:100%;width:100%; text-align: right;color:#fff}
.contactbanner .cons .wrap1 {width:100%}
.contactbanner .cons .t {margin:0;font-size:5rem; letter-spacing: 1rem}
.contactbanner .cons .e {font-size:2.5rem; letter-spacing: 0.2rem;font-weight:300;margin-top:-1rem;}
.contactbanner .cons .t2 {font-size:2.5rem; letter-spacing: 0.5rem;margin:6rem 0 0.5rem 0}
.contactbanner .cons .c {font-size:6rem; line-height: 1.3; letter-spacing: 0.3rem;font-weight:300;}

.contact {padding:12rem 0 15rem 0}
.contact .subject {font-weight:400; letter-spacing: 1rem;font-size:8rem; line-height: 1;margin:0 0 6rem 0}
.contact .cons {font-size:3.5rem; line-height: 2; position: relative}
.contact .cons h2 {font-size:5rem; line-height: 1.4;margin:0.5rem 0}
.contact .cons h3 {color:#5f5d5d;font-size:4rem; line-height: 1.4;font-weight:400; letter-spacing:0.05rem}
.contact .cons .ct { line-height: 2.7;font-size:4rem}
.contact .cons .ct img {padding:0 1.5rem 0 0;width:5rem;margin:2.8rem 0 0 0}
.contact .cons img.wx {width:40rem;}

.aboutbanner {position:relative; left:0;top:0;width:100%;height:100vh; z-index: 1; overflow: hidden}
.aboutbanner .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100;color:#fff;font-weight:400}
.aboutbanner .cons .t {font-size:9rem; line-height: 1.4; letter-spacing: 0.5rem;font-weight:300;margin:-40rem 0 10rem 0}
.aboutbanner .cons .e {font-size:6rem; line-height: 1.6;margin:8% 0; letter-spacing: 0.5rem;font-weight:300}
.aboutbanner .c {font-size:5rem; line-height: 1.4;padding:0 0 0 7.5rem; letter-spacing: 0.5rem;font-weight:300; position: absolute;left:50%;margin-left:-25rem;bottom:35rem; z-index: 100;color:#fff; text-align: center;display:inline-block}
.aboutbanner .c:before {content:''; position: absolute;left:0;top:0.9rem; background: url("/images/address.png") no-repeat center;width:5.1rem;height:5.1rem; background-size:100%;}
.about-che2 {padding:20rem 0}
.about-che2 ul {padding-bottom:0}

.about {color:#fff;padding:10rem 0 15rem 0}
.about .mleft  { text-align:center}
.about .mleft .e {font-size:9rem; line-height: 1.4;font-weight:300; letter-spacing: 0.8rem;}
.about .mleft .t {font-size:6.5rem; line-height: 1.4;font-weight:400;margin:2.5rem 0 0 0; letter-spacing: 0.8rem}
.about .mright {text-align:center}
.about .mright .t {color:#fff;font-size:2.5rem; line-height: 1.4;margin:5rem 0 2rem 0}
.about .mright .t1 {font-size:5.5rem; line-height: 1.6;}
.about .mright .t2 {font-size:3rem; line-height: 1.7;max-width:68rem;margin:1rem auto 5rem auto}
.about .mright .c { background: rgba(230,33,41,0.95);color:#fff;padding:5rem;margin:4% 0 0 0;font-size:3rem;font-weight:400; line-height: 1.7; text-align: left;}
.about .mright .c1 {margin:8rem 0 0 0}
.namemjabout {position:absolute;top:-7rem;}
.workshop .swiper-slide {position:relative;padding:66.5% 0;}




.foot {padding:12rem 0 23rem 0; background: #000;color:#fff; text-align: center}
.foot a {color:#fff}
.foot .logo img {width:31.2rem}
.foot .t {font-size:7rem; letter-spacing: 1.5rem;font-weight:300;margin:7rem 0 1.5rem 0}
.foot .t font {color:#e62129; letter-spacing: 1rem;}
.foot .c {font-size:3.5rem;color:#fefefe}
.foot .tel a {border:1px solid #fff; border-radius:1rem;width:25rem;height:25rem; display:block;margin:12rem auto}
.foot .tel span {font-size:12rem; line-height: 1;color:#e62129;display:block;padding:2.6rem 0 0.6rem 0}
.foot .tel p {font-size:4rem; letter-spacing: 0.5rem;}
.foot .wx img {border-radius:1rem;width:25rem;}
.foot .wx p {font-size:4rem; line-height: 1;margin:2.2rem 0 15rem 0}
.foot .company {font-weight:300;font-size:3rem;border-bottom:1px solid rgba(255,255,255,0.2);padding:0 0 2rem 0;margin:0 0 1.7rem 0}
.foot .copy {font-weight:300;font-size:3rem;}

.fixright { position: fixed;right:0;bottom:0; z-index: 2000;width:100%;background: rgba(26,22,21,0.95); text-align: center;font-size:0}
.fixright li {float:left;width:16.6666%;border-left:1px solid rgba(255,255,255,0.15);}
.fixright li:nth-child(1) {border:0}
.fixright li .tubiao {border-radius:0;width:18rem; height:18rem; line-height:18rem; cursor:pointer;text-align: center;color:#e62129;margin:0 auto}
.fixright li .tubiao span {font-size:6rem}
.fixright li.tel .tubiao span {font-size:6.3rem;color:#e62129;}
.fixright li.up .tubiao span {font-size:6.5rem;}
.fixright li .cons { position: absolute;width:0;height:0; overflow: hidden;left:-5000px;bottom:-5000px;display:none}
.fixright li.wx .cons {left:0;right:0;top:auto;bottom:18rem;width:92%;height:150px;border-radius:0;padding:20px 4%; overflow: visible;background:rgba(26,22,21,0.95);border-bottom:1px solid rgba(255,255,255,0.15)}

.weixin { position: relative}
.weixin .pcover {width:150px;height:150px}
.weixin .wright { position: absolute;color:#e62129;left:180px;top:6px;font-size:24px; line-height:43px;text-align:left;}
.weixin .wright b {display:block}
.weixin .wright span {font-size:60px;line-height:55px;}
.fixright li.subject {background:#e62129;color:#fff;font-size:7.2rem;height:18rem; line-height: 17rem;width:33.3333%;font-weight:300}