/*内容*/
.banner { overflow: hidden; }
.banner .img { display: block; position: relative; left: 50%; transform: translate3d(-50%, 0, 0); }
.banner .nocss3 { transform: translate3d(0, 0, 0); }

.banner .comwrap,
.banner .tools { position: absolute; left: 0; right: 0; z-index: 2; }
.banner .posi { top: 4%; max-width: 1245px; font-size: 14px; color: #fff; }
.banner .posi a { color: #fff; }
.banner .typename { top: 40%; margin-top: -24px; font-weight: bold; font-size: 36px; line-height: 48px; color: #fff; }
.banner .tools { bottom: 0; width: 100%; border-top: 1px solid #fff; }
.banner .tools .comwrap { position: relative; }
.banner .tools .menu { padding: 30px 0; font-size: 0; }
.banner .tools .menu .col { position: relative; margin-right: 2em; padding: 10px 0; font-weight: bold; font-size: 14px; line-height: 20px; color: #fff; }
.banner .tools .menu .col::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #ff0000; }
.banner .tools .menu .col:hover { color: #ff0000; }
.banner .tools .menu .cur::before { width: 100%; }
.banner .tools .search { position: relative; margin-top: 25px; width: 25.7%; opacity: 0.8; filter: alpha(opacity=80); }
.banner .tools .search .inbox { padding: 0 58px 0 20px; }
.banner .tools .search .intxt { display: block; margin: 0 -58px 0 -20px; padding: 0 58px 0 20px; width: 100%; height: 50px; background: #e2e2e2; }
.banner .tools .search .intxt::placeholder { color: #aaa; }
.banner .tools .search .inbtn { position: absolute; top: 0; right: 10px; z-index: 3; width: 38px; height: 100%; background: url(icon-search.png) center no-repeat; -webkit-appearance: none; }
.banner .tools .search .inbtn:hover { transform: scale(0.8); cursor: pointer; }
.banner .tools .pos { position: absolute; top: 50%; right: 0; margin-top: -10px; font-weight: bold; font-size: 14px; line-height: 20px; color: #fff; }
.banner .tools .pos a { color: #fff; }

.banner .typename,
.banner .tools,
.banner .tools .pos { display: none; }

.banner-ti4 .typename,
.banner-ti4 .tools,
.banner-ti4 .tools .pos { display: block; }
.banner-ti4 .posi,
.banner-ti4 .tools .search,
.banner-ti4.banner-i4 .typename { display: none; }

.banner-ti8 .tools,
.banner-ti146 .tools { display: block; position: relative; background-color: #646464; }

.banner-ti73 .typename,
.banner-ti73 .tools { display: block; }

.banner-ti360 .posi { display: none; }

.banner-ti367 .tools { display: block; }

.menut .list { margin-top: -2.08%; font-size: 0; text-align: center; }
.menut .list .col { margin: 2.08% 1.04% 0; }
.menut .list .link { display: block; padding: 9px 10px; min-width: 118px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; color: #000; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; }
.menut .list .link:hover { border-color: #e60012; }
.menut .list .cur .link { color: #fff; background-color: #e60012; border-color: #e60012; }

.menut-s2 { padding: 0.1px 0; background-color: #333; }
.menut-s2 .list { margin-bottom: 1.25%; font-size: 0; text-align: center; }
.menut-s2 .list .col { margin: 1.25% 1.25% 0; }
.menut-s2 .list .link { display: block; padding: 10px; min-width: 120px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; color: #000; background-color: #fff;; border-radius: 4px; }
.menut-s2 .list .link:hover { color: #e60012; }
.menut-s2 .list .cur .link,
.menut-s2 .list .cur .link:hover { color: #fff; background-color: #e60012; border-color: #e60012; }

.pagelist { margin-top: 70px; font-size: 14px; color: #000; text-align: center; }
.pagelist strong { font-weight: normal; }
.pagelist li { display: inline-block; *display: inline; *zoom: 1; margin: 0 5px 10px; }
.pagelist li a,
.pagelist li span { display: block; padding: 0 10px; font-size: 14px; line-height: 21px; color: #000; border: 1px solid #efefef; }
.pagelist li a:hover { color: #ff0000; border-color: #ff0000; }
.pagelist li.active a,
.pagelist li.active a:hover,
.pagelist li span.current { color: #fff; background-color: #ff0000; border-color: #ff0000; }

.pagebtn { margin-top: 40px; }
.pagebtn .more { font-size: 0; text-align: right; }
.pagebtn .more .txt { width: 148px; font-size: 18px; line-height: 48px; text-align: center; color: #999; background-color: #fff; border: 1px solid #999; }
.pagebtn .more .txt:hover { color: #fff; background-color: #e60012; border-color: #e60012; cursor: pointer; }
.pagebtn .loading { display: none; margin: 0 auto; }

.pagepn { margin: 40px 0; padding: 30px 0; font-weight: bold; line-height: 2.14; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.pagepn a { font-weight: normal; }

.common-tit { padding-left: 43px; background: url("icon-hua.png") 0 0 no-repeat; }
.common-tit .txt { font-weight: bold; font-size: 21px; line-height: 33px; color: #333; }
.common-tit .more { font-family: arial; line-height: 33px; color: #e52d27; }
.common-tit .more:hover { color: #ff0000; text-shadow: 0 0 1px #e52d27; }

.body p { margin: 1em 0; }

/*简介*/
.about .menut { margin: 4.17% auto; }

.about-zjlg-con { margin: 4.43% auto 9%; font-size: 0; }
.about-zjlg-con .conbox { margin-left: 6.25%; width: 52.09%;/*750*/ }
.about-zjlg-con .conbox-l { display: none; }
.about-zjlg-con .conbox .tit { padding-bottom: 35px; font-weight: bold; font-size: 36px; color: #e60012; border-bottom: 1px solid #e60012; }
.about-zjlg-con .conbox .con { margin-top: 45px; font-weight: bold; font-size: 18px; line-height: 36px; text-align: justify; color: #000; }
.about-zjlg-con .imgbox { padding-bottom: 3.82%; width: 41.66%;/*600*/ font-size: 0; text-align: center; }
.about-zjlg-con .imgbox::before { content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 44.55%; background-color: #e60012; }
.about-zjlg-con .imgbox .img { position: relative; z-index: 2; max-width: 82%; }
.about-zjlg-img { padding: 7.8125% 0; }
.about-zjlg-img .conbox { position: absolute; top: 50%; right: 0; width: 24.65%;/*355*/ transform: translate3d(0, -50%, 0); }
.about-zjlg-img .conbox .stit,
.about-zjlg-img .conbox .tit { font-weight: bold; font-size: 36px; line-height: 48px; color: #e60012; }
.about-zjlg-img .conbox .tit { padding-bottom: 6.2%; border-bottom: 1px solid #e60012; }
.about-zjlg-img .conbox .btnwr { margin-top: 28.16%; font-size: 0; }
.about-zjlg-img .conbox .swiper-pagination-bullet { margin: 11px 11px 0 0; width: 12px; height: 12px; background-color: #000; border-radius: 12px; opacity: 1; transition: all 0.3s; }
.about-zjlg-img .conbox .swiper-pagination-bullet-active { width: 42px; background-color: #e60012; }
.about-zjlg-img .imgbox { margin: -1.66% 0 0; width: 68.75%;/*990*/ }
.about-zjlg-img .imgbox .list { font-size: 0; }
.about-zjlg-img .imgbox .col { margin: 2.42% 2.42% 0 0; width: 31.72%;/*314*/ vertical-align: top; }
.about-zjlg-img .imgbox .col-c0 { margin-right: 0; }
.about-zjlg-img .imgbox .imgwr { padding-bottom: 73.57%;/*231*/ }
.about-zjlg-img .imgbox .col:hover .img { transform: scale(1.06); cursor: pointer; }
.about-zjlg-img1 { background-color: #f5f5f5; }
.about-zjlg-img1 .conbox { left: 0; right: auto; }
.about-zjlg-img1 .imgbox { float: right; }

.about-ppgs .main { margin: 3.65% auto 6.25%; }
.about-ppgs .main .title { font-weight: bold; font-size: 36px; text-align: center; color: #e60012; border-bottom: 1px solid #e60012; }
.about-ppgs .main .item { margin-top: 5.2%; }
.about-ppgs .main .item-c1 { margin-top: 2.78%; }
.about-ppgs .main .item .tit { padding: 15px 0; font-weight: bold; font-size: 36px; line-height: 48px; text-align: center; color: #fff; background: url(bg-about-ppgs.jpg) top center repeat; }
.about-ppgs .main .item .con { padding-top: 1.39%; font-size: 18px; line-height: 36px; color: #000; text-align: justify; }
.about-ppgs .main .item .con p { margin: 1em 0; text-indent: 2em; }

/*单页*/
.single-page .menut { margin: 4.17% auto; }
.single-page .main { margin: 3.65% auto 6.25%; }
.single-page .title { font-weight: bold; font-size: 36px; text-align: center; color: #e60012; }
.single-page .body { position: relative; padding-top: 1.5%; font-size: 24px; line-height: 39px; color: #000; }
.single-page-i371 .body::before { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff; animation: zk 5s forwards; }
@keyframes zk {
  0% { width: 100%; }
  100% { width: 0; }
}
.single-page-i371,
.single-page-i374 { padding-bottom: 0.1px; background: url(bg-about-lc.jpg) bottom center no-repeat; }
.single-page-i374 { padding-bottom: 10.15%; }

/*图集*/
.images { margin: 4.17% auto 5.2%; }

.images-list { margin-top: 4.17%; }
.images-list .title { font-weight: bold; font-size: 36px; text-align: center; color: #e60012; }
.images-list .listwr { margin-top: 3.39%; }
.images-list .listwr .list { margin: -4.09% -2.5% 0;/*59 36 1512*/ font-size: 0; }
.images-list .listwr .col { margin: 3.9% 0 0 2.38%; width: 22.025%;/*333*/ vertical-align: top; }
.images-list .listwr .imgwr { padding-bottom: 128.53%;/*428*/ cursor: pointer; }
.images-list .listwr .conwr { margin-top: 7.2%; }
.images-list .listwr .tit { font-size: 14px; text-align: center; color: #000; }
.images-list .listwr .col:hover .img { transform: scale(0.94); }
.images-list .listwr .col:hover .tit { color: #e60012; }

/*产品*/
.product-type-top { padding: 3.39% 0 4.42%; background-color: #333; }
.product-type-top .con { width: 57.64%; font-size: 14px; line-height: 1.85em; color: #fff; }
.product-type-top .con h1,
.product-type-top .con h2,
.product-type-top .con h3,
.product-type-top .con h4,
.product-type-top .con h5,
.product-type-top .con h6,
.product-type-top .con strong { display: block; margin-bottom: 0.3em; font-weight: bold; font-size: 2.57em; line-height: 1.85em; }
.product-type-top .search { position: absolute; bottom: 3%; right: 0; width: 28.48%; }
.product-type-top .search .inbox { padding-right: 36px; }
.product-type-top .search .intxt { display: block; margin-right: -36px; padding-right: 36px; width: 100%; font-size: 14px; line-height: 40px; color: #fff; background: none; border-bottom: 1px solid #fff; }
.product-type-top .search .intxt::placeholder { color: #aaa; }
.product-type-top .search .inbtn { position: absolute; top: 0; right: 0; z-index: 2; width: 36px; height: 100%; background: url(icon-search2.png) center no-repeat; -webkit-appearance: none; }
.product-type-top .search .inbtn:hover { transform: scale(0.9); cursor: pointer; }

.product-type { padding: 4.69% 0; background-color: #f5f3f2; }
.product-type .list { margin-top: -4.32%; }
.product-type .item { margin-top: 4.32%; }
.product-type .item .conwr { position: absolute; top: 50%; left: 8.33%; z-index: 4; padding: 0.1px 0; width: 83.34%; max-width: 460px; transform: translate3d(0, -50%, 0); }
.product-type .item .conwr::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); transition: all .4s; }
.product-type .item .conwr .conin { position: relative; z-index: 4; margin: 2.82%; padding: 6.52%; font-size: 0; color: #fff; }
.product-type .item .conwr .conin::before { content: ''; position: absolute; top: -1px; left: -1px; z-index: 3; width: 100%; height: 100%; border: 1px solid #fff; }
.product-type .item .conwr .stit { position: relative; z-index: 4; font-weight: bold; font-size: 16px; letter-spacing: 0.5em; }
.product-type .item .conwr .tit { position: relative; z-index: 4; margin-top: 2.67%; font-weight: bold; font-size: 36px; letter-spacing: 0.2em; }
.product-type .item .conwr .btn { position: relative; z-index: 4; margin-top: 13.37%; padding: 0 1.625em; font-weight: bold; font-size: 16px; line-height: 41px; background-color: #ff0000; }
.product-type .item .conwr .btn::before,
.product-type .item .conwr .btn::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all .4s; }
.product-type .item .conwr .btn::before { right: 100%; bottom: 0; border-width: 41px 10px 0 0; border-color: transparent #ff0000; }
.product-type .item .conwr .btn::after { left: 100%; top: 0; border-width: 0 0 41px 10px; border-color: transparent #ff0000; }
.product-type .item .imgwr { padding-bottom: 500px; }
.product-type .item-c1 .conwr { left: auto; right: 8.33%; }
.product-type .item .conwr:hover::before,
.product-type .item .conwr:hover .conin { transform: translate3d(10px, 0, 0); }
.product-type .item .conwr .btn:hover { transform: translate3d(6px, 0, 0); }
.product-type .item-c1 .conwr:hover::before,
.product-type .item-c1 .conwr:hover .conin { transform: translate3d(-10px, 0, 0); }
.product-type .item-c1 .conwr .btn:hover { transform: translate3d(-6px, 0, 0); }
.product-type .item:hover .img { transform: scale(1.06); }

.product-list { padding: 10px 0 90px; background-color: #f5f3f2; }

.product-sort .row { padding: 24px 0 18px; border-bottom: 1px dashed #ddd; }
.product-sort .sttit { width: 130px; font-size: 16px; color: #333; }
.product-sort .stcon { width: 950px; font-size: 0; }
.product-sort .stitem { margin-right: 30px; margin-bottom: 6px; font-size: 16px; }
.product-sort .stitem-on { color: #e52d27; }

.product-list .search { margin-top: 55px; max-width: 470px; }
.product-list .search .inbox { padding: 0 58px 0 20px; }
.product-list .search .intxt { display: block; margin: 0 -58px 0 -20px; padding: 0 58px 0 20px; width: 100%; height: 50px; background: #e2e2e2; }
.product-list .search .intxt::placeholder { color: #aaa; }
.product-list .search .inbtn { position: absolute; top: 0; right: 10px; z-index: 3; width: 38px; height: 100%; background: url(icon-search.png) center no-repeat; -webkit-appearance: none; }
.product-list .search .inbtn:hover { transform: scale(0.8); cursor: pointer; }

.product-list .main { margin-top: 50px; }
.product-list .main .list { margin: -2.85% -4.05% 0;/*48 68 1816*/ font-size: 0; }
.product-list .main .col { margin: 2.64% 0 0 3.74%;/*48 68*/ width: 20.325%;/*369*/ }
.product-list .main .imgwr { padding-bottom: 81.08%; background-color: #000; }
.product-list .main .conwr { position: relative; padding: 9.2% 30px 12.1% 0; border-bottom: 1px solid #e6e4e3; }
.product-list .main .tit { font-size: 20px; color: #000; }
.product-list .main .txt { margin-top: 8px; font-size: 14px; color: #747474; }
.product-list .main .icon { position: absolute; top: 1px; right: 0; margin-top: 9.2%; width: 21px; height: 21px; background: url("icon-prol.png") 0 0 no-repeat; }
.product-list .main .col:hover .img { opacity: 0.6; filter: alpha(opacity=60); transform: scale(1.06); }
.product-list .main .col:hover .tit { color: #d8000f; }
.product-list .main .col:hover .icon { transform: rotateZ(180deg); }

.product-con { padding-bottom: 75px; }
.product-con .product-type-top { padding: 24px 0 60px; background-color: #666; }
.product-con .product-type-top .posi { margin-bottom: 40px; font-size: 14px; color: #fff; }
.product-con .product-type-top .posi a { color: #fff; }
.product-con .product-type-top .con h1,
.product-con .product-type-top .con h2,
.product-con .product-type-top .con h3,
.product-con .product-type-top .con h4,
.product-con .product-type-top .con h5,
.product-con .product-type-top .con h6,
.product-con .product-type-top .con strong { display: none; }
.product-con .product-type-top .con .tit { display: block; }
.product-con .imgbox { overflow: hidden; }
.product-con .imgbox .slide-b { margin-top: 90px; }
.product-con .imgbox .slide-b .imgwr { padding-bottom: 650px; background-color: #000; }
.product-con .imgbox .slide-b .vbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-con .imgbox .slide-b .qrcode { position: absolute; bottom: 0; right: 0; z-index: 3; margin: 0 2.78% 2.78% 0; width: 130px; background-color: #fff; }
.product-con .imgbox .slide-b .qrcode .imgwr { position: relative; padding: 5px; background-color: #fff; }
.product-con .imgbox .slide-b .qrcode .img { position: absolute; top: 50%; left: 0; right: 0; z-index: 3; margin: -20.5px auto 0; width: 37px; height: 41px; }
.product-con .imgbox .slide-b .qrcode .txt { padding: 4px; font-size: 14px; text-align: center; color: #333; border-top: 1px solid #969696; }
.product-con .imgbox .slide-s { margin-top: 2.78%; max-width: 767px; }
.product-con .imgbox .slide-s .col { margin-right: 1.69%; width: 23.7325%; cursor: pointer; }
.product-con .imgbox .slide-s .col::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 2px solid #e60012; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); transform: scale(0.8); transition: all .4s; }
.product-con .imgbox .slide-s .imgwr { padding-bottom: 82.42%; }
.product-con .imgbox .slide-s .icon { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -49.5px auto 0; width: 99px; height: 99px; background: url(icon-play-black.png) 0 0 no-repeat; }
.product-con .imgbox .slide-s .col:hover .img { transform: scale(1.06); }
.product-con .imgbox .slide-s .cur::before { opacity: 1; filter: alpha(opacity=100); transform: scale(1); }
.product-con .infobox { margin-top: 60px; padding: 10px 0 35px; font-size: 0; }
.product-con .infobox .list { margin-top: 20px; border-top: 1px solid #eee; }
.product-con .infobox .col { padding: 30px 0; width: 480px; font-size: 18px; border-top: 1px dashed #ddd; vertical-align: top; }
.product-con .infobox .col-t { border-top: none; }
.product-con .infobox .stit { float: left; width: 100px; }
.product-con .infobox .scon { float: none; margin: 0 2em 0 100px; color: #999; }
.product-con .conbox { margin-top: 20px; }

.moreart-pro,
.moreart-cases { margin-top: 85px; padding: 0; background: none; }
.moreart-pro .main,
.moreart-cases .main { margin-top: 35px; }

.moreart-cases { margin-top: 40px; }

/*视频*/
.video-top { position: relative; }
.video-top .video-info { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -51px auto 0; width: 102px; height: 102px; background: url(icon-play-b.png) 0 0 no-repeat; opacity: 0.6; filter: alpha(opacity=60); }
.video-top .video-info .share { display: none; }
.video-top .video-info:hover { transform: scale(0.94); cursor: pointer; }

.video { padding: 70px 0 50px; background-color: #fffefe; }

.video-list { margin: 45px auto 50px; }
.video-list .list { margin: -2.5% -2.5% 0;/*36 1512*/ font-size: 0; }
.video-list .list .col { margin: 2.38% 0 0 2.38%; width: 22.025%; vertical-align: top; }
.video-list .list .col .imgwr { padding-bottom: 75%; }
.video-list .list .col .icon { position: absolute; top: 50%; left: 0; right: 0; margin: -35px auto 0; width: 70px; height: 70px; background: url(icon-play.png) 0 0 no-repeat; opacity: 0.6; filter: alpha(opacity=60); }
.video-list .list .col .conwr,
.video-list .list .col .share { display: none; }
.video-list .list .col:hover .img { transform: scale(1.06); }
.video-list .list .col .icon:hover { transform: scale(0.94); }

/*案例*/
.cases-list { padding: 65px 0 85px; }

.cases-list .main { margin-top: 40px; overflow: hidden; }
.cases-list .main .list { margin: -1.86% -3.71% 0;/*26 52 1504*/ font-size: 0; }
.cases-list .main .col { position: relative; margin: 1.73% 0 0 3.46%; width: 20.675%; border-bottom: 1px solid #ddd; vertical-align: top; }
.cases-list .main .imgwr { padding-bottom: 61.29%; background-color: #000; }
.cases-list .main .icon { position: absolute; top: 45%; left: 0; right: 0; margin: -30px auto 0; width: 60px; height: 60px; background: url("icon-case.png") 0 0 no-repeat; opacity: 0; filter: alpha(opacity=0); }
.cases-list .main .conwr { padding: 12px 0; }
.cases-list .main .tit { font-size: 14px; line-height: 20px; color: #222; text-align: center; }
.cases-list .main .col:hover .img { opacity: 0.6; filter: alpha(opacity=60); }
.cases-list .main .col:hover .icon { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.cases-list .main .col:hover .tit { color: #d8000f; }

.cases-list .listwr { margin-top: 65px; }
.cases-list .listwr .list { font-size: 0; }
.cases-list .listwr .list .col { width: 27.78%;/*400*/ vertical-align: top; }
.cases-list .listwr .list .col-c3,
.cases-list .listwr .list .col-txt { width: 44.44%;/*640*/ }
.cases-list .listwr .list .col .imgwr { padding-bottom: 113.75%;/*455*/ background-color: #000; }
.cases-list .listwr .list .col .conwr { position: absolute; top: 50%; left: 5%; z-index: 2; margin-top: -70px; width: 90%; font-size: 0; text-align: center; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -50%, 0); }
.cases-list .listwr .list .col .icon { width: 65px; height: 65px; background: url(icon-magnifier.png) 0 0 no-repeat; }
.cases-list .listwr .list .col .tit { margin-top: 44px; font-size: 24px; letter-spacing: 0.075em; color: #fff; }
.cases-list .listwr .list .col-c3 .imgwr { padding-bottom: 71.09375%;/*455*/ }
.cases-list .listwr .list .col:hover .conwr,
.cases-list .listwr .list .col-txt .conwr { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
.cases-list .listwr .list .col:hover .img { opacity: 0.3; filter: alpha(opacity=30); }
.cases-list .listwr .list .col-txt { padding-bottom: 31.59975%; height: 0; }
.cases-list .listwr .list .col-txt .conwr { position: absolute; top: 50%; left: 0; margin-top: -55px; padding: 0 5%; width: 90%; text-align: center; }
.cases-list .listwr .list .col-txt .tit,
.cases-list .listwr .list .col-txt .tit2 { margin-top: 0; font-size: 42px; letter-spacing: 0.075em; color: #000; }
.cases-list .listwr .list .col-txt .tit2 { font-weight: bold; }
.cases-list .listwr .list .col-txt-2 { width: 27.78%; }
.cases-list .listwr .list .col-txt-2 .conwr { margin-top: -40px; }
.cases-list .listwr .list .col-txt-2 .tit { font-size: 30px; line-height: 40px; }

/*加盟*/
.join-ly { margin: 3.9% auto 4.95%; }
.join-ly .main { max-width: 1080px; }
.join-ly .title { font-weight: bold; font-size: 48px; text-align: center; color: #4d4948; }
.join-ly .list { margin: 4.16% auto 0; font-size: 0; }
.join-ly .list .row { position: relative; margin-bottom: 1.3%; width: 32.46%; background-color: #f5f5f5; vertical-align: top; }
.join-ly .list .marl { margin-left: 1.3%; }
.join-ly .list .txt { position: absolute; top: 0; left: 0; z-index: 1; margin-left: 20px; font-size: 14px; line-height: 55px; color: #000; }
.join-ly .list .star { margin-right: 5px; font-style: normal; color: #e60012; }
.join-ly .list .inbox { position: relative; z-index: 2; padding: 0 20px; }
.join-ly .list .intxt { display: block; margin: 0 -20px; padding: 0 20px; width: 100%; height: 55px; font-size: 16px; color: #000; background: none; }
.join-ly .list .area { display: none; }
.join-ly .list .row-full { width: 100%; }
.join-ly .list .row-ta .intxt { min-width: 100%; max-width: 100%; height: 166px; min-height: 166px; line-height: 40px; transition: background .4s; }
.join-ly .list .row-btn { margin-bottom: 0; }
.join-ly .list .row-btn .inbox { padding: 0; }
.join-ly .list .row-btn .btn { display: block; margin: 0; padding: 0; width: 100%; font-size: 16px; line-height: 55px; text-align: center; color: #fff; background-color: #545454; -webkit-appearance: none; }
.join-ly .list .row-btn .btn:hover { background-color: #e60012; cursor: pointer; }

/*文章*/
.article { padding: 80px 0 40px; background-color: #f5f3f2; }
.article-list { margin-top: 75px; }
.article-list .list { margin: -3.05% -3.05% 0;/*44 1528*/ }
.article-list .list .col { margin: 2.87% 0 0 2.87%; width: 21.4125%;/*327*/ background-color: #fff; vertical-align: top; }
.article-list .list .col .imgwr { padding-bottom: 78.77%; }
.article-list .list .col .conwr { padding: 30px 10px 46px; }
.article-list .list .col .tit { height: 60px; font-weight: bold; font-size: 18px; line-height: 30px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list .list .col .desc { margin-top: 1em; height: 120px; font-size: 14px; line-height: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.article-list .list .col .time { position: absolute; bottom: 10px; left: 10px; font-size: 12px; color: #555; }
.article-list .list .col .icon { position: absolute; bottom: 10px; right: 10px; width: 36px; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; color: #fff; background-color: #e60012; }
.article-list .list .col:hover .img { transform: scale(1.06); }
.article-list .list .col .tit:hover { color: #e60012; }
.article-list .list .col .icon:hover { transform: scale(0.9); }
.article-con { margin: 80px auto 95px; }
.article-con .comwrap::before { content: ''; position: absolute; top: 0; left: 140px; margin-left: 4.5%; width: 0; height: 100%; border-right: 1px solid #ccc; }
.article-con .sidebar { position: relative; width: 140px; }
.article-con .sidebar .col { margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 3px; }
.article-con .sidebar .link { display: block; font-weight: bold; padding: 9px 10px; font-size: 14px; line-height: 20px; text-align: center; color: #000; }
.article-con .sidebar .link:hover { border-color: #e60012; }
.article-con .sidebar .cur .link { color: #fff; background-color: #e60012; border-color: #e60012; }
.article-con .content { float: none; margin-left: 140px; padding-left: 9.02%; color: #000; }
.article-con .content .title { font-size: 30px; text-align: center; }
.article-con .content .info { margin-top: 20px; font-size: 16px; text-align: center; }
.article-con .content .body { margin-top: 55px; font-size: 18px; line-height: 30px; }

.article-con .common-tit { padding-bottom: 18px; border-bottom: 1px solid #eee; }

.moreart-news { margin-top: 14px; }
.moreart-news .row { position: relative; width: 45%; line-height: 2.14; }
.moreart-news .row::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -2.5px; width: 5px; height: 5px; background-color: #2a2a2a; border-radius: 100%; }
.moreart-news .row-2 { margin-left: 10%; }
.moreart-news .row .tit { padding: 0 80px 0 20px; }
.moreart-news .row .time { position: absolute; right: 0; top: 0; font-size: 12px; color: #666; }

/*联系*/
.contact .main { margin: 90px auto 80px; }
.contact .main::before { content: ''; position: absolute; top: 0; left: 0; margin-left: 37.5%; width: 0; height: 100%; border-right: 2px solid #dcdcdc; }
.contact .main .conbox { width: 35.76%; }
.contact .main .conbox .tit { font-weight: bold; font-size: 30px; color: #333; }
.contact .main .conbox .con { padding-top: 0.6em; font-size: 18px; color: #333; }
.contact .main .conbox .con p { margin-top: 1.4em; }
.contact .main .conbox .con img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 5%; }
.contact .main .conbox .ewm { margin-top: 8.73%; width: 115px; text-align: center; }
.contact .main .conbox .ewm .img { max-width: 100%; }
.contact .main .conbox .ewm .txt { font-size: 14px; color: #323232; }
.contact .main .fbbox { width: 55.55%; }
.contact .main .fbbox .tit { font-weight: bold; font-size: 30px; color: #666; }
.contact .main .fbbox .con { margin-top: 4.375%; font-size: 16px; color: #000; }
.contact .main .fbbox .list { margin-top: 1.25%; font-size: 0; }
.contact .main .fbbox .row { position: relative; margin-top: 2%; width: 49%; background-color: #eee; border-radius: 5px; vertical-align: top; }
.contact .main .fbbox .marl { margin-left: 2%; }
.contact .main .fbbox .txt { position: absolute; top: 50%; left: 0; z-index: 1; margin: -12px 0 0 6%; font-size: 18px; color: #666; }
.contact .main .fbbox .star { margin-left: 3px; font-style: normal; line-height: 1; color: #e60012; }
.contact .main .fbbox .intxt { display: block; position: relative; z-index: 2; padding: 0 6%; width: 88%; height: 70px; font-size: 18px; background: none; border-radius: 5px; }
.contact .main .fbbox .row-full { width: 100%; }
.contact .main .fbbox .row-full .txt { top: 0; margin: 10px 0 0 3%; }
.contact .main .fbbox .row-full .intxt { padding: 10px 3%; max-width: 94%; min-width: 94%; height: 136px; min-height: 136px; transition: background .4s; }
.contact .main .fbbox .row-txt { padding-top: 24px; font-size: 16px; line-height: 22px; color: #999; background: none; }
.contact .main .fbbox .row-btn .btn { display: block; width: 100%; height: 70px; font-size: 24px; text-align: center; color: #fff; background-color: #da251d; border-radius: 5px; -webkit-appearance: none; }
.contact .main .fbbox .row-btn .btn:hover { background-color: #ff0000; cursor: pointer; }
.contact .map { padding: 65px 0 80px; background-color: #f8f8f8; }
.contact .map .tit { font-weight: bold; font-size: 30px; color: #333; }
.contact .map .wrap { position: relative; margin-top: 4%; padding-bottom: 37.15%; height: 0; }
.contact .map .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact .map img { transition: none; }

/*下载*/
.download { margin: 50px auto 90px; }
.download-list { max-width: 1400px; }
.download-list .list { margin: -1.43% -2.72% 0;/*20 38 1476*/ font-size: 0; }
.download-list .list .col { margin: 1.35% 0 0 2.58%; width: 46.13%; vertical-align: top; }
.download-list .list .col .box { display: block; padding: 6.6% 5.95%; border: 1px solid #ededed; cursor: default; }
.download-list .list .col .imgwr { position: absolute; top: 50%; left: 0; margin: -30px 0 0 5.95%; padding-bottom: 60px; width: 60px; }
.download-list .list .col .conwr { margin: 0 50px 0 60px; padding: 8px 5%; text-align: center; }
.download-list .list .col .tit { font-size: 18px; letter-spacing: 0.15em; color: #777; cursor: pointer; }
.download-list .list .col .info { margin-top: 14px; font-size: 12px; color: #999; }
.download-list .list .col .icowr { position: absolute; top: 50%; right: 0; margin: -25px 5.95% 0 0; width: 50px; font-size: 0; line-height: 50px; text-align: center; border-radius: 100%; background-color: #ddd; cursor: pointer; }
.download-list .list .col .icon { width: 18px; height: 28px; background: url(icon-down.png) 0 -34px no-repeat; }
.download-list .list .col:hover .box { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1); transform: translate3d(0, -4px, 0); }
.download-list .list .col .tit:hover { color: #da251d; }
.download-list .list .col .icowr:hover .icon { animation: gundong .6s infinite linear; }
@keyframes gundong {
  0% { background-position: 0 -34px; }
  100% { background-position: 0 0; }
}

@media screen and (max-width: 640px) {
  body { padding-top: 50px; }
  .header { background-color: rgba(255, 255, 255, 0.8)!important; }

  .banner .img { display: block; left: 0; margin-left: 0; width: 100%; transform: translate3d(0, 0, 0); }
  .banner .posi,
  .banner .typename,
  .banner .tools { display: none; }
  .banner .tools .menu { float: none; margin-top: -2%; }
  .banner .tools .menu .col { margin: 2% 2% 0 0; width: 23.5%; text-align: center; color: #333; background-color: #eee; }
  .banner .tools .menu .col:nth-child(4n) { margin-right: 0; }

  .menut .list { margin-top: -2%; text-align: left; }
  .menut .list .col { margin: 2% 2% 0 0; width: 23.5%; }
  .menut .list .col:nth-child(4n) { margin-right: 0; }
  .menut .list .link { padding: 8px 4px; min-width: auto; }

  .menut-s2 .list { margin: 3% 0 5%; text-align: left; }
  .menut-s2 .list .col { margin: 2% 2% 0 0; width: 23.5%; }
  .menut-s2 .list .col:nth-child(4n) { margin-right: 0; }
  .menut-s2 .list .link { padding: 8px 4px; min-width: auto; }

  .pagebtn { margin-top: 10%; }
  .pagebtn .more { text-align: center; }
  .pagebtn .more .txt { width: 118px; font-size: 14px; line-height: 33px; }

  .pagelist { margin-top: 10%; font-size: 12px; }
  .pagelist li { margin: 5px 2px 0; }
  .pagelist li a,
  .pagelist li span { padding: 0 6px; }

  .pagepn { margin: 10% auto; padding: 5% 0; line-height: 1.8; }

  .common-tit { padding-left: 33px; background-size: 23px auto; background-position: 0 3px; }
  .common-tit .txt { font-size: 18px; line-height: 29px; }
  .common-tit .more { font-size: 12px; line-height: 29px; }

  .banner-ti4 .tools { display: block; position: relative; }
  .banner-ti4 .tools .pos { display: none; }
  .banner-ti4 .tools .menu { padding: 5% 0; }
  .banner-ti256 .img { margin-left: -20%; width: 140%; }

  .about .menut,
  .single-page .menut { margin: 10% auto; }

  .about-zjlg-con,
  .single-page .main { margin: 10% auto 15%; }

  .about-zjlg-con .conbox .tit,
  .about-ppgs .main .title { padding-bottom: 10px; font-size: 20px; text-align: center; }

  .about-zjlg-con .conbox { display: none; margin: 0; width: auto; }
  .about-zjlg-con .conbox-l { display: block; }
  .about-zjlg-con .conbox .con { margin-top: 1em; font-size: 15px; line-height: 2em; }
  .about-zjlg-con .imgbox { display: block; margin: 8% auto 0; width: auto; }
  .about-zjlg-img { padding: 15% 0; }
  .about-zjlg-img .conbox { position: relative; top: 0; width: auto; text-align: center; transform: translate3d(0, 0, 0); }
  .about-zjlg-img .conbox .stit,
  .about-zjlg-img .conbox .tit { font-size: 20px; line-height: 1.5em; }
  .about-zjlg-img .conbox .tit { padding-bottom: 10px; }
  .about-zjlg-img .conbox .btnwr { display: none; }
  .about-zjlg-img .imgbox { float: none; margin: 5% auto 0; width: auto; }
  .about-zjlg-img .imgbox .col { margin: 5% 0 0; width: 47.5%; }
  .about-zjlg-img .imgbox .col:nth-child(2n) { margin-left: 5%; }
  .about-ppgs .main .item { margin-top: 8%; }
  .about-ppgs .main .item .tit { padding: 10px 0; font-size: 18px; line-height: 1.5em; background-size: 100% 100%; }
  .about-ppgs .main .item .con { font-size: 15px; line-height: 2em; }
  .single-page .title { font-size: 20px; }
  .single-page .body { padding-top: 5%; font-size: 15px; line-height: 2em; }
  .single-page .body p { margin: 0.5em 0; }
  .single-page-i371,
  .single-page-i374 { background-size: 100% auto; }

  .images { margin: 10% auto 15%; }
  .images-list { margin-top: 10%; }
  .images-list .title { font-size: 20px; }
  .images-list .listwr { margin-top: 2%; }
  .images-list .listwr .list { margin: 0; font-size: 0; }
  .images-list .listwr .col { margin: 8% 0 0; width: 47.5%; }
  .images-list .listwr .col:nth-child(2n) { margin-left: 5%; }
  .images-list .listwr .conwr { margin-top: 5%; }

  .product-type-top { display: none; padding: 10% 5%; }
  .product-type-top .con,
  .product-type-top .search { float: none; width: auto; }
  .product-type-top .con h1,
  .product-type-top .con h2,
  .product-type-top .con h3,
  .product-type-top .con h4,
  .product-type-top .con h5,
  .product-type-top .con h6,
  .product-type-top .con strong { font-size: 1.42em; }
  .product-type-top .search { position: relative; bottom: 0; margin-top: 8%; }

  .product-type .item .conwr { width: 40%; text-align: center; }
  .product-type .item .conwr .stit { font-size: 14px; }
  .product-type .item .conwr .tit { font-size: 18px; }
  .product-type .item .conwr .btn { display: none; padding: 0 0.8em; font-size: 14px; line-height: 30px; }
  .product-type .item .conwr .btn::before { border-width: 30px 6px 0 0; }
  .product-type .item .conwr .btn::after { border-width: 0 0 30px 6px; }
  .product-type .item .imgwr { padding-bottom: 70%; }

  .product-sort { display: none; }

  .product-list { padding: 15% 0; }
  .product-list .search { display: none; }
  .product-list .main { margin-top: 0; }
  .product-list .main .list { margin: -10% 0 0; }
  .product-list .main .col { display: block; margin: 10% 4% 0; width: auto; }
  .product-list .main .conwr { padding: 5% 30px 5% 0; }
  .product-list .main .tit { font-size: 16px; }
  .product-list .main .txt { margin-top: 6px; font-size: 13px; }
  .product-list .main .icon { margin-top: 5%; }

  .product-con { padding-bottom: 15%; }
  .product-con .product-type-top { display: block; padding: 3% 0 10%; }
  .product-con .product-type-top .posi { margin-bottom: 10%; padding-bottom: 3%; border-bottom: 1px solid #fff; }
  .product-con .product-type-top .con .tit { text-align: center; }
  .product-con .product-type-top .search { display: none; }
  .product-con .imgbox .slide-b { margin-top: 10%; }
  .product-con .imgbox .slide-b .imgwr { padding-bottom: 45.13%; }
  .product-con .imgbox .slide-b .qrcode { display: none; }
  .product-con .imgbox .slide-s { margin-top: 2%; }
  .product-con .imgbox .slide-s .col { margin-right: 2%; width: 23.5%; }
  .product-con .imgbox .slide-s .icon { margin-top: -20px; width: 40px; height: 40px; background-size: cover; }
  .product-con .infobox { margin-top: 10%; padding: 0; }
  .product-con .infobox .list { margin-top: 5%; }
  .product-con .infobox .col { display: block; padding: 1em 0; width: auto; font-size: 16px; border-top: 1px dashed #ddd; }
  .product-con .infobox .col:nth-child(1) { border-top: none; }
  .product-con .conbox { margin-top: 9%; }

  .product-list.moreart-pro,
  .cases-list.moreart-cases { margin-top: 12%; padding: 0; }
  .product-list.moreart-pro .main .list { margin-top: 0; }
  .product-list.moreart-pro .main .col { display: inline-block; margin: 8% 0 0; width: 47%; }
  .product-list.moreart-pro .main .col:nth-child(2n) { margin-left: 6%; }

  .cases-list .main { margin-top: 0; }
  .cases-list .main .list { margin: 0; }
  .cases-list .main .list .col { margin: 8% 0 0; width: 47%; }
  .cases-list .main .list .col:nth-child(2n) { margin-left: 6%; }
  .cases-list .main .conwr { padding: 8px 0; }

  .cases-list { padding: 15% 0; }
  .cases-list .listwr { margin-top: 8%; }
  .cases-list .listwr .list { margin-top: -4%; }
  .cases-list .listwr .list .col { margin: 4% 0 0; width: 48%; }
  .cases-list .listwr .list .col-c2,
  .cases-list .listwr .list .col-c4 { margin-left: 4%; }
  .cases-list .listwr .list .col .imgwr { padding-bottom: 100%; }
  .cases-list .listwr .list .col .conwr { position: relative; top: 0; margin-top: 0; opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
  .cases-list .listwr .list .col .icon { display: none; }
  .cases-list .listwr .list .col .tit { margin-top: 4%; font-size: 14px; color: #000; }
  .cases-list .listwr .list .col-txt { display: none; }

  .join-ly { margin: 15% auto; }
  .join-ly .title { font-size: 20px; }
  .join-ly .list { margin-top: 10%; }
  .join-ly .list .row { display: block; margin-top: 5%; width: auto; }
  .join-ly .list .marl { margin-left: 0; }
  .join-ly .list .txt { line-height: 40px; }
  .join-ly .list .intxt { height: 40px; }
  .join-ly .list .row-btn .btn { line-height: 40px; }

  .article { padding: 15% 0; }
  .article-list { margin-top: 10%; }
  .article-list .list { margin: 0; }
  .article-list .list .col { display: block; margin: 10% 4% 0; width: auto; }
  .article-list .list .col .conwr { padding: 5% 5% 46px; }
  .article-list .list .col .tit { height: auto; font-size: 16px; line-height: 24px; }
  .article-list .list .col .desc { height: auto; font-size: 13px; line-height: 22px; -webkit-line-clamp: 3; }
  .article-list .list .col .icon { width: 26px; font-size: 14px; line-height: 26px; }

  .article-con { margin: 15% auto; }
  .article-con .sidebar,
  .article-con .comwrap::before { display: none; }
  .article-con .content { float: none; margin-left: 0; padding-left: 0; }
  .article-con .content .title { font-size: 18px; }
  .article-con .content .info { margin-top: 10px; font-size: 12px; }
  .article-con .content .body { margin-top: 1.5em; font-size: 15px; line-height: 26px; }
  .article-con .common-tit { margin-top: 15%; padding-bottom: 10px; }
  .moreart-news { margin-top: 5%; }
  .moreart-news .row { float: none; width: auto; line-height: 2; }
  .moreart-news .row-2 { margin-left: 0; }

  .video-top .video-info { transform: scale(0.5); }
  .video { padding: 15% 0; }
  .video-list { margin: 10% auto; }
  .video-list .list { margin: 0; }
  .video-list .list .col { display: block; margin: 8% 4% 0; width: auto; }

  .contact .main { margin: 15% auto; }
  .contact .main::before { display: none; }
  .contact .main .conbox,
  .contact .main .fbbox { float: none; width: auto; }
  .contact .main .conbox .tit { font-size: 20px; text-align: center; }
  .contact .main .conbox .con { padding-top: 3%; font-size: 15px; }
  .contact .main .conbox .con p { position: relative; margin-top: 5%; padding-left: 30px; }
  .contact .main .conbox .con img { position: absolute; top: 0; left: 0; height: 20px!important; }
  .contact .main .conbox .ewm { margin: 8% auto 0; }
  .contact .main .fbbox { margin-top: 12%; }
  .contact .main .fbbox .tit { font-size: 18px; text-align: center; }
  .contact .main .fbbox .con { margin-top: 6px; font-size: 14px; text-align: center; }
  .contact .main .fbbox .list { margin-top: 4%; }
  .contact .main .fbbox .txt { margin-top: -10px; font-size: 14px; }
  .contact .main .fbbox .intxt { height: 40px; font-size: 14px; }
  .contact .main .fbbox .row-full .intxt { height: 120px; min-height: 120px; line-height: 40px; }
  .contact .main .fbbox .row-txt { display: none; }
  .contact .main .fbbox .row-btn { width: 100%; }
  .contact .main .fbbox .row-btn .btn { height: 40px; font-size: 14px; line-height: 40px; }
  .contact .map { padding: 15% 0; }
  .contact .map .tit { font-size: 18px; text-align: center; }
  .contact .map .wrap { margin-top: 6%; padding-bottom: 60%; }

  .download { margin: 15% auto; }
  .download-list .list { margin: 0; }
  .download-list .list .col { display: block; margin: 6% 0 0; width: auto; }
  .download-list .list .col .box { padding: 5%; }
  .download-list .list .col .imgwr { margin: -20px 0 0 5%; padding-bottom: 40px; width: 40px; }
  .download-list .list .col .conwr { margin: 0 30px 0 40px; padding: 10px 5%; }
  .download-list .list .col .tit { font-size: 16px; }
  .download-list .list .col .info { margin-top: 7px; }
  .download-list .list .col .icowr { margin: -15px 5% 0 0; width: 30px; line-height: 30px; }
  .download-list .list .col .icon { transform: scale(0.6); }
}