.u-pc { display: block!important }
.u-mobile { display: none!important }
.ScrollingShowClass { opacity: 0 }
.ScrollingShowClass.animate__animated { opacity: 1 }
.word-move .swiper-slide { position: relative }
.word-move .swiper-slide.swiper-slide-active div { font-size: 120% }
.word-move .swiper-slide div { position: absolute; width: 100%; top: 30%; color: #fff; text-align: center; -webkit-transition: all .5s ease; -o-transition: all ease .5s; transition: all .5s ease }
.h-header { height: 100px; padding: 10px 0; position: relative; background: hsla(0,0%,100%,.64) }
.h-header.header-home { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999 }
.h-header .main { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.h-header .main .horizo { display: none }
.h-header .main .logo,.h-header .main .logo img { height: 100% }
.h-header .main .inpt { border: 1px solid rgba(49,48,44,.8); -webkit-border-radius: 3px; border-radius: 3px; width: 180px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.h-header .main .inpt input { height: 100%; border: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.h-header .main .inpt button { height: 100%; width: 40px; padding: 6px 10px; padding-left: 0 }
.h-header .main .inpt button img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain }
.h-header .main .nav { font-size: 16px; color: #0a0a0a }
.h-header .main .nav li { padding: 0 22px; display: inline-block; text-align: center; position: relative }
.h-header .main .nav li>a { display: inline-block; padding: 15px 0 }
.h-header .main .nav li .vertical { position: absolute; display: none; z-index: 998; min-width: 100%; background: #fff; left: 0; text-align: center; line-height: 40px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 7px }
.h-header .main .nav li .vertical a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
.h-header .main .nav li.curr>a,.h-header .main .nav li .vertical a.curr,.h-header .main .nav li .vertical a:hover,.h-header .main .nav li:hover>a { color: #b70b0b }
.m-navs { display: none }
.swiper-container.homeTop .swiper-pagination-bullet { background: #fff; opacity: 1 }
.swiper-container.homeTop .swiper-pagination-bullet-active { background: #b70b0b }
.m-home .abouus { background: url(../img/home2_02.png) 50% no-repeat; background-size: cover; padding: 30px 0; padding-bottom: 60px }
.m-home .abouus .swiper-container { position: relative }
.m-home .abouus .btn { position: absolute; left: 40.5%; left: 33.5vw; bottom: 10px; z-index: 9990 }
.m-home .abouus .btn div { display: inline-block; width: 35px; height: 35px; margin: 0 10px }
.m-home .abouus .btn div img { width: 100%; height: 100% }
.m-home .abouus .swiper-slide dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home .abouus .swiper-slide dl dt { width: 47% }
.m-home .abouus .swiper-slide dl dt .bg { width: 100%; height: auto; overflow: hidden; display: block }
.m-home .abouus .swiper-slide dl dt .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .abouus .swiper-slide dl dt .bg:hover { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .abouus .swiper-slide dl dt .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-border-radius: 10px; border-radius: 10px }
.m-home .abouus .swiper-slide dl dt h4 { font-size: 24px; line-height: 70px; padding-left: 50px }
.m-home .abouus .swiper-slide dl dd { font-size: 16px; color: #666; padding-left: 70px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.m-home .abouus .swiper-slide dl dd h5 { font-weight: 700; font-size: 30px; color: #333; text-align: center }
.m-home .abouus .swiper-slide dl dd i { display: block; text-align: center; line-height: 3; padding-bottom: 20px }
.m-home .abouus .swiper-slide dl dd p { line-height: 2.2; padding: 5px 0; text-indent: 36px }
.m-home .titl-s h6 { color: #b70b0b; font-size: 18px; padding-bottom: 10px }
.m-home .titl-s h4 { font-size: 36px; line-height: 1 }
.m-home .titl-s .line { background: #000; width: 80px; height: 4px; display: inline-block }
.m-home .PROJECT { padding: 2% 0 }
.m-home .PROJECT dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home .PROJECT dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 95px }
.m-home .PROJECT dl dt h5 { font-size: 20px; color: #000; line-height: 50px }
.m-home .PROJECT dl dt article { padding: 10px 0; color: #666; line-height: 2 }
.m-home .PROJECT dl dt article i { color: #0f0f0f }
.m-home .PROJECT dl dt .more { width: 160px; line-height: 40px; display: block; background: #b70b0b; color: #fff; margin-top: 35px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; position: relative; text-align: center; overflow: hidden }
.m-home .PROJECT dl dt .more,.m-home .PROJECT dl dt .more:after { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.m-home .PROJECT dl dt .more:after { position: absolute; content: " "; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear,left top,left bottom,from(#b70b0b)); background-image: -webkit-linear-gradient(#b70b0b); background-image: -o-linear-gradient(#b70b0b); background-image: linear-gradient(#b70b0b) }
.m-home .PROJECT dl dt .more:hover { background: rgba(0,0,0,0) }
.m-home .PROJECT dl dt .more:hover,.m-home .PROJECT dl dt .more:hover:after { -webkit-box-shadow: 4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 hsla(0,0%,100%,.5),inset 4px 4px 6px 0 rgba(116,125,136,.3); box-shadow: 4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 rgba(116,125,136,.2),inset -4px -4px 6px 0 hsla(0,0%,100%,.5),inset 4px 4px 6px 0 rgba(116,125,136,.3) }
.m-home .PROJECT dl dt .more:hover:after { -webkit-transform: scale(2) rotate(180deg); -ms-transform: scale(2) rotate(180deg); transform: scale(2) rotate(180deg) }
.m-home .PROJECT dl .bg { width: 960px; height: 640px; overflow: hidden; display: block }
.m-home .PROJECT dl .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .PROJECT dl .bg:hover,.m-home .PROJECT dl .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .PROJECT dl .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home .steeatm { background: #f3f3f3; padding: 60px 0 }
.m-home .steeatm dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px }
.m-home .steeatm dt ul img { width: 50px; height: 50px; margin: 0 5px }
.m-home .steeatm .swiper-slide div { background: #fff; text-align: center; padding-bottom: 15px }
.m-home .steeatm .swiper-slide div .bg { width: 100%; height: 370px; overflow: hidden; display: block }
.m-home .steeatm .swiper-slide div .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .steeatm .swiper-slide div .bg:hover { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .steeatm .swiper-slide div .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-border-radius: 10px; border-radius: 10px }
.m-home .steeatm .swiper-slide div h6 { font-size: 22px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; line-height: 2; margin-top: 10px }
.m-home .steeatm .swiper-slide div .more { color: #717171; font-size: 16px }
.m-home .steeatm .swiper-slide div .more:hover { color: #b70b0b }
.m-home .CENTER { padding: 45px 0 }
.m-home .CENTER .main dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 20px 0 }
.m-home .CENTER .main dl dt { width: 48.5% }
.m-home .CENTER .main dl dt h4 { font-size: 22px; color: #333; line-height: 2.2 }
.m-home .CENTER .main dl dt .bg { width: 100%; height: 260px; overflow: hidden; display: block }
.m-home .CENTER .main dl dt .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .CENTER .main dl dt .bg:hover,.m-home .CENTER .main dl dt .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .CENTER .main dl dt .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home .CENTER .main dl dt ul a { line-height: 50px; font-size: 16px; border-bottom: 1px dashed #c6c6c6; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
.m-home .CENTER .main dl dt ul a:hover { color: #b70b0b }
.m-home .CENTER .main dl dt ul a:hover i { background: url(../img/home1_26curr.png) 50% no-repeat; background-size: cover }
.m-home .CENTER .main dl dt ul a i { display: inline-block; width: 10px; height: 10px; background: url(../img/home1_26.png) 50% no-repeat; background-size: cover }
.m-home .CENTER .main dl dt ul a span { padding-left: 10px }
.m-home .CENTwhuaER { background: #f3f3f3; padding: 40px 0 }
.m-home .CENTwhuaER .titl-s { padding-bottom: 40px }
.m-home .CENTwhuaER dl { background: #fff; height: 600px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home .CENTwhuaER dl .bg1 { width: 380px; height: 100%; overflow: hidden; display: block }
.m-home .CENTwhuaER dl .bg1 img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .CENTwhuaER dl .bg1:hover,.m-home .CENTwhuaER dl .bg1:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .CENTwhuaER dl .bg1:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home .CENTwhuaER dl .bg2 { width: 280px; height: 100%; overflow: hidden; display: block }
.m-home .CENTwhuaER dl .bg2 img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .CENTwhuaER dl .bg2:hover,.m-home .CENTwhuaER dl .bg2:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .CENTwhuaER dl .bg2:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home .CENTwhuaER dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.m-home .CENTwhuaER dl dt .sm1 { width: 100%; height: 280px; overflow: hidden; display: block }
.m-home .CENTwhuaER dl dt .sm1 img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .CENTwhuaER dl dt .sm1:hover,.m-home .CENTwhuaER dl dt .sm1:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .CENTwhuaER dl dt .sm1:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home .CENTwhuaER dl dt li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 0 20px }
.m-home .CENTwhuaER dl dt li h4 { font-size: 24px }
.m-home .CENTwhuaER dl dt li p { font-size: 18px; color: #666 }
.m-home .CENTwhuaER dl dd { width: 270px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.m-home .CENTwhuaER dl dd .cenr { width: 100%; height: 220px; overflow: hidden; display: block }
.m-home .CENTwhuaER dl dd .cenr img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home .CENTwhuaER dl dd .cenr:hover,.m-home .CENTwhuaER dl dd .cenr:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home .CENTwhuaER dl dd .cenr:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.f-footer { font-size: 16px }
.f-footer p.main { padding: 15px 0 }
.f-footer p.main a { display: inline-block; padding: 0 10px }
.f-footer p.main a:hover { color: #b70b0b; text-decoration: underline }
.f-footer .foot { background: #212121; color: #fff; padding: 20px 0 10px 0 }
.f-footer .foot dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.f-footer .foot dl dt p { padding: 5px 0 }
.f-footer .foot dl dt li { padding-top: 15px }
.f-footer .foot dl dt li a { padding: 0 8px }
.f-footer .foot dl dt li a:hover { color: #b70b0b }
.f-footer .foot dl dd { width: 210px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 30px }
.f-footer .foot dl dd li { width: 90px; text-align: center; line-height: 1.6 }
.f-footer .foot dl dd li img { width: 100%; height: 90px }
.nav-case { background: #f5f5f5 }
.nav-case li { font-size: 16px; min-width: 200px; display: inline-block; text-align: center }
.nav-case li.curr,.nav-case li:hover { background: #fff }
.nav-case li.curr i,.nav-case li:hover i { opacity: 1 }
.nav-case li a { padding: 0 10px; padding-top: 8px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
.nav-case li i { opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: block; height: 8px; background: url(../img/jiant_03.png) 50% no-repeat; background-size: cover }
.art-nyunga { padding: 50px }
.art-nyunga h4 { text-align: center; font-size: 30px; padding: 10px 0 }
.art-nyunga h6 { font-size: 18px; text-align: center }
.art-nyunga h5 { font-size: 20px }
.art-nyunga p { line-height: 2; text-indent: 30px; color: #717171; font-size: 16px }
.art-nyunga>img { width: 100%; padding: 15px 0 }
.m-home1 { padding: 2.2% 0 }
.m-home1 .ianHo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.m-home1 .ianHo dl { width: 25%; padding: 25px 10px }
.m-home1 .ianHo dl li { border: 1px solid rgba(0,0,0,0) }
.m-home1 .ianHo dl li:hover { border-color: #b70b0b }
.m-home1 .ianHo dl li:hover dd .title { color: #b70b0b }
.m-home1 .ianHo dl li:hover .more a { color: #b70b0b; border-color: #b70b0b; font-size: 20px }
.m-home1 .ianHo dl .bg { width: 100%; height: 260px; overflow: hidden; display: block }
.m-home1 .ianHo dl .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .ianHo dl .bg:hover,.m-home1 .ianHo dl .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .ianHo dl .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home1 .ianHo dl dd { background: #f4f4f4; padding: 10px }
.m-home1 .ianHo dl dd .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #cfcfcf; padding: 5px 0 }
.m-home1 .ianHo dl dd .more h4 { font-size: 24px }
.m-home1 .ianHo dl dd .more h4 i { font-size: 70% }
.m-home1 .ianHo dl dd .more a { width: 40px; line-height: 23px; text-align: center; border: 1px solid #cfcfcf; color: #757575; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.m-home1 .ianHo dl dd .tilte { font-size: 18px; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
.m-home1 .ianHo dl dd p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: #7a7a7a; margin: 5px 0 }
.m-home1 .reauwi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.m-home1 .reauwi li { width: 25%; padding: 0 16px; margin: 20px 0 }
.m-home1 .reauwi li .bg { width: 100%; height: 370px; overflow: hidden; display: block }
.m-home1 .reauwi li .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .reauwi li .bg:hover,.m-home1 .reauwi li .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .reauwi li .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home1 .reauwi li dt { border: 1px solid #cdcdcd; padding: 10px }
.m-home1 .reauwi li dt p { color: #717171; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0 }
.m-home1 .reauwi li dt h4,.m-home1 .reauwi li dt p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home1 .reauwi li dt h4 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
.m-home1 .reauwi li dt h4:hover { color: #b70b0b }
.m-home1 .reauwi li dt h4:hover i { border-color: #b70b0b; color: #b70b0b }
.m-home1 .reauwi li dt h4 a { font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.m-home1 .reauwi li dt h4 i { width: 40px; line-height: 23px; text-align: center; border: 1px solid #cfcfcf; color: #757575; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.m-home1 .reauwi li dt h4 i:hover { color: #b70b0b; border-color: #b70b0b; font-size: 20px }
.m-home1 .ugfc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.m-home1 .ugfc li { width: 33.333%; padding: 20px }
.m-home1 .ugfc li a { width: 100%; height: 340px; overflow: hidden; display: block }
.m-home1 .ugfc li a img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .ugfc li a:hover,.m-home1 .ugfc li a:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .ugfc li a:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home1 .Traffic dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home1 .Traffic dt .bg { width: 50%; height: 550px; overflow: hidden; display: block }
.m-home1 .Traffic dt .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .Traffic dt .bg:hover,.m-home1 .Traffic dt .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .Traffic dt .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home1 .Traffic li { width: 50%; padding: 0 50px }
.m-home1 .Traffic li h6 { font-size: 36px; color: #dadada }
.m-home1 .Traffic li h1 { font-size: 36px; color: #b70b0b; line-height: 1 }
.m-home1 .Traffic li h4 { font-size: 19px }
.m-home1 .Traffic li article { padding: 30px 0; line-height: 2; text-indent: 30px }
.m-home1 .Traffic li article p { padding: 5px 0 }
.m-home1 .CUIaaT { background: #f8f8f8; padding: 40px 0 }
.m-home1 .CUIaaT dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0 }
.m-home1 .CUIaaT dl dt { width: 25%; padding: 0 15px }
.m-home1 .CUIaaT dl dt .bg { width: 100%; height: 240px; overflow: hidden; display: block }
.m-home1 .CUIaaT dl dt .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .CUIaaT dl dt .bg:hover,.m-home1 .CUIaaT dl dt .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .CUIaaT dl dt .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home1 .CUIaaT dl dt .cont { background: #fff; border: 1px solid #ccc; height: 150px; padding: 30px 40px }
.m-home1 .CUIaaT dl dt .cont h4 { font-size: 24px }
.m-home1 .CUIaaT dl dt .cont p { font-size: 18px; color: #666 }
.m-home1 #certify { padding: 50px 0 }
.m-home1 #certify .swiper-container { padding-bottom: 0 }
.m-home1 #certify p { display: none }
.m-home1 #certify .swiper-slide { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; text-align: center }
.m-home1 #certify .swiper-slide p { font-size: 30px; line-height: 4 }
.m-home1 #certify .swiper-slide-active,.m-home1 #certify .swiper-slide-duplicate-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.m-home1 #certify .swiper-slide-active p { text-align: center; font-size: 24px; color: #202020; line-height: 1.5; padding: 15px 0px; white-space: normal; width: 100%; display: block; }
.m-home1 #certify .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.m-home1 #certify .btn div { padding: 0 10px }
.m-home1 .gOilCo { background: #f8f8f8; padding: 40px 0; margin: 30px 0 }
.m-home1 .gOilCo .swiper { padding: 20px 40px }
.m-home1 .gOilCo .swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.m-home1 .gOilCo .swiper .swiper-slide a { width: 450px; height: 200px; overflow: hidden; display: block }
.m-home1 .gOilCo .swiper .swiper-slide a img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home1 .gOilCo .swiper .swiper-slide a:hover { -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .gOilCo .swiper .swiper-slide a:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-border-radius: 10px; border-radius: 10px }
.m-home1 .gOilCo .swiper .swiper-slide li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 50px }
.m-home1 .gOilCo .swiper .swiper-slide li h4 { font-size: 30px; color: #151515; font-weight: 700 }
.m-home1 .gOilCo .swiper .swiper-slide li p { color: #595959; font-size: 20px }
.m-home1 .gOilCo .pagin { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 20px 0; margin-top: 50px; position: relative }
.m-home1 .gOilCo .pagin .btn { position: absolute; z-index: 200; top: 12px; height: 28px }
.m-home1 .gOilCo .pagin .btn img { height: 100% }
.m-home1 .gOilCo .pagin .swiper-button-prev1 { left: 5px }
.m-home1 .gOilCo .pagin .swiper-button-next1 { right: 5px }
.m-home1 .gOilCo .pagin .swiper-pagination { position: relative; line-height: 50px; font-size: 18px }
.m-home1 .gOilCo .pagin .swiper-pagination .swiper-pagination-bullet-active { color: #b70b0b; font-weight: 700 }
.m-home1 .gOilCo .pagin .swiper-pagination-bullet { width: 100px; opacity: 1; background: none; text-align: center }
.m-home2 { padding: 2.2% 0 }
.m-home2 .lentvie dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.m-home2 .lentvie dl dt { width: 25%; padding: 0 14px }
.m-home2 .lentvie dl dt .bg { width: 100%; height: 240px; overflow: hidden; display: block }
.m-home2 .lentvie dl dt .bg img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
.m-home2 .lentvie dl dt .bg:hover,.m-home2 .lentvie dl dt .bg:hover img { -webkit-border-radius: 10px; border-radius: 10px }
.m-home2 .lentvie dl dt .bg:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
.m-home2 .lentvie dl dt div { background: #f5f5f5; height: 150px; padding: 10px 15px }
.m-home2 .lentvie dl dt div h1 { line-height: 2.3; font-size: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
.m-home2 .lentvie dl dt div p { font-size: 18px; color: #666 }
.m-home2 .forms form { display: block; padding: 15px 50px }
.m-home2 .forms form input,.m-home2 .forms form textarea { border: 1px solid #cdcdcd; height: 50px; -webkit-border-radius: 3px; border-radius: 3px }
.m-home2 .forms form label { width: 100%; display: block }
.m-home2 .forms form label p { line-height: 2 }
.m-home2 .forms form label p i { color: #b70b0b; padding-left: 5px }
.m-home2 .forms form li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0 }
.m-home2 .forms form li label { width: 46% }
.m-home2 .forms form li label input { width: 100% }
.m-home2 .forms form dd { padding: 15px 0 }
.m-home2 .forms form dd p { line-height: 2 }
.m-home2 .forms form dd p i { color: #b70b0b; padding-left: 5px }
.m-home2 .forms form dd label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.m-home2 .forms form dd label input { width: 190px }
.m-home2 .forms form dd label img { height: 50px; padding-left: 15px }
.m-home2 .forms form dt { padding: 10px 0 }
.m-home2 .forms form dt textarea { height: 190px; width: 100% }
.m-home2 .forms form .btn { padding: 30px 0 }
.m-home2 .forms form .btn button { width: 160px; height: 50px; background: #999; color: #fff; font-size: 18px; -webkit-border-radius: 6px; border-radius: 6px; margin-right: 20px }
.m-home2 .forms form .btn button:nth-child(2) { background: #b70b0b }
.m-home2 .addr { padding-bottom: 50px }
.m-home2 .addr h6 { color: #b70b0b; font-size: 24px; padding: 15px 0 }
.m-home2 .addr dt { padding-top: 20px; padding-bottom: 10px }
.m-home2 .addr dt li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 6px 0 }
.m-home2 .addr dt li p { font-size: 16px; color: #666; padding-left: 15px }
.m-home2 .addr dt li p a { text-decoration: underline; color: #0218c4 }
.m-home2 .addr dd { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.m-home2 .addr dd li { width: 110px; text-align: center; font-size: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 30px }
.m-home2 .addr dd li img { width: 100%; height: 110px }
.m-home2 .recruit { padding: 3% 0 }
.m-home2 .recruit dl dt { color: #4a4a4a; font-size: 18px; line-height: 2; border-bottom: 1px solid #d2d2d2; padding-bottom: 30px }
.m-home2 .recruit dl dd h4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 80px; border-bottom: 1px dashed #d2d2d2 }
.m-home2 .recruit dl dd h4 a { -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 30px }
.m-home2 .recruit dl dd h4.curr a { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.m-home2 .recruit dl dd li { line-height: 2; border-bottom: 1px dashed #d2d2d2; padding: 10px 0; display: none }
.m-home2 .recruit dl dd li h6 { color: #2f2f2f; font-size: 18px }
.m-home2 .recruit dl dd li p { padding: 10px 0; color: #4a4a4a }
.m-home2 .recruit dl dd li .tip { color: #b70b0b }
.u-CUITRE { text-align: center; padding: 30px 0 }
.u-CUITRE h4 { font-size: 36px; color: #eaeaea; line-height: 0 }
.u-CUITRE h5 { line-height: 1; font-size: 30px; color: #b70b0b; font-weight: 700 }
.u-CUITRE h5 i { color: #010101 }
.u-page { text-align: center }
.u-page .main { padding: 40px 0 }
.u-page .main>* { display: inline-block; line-height: 40px; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; color: #8d8d8d; padding: 0 16px; margin: 0 5px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease }
.u-page .main a.curr,.u-page .main a:hover { color: #fff; background: #b70b0b }
.footsh div{padding:0 20px;}

@media only screen and (max-width:1600px) and (min-width:1441px) {
	body .main { width: 90%; -webkit-box-sizing: border-box; box-sizing: border-box }
    body .h-header { padding: 19px 0 }
    body .h-header .main .nav li { padding: 0 15px }
    body .m-home .PROJECT dl dt { padding-right: 30px }
    body .m-home .PROJECT dl .bg { width: 55% } 
	}

@media only screen and (max-width:1440px) and (min-width:1200px) {
	body { font-size: 14px }
    body .main { width: 90%; -webkit-box-sizing: border-box; box-sizing: border-box }
    body .h-header { padding: 16px 0; height: 80px }
    body .h-header .main .inpt { width: 145px }
    body .h-header .main .nav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 2% }
    body .h-header .main .nav li { padding: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
    body .m-home .CENTwhuaER dl { height: 480px }
    body .m-home .CENTwhuaER dl .bg1,body .m-home .CENTwhuaER dl .bg2 { width: 22% }
    body .m-home .CENTwhuaER dl dd { width: 18% }
    body .m-home .CENTwhuaER dl dt .sm1 { height: 220px }
    body .m-home .CENTER .main dl dt .bg { height: 240px }
    body .m-home .steeatm .swiper-slide div .bg { height: 280px }
    body .m-home .PROJECT dl dt { padding-right: 40px }
    body .m-home .PROJECT dl .bg { width: 50%; height: 580px }
    body .m-home .abouus .swiper-slide dl dd { padding-left: 30px }
    body .m-home2 .lentvie dl dt { padding: 0 8px }
    body .m-home2 .lentvie dl dt .bg { height: 220px }
    body .m-home1 .Traffic dt .bg { height: 480px }
    body .m-home1 .reauwi li { padding: 0 10px }
    body .m-home1 .reauwi li .bg { height: 300px }
    body .m-home1 .ianHo dl .bg { height: 240px }
	body .m-home1 .CUIaaT dl dt .cont p { font-size: 16px }
}
@media only screen and (max-width:1200px) and (min-width:800px) { 
	body { font-size: 13px }
    body .main,body .main12 { width: 98%; -webkit-box-sizing: border-box; box-sizing: border-box }
    body .art-nyunga { padding: 3% 4% }
    body .h-header { height: 60px; padding: 15px 0 }
    body .h-header .main .nav { font-size: 14px }
    body .h-header .main .nav li { padding: 0 9px }
    body .h-header .main .nav li ul { font-size: 12px }
    body .h-header .main .inpt { display: none }
    body .m-home .CENTwhuaER dl { height: 430px }
    body .m-home .CENTwhuaER dl .bg1,body .m-home .CENTwhuaER dl .bg2 { width: 22% }
    body .m-home .CENTwhuaER dl dd { width: 20% }
    body .m-home .CENTwhuaER dl dd .cenr { height: 180px }
    body .m-home .CENTwhuaER dl dt li h4 { font-size: 20px }
    body .m-home .CENTwhuaER dl dt li p { font-size: 16px }
    body .m-home .CENTwhuaER dl dt .sm1 { height: 160px }
    body .m-home .steeatm .swiper-slide div .bg { height: 280px }
    body .m-home .CENTER .main dl dt .bg { height: 220px }
    body .m-home .PROJECT dl dt { padding-right: 20px }
    body .m-home .PROJECT dl .bg { width: 55%; height: 500px }
    body .m-home .abouus .swiper-slide dl dd { padding-left: 15px }
    body .m-home .abouus .swiper-slide dl dd h5 { font-size: 25px }
    body .m-home .abouus .swiper-slide dl dd p { font-size: 14px; padding: 2px 0 }
    body .m-home .abouus .swiper-slide dl dd i { line-height: 2; padding-bottom: 5px }
    body .m-home .abouus .swiper-slide dl dt h4 { font-size: 20px }
    body .f-footer .foot dl dd { margin-right: 0 }
    body .nav-case li { min-width: 170px }
    body .m-home1 #certify .swiper-slide p { font-size: 20px }
    body .m-home1 .CUIaaT dl dt { padding: 0 5px }
    body .m-home1 .CUIaaT dl dt .cont { height: 120px; padding: 10px }
    body .m-home1 .CUIaaT dl dt .cont h4 { font-size: 26px }
    body .m-home1 .CUIaaT dl dt .cont p { font-size: 16px }
    body .m-home1 .CUIaaT dl dt .bg { height: 200px }
    body .m-home1 .Traffic dt .bg { height: 450px }
    body .m-home1 .Traffic li article { padding: 15px 0 }
    body .m-home1 .Traffic li h6 { font-size: 26px }
    body .m-home1 .Traffic li h1 { font-size: 28px }
    body .m-home1 .ugfc li { padding: 10px 5px }
    body .m-home1 .ugfc li a { height: 280px }
    body .m-home1 .reauwi li { padding: 0 5px; margin: 10px 0 }
    body .m-home1 .reauwi li dt h4 a { font-size: 18px }
    body .m-home1 .reauwi li .bg { height: 260px }
    body .m-home1 .ianHo dl { padding: 15px 5px }
    body .m-home1 .ianHo dl .bg { height: 220px }
    body .m-home2 .lentvie dl dt { padding: 0 5px }
    body .m-home2 .lentvie dl dt .bg { height: 210px }
    body .m-home2 .lentvie dl dt div { padding: 5px 6px; height: 120px }
    body .m-home2 .lentvie dl dt div h1 { font-size: 20px }
    body .m-home2 .lentvie dl dt div p { font-size: 16px } }

@media only screen and (max-width:800px) and (min-width:250px) {
	body { font-size: 3vw; font-family: inherit }
    body .h-header { height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
    body .h-header.header-home { position: static }
    body .h-header .main .inpt { display: none }
    body .h-header .main .horizo { display: block }
    body .h-header .main .horizo a i { display: block; position: relative; width: 30px; height: 3px; margin: 5px 0; background-color: #b70b0b; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all .4s ease; -o-transition: all ease .4s; transition: all .4s ease }
    body .h-header .main .horizo a.curr i:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); margin-bottom: 0 }
    body .h-header .main .horizo a.curr i:first-of-type { -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); margin-top: 0 }
    body .h-header .main .horizo a.curr i:nth-of-type(2) { opacity: 0 }
    body .h-header .main .logo { height: 50px }
    body .h-header .main .logo img { height: 100% }
    body .h-header .main .nav { padding-left: 0; z-index: 2000; position: absolute; left: 0; width: 100%; background: #fff; text-align: center; top: 60px; display: none; padding: 0; font-size: 100% }
    body .h-header .main .nav li { padding: 3% 0; display: block; text-align: left; padding-left: 15px; border-bottom: 1px solid hsla(0,0%,40%,.216) }
    body .h-header .main .nav li>a { font-size: 120%; padding: 0 }
    body .h-header .main .nav li .vertical { display: block; position: static; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 30px }
    body .art-nyunga { padding: 3% 0 }
    body .art-nyunga h4 { font-size: 150% }
    body .u-CUITRE { padding: 4% 0 }
    body .u-CUITRE h4 { font-size: 180% }
    body .u-CUITRE h5 { font-size: 200% }
    body .m-home2 .recruit dl dt { font-size: 120%; padding-bottom: 1% }
    body .m-home2 .recruit dl dd h4 { height: 60px }
    body .m-home2 .recruit dl dd h4 i:last-of-type { display: none }
    body .m-home2 .recruit dl dd h4 i:nth-of-type(2) { display: none }
    body .m-home2 .forms form { padding: 1.5% 0 }
    body .m-home2 .forms form .btn { padding: 3.5% 0 }
    body .m-home2 .forms form .btn button { width: 120px; height: 40px; margin: 0 2% }
    body .m-home2 .forms form dt textarea { height: 110px }
    body .m-home2 .forms form dd label input { height: 35px; width: 110px }
    body .m-home2 .forms form dd label img { height: 35px }
    body .m-home2 .forms form li label { width: 48% }
    body .m-home2 .forms form li label input { height: 35px }
    body .m-home2 .lentvie dl dt { width: 50%; padding: 1% }
    body .m-home2 .lentvie dl dt .bg { height: 30vw }
    body .m-home2 .lentvie dl dt div { padding: 3% 4%; height: auto }
    body .m-home2 .lentvie dl dt div h1 { font-size: 150% }
    body .m-home2 .lentvie dl dt div p { font-size: 120%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden }
    body .m-home1 #certify .swiper-slide p { font-size: 130% }
    body .m-home1 #certify .btn div img { height: 30px }
    body .m-home1 .gOilCo { background: #f6f6f6; padding: 2% 0; margin: 3% 0 }
    body .m-home1 .gOilCo .btn { display: none }
    body .m-home1 .gOilCo .swiper { padding: 2% }
    body .m-home1 .gOilCo .swiper .swiper-slide li h4 { font-size: 130% }
    body .m-home1 .gOilCo .swiper .swiper-slide li p { font-size: 100% }
    body .m-home1 .gOilCo .swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
    body .m-home1 .gOilCo .swiper .swiper-slide a { width: 50%; height: 33vw; overflow: hidden; display: block }
    body .m-home1 .gOilCo .swiper .swiper-slide a img { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; height: 100%; display: block }
    body .m-home1 .gOilCo .swiper .swiper-slide a:hover { -webkit-border-radius: 10px; border-radius: 10px }
    body .m-home1 .gOilCo .swiper .swiper-slide a:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-border-radius: 10px; border-radius: 10px }
    body .m-home1 .gOilCo .swiper .swiper-slide li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2% }
    body .m-home1 .gOilCo .swiper .swiper-slide li h4 { line-height: 2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }
    body .m-home1 .gOilCo .swiper .swiper-slide li p { line-height: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
    body .m-home1 .gOilCo .pagin { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 2% 0; margin-top: 3%; position: relative }
    body .m-home1 .gOilCo .pagin .swiper-pagination { position: relative; line-height: 30px; font-size: 90% }
    body .m-home1 .gOilCo .pagin .swiper-pagination .swiper-pagination-bullet-active { font-weight: 700 }
    body .m-home1 .gOilCo .pagin .swiper-pagination-bullet { width: 40px; opacity: 1; background: none; text-align: center }
    body .m-home1 .CUIaaT { padding: 3% 0 }
    body .m-home1 .CUIaaT dl { padding: 2% 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
    body .m-home1 .CUIaaT dl dt { width: 50%; padding: .8% }
    body .m-home1 .CUIaaT dl dt .cont { padding: 3% 4%; height: auto }
    body .m-home1 .CUIaaT dl dt .cont h4 { font-size: 180% }
    body .m-home1 .CUIaaT dl dt .cont p { font-size: 140% }
    body .m-home1 .CUIaaT dl dt .bg { height: 30vw }
    body .m-home1 .Traffic { padding: 0 1.5% }
    body .m-home1 .Traffic dt { display: block; padding: 2% 0 }
    body .m-home1 .Traffic dt .bg { height: auto; width: 100% }
    body .m-home1 .Traffic dt li { width: 100%; padding: 1% 0 }
    body .m-home1 .Traffic dt li h1,body .m-home1 .Traffic dt li h6 { font-size: 150% }
    body .m-home1 .Traffic dt li h4 { font-size: 130%; padding: 2% 0 }
    body .m-home1 .Traffic dt li article { padding: 3% 0 }
    body .m-home1 .ugfc li { padding: 1%; width: 50% }
    body .m-home1 .ugfc li a { height: 40vw }
    body .m-home1 .reauwi li { width: 50%; padding: 0 1%; margin: 2% 0 }
    body .m-home1 .reauwi li dt h4 a { font-size: 120% }
    body .m-home1 .reauwi li dt h4 i { display: none }
    body .m-home1 .reauwi li .bg { height: 45vw }
    body .m-home1 .ianHo dl { padding: 3% 1%; width: 50% }
    body .m-home1 .ianHo dl dd .tilte { font-size: 140%; line-height: 2 }
    body .m-home1 .ianHo dl dd .more h4 { font-size: 150% }
    body .m-home1 .ianHo dl .bg { height: 40vw }
    body .nav-case .main { overflow-x: auto; white-space: nowrap }
    body .nav-case .main li { font-size: 120%; min-width: 100px }
    body .nav-case .main li a { line-height: 35px }
    body .f-footer { font-size: 110% }
    body .f-footer p.main { padding: 2% 0 }
    body .f-footer .foot { padding: 4% 0 }
    body .f-footer .foot dl { display: block }
    body .f-footer .foot dl dd { width: 100%; margin-right: 0; padding: 5% 15% 0 }
    body .m-home .CENTwhuaER { padding: 4% 0 }
    body .m-home .CENTwhuaER .titl-s { padding-bottom: 3% }
    body .m-home .CENTwhuaER dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto }
    body .m-home .CENTwhuaER dl .bg1 { width: 100%; height: 55vw }
    body .m-home .CENTwhuaER dl .bg2 { width: 100%; height: 35vw }
    body .m-home .CENTwhuaER dl dd,body .m-home .CENTwhuaER dl dt { width: 33.3333%; height: 330px }
    body .m-home .CENTwhuaER dl dd .cenr { height: 120px }
    body .m-home .CENTwhuaER dl dt .sm1 { height: 110px }
    body .m-home .CENTwhuaER dl dt li { padding: 0 3% }
    body .m-home .CENTwhuaER dl dt li h4 { font-size: 160% }
    body .m-home .CENTwhuaER dl dt li p { font-size: 120% }
    body .m-home .CENTER { padding: 4% 0 }
    body .m-home .CENTER .main dl { padding: 2% 0; display: block }
    body .m-home .CENTER .main dl dt { width: 100%; padding: 2% 0 }
    body .m-home .CENTER .main dl dt h4 { font-size: 130% }
    body .m-home .CENTER .main dl dt ul a { line-height: 40px; font-size: 110% }
    body .m-home .steeatm { padding: 5% 0 }
    body .m-home .steeatm dt { margin-bottom: 3% }
    body .m-home .steeatm dt ul { display: none }
    body .m-home .PROJECT dl { display: block }
    body .m-home .PROJECT dl .bg { width: 100%; height: auto }
    body .m-home .PROJECT dl dt { padding: 0 }
    body .m-home .PROJECT dl dt .more { margin-top: 3% }
    body .m-home .PROJECT dl dt h5 { font-size: 130%; line-height: 2.5 }
    body .m-home .titl-s h6 { font-size: 120% }
    body .m-home .titl-s h4 { font-size: 200% }
    body .m-home .titl-s .line { width: 60px; height: 3px }
    body .m-home .abouus { padding: 4% 0 }
    body .m-home .abouus .btn { display: none }
    body .m-home .abouus .swiper-slide dl { display: block }
    body .m-home .abouus .swiper-slide dl dt { width: 100% }
    body .m-home .abouus .swiper-slide dl dt .bg { height: auto }
    body .m-home .abouus .swiper-slide dl dt h4 { display: none }
    body .m-home .abouus .swiper-slide dl dd { padding: 0; font-size: 110% }
    body .m-home .abouus .swiper-slide dl dd h5 { font-size: 150% }
    body .m-home .abouus .swiper-slide dl dd i { padding: 0; line-height: 2 }
	.u-pc { display: none!important }
	.u-mobile { display: block!important }

    a { -webkit-tap-highlight-color: rgba(0,0,0,0) }

    h1,h4 { font-size: 110% }

    h2,h5 { font-size: 120% }

    h3,h6 { font-size: 140% }
	.main,.main12 { width: 97%; -webkit-box-sizing: border-box; box-sizing: border-box }
	.on-menu .main-content { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85) }
	.on-menu .m-navs { visibility: visible }
	.on-menu .m-navs .an-bg,.on-menu .m-navs .an-wik { visibility: visible; opacity: 1 }
	.on-menu .m-navs .an-wik { left: 0 }
	.m-navs { z-index: 1000; position: fixed }
	.m-navs,.m-navs .an-bg { display: block; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden }
	.m-navs .an-bg { z-index: 2; position: absolute; background-color: rgba(0,0,0,.7); opacity: 0; -webkit-transition: all .2s ease .1s; -o-transition: all .2s ease .1s; transition: all .2s ease .1s }
	.m-navs .an-wik { width: 90%; height: 100%; max-width: 320px; background-color: #fff; position: relative; z-index: 10; left: -100%; border-right: 1px solid #9d9d9d; -webkit-box-shadow: hsla(0,0%,100%,.4); box-shadow: hsla(0,0%,100%,.4); visibility: hidden; opacity: 0; -webkit-transition: all .2s ease .3s; -o-transition: all .2s ease .3s; transition: all .2s ease .3s }
	.m-navs .an-the { height: 50px; position: relative; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 3% }
	.m-navs .an-the-tit { font-size: 17px; color: #000; font-weight: 700 }
	.m-navs .an-the-close { font-size: 30px; color: #ff5858 }
	.m-navs .an-the-close i { position: relative; top: 10px }
	.m-navs .an-soll { height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); position: relative; padding: 10px 12px; overflow-x: hidden; overflow-y: auto }
	.m-navs .an-seek { padding: 12px 0 14px }
	.m-navs .an-seek .v-shek-sub,.m-navs .an-seek input[type=text].form-control { font-weight: 300; height: 36px }
	.m-navs .an-lang { position: relative }
	.m-navs .an-lang .row { margin-left: -7px; margin-right: -7px }
	.m-navs .an-lang .row>li { padding-left: 7px; padding-right: 7px }
	.m-navs .an-lang .row>li a { border: 1px solid #ccc; position: relative; padding: 7px 6px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; font-size: 13px; color: #333; font-weight: 300; display: block; margin: 0 0 12px }
	.m-navs .an-lang .row>li a.check { background-color: #333; border: 1px solid #333; color: #fff }
	.m-navs .an-navs { margin: 0 0 10px; padding-bottom: 20px }
	.m-navs .an-navs,.m-navs .an-navs .avs-itme { position: relative }
	.m-navs .an-navs .avs-in { position: relative; border-bottom: 1px solid #e4e4e4; padding: 5px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
	.m-navs .an-navs .avs-le { padding: 0 0 0 24px; position: relative; display: none }
	.m-navs .an-navs .avs-le:before { width: 1px; top: 16px; bottom: 12px; left: 11px; display: block; background-color: #e4e4e4; position: absolute; content: "" }
	.m-navs .an-navs .avs-inke { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; padding: 9px 6px; font-size: 14px; font-weight: 300; text-transform: capitalize }
	.m-navs .an-navs .avs-inke.on { color: #f24848 }
	.m-navs .an-navs .avs-do { width: 40px; height: 100%; position: relative; right: 0; text-align: center }
	.m-navs .an-navs .avs-do i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: block; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
	.m-navs .an-navs .avs-do.curr i { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) }
	.m-navs .an-navs .avs-do:before { width: 1px; height: 24px; content: ""; display: block; position: absolute; top: 50%; margin-top: -12px; left: 0; background-color: #d1d1d1 }
	.m-navs .an-navs .avs-do.on>span.avs-do-up { opacity: 1; visibility: visible; top: 0 }
	.m-navs .an-navs .avs-do.on>span.avs-do-bm { opacity: 0; visibility: hidden; top: -70% } 
	.footsh div{padding:0 0px;}
}
.yingming-pages { padding: 40px 0px; }
.yingming-pages { text-align: center; }
.yingming-pages a,.yingming-pages span { display: inline-block; line-height: 30px; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; color: #8d8d8d; padding: 0 14px; margin: 0 5px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
.yingming-pages span.ad-this { color: #fff; background: #b70b0b; }
.bt-content { padding-top: 15px; }
.bt-content img { max-width: 100%; height: auto!important; vertical-align: top; }
.ve-share { margin: 0px 0px 0px; padding-top: 20px; }
.ve-share-tit { line-height: 28px; }
.ve-skips { margin-top: 20px; line-height: 24px; font-size: 14px; font-weight: 300; }
.ve-skips>p { padding: 2px 0px; }
.ve-skips>p>a { color: #000; }
.ve-skips>p>a:hover { color: #529BF7; }
.art-nyunga p { line-height: 2; text-indent: inherit; color: #717171; font-size: 16px; }
.m-home .steeatm .swiper-slide div h6 { padding: 0px 10px; }

@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.m-home2 .lentvie dl dt div h1 { font-size: 20px }
	.m-home2 .lentvie dl dt div p { font-size: 16px; } 
}