.phonemenu .nav { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav__trigger { display: block; position: absolute; width: 23px; height: 25px; right: 0%; top: 37px; z-index: 99997; }
.nav--active .nav__trigger { opacity: 1; }
.nav__icon { display: inline-block; position: relative; width: 23px; height: 2px; background-color: #000000; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 23px; height: 2px; position: absolute; background: #000000; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before { margin-top: -8px; }
.nav__icon:after { margin-top: 8px; }
.phonemenu .nav { position: fixed; z-index: 9998; top: -100%; width: 100%; height: 100%; right: 0; background: rgba(0,0,0,0.9); text-align: center }
.phonemenu .nav--active .nav { top: 0; }
.phonemenu .nav ul { margin: 0 }
.phonemenu .nav li { margin: 20px 0; }
.phonemenu .nav li a { color: #fff; font-size: 40px; position: relative; min-width: 200px; display: inline-block; font-weight: 100; letter-spacing: 1px }
.phonemenu .nav li a span { opacity: 0; display: block }
.phonemenu .nav li a p { position: absolute; left: 0; top: 0; width: 100%; opacity: 1 }
.phonemenu .nav li a:hover span { opacity: 1 }
.phonemenu .nav li a:hover p { opacity: 0 }
.phonemenu .nav--active .nav__icon { background: rgba(0, 0, 0, 0); }
.phonemenu .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff }
.phonemenu .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
* { 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; }
.fixtop, .indcase li dd .cons, .indcase li dd p, .indcase li dd .cons h1, .indcase li dd .cons div, #tab2 .tabCon2 div i, .mix .cons, .mix .cons h1, .mix .cons div, .showprevnext a, .news li .cons .more hr, .news li .pic p, .downline hr, .mix .cons2, .foot .link p a, .fixtop .toper ul.navpc li h1, .fixtop .toper ul.navpc li h2, .fixtop .toper .xq a, .showtalk .cons2 .title2 a, .rightfix .tel img, .rightfix .sq img, .tabs a i, #tab .tabList ul li i, .indmore a, .fixtop .toper ul.navpc li h2:before, .foot a, .show2 .prevnext .next, .show2 .prevnext .prev, .show2 .prevnext .back, .phonemenu .nav li a span, .phonemenu .nav li a p, .tblank, .fixtop .toper .logo, .fixtop .toper .ad, .nav__trigger, .indcasecate li a, .indnews .pic img, .nshow .nshowprevnext a, .fixtop .toper .logo img, .fixtop .toper ul.navpc { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.indcase li dd:hover p, .news li:hover .pic p, .indnews .pic:Hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15) }
.abc { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
.aboutcons .tb1 td, .message .list input[type="text"], .message .list textarea, .calltel .list, .calltel .list .t4 input, .indmidpic .cons, .indmidpic .cons .list input[type="text"], .indmidpic .cons .list textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; font-family: 'PingFang SC', 'Noto Sans SC', 'Source Han Sans CN Light', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', arial, '宋体'; height: 100%; }
body { margin: 0 auto; font-family: 'PingFang SC', 'Noto Sans SC', 'Source Han Sans CN Light', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', arial, '宋体'; height: 100%; color: #000; margin: 0 auto; overflow-x: hidden }
body, h1, h2, h3, h4, h5 { font-weight: normal; font-size: 14px; line-height: 2; font-weight: 300; }
a, input, button, select, textarea { text-decoration: none; outline: none; color: #000; font-weight: 300 }
a:Hover, .news li .cons .title a:hover { color: #000 }
strong, b { font-weight: 500 }
.table { display: table; height: 100%; width: 100%; }
.table .td { display: table-cell; vertical-align: middle; }
img { border: 0px; max-width: 100%; height: auto; vertical-align: middle }
input, button, select, textarea { outline: none; font-family: 'PingFang SC', 'Noto Sans SC', 'Source Han Sans CN Light', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', arial, '宋体'; border: 0; font-size: 14px }
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; }
hr { border: 0; border-top: 1px solid #ccc; height: 1px; margin: 5px 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; z-index: 1; width: 100%; height: 100%; top: 0 }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.gray:Hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter:;
}
.gray2 { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter:;
}
.gray2:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

::-webkit-input-placeholder {
color: #aeb2b1;
}
:-moz-placeholder {
color: #aeb2b1;
}
::-moz-placeholder {
color: #aeb2b1;
}
:-ms-input-placeholder {
color: #aeb2b1;
}
::selection { background: #ff072a; color: #000000; }
::-moz-selection {
background:#ff072a;
color:#000000;
}
::-webkit-selection {
background:#ff072a;
color:#000000;
}
.pageclass { height: 0px; overflow: hidden; }
.page_wrap { width: 100%; padding: 60px 0 120px 0; text-align: center; }
.pager { padding: 0 0 0px 0; width: 100%; text-align: center; }
.pager a { margin: 2px 2px; text-align: center; display: inline-block; text-decoration: none; }
.pager span.current { margin: 0 2px; display: inline-block; text-align: center; }
.pager span.disabled { margin: 0 2px; display: inline-block; text-align: center; }
.pager select { margin: 0px 2px -2px 2px; }
.pager input { margin: 0px 2px -2px 2px; padding: 2px; text-align: center; }
.pager a, .pager span.disabled { background:
}
.pager a:hover, .pager span.current { }
.pager a:hover, .pager span.current { color: #000; }
.pager a, .pager span.disabled { color: #999; }
.pager a, .pager span.current, .pager span.disabled { width: 30px; text-align: center; height: 30px; line-height: 30px; }
.pager, .pager select, .pager input, .pager a, .pager span.disabled { font-size: 14px; }
.di { float: left; }
.dipage { float: left; }
.picleft { margin-right: 40px; margin-bottom: 20px; }
.picright { margin-left: 40px; margin-bottom: 20px; }
.wrap { margin: 0 3%; position: relative; }
.wrap1 { max-width: 1070px; margin: 0 auto; position: relative }
.wrap2 { max-width: 1200px; margin: 0 auto; position: relative }
.wrap3 { max-width: 1620px; margin: 0 auto; position: relative }
.wrap4 { max-width: 1440px; margin: 0 auto; position: relative }
.wrap5 { max-width: 1140px; margin: 0 auto; position: relative }
.fixtop { position: fixed; z-index: 90; left: 0; width: 100%; height: 110px; background: #fff }
.fixtop .wrap { position: relative }
.fixtop .toper .logo { float: left; margin: 28px 0 0 0; }
.fixtop .toper .logo img { height: 38px }
.fixtop .toper .ad { color: #000; font-size: 20px; height: 20px; line-height: 20px; border-left: 1px solid #000; padding: 0 0 0 25px; display: inline-block; position: absolute; top: 39px; left: 0; margin: 0 0 0 206px; }
.fixtopindex { background: none; }
.fixtop.active { box-shadow: 0 0 5px #ccc; height: 40px; background: #fff }
.fixtop.active .toper .logo { margin: 6px 0 0 0 }
.fixtop.active .toper .logo img { height: 28px }
.fixtop.active .toper .ad { top: 12px; font-size: 16px; line-height: 16px; height: 16px; padding: 0 0 0 15px; margin: 0 0 0 149px; }
.fixtop.active .nav__trigger { top: 2px; }
.fixtop .toper ul.navpc { float: right; margin: 39px 0 0 0; padding: 0 80px 0 0; display: inline-block }
.fixtop .toper ul.navpc li { display: inline-block; text-align: center; position: relative; margin: 0 0 0 55px; position: relative }
.fixtop .toper ul.navpc li a { display: block; position: relative; text-align: center; }
.fixtop .toper ul.navpc li a:hover, .fixtop .toper ul.navpc li.check a { color: #000 }
.fixtop .toper ul.navpc li h1 { color: #333; font-size: 16px; font-weight: 400 }
.fixtop .toper ul.navpc li h2 { position: absolute; z-index: 100; top: 0px; left: -7px; width: 100%; text-align: center; color: #333; font-size: 16px; font-weight: 400; opacity: 0 }
.fixtop .toper ul.navpc li.f1 h2 { margin-left: 5px }
.fixtop .toper ul.navpc li.f2 h2 { margin-left: -2px }
.fixtop .toper ul.navpc li.f3 h2 { margin-left: 3px }
.fixtop .toper ul.navpc li.f4 h2 { margin-left: -12px }
.fixtop .toper ul.navpc li:hover h2 { opacity: 1 }
.fixtop .toper ul.navpc li:hover h1 { opacity: 0 }
.fixtop .toper ul.navpc li h2:before { display: block; content: ''; position: absolute; z-index: -1; left: 50%; bottom: -5px; width: 0; height: 4px; background: #ff072a }
.fixtop .toper ul.navpc li:hover h2:before { width: 48px; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; left: 0px; }
.fixtop .toper ul.navpc li.f1:hover h2:before { width: 44px; }
.fixtop .toper ul.navpc li.f2:hover h2:before { width: 55px }
.fixtop .toper ul.navpc li.f3:hover h2:before { width: 48px }
.fixtop .toper ul.navpc li.f4:hover h2:before { width: 75px }
.fixtop.active .toper ul.navpc { opacity: 1; margin-top: 4px }
.tblank { height: 110px }
.tblank.active { height: 40px }
.banner-container { width: 100%; position: relative; }
.banner { width: 100%; }
.banner-picwords { width: 100%; }
.banner-pic { width: 100%; height: 100%; overflow: hidden; }
.banner-pic img { width: 100%; height: 100%; object-fit: cover; }
.banner-pic img { width: 100%; height: 100%; object-fit: cover; }
.swiper-slide-active .banner-pic img { }
.banner-pic .banner-pc { display: block; }
.banner-prev, .banner-next { position: absolute; z-index: 4; top: 50%; width: 40px; height: 60px; margin-top: -30px; cursor: pointer; user-select: none; transition: all .3s ease-in-out; }
.banner-prev { left: 15px; background: rgba(0, 0, 0, .3) url(../image/banL.png) no-repeat center center; }
.banner-next { right: 15px; background: rgba(0, 0, 0, .3) url(../image/banR.png) no-repeat center center; }
.banner .swiper-pagination { bottom: 20px; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #fff; border: 2px solid #fff; opacity: 1; vertical-align: middle; position: relative; }
.banner .swiper-pagination-bullet:hover { opacity: 1; background: none; border: 2px solid #fff; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: none; border: 2px solid #fff; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.ui_box { background: rgba(246, 246, 246, 1); width: 100%; overflow: hidden; padding: 68px 15px; }
.ui_data { z-index: 1; position: relative; }
.ui_data_item { width: 25%; float: left; text-align: center; position: relative; }
.ui_data_item:after { display: block; content: ""; position: absolute; right: 0; top: 30px; width: 1px; height: 40px; }
.ui_data_item:last-child:after { display: none; }
.ui_data_item_head { position: relative; display: inline-block; }
.ui_data_item_head span { font-size: 64px; font-weight: bold; display: inline-block; line-height: 1.2; vertical-align: top; }
.ui_data_item_head em { font-size: 24px; margin: 42px 0px 0px 0px; display: inline-block; line-height: 1; }
.ui_data_item_foot { font-size: 18px; color: #333; line-height: 1.5; margin: 4px 0px 0px 0px; }
.ui_data_item_head span { color: #ff072a; }
.ui_data_item_head em { color: #ff072a; }
.indabout { padding: 125px 0 115px 0 }
.indabout .t { font-size: 35px; line-height: 50px; margin: 0 0 40px 0; letter-spacing: 1px }
.indabout .c { font-size: 14px; color: #333; }
.indcasecate { text-align: right; margin: -10px 0 5px 0 }
.indcasecatein { margin-top: 65px }
.indcasecate .subject { position: absolute; left: 50%; top: -6px; font-size: 18px; margin-left: -535px }
.indcasecate li { display: inline-block; vertical-align: top; margin: 0 0 0 35px; }
.indcasecate li a { font-size: 15px; color: #333; border-bottom: 1px solid #fff; line-height: 15px; display: inline-block }
.indcasecate li.check a { border-color: #ff072a; color: #ff072a; font-size: 17px; }
.indcasecate li a:hover { border-color: #ff072a; color: #ff072a; }
.mnav li { display: block; }
.mnav li a { font-size: 15px; color: #333; border-bottom: 1px solid #fff; line-height: 15px; display: inline-block }
.mnav li.check a { border-color: #ff072a; color: #ff072a; font-size: 17px; }
.mnav li a:hover { border-color: #ff072a; color: #ff072a; }
.indcase ul { clear: both }
.indcase li { padding: 30px 0 60px 0 }
.indcase li dd { position: relative; overflow: hidden; width: 33.3333%; float: left; margin: 0; }
.indcase li dd .cons, .mix .cons { position: absolute; z-index: 50; width: 100%; height: 100%; padding: 0 5%; color: #fff; background: rgba(0,0,0,0.8); opacity: 0 }
.indcase li dd:Hover .cons, .mix:hover .cons { opacity: 1 }
.indcase li dd .cons h1, .mix .cons h1 { font-size: 19px; line-height: 29px; position: relative; top: 0 }
.indcase li dd .cons div, .mix .cons div { position: absolute; bottom: 0; width: 90% }
.indcase li dd .cons div i, .mix .cons div i { background: #fff; width: 15px; height: 1px; display: block; margin-left: 10px; }
.indcase li dd .cons div span, .mix .cons div span { line-height: 34px; font-size: 24px; display: block; margin: 10px 0 0px 0; padding: 0 10px; }
.indcase li dd .cons div font, .mix .cons div font { font-size: 13px; line-height: 18px; padding: 0 10px; }
.indcase li dd:hover .cons h1, .mix:hover .cons h1 { top: 7% }
.indcase li dd:hover .cons div, .mix:hover .cons div { bottom: 7% }
.indservice { text-align: center }
.indservice .in { margin: 0 auto; display: inline-block }
.indservice .title { font-size: 29px; line-height: 39px; color: #999999; margin: -105px 0 5px 0 }
.indservice .content { font-size: 101px; font-weight: 100; color: #333; line-height: 1.4 }
.indservice .content strong { font-weight: 600; }
.indservice .content img.i { margin: 0 20px }
.indservice .icon { text-align: center; margin: 50px 0 35px 0 }
.indservice .icon i { background: url(../image/down.png) no-repeat center; width: 48px; height: 24px; margin: 0 auto; display: block }
.indservice .list { display: inline-block; margin: 0 auto }
.indservice ul { text-align: left; margin: 0 0 85px 0; }
.indservice li { display: inline-block; vertical-align: top; position: relative; margin: 0 0 0 70px }
.indservice li:nth-child(1) { margin: 0; }
.indservice li:before { content: ''; position: absolute; left: -35px; top: 10px; width: 1px; height: 83px; background: #999999 }
.indservice li:nth-child(1):before { display: none; }
.indservice li .t { font-size: 29px; line-height: 39px; color: #333; margin: 0 0 10px 0; font-weight: 400 }
.indservice li .c { font-size: 14px; color: #666; line-height: 1.8 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-table }
.clearfix { display: block }
.indfoot { max-width: 550px; margin: 0 auto; text-align: center; margin: 200px auto 95px auto }
.indfoot h1 { font-size: 20px; letter-spacing: 1px; line-height: 35px; font-weight: 400; }
.indfoot h2 { font-size: 26px; line-height: 36px; color: #000; padding: 2px 0; border: 2px solid #333; border-left: 0; border-right: 0; display: inline-block; margin: 0 auto; font-weight: 400; margin: 30px 0 }
.indfoot h2 i { font-weight: 300; font-size: 16px; display: inline-block; vertical-align: middle; color: #000; margin-top: -5px }
.indfoot h3 { font-size: 18px; line-height: 30px; margin: 0 0 10px 0; color: #000 }
.indfoot .eq { font-size: 16px; line-height: 26px; font-weight: 300; color: #666 }
.maincons { margin-top: 50px }
.show { max-width: 1460px; }
.show .left { float: left; width: 20%; position: relative }
.show .left .title { color: #333; font-size: 22px; line-height: 35px; }
.show .left .line { background: #ccc; height: 1px; width: 15px; margin: 15px 0 0 0 }
.show .left .title2 { color: #333; font-size: 16px; }
.show .left .hy { color: #999; font-size: 16px; border-bottom: 1px solid #ccc; margin: 15px 0 30px 0; padding: 0 0 30px 0 }
.show .right { float: right; width: 68.5%; position: relative; }
.show .right img { margin: 5px 0 }
.show .right iframe, .show .right embed { width: 100%; height: 565px; }
.showprevnext { position: fixed; z-index: 9999; right: 17%; top: 115px; width: 30px; }
.showprevnext a { display: block; width: 30px; height: 30px; background-color: #9d9f9f; border-radius: 50%; margin-top: 10px }
.showprevnext a.back { background-image: url(../image/2.png); }
.showprevnext a.back:hover { background-position: bottom }
.showprevnext a.prev { background-image: url(../image/3.png); background-position: right }
.showprevnext a.prev:hover { background-position: left }
.showprevnext a.next { background-image: url(../image/4.png); }
.showprevnext a.next:hover { background-position: right }
.showprevnext a:hover { background-color: #FF072A }
.newscate li { display: inline-block; vertical-align: top; margin: 0 40px 0 0; position: relative; }
.newscate li a { font-size: 20px; }
.newscate li p { position: relative; z-index: 20; padding: 0 10px; }
.newscate li hr { height: 5px; width: 100%; background: #FF072A; position: absolute; top: 11px; z-index: 1; border: 0; margin: 0; transition: transform 0.5s; transform: scaleX(0); transform-origin: 100% 0; }
.newscate li.check hr, .newscate li:hover hr { transform: scaleX(1); transform-origin: 0 0; }
.news { max-width: 1200px; margin: -90px auto 0 auto }
.news li { position: relative; padding: 40px 0; border-bottom: 1px solid #eeeeee; }
.news li .pic { position: absolute; top: 40px; left: 0; overflow: hidden; width: 460px; }
.news li .cons { margin: 0 0 0 490px; height: 284px; }
.news li .cons .title { line-height: 30px; height: 60px; overflow: hidden; margin: 30px 0 26px 0 }
.news li .cons .title a { font-size: 20px; color: #333; }
.news li .cons .content { line-height: 30px; height: 60px; overflow: hidden }
.news li .cons .more { margin-top: 46px; margin-left: -5px; position: relative; display: inline-block; }
.news li .cons .more a { }
.news li .cons .more p { position: relative; z-index: 20; padding: 0 5px; }
.news li .cons .more hr { margin: 0; border: 0; background: #FF072A; height: 3px; position: absolute; border-bottom: -11px; left: 50%; z-index: 1; width: 0 }
.news li:hover .cons .more hr { width: 100%; left: 0; }
.news li:hover .cons .title a { color: #FF072A; }
.about { max-width: 1460px; clear: both }
.about .left { float: left; max-width: 280px; color: #000; min-height: 20px }
.about .left .title { font-size: 20px; }
.about .left .entitle { text-transform: uppercase; font-size: 14px; margin-top: -10px; }
.about .left .line { height: 1px; background: #333; width: 10px; margin: 2px 0 30px 0 }
.about .left .encom { text-transform: uppercase; letter-spacing: 0; font-size: 13px; margin-top: -5px }
.about .right { width: 1000px; float: right; }
.about .right .cons1 { font-size: 20px; line-height: 40px; color: #333; margin: 0 0 50px 0 }
.about .right .cons2 { float: left; width: 45%; }
.about .right .cons2 .title { color: #333; font-size: 20px; margin: 30px 0 }
.about .right .fright { float: right }
.about2 li { margin-top: 90px }
.about2 li .about { padding: 90px 0 0 0 }
.aboutcons td { vertical-align: top; }
.aboutcons .tb1 td { width: 50%; padding: 0 5% 0 0 }
.aboutcons .tb1 td.td2 { padding: 0 0 0 5% }
.aboutcons .tb1 .abouta { font-size: 18px; color: #000; display: inline-block; position: relative; }
.aboutcons .tb1 .abouta i { position: relative; z-index: 20; padding: 0 10px }
.aboutcons .tb1 .abouta span { display: inline-block; position: absolute; left: 0; top: 11px; background: #FF072A; height: 5px; z-index: 1; width: 100%; transition: transform 0.5s; transform: scaleX(0); transform-origin: 100% 0; }
.aboutcons .tb1 .abouta:hover span { transform: scaleX(1); transform-origin: 0 0; }
.aboutcons h1, .aboutcons h2, .aboutcons h3, .aboutcons h4, .aboutcons h5 { font-size: 20px; line-height: 35px; color: #333 }
.aboutcons .tb2 { max-width: 750px }
.aboutcons .tb2 td { width: 33.3333% }
.aboutcons .tb2 h3 { margin: 10px 0 15px 0 }
.contact .cons3 { font-size: 20px; line-height: 40px; }
.contact .right h1, .contact .right h2, .contact .right h3, .contact .right h4, .contact .right h5 { font-size: 20px; line-height: 35px; color: #000 }
.toline { display: inline-block; position: relative; }
.toline p { position: relative; z-index: 10; padding: 0 10px }
.toline hr { position: absolute; z-index: 1; background: #fff001; border: 0; top: 50%; margin: 0; height: 5px; width: 100%; margin-top: -2.5px; transform: scaleX(0); transform-origin: 100% 0; transition: transform 0.5s; }
.toline:hover hr, #tab .tabList ul li.cur .toline hr { transform: scaleX(1); transform-origin: 0 0; }
.downline { display: inline-block; position: relative }
.downline hr { margin: 0; height: 2px; width: 0; background: #fff001; border: 0; position: absolute; bottom: -2px }
.downline:hover hr { width: 100% }
.wzjj { margin: 12px 0 0 0 }
 @-webkit-keyframes spinoffPulse2 { 0% {
opacity: 0;
}
10% {
opacity: 0;
}
20% {
opacity: 0;
}
30% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
60% {
opacity:1;
}
70% {
opacity: 1
}
80% {
opacity: 1
}
90% {
opacity: 0
}
100% {
opacity: 0
}
}
.namemj a { height: 0px; display: block; position: absolute; top: -70px; width: 100% }
.fixshowleft .left { position: fixed; max-width: 295px; }
.showtalk { position: relative; color: #000; margin: 0 0 30px 0 }
.showtalk .cons2 { background: #ff072a; vertical-align: middle; padding: 10px 0 20px 25px; text-align: left; }
.showtalk .cons2 .title { font-size: 17px; font-weight: 400; letter-spacing: 0px }
.showtalk .cons2 .content { font-size: 28px; margin: 5px 0 10px 0; font-weight: 600; color: #000; letter-spacing: 0px }
.showtalk .cons2 .title2 a { font-size: 14px; border: 1px solid #000; font-weight: 400; display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; color: #000; margin: 0 10px 0 0; letter-spacing: 1px }
.showtalk .cons2 .title2 a:Hover { color: #ff072a; background: #000 }
.pg404 { width: 100%; text-align: center; height: 100% }
.pg404 .cons { font-size: 18px; font-weight: 400; margin: 60px 0 25px 0 }
.pg404 .btn a { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #000; background: #FF072A; margin: 0 15px; padding: 0 20px; font-weight: 300 }
.message .list { margin: 0 0 20px 0; float: left; width: 100% }
.message .mlt { width: 48%; }
.message .mrt { float: right; width: 48%; }
.message .list h1 { font-size: 18px; font-weight: 400; margin: 0 0 10px 0; letter-spacing: 1px }
.message .list input[type="text"] { padding: 0 10px; border: 1px solid #cccccc; width: 100%; height: 40px; line-height: 40px; }
.message .list textarea { padding: 5px 10px; border: 1px solid #cccccc; width: 100%; line-height: 25px; overflow: auto; height: 125px }
.message .list ul.style { text-align: center }
.message .list ul.style img { display: block; margin: 0 0 5px 0 }
.message .list ul.style li { float: left; margin-left: 2%; width: 23.5%; }
.message .list ul.style li lable { cursor: pointer }
.message .list ul.style li.f1 { margin-left: 0 }
.message .list ul.style li input { margin: 0 10px 0 0; vertical-align: middle; }
.message .list ul.color li { width: 19.2%; margin-left: 1%; }
.message .listbtn { text-align: center }
.message .listbtn input { margin: 0 auto; font-size: 18px; background: #ff072a; border: 1px solid #333; width: 120px; height: 40px; line-height: 40px; letter-spacing: 1px; cursor: pointer; margin: 60px 0 }
.demand { border-top: 1px solid #dcdcdc; margin: 10px 0 0 0; padding: 40px 0 0 0 }
.indmore { text-align: center; margin: 40px 0 200px 0 }
.indmore a { color: #888; font-size: 16px; display: inline-block; padding: 0 60px; height: 45px; line-height: 45px; border: 1px solid #eee; margin: 0 auto; letter-spacing: 1px; }
.indmore a:hover { background: #ff072a; border-color: #ff072a; color: #fff; }
.show2 .cons { background: #f6f6f6; padding: 5%; color: #666; }
.show2 .cons .mleft { float: left; width: 23%; margin: 0 12% 0 5%; font-size: 19px; line-height: 34px; text-align: right }
.show2 .cons .mright { float: right; width: 47%; margin: 0 5% 0 0 }
.show2 .cons .mright .t { font-size: 13px; line-height: 28px }
.show2 .cons .mright .c { font-size: 16px; line-height: 31px; margin: 20% 0 0 0 }
.show2 .content img { width: 100%; margin: 10px 0 0 0 }
.show2 .content b, .show2 .content strong { font-weight: bold }
.show2 .content iframe, .show2 .content embed { width: 915px; height: 565px; margin: 10px auto 0 auto }
.show2 .prevnext { position: relative; margin: 70px 0 }
.show2 .prevnext .back { display: block; background: url(../image/11.png) no-repeat center; background-size: cover; width: 60px; height: 60px; position: relative; left: 50%; margin-left: -30px }
.show2 .prevnext .back:hover {
block; background: url(../image/12.png) no-repeat center }
.show2 .prevnext .next { background: url(../image/9.png) no-repeat center; width: 135px; height: 23px; display: block; background-size: cover; position: absolute; left: 0; top: -10px }
.show2 .prevnext .prev { background: url(../image/9.png)no-repeat center; width: 135px; height: 23px; display: block; background-size: cover; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); position: absolute; right: 0; top: 12px }
.show2 .prevnext .next:hover, .show2 .prevnext .prev:hover { background: url(../image/10.png) no-repeat center; background-size: cover; }
.show2case { margin: 140px 0 0 0 }
.show2case .subject { text-align: center; border-bottom: 1px solid #eee; }
.show2case .subject p { display: inline-block; font-size: 32px; color: #333; margin: 0 auto; border-bottom: 4px solid #ff072a; padding: 0 0 18px 0; position: relative; bottom: -1px }
.show2case .indcase { margin: 50px 0 0 0; }
.show2case .indmore { margin: 90px 0 150px 0 }
.indmidpic { background-attachment: fixed; background-position: center; background-repeat: no-repeat; text-align: right; padding: 6.5% 0 }
.indmidpic .cons { background: #fff; width: 570px; padding: 60px 40px 50px 40px; display: inline-block; margin: 0 0 0 auto; text-align: center; }
.indmidpic .cons .t1 { font-size: 31px; line-height: 31px; }
.indmidpic .cons .t2 { margin: 10px 0 -5px 0 }
.indmidpic .cons .list { float: left; width: 46%; text-align: left; }
.indmidpic .cons .list.rt { float: right; }
.indmidpic .cons .list p { margin: 25px 0 5px 0 }
.indmidpic .cons .list input[type="text"] { border: 1px solid #e9e9e9; height: 40px; line-height: 40px; padding: 0 15px; width: 100%; vertical-align: top }
.indmidpic .cons .list textarea { border: 1px solid #e9e9e9; height: 110px; line-height: 25px; padding: 10px 15px; width: 100%; overflow: auto; vertical-align: top; }
.indmidpic .cons .list.pr { width: 100%; float: none; margin: 0 0 20px 0 }
.indmidpic .cons .listbtn input { background: #ff072a; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 18px; width: 100%; vertical-align: top; margin: 0 0 15px 0; color: #fff; }
.indnews { margin: 140px 0 }
.indnews .pic { float: left; width: 47.5%; overflow: hidden }
.indnews .pic img { width: 100% }
.indnews .cons { float: right; width: 46%; }
.indnews .cons .subject { font-size: 16px }
.indnews .cons .title { margin: 12px 0 32px 0 }
.indnews .cons .title a { font-size: 18px; line-height: 28px; font-weight: 400 }
.indnews .cons .content { font-size: 15px; line-height: 30px; height: 60px; overflow: hidden; color: #666; margin: 0 0 2px 0 }
.indnews .cons .more a { color: #666; font-size: 15px; }
.indnews .cons .more a:hover { color: #000 }
.indnews ul { border-top: 1px solid #e7e7e7; margin: 25px 0 0 0; padding: 30px 0 0 0 }
.indnews li { height: 30px; line-height: 30px; overflow: hidden }
.indnews li a { color: #666; }
.indnews li a:Hover { color: #000 }
.indnews .list:nth-child(2) { margin: 60px 0 0 0 }
.indnews .list:nth-child(2) .pic { float: right; }
.indnews .list:nth-child(2) .cons { float: left }
.indparer { text-align: center; background: #f1f1f1; padding: 8% 0 }
.caseblank { height: 50px }
.nshow { max-width: 1000px; margin: -90px auto 0 auto; position: relative; left: 150px; }
.nshow .title { font-size: 24px; line-height: 39px; border-bottom: 1px solid #e8e8e8; padding: 10px 0 20px 0; margin: 0 0 55px 0 }
.nshow .cons img { margin: 5px 0 }
.nshow .nshowprevnext { border-top: 1px solid #e8e8e8; margin: 90px 0 200px 0; padding: 25px 0 0 0; text-align: right }
.nshow .nshowprevnext a { display: inline-block; vertical-align: top; width: 31px; height: 31px; margin: 0 0 0 40px }
.nshow .nshowprevnext a.next { background: url(../image/14.png) no-repeat center; }
.nshow .nshowprevnext a.back { background: url(../image/15.png) no-repeat center; }
.nshow .nshowprevnext a.prev { background: url(../image/13.png) no-repeat center; }
.nshow .nshowprevnext a.next:Hover { background: url(../image/14_2.png) no-repeat center; }
.nshow .nshowprevnext a.back:Hover { background: url(../image/15_2.png) no-repeat center; }
.nshow .nshowprevnext a.prev:Hover { background: url(../image/13_2.png) no-repeat center; }
.links { margin-bottom: -35px; }
.foot { background: #333; margin: 70px 0 0 0; padding: 45px 0 25px 0; position: relative; z-index: 1; color: #acacac; }
.foot a { color: #acacac; }
.foot a:Hover { color: #fff }
.foot .cons dl { margin-left: 4.5%; }
.foot .cons .contactf { float: left; margin: 0 10% 0 0 }
.foot .cons .contactf img { margin: 0 0 5px 0 }
.foot .cons dl { float: left; }
.foot .cons dl dt { margin: -8px 0 20px 0; }
.foot .cons dl dt a { display: inline-block; font-size: 22px; border-bottom: 1px solid #acacac; line-height: 45px; color: #acacac; letter-spacing: 1px; font-weight: 300 }
.foot .cons .copy { float: right; }
.foot .cons .copy .list { display: inline-block; text-align: left; }
.foot .cons .copy .list .title { font-size: 22px; margin: -10px 0 20px 0; letter-spacing: 1px }
/********toolbar*********/
.toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 80; width: 80px; }
.toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #ff072a; margin: 2px 0 0 0; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s; }
.toolbar dd:first-child { margin-top: 0; }
.toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(../image/toolbar.png) no-repeat center 0; }
.toolbar dd.qq i { background-position-y: 0; }
.toolbar dd.tel i { background-position-y: -30px; }
.toolbar dd.code i { background-position-y: -60px; }
.toolbar dd.top i { background-position-y: -90px; }
.toolbar dd span { display: block; color: #fff; }
.toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; opacity: 0; transition: all .5s; }
.toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; }
.toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; }
.toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; }
.toolbar dd.code .box { padding: 11px; position: absolute; top: 0; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; opacity: 0; transition: all .5s; }
.toolbar dd.code .box img { width: 140px; height: 140px; }
.toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.toolbar dd:hover { background: #ff072a; }
.toolbar dd.tel:hover .box { opacity: 1; right: 80px; }
.toolbar dd.code:hover .box { opacity: 1; right: 80px; }
.toolbar dd { background: #333; }
.toolbar dd.tel .box { background: #ff072a; }
.toolbar dd.tel .box:after { border-color: transparent transparent transparent #ff072a; }
.toolbar dd.code .box { background: #ff072a; }
.toolbar dd.code .box:after { border-color: transparent transparent transparent #ff072a; }
.footnav, .footnav1 { display: none; }
.banner_inner { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 180px 0px 8px 0px; }
.position { margin: 60px 0px 0px 0px; font-size: 14px; }
.ui-bread ul li { color: #000; }
.ui-bread ul li + li::before { color: #000; }
.ui-page ul li.active { border-color: #ff072a; background: #ff072a; }
.ui-page ul li.active a { color: #fff; background: #ff072a; }
.ui-page ul li.active a:hover { background: #ff072a; }
 @media only screen and (max-width: 1860px) {
.showprevnext { right: 3% }
}
 @media only screen and (max-width: 1620px) {
.wrap3 { margin: 0 3% }
.showprevnext { right: 5px }
.foot .cons dl { margin-left: 6% }
.foot .link p { margin: 0 0 0 100px }
.foot .link p a { margin: 0 25px 0 0; }
}
 @media only screen and (max-width: 1460px) {
.wrap4 { margin: 0 3% }
.about .left { width: 25%; max-width: auto }
.about .right { max-width: auto; width: 70% }
.foot .cons dl { margin-left: 4% }
.showtalk .cons2 { padding: 10px 0 20px 20px; }
.showtalk .cons2 .content { font-size: 22px; margin: 2px 0 7px 0; }
.news { max-width: 900px; margin: -90px auto 0 auto; }
}
 @media only screen and (max-width: 1200px) {
.fixtop .toper ul.navpc { display: none; }
.fixtop { height: 70px; }
.fixtop .toper .logo { margin: 20px 0 0 0; }
.fixtop .toper .logo img, .fixtop.active .toper .logo img { height: 25px }
.fixtop .toper .ad { font-size: 14px; height: 14px; line-height: 14px; padding: 0 0 0 10px; top: 29px; margin: 0 0 0 133px; }
.nav__trigger { top: 17px }
.fixtop.active { height: 50px }
.fixtop.active .toper .logo { margin: 10px 0 0 0; }
.fixtop.active .toper .ad { top: 19px; font-size: 14px; height: 14px; line-height: 14px; padding: 0 0 0 10px; margin: 0 0 0 133px; }
.fixtop.active .nav__trigger { top: 7px; }
.tblank { height: 70px }
.tblank.active { height: 50px }
.phonemenu .nav li a { font-size: 30px; }
.indcasecate { margin: 0px 0 20px 0; }
.indcasecate .subject { left: 0; margin: 0 }
.indcasecate li { margin: 0 0 0 25px; }
html, body, input, button, select, textarea { font-family: 'PingFang SC', 'Noto Sans SC', 'Source Han Sans CN Light', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', arial, '宋体'; }
.bx-wrapper .bx-pager { bottom: 10px; }
.bx-wrapper .bx-controls-direction a { width: 16px; height: 30px; margin-top: -15px; }
.bx-wrapper .bx-pager.bx-default-pager a { background-size: 100%; width: 7px; height: 8px; margin: 0 5px; }
/* .bx-wrapper .bx-pager.bx-default-pager a:focus 
.bx-wrapper .bx-pager.bx-default-pager a:hover,*/
.bx-wrapper .bx-pager.bx-default-pager a.active { background-size: 100% }
.bx-wrapper .bx-prev { background-size: 100% }
.bx-wrapper .bx-next { background-size: 100% }
.bxslider li a { background-size: cover; height: 530px; background-attachment: scroll; background-position: center }
.namemj a { top: -50px; }
.wrap1 { margin: 0 3% }
.wrap2 { margin: 0 3% }
.indabout { padding: 40px 0 30px 0 }
.indabout .t { font-size: 22px; line-height: 32px; margin: 0 0 30px 0; }
.indcase li { padding: 0px 0 30px 0 }
.indcase li dd:hover .cons h1, .mix:hover .cons h1 { top: 8% }
.indcase li dd:hover .cons div, .mix:hover .cons div { bottom: 8% }
.indcase li dd.j1 .cons, .mix .cons { width: 90%; padding: 0 5% }
.indfoot { padding: 0 3%; margin: 50px auto 45px auto; }
.indfoot h1 { font-size: 18px; line-height: 28px; margin-top: -30px }
.indfoot h2 { font-size: 16px; line-height: 26px; padding: 2px 0; border-width: 1px; margin: 15px 0; letter-spacing: 0 }
.indfoot h2 i { font-size: 14px; margin: -5px -10px 0 -10px }
.indfoot h3 { font-size: 15px; line-height: 25px; margin-top: -30px }
.maincons { margin-top: 25px }
.show .left { width: 25%; }
.show .left .title { font-size: 18px; line-height: 28px; }
.show .left .line { margin: 10px 0 0 0 }
.show .left .title2 { font-size: 14px; }
.show .left .hy { font-size: 14px; line-height: 22px; margin: 10px 0 15px 0; padding: 0 0 15px 0 }
.show .right { width: 70%; }
.showprevnext { right: 3%; top: 72px; width: 20px; }
.showprevnext a { width: 20px; height: 20px; background-size: 100% }
.showprevnext a.back { background-size: 100%; }
.showprevnext a.prev { background-size: 100%; background-size: 200% }
.showprevnext a.next { background-size: 100%; background-size: 200% }
.page_wrap { padding: 25px 0; }
.pager a, .pager span.current, .pager span.disabled { width: 20px; height: 20px; line-height: 20px; }
.pager, .pager select, .pager input, .pager a, .pager span.disabled { font-size: 12px; }
.newscate li { margin: 0 20px 0 0; }
.newscate li a { font-size: 16px; }
.newscate li p { padding: 0 5px; }
.newscate li hr { top: 13px; }
.news { margin: -20px auto 0 auto }
.news li { padding: 20px 0; }
.news li .pic { top: 18px; width: 292px; }
.news li .cons { margin: 0 0 0 312px; height: 180px; }
.news li .cons .addtime { margin-top: -5px }
.news li .cons .title { line-height: 22px; height: 44px; margin: 8px 0 13px 0 }
.news li .cons .title a { font-size: 16px; }
.news li .cons .content { line-height: 22px; height: 44px; font-size: 13px; }
.news li .cons .more { margin-top: 20px; }
.news li .cons .more hr { top: 12px; }
.about .left .title { font-size: 18px; }
.about .left .line { width: 10px; margin: 3px 0 40px 0 }
.about .right { width: 100% }
.about .right .cons1 { font-size: 16px; line-height: 30px; margin: 0 0 20px 0 }
.about .right .cons2 .title { font-size: 18px; margin: 15px 0 }
.about2 li { margin-top: 30px }
.about2 li .about { padding: 30px 0 0 0 }
.aboutcons .tb1 .abouta { font-size: 16px; }
.aboutcons .tb1 .abouta i { padding: 0 5px }
.aboutcons .tb1 .abouta span { top: 13px; }
.aboutcons h1, .aboutcons h2, .aboutcons h3, .aboutcons h4, .aboutcons h5 { font-size: 18px; line-height: 30px; color: #000 }
.aboutcons .tb2 h3 { margin: 0 0 10px 0 }
.contact .cons3 { font-size: 16px; line-height: 30px; }
.contact .right h1, .contact .right h2, .contact .right h3, .contact .right h4, .contact .right h5 { font-size: 16px; line-height: 30px; }
.toline p { padding: 0 5px }
.toline hr { height: 3px; margin-top: -1.5px; }
.show2 .content iframe, .show2 .content embed { width: 100%; height: 435px; }
.rightfix .cons { display: none; }
.rightfix { bottom: 0px; width: 50px; }
.indfoot .eq { font-size: 14px; line-height: 24px; }
.links { margin-bottom: 15px; }
.foot { margin: 30px 0 0 0; padding: 30px 0 15px 0; text-align: center }
.foot .cons dl { margin: 20px 0; width: 50%; }
.foot .cons dl.dl5 { min-height: 188px; }
.foot .cons .contactf { margin: 0 0 20px 0; clear: both; width: 100% }
.foot .cons .contactf img { height: 35px; margin: 0 }
.foot .cons dl dt { margin: -2px 0 10px 0 }
.foot .cons dl dt a { font-size: 18px; line-height: 25px; }
.foot .cons .copy { width: 100%; text-align: center; margin-top: 20px }
.foot .cons .copy .list { text-align: center; }
.foot .cons .copy .list .title { font-size: 18px; margin: 0 0 10px 0; }
.mnav { padding-bottom: 30px; }
.showtalk { margin: 0 0 20px 0 }
.showtalk .cons2 { padding: 8px 10px 15px 15px; }
.showtalk .cons2 .title { font-size: 14px; }
.showtalk .cons2 .content { font-size: 20px; margin: -2px 0 3px 0; }
.showtalk .cons2 .title2 a { font-size: 12px; padding: 0 5px; margin: 0 5px 0 0; letter-spacing: 0 }
.pg404 .cons { font-size: 16px; margin: 30px 0 15px 0 }
.pg404 .btn a { margin: 0 10px }
.message .listbtn input { margin: 20px 0 }
.message { margin-top: 30px }
.indmore { margin: 0 0 30px 0 }
.indmore a { font-size: 14px; padding: 0 20px; height: 35px; line-height: 35px; }
.show2 .cons { padding: 6%; }
.show2 .cons .mleft { width: 30%; margin: 0; }
.show2 .cons .mright { width: 55%; margin: 0 }
.show2 .cons .mright .c { margin: 30px 0 0 0 }
.show2 .content img { margin: 5px 0 0 0 }
.show2 .prevnext { margin: 30px 0 }
.show2 .prevnext .back { width: 30px; height: 30px; margin-left: -15px }
.show2 .prevnext .next { width: 70px; height: 12px; top: 0px }
.show2 .prevnext .prev { width: 70px; height: 12px; top: 10px }
.show2 .prevnext .next:hover, .show2 .prevnext .prev:hover { background: url(../image/10.png) no-repeat center; background-size: cover; }
.show2case { margin: 40px 0 0 0 }
.show2case .subject p { font-size: 20px; border-bottom-width: 2px; padding: 0 0 10px 0; }
.show2case .indcase { margin: 30px 0 0 0; }
.show2case .indmore { margin: 10px 0 40px 0 }
.indcase li dd .cons h1, .mix .cons h1 { font-size: 16px; line-height: 16px; height: 16px; overflow: hidden; }
.indcase li dd .cons div span, .mix .cons div span { line-height: 14px; height: 14px; overflow: hidden; font-size: 14px; margin: 10px 0 8px 0 }
.indcase li dd .cons div font, .mix .cons div font { font-size: 12px; line-height: 12px; overflow: hidden; height: 12px; display: block }
.container { padding-bottom: 0 }
.indmidpic { background-attachment: scroll; background-size: cover; padding: 4% 0 }
.indmidpic .cons { width: 50%; padding: 30px 20px 30px 20px; }
.indmidpic .cons .t1 { font-size: 22px; line-height: 22px; }
.indmidpic .cons .t2 { margin: 8px 0 0 0 }
.indmidpic .cons .list { width: 48% }
.indmidpic .cons .list p { margin: 20px 0 5px 0 }
.indmidpic .cons .list input[type="text"] { height: 30px; line-height: 30px; padding: 0 10px; }
.indmidpic .cons .list textarea { height: 80px; padding: 5px 10px; }
.indmidpic .cons .listbtn input { height: 35px; line-height: 35px; font-size: 16px; }
.wrap5 { margin: 0 3% }
.indnews { margin: 40px 0 }
.indnews .cons .subject { line-height: 16px }
.indnews .cons .title { margin: 10px 0 20px 0 }
.indnews ul { padding: 25px 0 0 0 }
.indnews .list:nth-child(2) { margin: 40px 0 0 0 }
.indparer { padding: 30px 0 }
.caseblank { height: 10px }
.nshow { left: 0; margin-top: 0; }
.nshow .title { font-size: 20px; line-height: 30px; padding: 0px 0 15px 0; margin: 0 0 30px 0 }
.nshow .nshowprevnext { margin: 40px 0 50px 0; padding: 15px 0 0 0; }
.nshow .nshowprevnext a { background-size: cover; width: 25px; height: 25px; margin: 0 0 0 20px }
.nshow .nshowprevnext a.next { background-size: cover; }
.nshow .nshowprevnext a.back { background-size: cover; }
.nshow .nshowprevnext a.prev { background-size: cover; }
.nshow .nshowprevnext a.next:Hover { background-size: cover; }
.nshow .nshowprevnext a.back:Hover { background-size: cover; }
.nshow .nshowprevnext a.prev:Hover { background-size: cover; }
.indservice .title { font-size: 18px; line-height: 28px; margin: 0px 0 5px 0 }
.indservice .content { font-size: 40px; line-height: 1.4 }
.indservice .content img.i { margin: 0 10px; height: 35px }
.indservice .icon { margin: 30px 0 10px 0 }
.indservice .icon i { background-size: 100%; width: 24px; height: 12px; }
.indservice ul { margin: 0 0 20px 0; text-align: center }
.indservice li { margin: 20px 0; width: 50%; }
.indservice li:nth-child(1) { margin: 20px 0 }
.indservice li:before { left: 0; top: 6px; height: 74px; }
.indservice li:nth-child(3):before { display: none }
.indservice li .t { font-size: 18px; line-height: 28px; margin: 0 0 10px 0; }
.indservice li .c { font-size: 13px; }
}
 @media only screen and (max-width: 1024px) {
.show2 .content iframe, .show2 .content embed { height: 360px; }
}
 @media only screen and (max-width: 768px) {
.banner-prev, .banner-next { display: none; }
.banner .swiper-pagination { bottom: 7px; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.ui_data_item { width: 50%; float: left; }
.ui_data_item:nth-of-type(2):after { display: none; }
.ui_data_item:nth-of-type(3), .ui_data_item:nth-of-type(4) { padding-top: 20px; }
.ui_data_item_head span { font-size: 36px; }
.ui_data_item_head em { font-size: 14px; margin: 20px 0px 0px 0px; }
.ui_data_item_foot { font-size: 15px; color: #333; }
.show2 .content iframe, .show2 .content embed { height: 270px; }
.indcasecate { text-align: left; }
.indcasecate .subject { position: relative; }
.indcasecate li { margin: 0 20px 0 0; }
.indcasecate li:last-child { margin: 0 }
.indmidpic .cons .list { width: 100% }
.indcase li dd { width: 50% }
.mnav { padding-bottom: 30px; }
.mnav li { display: inline-block; vertical-align: top; margin: 0 0 0 20px; }
.links { margin-bottom: -10px; }
.footnav, .footnav1 { display: block; }
.toolbar { display: none; }
.banner_inner { padding: 90px 0px 5px 0px; }
.position { margin: 50px 0px 0px 0px; font-size: 13px; }
}
 @media only screen and (max-width: 640px) {
.mix .cons div i { display: none; }
.show .left { width: 100%; }
.show .right { width: 100%; margin-top: 20px }
.news { margin: -10px auto 0 auto; position: relative; top: -10px }
.news li .pic { width: 162px; top: 15px }
.news li .cons { margin: 0 0 0 182px; height: 100px; }
.news li .cons .addtime { font-size: 12px; margin-top: -10px; }
.news li .cons .title { height: 22px; margin: 3px 0 9px 0 }
.news li .cons .title a { font-size: 16px; }
.news li .cons .more { display: none; }
.about .left { width: 100% }
.about .right { width: 100%; margin-top: 0px }
.about .right .cons2 { width: 100% }
.about .right .fright { margin-top: 20px }
.about2 li .about { padding: 0; margin-top: -20px }
.aboutcons .tb1 td { width: 100%; padding: 0; display: block }
.aboutcons .tb1 td.td2 { padding: 0; margin-top: 30px }
.aboutcons .tb2 td { display: block }
.aboutcons .tb2 td { width: 100% }
.show2 .content iframe, .show2 .content embed { height: 360px; }
.fixshowleft .left { position: relative; max-width: 100%; }
.message .list ul.style li { margin-left: 2%; width: 48%; margin-bottom: 20px }
.message .list ul.style li.f1, .message .list ul.style li.f3, .message .list ul.style li.f5 { margin-left: 0 }
.message .list ul.style img { width: 100% }
.show2 .cons .mleft { width: 100%; margin: 0; text-align: left; }
.show2 .cons .mright { width: 100%; margin: 30px 0 0 0 }
.indmidpic .cons { width: 100%; }
.indnews .pic { width: 100%; }
.indnews .cons { width: 100%; margin-top: 30px }
.indnews .cons .content { height: auto }
.indservice .content { font-size: 30px; line-height: 1.6 }
.indservice .content img.i { height: 25px }
.indservice li { width: 100%; }
.indservice li:before { display: none; }
.indservice li, .indservice li:nth-child(1) { margin: 15px 0; }
.indservice .icon { margin-bottom: 15px }
.indservice ul { margin: 0 0 25px 0; }
}
 @media only screen and (max-width: 480px) {
.news li .pic { width: 130px; }
.news li .cons { margin: 0 0 0 145px; height: 80px; }
.news li .cons .content { display: none; }
.news li .cons .addtime { margin-top: -7px }
.news li .cons .title { line-height: 25px; height: 50px; margin: 3px 0 0 0 }
.news li .cons .title a { font-size: 14px }
.show2 .content iframe, .show2 .content embed { height: 270px; }
.calltel .list { padding: 30px 20px 0 20px; width: 340px; margin: -150px 0 0 -170px; }
.calltel .list .t4 #cmob { width: 185px }
.calltel .list .t4 #cbtn { width: 110px; }
.indcase li dd { width: 100% }
}
 @media only screen and (max-width: 420px) {
.newscate li { margin: 0 10px 0 0; }
.show2 .content iframe, .show2 .content embed { height: 240px; }
}