.svg-popup { box-sizing:border-box; width:180px; height:150px; position:fixed; top:40%; left:50%; margin-top:-75px; margin-left:-90px; z-index:999; background-color:#fff; text-align:center; box-shadow:0 0 12px 0 rgba(0, 0, 0, .1); display:flex; flex-wrap:wrap; justify-content:center; align-content:center; border-radius:8px }
.svg-popup p { width:100%; padding:0 5px; margin-top:10px; line-height:24px; font-size:16px }
.success-svg .p-ico { -webkit-animation:suc 1.3s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; animation:suc 1.3s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; stroke:#2faa18; fill:none; stroke-width:3px; stroke-dasharray:51, 51; stroke-dashoffset:17 }
.success-svg .p-circle { -webkit-animation:sucCircle 1.3s forwards; animation:sucCircle 1.3s forwards; stroke:#2faa18; fill:none; stroke-width:2px; stroke-dasharray:160, 160; stroke-dashoffset:0 }
.failed-svg .p-ico { -webkit-animation:warn 1.3s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; animation:warn 1.3s cubic-bezier(0.6, -0.3, 0.2, 1.6) forwards; stroke:#f24949; fill:none; stroke-width:3px; stroke-dasharray:18, 18; stroke-dashoffset:0 }
.failed-svg .p-circle { -webkit-animation:warnCircle 1.3s forwards; animation:warnCircle 1.3s forwards; stroke:#f24949; fill:none; stroke-width:2px; stroke-dasharray:160, 160; stroke-dashoffset:0 }
@-webkit-keyframes suc { 0% {
stroke-dashoffset:51
}
50% {
stroke-dashoffset:51
}
100% {
stroke-dashoffset:17
}
}
@keyframes suc { 0% {
stroke-dashoffset:51
}
50% {
stroke-dashoffset:51
}
100% {
stroke-dashoffset:17
}
}
@-webkit-keyframes sucCircle { 0% {
stroke-dashoffset:160
}
30% {
stroke-dashoffset:160
}
80% {
stroke-dashoffset:0
}
}
@keyframes sucCircle { 0% {
stroke-dashoffset:160
}
30% {
stroke-dashoffset:160
}
80% {
stroke-dashoffset:0
}
}
@-webkit-keyframes warn { 0% {
stroke-dashoffset:18
}
50% {
stroke-dashoffset:18
}
100% {
stroke-dashoffset:0
}
}
@keyframes warn { 0% {
stroke-dashoffset:18
}
50% {
stroke-dashoffset:18
}
100% {
stroke-dashoffset:0
}
}
@-webkit-keyframes warnCircle { 0% {
stroke-dashoffset:160
}
30% {
stroke-dashoffset:160
}
80% {
stroke-dashoffset:0
}
}
@keyframes warnCircle { 0% {
stroke-dashoffset:160
}
30% {
stroke-dashoffset:160
}
80% {
stroke-dashoffset:0
}
}
@font-face {
font-family:bananaslip;
src:url(../file/bananaslip.otf)
}
.ft-num { font-family:"bananaslip" }
.dot-slider .slick-dots { text-align:center }
.dot-slider .slick-dots li { margin:0 5px; display:inline-block }
.dot-slider .slick-dots button { height:10px; width:10px; border-radius:50%; color:transparent; border:0 none; background:rgba(34, 34, 34, .2); font-size:0; line-height:0 }
.dot-slider .slick-active button { background:#80be00 }
.u-head .tit { font-size:24px }
@media screen and (max-width: 568px) {
.u-head .tit {
font-size:20px
}
}
.u-head .u-more { padding-top:2px }
@media screen and (max-width: 768px) {
.u-head .u-cate-wp {
position:static;
clear:left;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}
}
.u-head .u-more-line { display:inline-block; margin-left:15px; margin-right:15px; width:1px; height:14px; background:#e0e0e0; vertical-align:middle }
@media screen and (max-width: 568px) {
.u-head .u-more-line {
margin-bottom:10px
}
}
.u-head .u-more-cate { vertical-align:middle }
.u-head .u-more-cate.active { color:#80be00; font-weight:500 }
@media screen and (max-width: 568px) {
.u-head .u-more-cate {
line-height:2;
margin-bottom:10px
}
}
.ui-button { font-size:16px }
.m-main { background:#f2f2f2 }
.m-i-banner { height:360px; background-repeat:no-repeat; background-position:center 0; color:#fff }
.m-i-banner .layout { position:relative }
@media screen and (max-width: 768px) {
.m-i-banner {
background-size:cover
}
}
@media screen and (max-width: 568px) {
.m-i-banner.normal {
height:260px;
background-size:cover
}
}
.product-list-banner { height:auto; min-height:360px; padding-bottom:20px; background-image:url(../images/banner-product-list.jpg) }
@media screen and (max-width: 768px) {
.product-list-banner {
min-height:360px;
background-image:linear-gradient(to bottom, #525252, #6b6b6b)
}
.product-list-banner .mi-ban_tit {
font-size:18px
}
}
@media screen and (max-width: 768px) {
.mi-ban {
display:flex;
justify-content:space-between;
width:100%;
height:100%;
align-items:center
}
}
.mi-ban_tit { padding-top:108px; font-size:32px }
@media screen and (max-width: 768px) {
.mi-ban_tit {
padding-top:0
}
}
@media screen and (max-width: 568px) {
.mi-ban_tit {
font-size:24px
}
}
.mi-ban_main { width:100% }
.mi-ban_des { margin-top:6px; color:rgba(255, 255, 255, .86) }
.mi-ban_btn { line-height:48px; height:48px; padding-left:22px; padding-right:22px; width:auto; font-size:16px; position:absolute; top:130px; right:0; background-color:rgba(116, 178, 0, .79) }
@media screen and (max-width: 568px) {
.mi-ban_btn {
position:static;
margin-top:10px
}
}
.mi-ban_cover { position:absolute; width:450px; top:30px; right:30px }
@media screen and (max-width: 768px) {
.mi-ban_cover {
top:auto;
right:auto;
position:relative;
margin:50px auto 20px;
flex-shrink:0;
max-width:80%
}
}
.mi-ban_cover img { position:relative; width:100%; border-radius:4px; z-index:1; background:#fff }
.mi-ban_cover:before { content:""; position:absolute; left:-30px; right:-30px; top:30px; bottom:30px; border-radius:4px; background:rgba(255, 255, 255, .08) }
.mi-ban_cover:after { content:""; position:absolute; left:-15px; right:-15px; top:15px; bottom:15px; border-radius:4px; background:rgba(255, 255, 255, .16) }
.mi-ban_con { text-align:center; padding-top:134px }
@media screen and (max-width: 568px) {
.mi-ban_con {
padding-top:0;
display:flex;
height:260px;
flex-direction:column;
justify-content:center
}
}
.mi-ban_title { font-size:32px; font-weight:600; line-height:1.625; margin-bottom:12px }
.mi-ban_title em { font-style:normal }
.mi-ban_title span { color:#333 }
@media screen and (max-width: 568px) {
.mi-ban_title {
font-size:24px
}
}
.mi-ban_intro { line-height:2; color:rgba(255, 255, 255, .86) }
.product-index-banner .mi-ban_main { margin-top:-60px }
.mi-ban_con.left .mi-ban_title, .mi-ban_con.left .mi-ban_intro { color:gray; text-align:left }
.crumbs-wrap { background:#f2f2f2 }
.crumbs-wrap .crumbs-span { color:#575757 }
.crumbs-wrap .icon-map { color:#adadad }
.crumbs-wrap .breadcrumbs { padding-top:5px; padding-bottom:5px }
.breadcrumbs { color:gray; font-size:13px; line-height:1.85; padding-top:12px; padding-bottom:12px }
.breadcrumbs .local { float:left; position:relative; padding-left:24px }
.breadcrumbs .local .icon-map { position:absolute; left:0; top:0 }
@media screen and (max-width: 568px) {
.breadcrumbs .local span {
display:none
}
}
.breadcrumbs .crumbs-list { float:left }
.breadcrumbs .crumbs-li { float:left; margin-right:6px; padding-right:11px; height:24px; line-height:24px; position:relative }
.breadcrumbs .crumbs-li:after { content:""; position:absolute; right:0; top:0; vertical-align:middle }
.breadcrumbs .crumbs-li:last-child:after { display:none }
.breadcrumbs .crumbs-a:hover { color:#80be00 }
.breadcrumbs .crumbs-span { display:inline-block; font-size:inherit; font-weight:400; height:24px }
.m-i-banner .breadcrumbs { position:absolute; top:0; color:rgba(255, 255, 255, .5); z-index:1 }
.m-i-banner .crumbs-inner { border-bottom:0 none }
.m-i-banner .crumbs-a:hover { color:#fff }
.m-s-nav { overflow-x:auto; -webkit-overflow-scrolling:touch }
@media screen and (max-width: 568px) {
.m-s-nav.mt-30 {
margin-top:20px
}
}
@media screen and (max-width: 568px) {
.ms-nav_list {
display:flex;
flex-wrap:nowrap
}
}
.ms-nav_item { float:left; width:20%; padding-right:1px }
@media screen and (max-width: 568px) {
.ms-nav_item {
min-width:100px
}
}
.ms-nav_a { display:block; line-height:56px; text-align:center; color:#575757; font-size:16px; background:#fff }
@media screen and (max-width: 568px) {
.ms-nav_a {
font-size:14px;
line-height:46px
}
}
.ms-nav_a:hover, .ms-nav_a.active { background:#80be00; color:#fff }
.nav-about .ms-nav_item { width:49.5% }
@media screen and (max-width: 568px) {
.nav-about .ms-nav_item {
min-width:100px
}
}
.u-hd_tit { font-size:26px; line-height:1.38; margin-bottom:20px; text-align:center; font-weight:700 }
@media screen and (max-width: 568px) {
.u-hd_tit {
font-size:20px
}
}
.u-hd_tit.mb-14 { margin-bottom:14px }
.u-hd_tit.mb-30 { margin-bottom:30px }
@media screen and (max-width: 568px) {
.u-hd_tit.mb-30 {
margin-bottom:20px
}
}
.u-hd_des { color:#666; line-height:1.72 }
.fuwu{text-align: center;}
.sticky-side { position:-webkit-sticky; position:sticky; top:0 }
.u-paging { text-align:center }
@media screen and (max-width: 768px) {
.u-paging {
display:flex;
justify-content:center
}
}
.u-paging a { height:40px; padding:0 15px; display:inline-block; background:#fff; border:1px solid #dcdfe1; vertical-align:middle; text-align:center; line-height:38px; border-radius:4px; color:#666; font-size:16px; margin:0 5px }
@media screen and (max-width: 568px) {
.u-paging a {
margin:0 3px
}
}
.u-paging .prev:before, .u-paging .next:before { font-family:"iconfont"; font-size:24px; -webkit-font-smoothing:antialiased; color:#999 }
.u-paging .prev:before { content:"" }
.u-paging .next:before { content:"" }
.u-paging a:hover, .u-paging .current, .u-paging .page-num-current { color:#fff; background:#80be00; border-color:#80be00 }



.u-paging a:hover:before, .u-paging .current:before, .u-paging .active:before { color:#fff }
@media screen and (max-width: 568px) {
.m-s-pro-tab {
padding-left:10px;
padding-right:10px
}
}
.ms-proTab { margin-top:-94px; margin-bottom:40px; background:#fff; border-radius:4px 4px 0 0; border-bottom:1px solid #e6e6e6 }
@media screen and (max-width: 568px) {
.ms-proTab {
margin-bottom:20px
}
}
.ms-proTab_title { margin-bottom:17px; font-size:28px; line-height:1.33; text-align:center }
@media screen and (max-width: 568px) {
.ms-proTab_title {
font-size:20px;
text-align:left
}
}
.ms-proTab_intro { border-bottom:1px solid #f0f0f0; padding:40px 50px; font-size:20px; font-weight:600 }
.ms-proTab_intro em { font-style:normal }
@media screen and (max-width: 768px) {
.ms-proTab_intro {
padding:20px;
font-size:16px
}
}
.ms-proTab_list { margin-top:20px }
@media screen and (max-width: 568px) {
.ms-proTab_list {
overflow-x:auto;
-webkit-overflow-scrolling:touch;
white-space:nowrap;
overflow-y:hidden
}
}
.ms-proTab_item { float:left; width:11.1111111111%; text-align:center; padding-bottom:18px; cursor:pointer; position:relative; transition:color .3s
}
@media screen and (max-width: 568px) {
.ms-proTab_item {
min-width:100px;
width:auto;
display:inline-block;
float:none
}
}
.ms-proTab_item:hover, .ms-proTab_item.active { color:#80be00; font-weight:600 }
.ms-proTab_item:after { content:""; position:absolute; bottom:-1px; height:2px; background:#80be00; width:0; left:50%; transform:translate(-50%, 0); transition:.3s;
transform-origin:center 0 }
@media screen and (max-width: 568px) {
.ms-proTab_item:after {
height:3px
}
}
.ms-proTab_item:hover:after, .ms-proTab_item.active:after { width:100% }
.ms-proTab_img { height:56px; width:56px; margin-bottom:6px; vertical-align:baseline }
.ms-pro { display:none }
.ms-pro.show { display:block }
.ms-pro_list { margin:0 -10px 20px }
@media screen and (max-width: 768px) {
.ms-pro_list {
margin-bottom:0
}
}
@media screen and (max-width: 568px) {
.ms-pro_list {
margin-left:-5px;
margin-right:-5px
}
}
.ms-pro_item { padding-left:10px; padding-right:10px; margin-bottom:20px; height:325px }
@media screen and (max-width: 768px) {
.ms-pro_item {
height:auto
}
}
@media screen and (max-width: 568px) {
.ms-pro_item {
padding-left:5px;
padding-right:5px;
margin-bottom:10px
}
}
.ms-pro_wrap { height:100%; background:#fff }
.ms-pro_cate { padding-top:30px; padding-left:30px; height:325px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:contain }
.ms-pro_cate:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255, 255, 255, .9) }
@media screen and (max-width: 568px) {
.ms-pro_cate {
height:66vw;
padding-top:20px;
padding-left:20px
}
}
.ms-pro_cate-main { display:block; width:100%; height:100%; position:relative; z-index:1 }
.ms-pro_name { position:relative; margin-bottom:11px; padding-left:13px; font-size:24px; line-height:1.33 }
.ms-pro_name:before { content:""; width:4px; height:24px; background:#80be00; position:absolute; left:0; top:4px }
@media screen and (max-width: 568px) {
.ms-pro_name {
font-size:20px
}
.ms-pro_name:before {
height:20px
}
}
.ms-pro_des { color:gray; font-size:13px }
.ms-pro_btn { position:absolute; bottom:36px; height:44px; line-height:38px; padding-left:36px; padding-right:32px; width:auto; font-size:16px; background:none; color:#80be00; border:2px solid #80be00; transition:.1s;
display:inline-flex; align-items:center }
.ms-pro_btn:before { top:0; bottom:0; left:0; width:0; content:""; position:absolute; background:#80be00; transition:width .4s
}
.ms-pro_btn:hover { color:#fff }
.ms-pro_btn:hover:before { width:100% }
.ms-pro_btn span { position:relative }
@media screen and (max-width: 568px) {
.ms-pro_btn {
bottom:20px
}
}
.ms-pro_trigger { position:absolute; top:0; right:30px; width:68px; height:32px; border:2px solid #80be00; text-align:center; line-height:28px; color:#80be00; border-radius:2px; transition:color .2s, background .2s
}
.ms-pro_trigger .iconfont { display:inline-block; transition:.2s
}
.ms-pro_trigger:hover { color:#fff; background:#80be00 }
@media screen and (max-width: 768px) {
.ms-pro_trigger {
position:static;
display:block;
margin-top:20px
}
}
.ms-pro_a { display:block }
.ms-pro_img img { width:100% }
.ms-pro_tit { margin-bottom:10px; padding-top:20px; padding-left:30px; font-size:16px; color:#343434; font-weight:600 }
.ms-pro_tit span:after { background:#343434 }
@media screen and (max-width: 568px) {
.ms-pro_tit {
padding:10px 10px 0
}
}
.ms-pro_con { padding-bottom:12px }
.ms-pro_intro { height:52px; font-size:13px; line-height:2; color:gray; padding-left:30px; padding-right:30px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
@media screen and (max-width: 568px) {
.ms-pro_intro {
padding-left:10px;
padding-right:10px
}
}
.ms-pro .item3, .ms-pro .item4, .ms-pro .item5, .ms-pro .item6 { display:none }
.ms-pro .more { display:none }
.ms-pro .expand .item3, .ms-pro .expand .item4, .ms-pro .expand .item5, .ms-pro .expand .item6 { display:block; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.ms-pro .expand .item3 { -webkit-animation-delay:.2s;
animation-delay:.2s
}
.ms-pro .expand .item4 { -webkit-animation-delay:.4s;
animation-delay:.4s
}
.ms-pro .expand .item5 { -webkit-animation-delay:.6s;
animation-delay:.6s
}
.ms-pro .expand .item6 { -webkit-animation-delay:.8s;
animation-delay:.8s
}
.ms-pro .expand .icon-down2 { transform:rotate(180deg) }
.ms-pro .expand .more { display:inline }
.ms-pro .expand .normal { display:none }
.m-sm-form { margin-bottom:50px }
@media screen and (max-width: 568px) {
.m-sm-form {
margin-bottom:20px
}
}
.m-sm-form .layout { background:#fff; padding:36px 40px 18px }
@media screen and (max-width: 768px) {
.m-sm-form .layout {
padding:20px
}
}
.m-sm-form .tit { padding-left:42px; background:url(../images/form-icon.png) no-repeat 0 center; background-size:32px 32px; line-height:32px }
.m-sm-form .sm-form-item { float:left; width:28.3%; padding-right:20px }
@media screen and (max-width: 768px) {
.m-sm-form .sm-form-item {
padding-right:0
}
}
.m-sm-form .form-group { display:block }
.m-sm-form .form-label { padding-left:0; display:block; text-align:left }
.m-sm-form .form-con { display:block }
.m-sm-form .ui-form-control { width:100% }
.m-sm-form .btn-wrap { padding-top:34px; float:left; width:15% }
@media screen and (max-width: 768px) {
.m-sm-form .btn-wrap {
padding-top:0
}
}
.m-sm-form .submit { height:48px; line-height:48px; width:100% }
@media screen and (max-width: 768px) {
.m-sm-form .sm-form-item, .m-sm-form .btn-wrap {
width:100%;
float:none
}
}
.m-s-ban { background:url(../images/bg-ban.jpg) no-repeat center 0; color:#fff; font-size:15px; line-height:2 }
@media screen and (max-width: 568px) {
.m-s-ban {
background-image:url(../images/bg-ban-m.jpg);
padding-bottom:60px
}
}
.m-s-ban .text { margin-bottom:60px; padding-right:220px }
@media screen and (max-width: 568px) {
.m-s-ban .text {
margin-bottom:25px
}
}
.m-s-ban .ui-button { height:44px; line-height:42px; padding-left:40px; padding-right:34px; width:auto; font-size:16px; border-radius:2px }
@media screen and (max-width: 768px) {
.m-s-ban {
background-size:cover
}
.m-s-ban .text {
padding-right:0
}
}
.ms-proSide { background:#fff; border-top:4px solid #ccc; padding:26px 30px 30px }
.ms-proSide_tit { padding-left:24px; margin-bottom:16px; font-size:18px; font-weight:700; background:url(../images/little-icon.png) no-repeat 0 center ;background-size: 8%;}
.ms-proSide_li { border-bottom:1px solid #e0e0e0 }
.ms-proSide_name { position:relative; height:48px; padding-top:12px; padding-bottom:12px; font-size:15px; line-height:24px; color:#575757; font-weight:500 }
.ms-proSide_cate.active, .ms-proSide_sub-cate.active { color:#80be00 }
.ms-proSide_more { position:absolute; right:0; top:6px; height:36px; width:18px; cursor:pointer; transition:.3s
}
.ms-proSide_more:hover:before, .ms-proSide_more:hover:after { background:#80be00 }
.ms-proSide_more:before, .ms-proSide_more:after { content:""; position:absolute; background:#a2a2a2 }
.ms-proSide_more:before { width:2px; height:12px; top:12px; left:8px; transition:.3s
}
.ms-proSide_more:after { height:2px; top:17px; left:3px; width:12px }
.ms-proSide_sub { padding-bottom:6px; display:none }
.ms-proSide_sub .ms-proSide_more { top:0 }
.ms-proSide_sub-li { line-height:36px; position:relative }
.ms-proSide_sub-name { display:block; padding-left:12px; color:#575757; background-image:linear-gradient(to right, #80be00, #80be00); background-size:0 100%; background-repeat:no-repeat; transition:.4s
}
.ms-proSide_sub-name.active, .ms-proSide_sub-name:hover { color:#fff; background-size:100% 100% }
.ms-proSide .expand .ms-proSide_more { transform:rotate(180deg) }
.ms-proSide .expand .ms-proSide_more:before { transform:rotate(90deg); opacity:0 }
@media screen and (max-width: 768px) {
.lay-main {
width:100%
}
.m-product-list {
padding-top:10px
}
.ms-proSide_wrap {
position:fixed;
width:100%;
top:0;
left:0;
z-index:800;
height:100vh;
overflow-y:auto;
background:#fff;
opacity:0;
transform:translate3d(-100%, 0, 0);
transition:.3s ease-out
}
.ms-proSide_wrap.show {
opacity:1;
transform:translate3d(0, 0, 0)
}
.ms-proSide {
padding:24px 20px
}
.ms-proSide_close {
position:absolute;
right:20px;
top:20px;
cursor:pointer;
color:#666
}
.ms-proSide_close .iconfont {
font-size:24px
}
}
.m-product-list .ms-proSide_filter { margin-left:10px; margin-right:10px; display:none; text-align:center; margin-bottom:10px; cursor:pointer; align-items:center }
@media screen and (max-width: 768px) {
.m-product-list .ms-proSide_filter {
display:flex
}
}
.m-product-list .ms-proSide_filter:before { content:"产品设备导航"; font-size:18px; font-weight:500 }
.m-product-list .ms-proSide_filter .iconfont { font-size:18px; background:#fff; margin-left:auto; width:30px; display:inline-block }
.m-app-list .ms-proSide_filter { position:relative; z-index:1 }
.m-app-list .ms-proSide_filter .iconfont { font-size:20px; margin-left:auto; width:40px; display:inline-block; position:absolute; text-align:center; right:15px; top:10px }
.m-pro-primary .mp-slider { height:360px; width:91.2%; border:1px solid #eaeaea; position:relative; overflow:hidden }
@media screen and (max-width: 568px) {
.m-pro-primary .mp-slider {
width:100%;
height:auto;
padding-bottom:20px;
margin-bottom:20px;
border:0 none
}
}
.m-pro-primary .pro-cb_img { height:360px }
@media screen and (max-width: 568px) {
.m-pro-primary .pro-cb_img {
height:auto
}
}
.m-pro-primary .dot-slider { height:100% }
.m-pro-primary .slick-slider { height:100% }
.m-pro-primary .pro-cb_img img { margin:0 auto; max-width:100% }
.m-pro-primary .slick-dots { position:absolute; bottom:30px; left:0; width:100% }
@media screen and (max-width: 568px) {
.m-pro-primary .slick-dots {
bottom:-20px
}
}
.m-pro-primary .mp-info { padding-left:10px }
@media screen and (max-width: 768px) {
.m-pro-primary .mp-info {
padding-left:0
}
}
.m-pro-primary .mp-title { font-size:32px; margin-bottom:20px; display:inline-block; vertical-align:middle; margin-right:10px }
@media screen and (max-width: 568px) {
.m-pro-primary .mp-title {
font-size:28px
}
}
.m-pro-primary .pd-qrcode { position:relative; background:#f6f6f6; border-radius:2px; height:28px; padding-left:10px; padding-right:10px; line-height:28px; display:inline-block; vertical-align:middle; margin-bottom:20px }
@media screen and (max-width: 768px) {
.m-pro-primary .pd-qrcode {
display:none
}
}
.m-pro-primary .pd-qrcode-trigger { color:gray; font-size:13px; cursor:default }
.m-pro-primary .pd-qrcode-img { position:absolute; visibility:hidden; opacity:0; top:28px; left:50%; margin-left:-80px; border-radius:4px; background:#fff; padding:20px; box-shadow:0 1px 10px 0 rgba(43, 49, 63, .08); transition:opacity .2s, transform .2s, visibility .2s;
transform:translate3d(0, -4px, 0) }
.m-pro-primary .pd-qrcode:hover .pd-qrcode-img { visibility:visible; opacity:1; transform:translate3d(0, 0, 0) }
.m-pro-primary .mp-intro { margin-bottom:40px; color:#999; line-height:1.72; padding-right:70px }
@media screen and (max-width: 768px) {
.m-pro-primary .mp-intro {
padding-right:0;
margin-bottom:20px
}
}
.m-pro-primary .ui-button { height:48px; line-height:48px; font-size:16px; float:left; margin-right:10px; width:180px }
@media screen and (max-width: 568px) {
.m-pro-primary .ui-button {
width:calc(50% - 10px);
margin-right:0
}
}
.m-pro-primary .btn-gray .iconfont { color:gray }
@media screen and (max-width: 568px) {
.m-pro-primary .btn-gray {
float:right;
margin-bottom:10px
}
}
.m-pro-primary .btn-gray:hover .iconfont { color:#80be00 }
.m-pro-primary .mp-tel { width:200px; float:left;height: 48px;
    padding-left: 10px;
    padding-top: 5px;
    background-image: linear-gradient(to right, #ededed, #ededed);
    background-size: 0 100%;
    transition: background .3s;
    background-repeat: no-repeat;    background-color: #f4f4f4;}
.m-pro-primary .mp-tel:hover{counter:pointer; background-size:100% 100%}
@media screen and (max-width: 568px) {
.m-pro-primary .btn-red+.mp-tel {
margin-left:10px
}
}
.m-pro-primary .tel-text {font-size:12px; color:#666 }
.m-pro-primary .tel { font-size:16px; line-height:20px }
.pd-table { display:table; margin-bottom:40px }
@media screen and (max-width: 568px) {
.pd-table {
margin-bottom:20px
}
}
.pd-table .pd-tr { display:table-row }
.pd-table .pd-th { padding-right:50px; white-space:nowrap; font-weight:700 }
.pd-table .pd-th, .pd-table .pd-td { display:table-cell; padding-bottom:9px }
.m-product-detail { position:relative }
.m-pro-nav { background:#f2f2f2; position:-webkit-sticky; position:sticky; top:0; z-index:10; white-space:nowrap; overflow-x:auto }
@media screen and (max-width: 768px) {
.m-pro-nav {
z-index:500
}
.m-pro-nav .layout {
overflow-x:visible
}
}
.m-pro-nav .pd-anchor-item { display:inline-block; padding:20px 40px; position:relative; font-size:16px }
.m-pro-nav .pd-anchor-item:after { content:""; width:1px; height:18px; top:23px; background:#cacaca; position:absolute; right:0 }
.m-pro-nav .pd-anchor-item:first-child { padding-left:0 }
.m-pro-nav .pd-anchor-item:last-child:after { display:none }
.m-pro-nav .pd-anchor-item:active { color:#80be00; font-weight:700 }
.m-pro-nav .pd-anchor-a.current { color:#d8262b; font-weight:700 }
.m-pro-detail { padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-pro-detail {
padding-bottom:20px
}
}
.m-pro-detail .article_tit { margin-top:50px }
@media screen and (max-width: 568px) {
.m-pro-detail .article_tit {
margin-top:20px
}
}
.article_tit { margin-bottom:20px; font-size:24px }
@media screen and (max-width: 568px) {
.article_tit {
font-size:20px;
margin-bottom:10px
}
}
.article_tit .iconfont { color:#80be00; font-size:24px; margin-right:5px; font-weight:400; display:none }
.article_content { font-size:16px; line-height:1.75; overflow-x:auto; color:gray }
.article_content img { max-width:100% }
.article_content table { width:100%; border:0 none !important }
.article_content table th, .article_content table tr:first-child td {     background: #80be00;
    font-size: 16px;
    color: #fff;}
.article_content table th, .article_content table td { height:46px; text-align:center; border:0 none !important }
.article_content table td { font-size:14px }
.article_content table tr:nth-child(2n+1) {
background:#f2f2f2
}
.article_title { font-size:32px }
@media screen and (max-width: 568px) {
.article_title {
font-size:24px
}
}
@media screen and (max-width: 568px) {
.article_title.mb-20 {
margin-bottom:10px
}
}
.m-pro-ban { background:url(../images/bg-pro-ban.jpg) no-repeat center 0; color:#fff; padding-bottom:0; height:426px }
.m-pro-ban .ban-text { max-width:520px; margin-top:30px; margin-bottom:24px; line-height:2 }
.m-pro-ban .ban-imgs { height:120px; margin-left:-10px }
.m-pro-ban .ban-imgs img { margin-right:-24px; max-height:100% }
@media screen and (max-width: 568px) {
.m-pro-ban .ban-imgs {
height:100px
}
.m-pro-ban .ban-imgs img {
margin-right:-20px
}
}
.m-s-pro { padding-top:50px; padding-bottom:30px }
@media screen and (max-width: 568px) {
.m-s-pro {
padding-top:24px;
padding-bottom:10px
}
}
.m-s-pro .ms-pro_list { margin-bottom:0 }
@media screen and (max-width: 568px) {
.m-s-pro-cate {
margin-bottom:10px
}
}
.service-process { background:#fff; padding:30px }
@media screen and (max-width: 768px) {
.service-process {
padding:10px 5px
}
.service-process .sp-list {
display:flex;
justify-content:space-between
}
}
.service-process .sp-item { float:left; width:14%; padding-top:18px; padding-bottom:14px; margin-left:3%; border:1px dashed #dcdfe1; border-radius:4px; position:relative }
.service-process .sp-item:before { position:absolute; content:""; font-family:iconfont; color:#cbcbcb; font-size:16px; top:50%; margin-top:-8px; line-height:1; left:-16% }
@media screen and (max-width: 768px) {
.service-process .sp-item:before {
left:-19%
}
}
.service-process .sp-item:first-child { margin-left:0 }
.service-process .sp-item:first-child:before { display:none }
@media screen and (max-width: 568px) {
.service-process .sp-item {
width:15.7%;
margin-left:0;
padding:5px 0
}
.service-process .sp-item:before {
display:none
}
}
.service-process .sp-img { height:48px; width:48px; display:block; margin:0 auto }
@media screen and (max-width: 568px) {
.service-process .sp-img {
height:35px;
width:35px
}
}
.service-process .sp-name { color:#666; line-height:1.72; text-align:center }
@media screen and (max-width: 568px) {
.service-process .sp-name {
font-size:10px
}
}
.strength-banner { background-image:url(../images/banner-strength.jpg) }
@media screen and (max-width: 568px) {
.strength-banner .mi-ban_title {
margin-top:-70px;
margin-bottom:0
}
.strength-banner .mi-ban_intro br {
display:none
}
}
.m-overview .u-hd_des { margin-bottom:40px }
@media screen and (max-width: 568px) {
.m-overview .u-hd_des {
margin-bottom:20px
}
}
.m-overview .ow-left { float:left; width:49%; position:relative }
@media screen and (max-width: 1024px) {
.m-overview .ow-left {
width:45%
}
}
@media screen and (max-width: 768px) {
.m-overview .ow-left {
width:100%;
float:none
}
}
.m-overview .ow-img { height:360px; background:url(../images/ow-img.jpg) no-repeat center 0; line-height:1; background-size:cover }
@media screen and (max-width: 568px) {
.m-overview .ow-img {
height:60vw
}
}
.m-overview .ow-text { position:absolute; bottom:0; left:0; width:100%; color:gray; text-align:center; height:40px; line-height:40px; background:#e0e0e0 }
@media screen and (max-width: 568px) {
.m-overview .ow-text {
position:static;
margin-top:-15px
}
}
.m-overview .ow-main { float:left; width:51%; background:#fff; height:360px; padding:40px 40px 0 }
@media screen and (max-width: 1024px) {
.m-overview .ow-main {
width:55%;
padding:20px 20px 0
}
}
@media screen and (max-width: 768px) {
.m-overview .ow-main {
float:none;
width:100%;
padding:10px;
height:auto
}
}
.m-overview .ow-tit { font-size:16px; line-height:1.75; font-weight:500; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-overview .ow-tit {
margin-bottom:10px
}
}
.m-overview .ow-des { line-height:2; color:#666 }
.m-overview .ow-count { margin:40px -27px 0; text-align:center }
@media screen and (max-width: 768px) {
.m-overview .ow-count {
margin-top:20px
}
}
@media screen and (max-width: 568px) {
.m-overview .ow-count {
margin:20px -7px 0
}
}
.m-overview .number { color:#80be00; font-size:36px; line-height:1; margin-bottom:16px }
.m-overview .ow-item { border-left:1px solid #e0e0e0 }
.m-overview .ow-item:first-child { border-left:0 none }
@media screen and (max-width: 568px) {
.m-overview .ow-name {
font-size:11px
}
}
.m-cert { background:url(../images/ban-cert.jpg) no-repeat center 0; min-height:302px; padding:60px 0px }
@media screen and (max-width: 768px) {
.m-cert {
min-height:auto;
padding-bottom:50px
}
}
@media screen and (max-width: 568px) {
.m-cert {
padding-top:20px;
padding-bottom:20px;
background-size:cover
}
}
.m-cert .ce-box { color:#fff; font-size:16px }
@media screen and (max-width: 768px) {
.m-cert .ce-box {
font-size:14px
}
}
.m-cert .ce-box img { width:178px }
.m-cert .ce-box ul { padding-top:30px }
@media screen and (max-width: 1024px) {
.m-cert .ce-box ul {
padding-top:20px
}
}
.m-cert .ce-box li { margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-cert .ce-box li {
margin-bottom:10px
}
}
.m-cert .ce-box p { /* margin-top:30px; */ line-height:1.71 }
.m-cert-gray .cg-tit { padding-top:20px; margin-bottom:22px; font-size:16px; font-weight:500; line-height:1.375 }
.cldz{ display: flex;}
.cldz .ce-main{ width: 60%;}
.cldz .cg-img{ width: 40%;}
.cldz .cg-img img{ width: 100%;}
.cldz .u-hd_tit{ text-align: left;}
.pure-g .te-img img{ width: 100%;}
.pure-wrap{ padding-bottom: 50px;}
.ow-main1 table{ width: 100%;}
.ow-main1 table .firstRow{    background: #74ac00;
    border: none;
    line-height: 50px;
    color: #fff;}
.zljc .ow-tit{ text-align: center;}
.m-tech .te-img p{ text-align: center;background: #fff; line-height: 50px;}
.zlgc .ow-tit{ text-align: center;}
.zljc_img{ background: #fff;padding: 20px;}
.m-tech .te-img .zljc_img p{line-height: 25px;
    margin-top: 20px;}
	
.zljc_img h4{text-align: center;
	    color: #80be00;
	    font-size: 20px;}	    
	
	
@media screen and (max-width: 568px) {
.m-cert-gray .cg-tit {
padding-top:0;
margin-bottom:10px
}
}
.m-cert-gray .cg-des { color:#666; line-height:2 }
.m-cert-gray .cg-img { float:right }
@media screen and (max-width: 568px) {
.m-cert-gray .cg-img {
float:none;
margin-bottom:10px
}
}
.m-tech .u-hd_des { margin-bottom:40px; line-height:2 }
@media screen and (max-width: 568px) {
.m-tech .u-hd_des {
margin-bottom:20px
}
}
.m-tech .te-imgs { margin-left:-10px; margin-right:-10px }
@media screen and (max-width: 568px) {
.m-tech .te-imgs {
margin:0 -5px
}
}
.m-tech .te-img { padding-left:10px; padding-right:10px }
@media screen and (max-width: 568px) {
.m-tech .te-img {
padding:0 5px 10px
}
}
.m-tech .te-img img { display:block; width:100% }
.m-tech .te-up { margin-top:30px; margin-bottom:30px; border:1px solid #e6e6e6 }
@media screen and (max-width: 568px) {
.m-tech .te-up {
margin-top:10px
}
}
.m-tech .te-circle { margin-top:20px; margin-bottom:20px; height:140px; text-align:center; font-size:15px; padding-top:74px; background:url(../images/circle1.png) no-repeat center 0 }
.m-tech .te-circle.c4 { background-image:url(../images/circle2.png) }
.m-tech .c2, .m-tech .c3, .m-tech .c4 { position:relative }
.m-tech .c2:before, .m-tech .c3:before, .m-tech .c4:before { content:""; width:1px; height:100px; position:absolute; left:0; background:rgba(34, 34, 34, .1); top:20px }
.m-tech .te-card { padding-top:40px; padding-left:60px; position:relative; background:url(../images/bg-tech.png) no-repeat center 0; color:#ffe6e6; height:180px }
@media screen and (max-width: 568px) {
.m-tech .te-card {
padding:40px 10px 20px;
height:auto;
background-size:cover
}
}
.m-tech .tec-tit { font-size:24px; font-weight:700; margin-bottom:12px }
@media screen and (max-width: 568px) {
.m-tech .tec-tit {
font-size:18px
}
}
.m-tech .tec-number { font-size:20px; font-weight:700; background:linear-gradient(180deg, #FF5F60 0%, #FFFFFF 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent }
.m-tech .tec-number span { font-size:40px }
@media screen and (max-width: 568px) {
.m-tech .tec-number span {
font-size:34px
}
}
.m-tech .tec-logo { position:absolute; top:40px; right:30px }
@media screen and (max-width: 1024px) {
.m-tech .tec-logo {
top:10px;
right:10px
}
}
.m-tech .tec-logo img { height:20px }
@media screen and (max-width: 568px) {
.m-tech .tec-logo img {
height:12px
}
}
.m-break { background:url(../images/bk-bg.jpg) no-repeat center 0 }
.m-break img { max-width:100% }
.m-break .u-hd_tit { color:#fff }
.m-break .slick-list { background:#fff }
.m-break .bk-box { padding:50px 40px 0; overflow:hidden }
@media screen and (max-width: 768px) {
.m-break .bk-box {
padding:20px
}
}
.m-break .bk-img { text-align:center }
.m-break .bk-img img { display:inline-block }
.m-break .bk-tit { font-size:18px; font-weight:600; line-height:1.33; position:relative; margin-bottom:16px }
.m-break .bk-left { background:#ebebeb; width:45.7%; float:left; height:300px; text-align:center }
@media screen and (max-width: 768px) {
.m-break .bk-left {
float:none;
width:100%;
height:auto
}
}
.m-break .bk-con { color:#666; line-height:1.71 }
.m-break .bk-con p { margin-bottom:10px }
.m-brand { padding-top:50px; padding-bottom:27px }
@media screen and (max-width: 568px) {
.m-brand {
padding:20px 0 10px
}
}
.m-brand .brand-item { float:left; margin-right:80px; margin-bottom:23px; height:99px }
.m-brand .brand-item img { max-height:100% }
@media screen and (max-width: 568px) {
.m-brand .brand-item {
margin-right:0;
width:25%;
margin-bottom:10px;
height:60px;
text-align:center
}
}
.m-brand .brand-item:nth-child(7n) {
margin-right:0
}
.m-ser-map { padding-top:70px; padding-bottom:68px }
@media screen and (max-width: 568px) {
.m-ser-map {
padding-top:20px;
padding-bottom:20px
}
}
.m-ser-map .ser-map-wrap { padding-top:40px }
.m-ser-map .ser-map { width:57%; height:576px; float:left; position:relative }
@media screen and (max-width: 768px) {
.m-ser-map .ser-map {
width:100%;
float:none;
height:70vw
}
}
.m-ser-map .map-mark { position:absolute; left:0; bottom:40px }
.m-ser-map .map-mark-item { margin-bottom:3px }
.m-ser-map .map-mark-item img, .m-ser-map .map-mark-item span { vertical-align:middle }
.m-ser-map .map-mark-item img { margin-right:9px }
@media screen and (max-width: 568px) {
.m-ser-map .map-mark-item {
font-size:12px
}
}
.m-ser-map .ser-card { width:400px; float:right; background:#fff; border-top:3px solid #e0e0e0; padding:37px 40px 40px; position:relative; z-index:1 }
.m-ser-map .ser-card .ui-button { height:48px; line-height:48px }
.m-ser-map .ser-card .ui-button .iconfont { font-size:28px }
@media screen and (max-width: 768px) {
.m-ser-map .ser-card {
width:100%;
float:none;
margin-top:20px
}
}
@media screen and (max-width: 568px) {
.m-ser-map .ser-card {
padding:20px
}
}
.m-ser-map .sc-tit { padding-bottom:20px; padding-left:34px; padding-right:15px; margin-bottom:16px; font-size:20px; line-height:1.4; font-weight:500; border-bottom:1px solid #e0e0e0; background:url(../images/little-logo.png) no-repeat 0 3px; background-size:20px 20px }
.m-ser-map .sc-contact { color:#80be00; line-height:1.72; font-weight:600; margin-bottom:6px; padding-left:14px; position:relative }
.m-ser-map .sc-contact:before { content:""; height:10px; width:10px; border-radius:50%; border:2px solid #80be00; position:absolute; left:0; top:7px }
.m-ser-map .sc-list { color:#575757; line-height:1.72; margin-right:-5px; margin-bottom:24px }
.m-ser-map .sc-list a:hover { color:#80be00 }
.jsmap-svg-container { margin-left:-30% !important }
@media screen and (max-width: 768px) {
.jsmap-svg-container {
margin-left:-35% !important
}
}
.jsmap-svg-container svg { width:100% !important }
@media screen and (max-width: 768px) {
.jsmap-svg-container svg {
margin-left:0 !important
}
}
.m-ser-profile { position:relative; background:linear-gradient(270deg, #d4ac78 0%, #d4ac78 100%); color:#fff }
.m-ser-profile .left { width:50%; padding:50px 90px 0 0; height:416px }
@media screen and (max-width: 768px) {
.m-ser-profile .left {
width:100%;
padding:20px 10px;
height:auto
}
}
.m-ser-profile p { line-height:1.72 }
.m-ser-profile .btn-wrap { margin-top:50px }
@media screen and (max-width: 768px) {
.m-ser-profile .btn-wrap {
margin-top:20px;
display:flex;
justify-content:space-between
}
.m-ser-profile .btn-wrap .ui-button {
width:48%;
margin-right:0
}
}
.m-ser-profile .ui-button { height:44px; line-height:44px; width:180px; margin-right:20px }
.m-ser-profile .btn-white-line { line-height:42px }
.m-ser-profile .btn-white-line:hover { background:#fff; color:#80be00 }
.m-ser-profile .right { position:absolute; left:50%; top:0; right:0; bottom:0; background:url(../images/bg-ser-profile.jpg) no-repeat 0 0 }
@media screen and (max-width: 768px) {
.m-ser-profile .right {
position:static;
height:43vw;
background-size:cover;
margin:0 -10px
}
}
.m-ser-join .join-card { padding-bottom:50px; background-color:#fff; background-repeat:no-repeat; background-position:center 0 }
@media screen and (max-width: 568px) {
.m-ser-join .join-card {
padding-bottom:30px
}
}
.m-ser-join .card1 { background-image:url(../images/bg-ser-join1.jpg) }
@media screen and (max-width: 568px) {
.m-ser-join .card1 {
margin-bottom:20px
}
}
.m-ser-join .card2 { background-image:url(../images/bg-ser-join2.jpg) }
.m-ser-join .pure-g { margin-left:-10px; margin-right:-10px }
.m-ser-join .pure-u-1-1 { padding-left:10px; padding-right:10px }
.m-ser-join .jc-hd { padding:10px 0 10px 30px; border-bottom:1px solid #ebebeb; color:#666; font-weight:500 }
@media screen and (max-width: 568px) {
.m-ser-join .jc-hd {
padding-left:10px
}
}
.m-ser-join .jc-hd img { height:40px; width:40px; vertical-align:middle; margin-right:16px }
.m-ser-join .jc-hd span { vertical-align:middle }
.m-ser-join .jc-tit { margin-top:50px; margin-bottom:20px; text-align:center; font-size:20px; line-height:1.6; font-weight:600 }
@media screen and (max-width: 568px) {
.m-ser-join .jc-tit {
margin-top:20px;
margin-bottom:10px;
font-size:18px
}
}
.m-ser-join .jc-des { font-size:13px; color:gray; margin-bottom:40px; text-align:center }
@media screen and (max-width: 568px) {
.m-ser-join .jc-des {
margin-bottom:20px;
padding-left:10px;
padding-right:10px
}
}
.m-ser-join .ui-button { display:block; width:180px; height:44px; line-height:44px; margin:0 auto }
.faq-banner { background-image:url(../images/banner-faq.jpg) }
.faq-banner .mi-ban_con { padding-top:99px }
@media screen and (max-width: 568px) {
.faq-banner .mi-ban_con {
padding-top:0
}
}
.faq-banner .mi-ban_title { margin-bottom:19px }
.faq-banner .search-wrap { padding-top:0 }
.faq-banner .u-hot { color:#eaeaea }
.faq-banner .search-btn { display:inline-block }
.faq-banner .search-input { border-top-right-radius:0; border-bottom-right-radius:0 }
.m-faq-cate { margin-top:30px; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-faq-cate {
margin:20px 0
}
}
.m-faq-cate .faq-cate { margin-left:-10px; margin-right:-10px }
@media screen and (max-width: 568px) {
.m-faq-cate .faq-cate {
margin:0
}
}
.m-faq-cate .fc-wrap { padding-left:10px; padding-right:10px }
@media screen and (max-width: 568px) {
.m-faq-cate .fc-wrap {
padding:0
}
}
.m-faq-cate .fc-item { padding:30px; background:#fff; position:relative; display:block }
@media screen and (max-width: 568px) {
.m-faq-cate .fc-item {
padding:10px
}
}
.m-faq-cate .fc-item:after, .m-faq-cate .fc-item:before { height:2px; background:#80be00 }
.m-faq-cate .inner-box:after, .m-faq-cate .inner-box:before { width:2px; background:#80be00 }
.m-faq-cate .fc-icon { float:left; background:#80be00; color:#fff; height:32px; width:32px; border-radius:4px; line-height:32px; text-align:center; margin-right:10px }
@media screen and (max-width: 568px) {
.m-faq-cate .fc-icon {
display:none
}
}
.m-faq-cate .fc-icon .iconfont { font-size:24px }
.m-faq-cate .fc-con { overflow:hidden }
.m-faq-cate .fc-name { color:gray; font-size:18px; line-height:32px; margin-bottom:10px }
@media screen and (max-width: 568px) {
.m-faq-cate .fc-name {
margin-bottom:0;
text-align:center;
font-size:16px
}
}
.m-faq-cate .fc-intro { color:gray; font-size:13px; line-height:18px }
@media screen and (max-width: 568px) {
.m-faq-cate .fc-intro {
display:none
}
}
.m-faq-cate .fc-item:hover .fc-name, .m-faq-cate .active .fc-name { font-weight:600; color:#333 }
.m-faq-cate .active:before, .m-faq-cate .active:after { width:100% }
.m-faq-cate .active .inner-box:before, .m-faq-cate .active .inner-box:after { height:100% }
.m-faq-list { margin-bottom:50px }
@media screen and (max-width: 568px) {
.m-faq-list {
margin-bottom:20px
}
}
.m-faq-list .u-paging { padding-top:30px; padding-bottom:40px }
@media screen and (max-width: 568px) {
.m-faq-list .u-paging {
padding-top:10px;
padding-bottom:10px
}
}
.m-faq-list .faq-list { background:#fff }
.faq_item { padding-left:30px; padding-right:30px }
@media screen and (max-width: 568px) {
.faq_item {
padding:0 10px
}
}
.faq_wrap { padding:30px 0; border-bottom:1px solid #ebebeb }
@media screen and (max-width: 568px) {
.faq_wrap {
padding:15px 0
}
}
.faq_img { height:32px; width:32px; float:left; margin-right:12px }
@media screen and (max-width: 568px) {
.faq_img {
height:24px;
width:24px;
margin-right:10px
}
}
.faq_tit { color:#2e2e2e; font-size:18px; line-height:32px; margin-bottom:6px }
.faq_tit a:after { background-color:#bb2d2e }
.faq_tit a:hover { color:#bb2d2e; font-weight:700 }
@media screen and (max-width: 568px) {
.faq_tit {
font-size:16px;
margin-bottom:3px
}
}
.faq_con { overflow:hidden }
.faq_intro { color:gray; margin-bottom:24px }
@media screen and (max-width: 568px) {
.faq_intro {
margin-bottom:10px
}
}
.faq_date { color:gray }
.download-banner { background-image:url(../images/banner-download.jpg) }
@media screen and (max-width: 568px) {
.download-banner {
background-image:url(../images/banner-download-m.jpg)
}
}
.download-banner .mi-ban_con.left .mi-ban_title { color:#2e2e2e }
.download-banner .mi-ban_con.left .mi-ban_intro { color:rgba(87, 87, 87, .86) }
.m-file-list { margin-top:40px }
@media screen and (max-width: 568px) {
.m-file-list {
margin-top:20px
}
}
.file_list { margin-left:-20px; margin-right:-20px }
@media screen and (max-width: 568px) {
.file_list {
margin-left:0;
margin-right:0
}
}
.file_item { padding-left:20px; padding-right:20px; margin-bottom:40px }
@media screen and (max-width: 568px) {
.file_item {
padding-left:10px;
padding-right:10px
}
}
.file_img { background:#fff; box-shadow:0 3px 7px 0 rgba(0, 0, 0, .04); margin-bottom:12px }
.file_img img { width:100%; display:block }
.file_date { margin-bottom:6px; font-size:12px; color:#adadad }
.file_tit { font-size:16px; font-weight:600; margin-bottom:10px; height:24px }
.file_link { line-height:1.71 }
.file_link .vd-line { line-height:1 }
.file_link span, .file_link a { display:inline-block; vertical-align:middle }
.file_a { text-decoration:underline }
.file_a:hover { text-decoration:none }
.file_a:after { bottom:6px }
.contact-banner { background-image:url(../images/banner-contact.jpg) }
.m-ctc-primary { background:url(../images/bg-ctcp.jpg) no-repeat center bottom }
.m-ctc-primary .ctcp-wrap { margin-left:-15px; margin-right:-15px }
.m-ctc-primary .ctcp-item { padding-left:15px; padding-right:15px }
.m-ctc-primary .ctcp-card { padding-top:40px; padding-left:40px; height:267px; margin-top:40px }
@media screen and (max-width: 768px) {
.m-ctc-primary .ctcp-card {
margin-top:20px;
padding:20px 0;
height:auto;
display:flex;
flex-direction:column;
align-items:center
}
}
.m-ctc-primary .card1 { background:#fff url(../images/ctcp-img1.jpg) no-repeat 0 0 }
.m-ctc-primary .card2 { background:#fff url(../images/ctcp-img2.jpg) no-repeat 0 0 }
.m-ctc-primary .ctcp-tit { margin-bottom:40px; font-size:20px; line-height:32px; font-weight:600 }
@media screen and (max-width: 568px) {
.m-ctc-primary .ctcp-tit {
margin-bottom:20px;
font-size:18px
}
}
.m-ctc-primary .ctcp-tit span { font-size:24px }
@media screen and (max-width: 568px) {
.m-ctc-primary .ctcp-tit span {
font-size:18px
}
}
.m-ctc-primary .ctcp-list { width:304px }
.m-ctc-primary .ctcp-li { float:left; width:152px; height:48px; border:1px solid #80be00; margin-right:-1px; margin-bottom:-1px; background:rgba(255, 255, 255, .6) }
.m-ctc-primary .ctcp-a { display:block; height:100%; line-height:44px; color:#80be00; text-align:center; font-weight:500 }
.m-ctc-primary .ctcp-a .iconfont { margin-left:24px; font-weight:400 }
.m-ctc-primary .ctcp-a i, .m-ctc-primary .ctcp-a span { vertical-align:middle }
.m-ctc-contact { background:url(../images/bg-contact2.jpg) no-repeat center 0 }
.m-ctc-contact.lg { background-image:url(../images/bg-contact.jpg) }
.m-ctc-contact.lg .ctc-c-box { padding-top:30px; padding-bottom:30px }
@media screen and (max-width: 768px) {
.m-ctc-contact {
background-size:cover
}
}
.m-ctc-contact .u-hd_tit { color:#fff }
.m-ctc-contact .ctc-c-box { padding-top:40px; padding-bottom:40px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.93) 100%) }
.m-ctc-contact .ctc-c-tit { margin-bottom:14px; font-size:18px; line-height:1.33; font-weight:700 }
.m-ctc-contact .ctc-c-list { line-height:2 }
.m-ctc-contact .ctc-c-card1 { padding-left:42px }
@media screen and (max-width: 768px) {
.m-ctc-contact .ctc-c-card1 {
padding-left:20px
}
}
.m-ctc-contact .ctc-c-card2 { padding-left:80px; position:relative }
@media screen and (max-width: 768px) {
.m-ctc-contact .ctc-c-card2 {
padding-left:20px
}
}
@media screen and (max-width: 568px) {
.m-ctc-contact .ctc-c-card2 {
padding-left:20px;
margin-top:10px;
margin-bottom:10px
}
}
.m-ctc-contact .ctc-c-card3 { padding-left:80px }
@media screen and (max-width: 768px) {
.m-ctc-contact .ctc-c-card3 {
padding-left:20px
}
}
.m-ctc-contact .ctc-c-card2:after, .m-ctc-contact .ctc-c-card2:before { content:""; width:1px; top:0; left:0; bottom:0; background:rgba(34, 34, 34, .1); position:absolute }
@media screen and (max-width: 768px) {
.m-ctc-contact .ctc-c-card2:after, .m-ctc-contact .ctc-c-card2:before {
display:none
}
}
.m-ctc-contact .ctc-c-card2:after { right:0; left:auto }
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3, .m-ctc-contact .as-card4 { float:left; text-align:center }
.m-ctc-contact .as-box { display:inline-block; text-align:left }
@media screen and (max-width: 568px) {
.m-ctc-contact .as-box {
text-align:center
}
}
@media screen and (max-width: 568px) {
.m-ctc-contact .as-btn {
margin-top:10px
}
.m-ctc-contact .as-btn .ui-button {
width:160px
}
}
.m-ctc-contact .as-card1 { width:21% }
.m-ctc-contact .as-card2 { width:23% }
.m-ctc-contact .as-card3 { width:30% }
.m-ctc-contact .as-card4 { width:26% }
@media screen and (max-width: 568px) {
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3, .m-ctc-contact .as-card4 {
width:100%;
text-align:center;
padding-left:0;
margin-bottom:10px
}
.m-ctc-contact .as-card4 {
margin-bottom:0
}
}
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3 { border-right:1px solid rgba(0, 0, 0, .1) }
@media screen and (max-width: 568px) {
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3 {
border-right:0 none
}
}
.m-ctc-contact .as-icon { margin-bottom:10px; height:32px; width:32px }
.m-ctc-contact .as-icon .iconfont { font-size:32px; color:#80be00; line-height:32px }
.m-ctc-contact .as-card3 .iconfont, .m-ctc-contact .as-card4 .iconfont { font-size:26px }
.m-ctc-contact .as-tit { font-size:16px; color:#222; line-height:22px; margin-bottom:10px }
@media screen and (max-width: 568px) {
.m-ctc-contact .as-icon {
display:inline-block;
vertical-align:middle;
margin-right:10px;
margin-bottom:3px
}
.m-ctc-contact .as-tit {
display:inline-block;
vertical-align:middle;
margin-bottom:3px
}
}
.m-ctc-contact .as-con { padding-bottom:8px; line-height:28px; font-size:16px; font-weight:700 }
@media screen and (max-width: 568px) {
.m-ctc-contact .as-con {
padding-bottom:12px;
font-size:18px
}
}
.m-ctc-show .ctc-s-wrap { margin-left:-10px; margin-right:-10px }
.m-ctc-show .ctc-s-item { padding-left:10px; padding-right:10px }
.m-ctc-show .ctc-s-box { margin-top:30px; padding-bottom:20px; background:#f5f5f5; text-align:center }
@media screen and (max-width: 768px) {
.m-ctc-show .ctc-s-box {
margin-top:20px
}
}
.m-ctc-show .ctc-s-tit { margin-top:20px; margin-bottom:6px; font-size:18px; line-height:1.34; font-weight:600 }
.m-ctc-show .ctc-s-des { color:gray }
.m-ctc-form .ctc-f-wrap { background:#fff; padding:40px 35px 30px }
@media screen and (max-width: 568px) {
.m-ctc-form .ctc-f-wrap {
padding:20px 5px
}
}
.m-ctc-form .form-group, .m-ctc-form .form-label, .m-ctc-form .form-con { display:block }
.m-ctc-form .ui-form-control { width:100% }
.m-ctc-form textarea { height:auto }
.m-ctc-form .form-group { margin-bottom:16px }
.m-ctc-form .pure-u-1-1 { padding-left:15px; padding-right:15px }
.m-ctc-form .form-label { text-align:left; margin-bottom:4px }
.m-ctc-form .btn-wrap { text-align:center; margin-top:8px; padding-left:15px; padding-right:15px }
.m-ctc-form .submit { width:220px; height:48px; line-height:48px }
@media screen and (max-width: 568px) {
.m-ctc-form .submit {
width:100%
}
}
.m-ctc-map { height:480px; position:relative; background:rgba(187, 46, 46, .94) }
@media screen and (max-width: 568px) {
.m-ctc-map {
height:550px;
background:none
}
}
.m-ctc-map .bd-map { height:480px; right:0; position:absolute; left:50%; margin-left:-590px; top:0; background:#fff }
@media screen and (max-width: 568px) {
.m-ctc-map .bd-map {
left:0;
top:0;
bottom:0;
margin-left:0
}
}
.m-ctc-map .map-card { position:relative; padding:50px 0 0 50px; z-index:2; width:380px; height:480px; background:rgba(187, 46, 46, .94); color:#fff }
.m-ctc-map .map-card .ft-num { font-size:20px }
@media screen and (max-width: 568px) {
.m-ctc-map .map-card .ft-num {
font-size:13px
}
}
@media screen and (max-width: 568px) {
.m-ctc-map .map-card {
position:absolute;
bottom:10px;
padding:15px;
left:10px;
right:10px;
width:auto;
font-size:13px;
height:auto
}
}
.m-ctc-map .ctc-m-logo { margin-bottom:40px }
@media screen and (max-width: 568px) {
.m-ctc-map .ctc-m-logo {
margin-bottom:10px
}
.m-ctc-map .ctc-m-logo img {
height:16px
}
}
.m-ctc-map .ctc-m-tit { font-size:20px; line-height:1.3; font-weight:700; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-ctc-map .ctc-m-tit {
font-size:15px;
margin-bottom:6px
}
}
.m-ctc-map .ctc-m-add { margin-bottom:20px; line-height:1.72 }
@media screen and (max-width: 568px) {
.m-ctc-map .ctc-m-add {
margin-bottom:6px
}
}
.m-ctc-map .ctc-m-tit span { display:inline-block; height:8px; width:8px; border-radius:50%; background:#fff; vertical-align:middle; margin-left:6px; margin-right:6px; margin-top:-2px }
.m-ctc-map .ui-button { width:245px; height:40px; position:absolute; left:50px; bottom:50px; line-height:40px; color:#80be00; font-size:14px; font-weight:600 }
.m-ctc-map .ui-button:hover { color:#fff }
@media screen and (max-width: 568px) {
.m-ctc-map .ui-button {
position:static;
height:36px;
line-height:36px;
margin-top:10px;
width:100%
}
}
.m-ctc-map .BMap_Marker.BMap_noprint:first-child:after { content:""; width:300px; height:56px; position:absolute; background:rgba(255, 255, 255, .96) url(../images/map-logo.png) no-repeat center center; top:-56px; left:50%; margin-left:-150px; box-shadow:0px 2px 8px 0px rgba(0, 0, 0, .06); border-radius:4px; border:1px solid #fff }
.csr-banner { background-image:url(../images/banner-csr.jpg) }
.m-csr { padding-bottom:0 }
.m-csr .u-hd { margin-bottom:40px }
.m-csr .csr-layout { padding-bottom:50px; background:#fff url(../images/csr-layout.png) no-repeat center 0 }
@media screen and (max-width: 568px) {
.m-csr .csr-layout {
padding-bottom:20px
}
}
.m-csr .csr-item+.csr-item { margin-top:50px }
@media screen and (max-width: 568px) {
.m-csr .csr-item+.csr-item {
margin-top:20px
}
}
.m-csr .csr-img { float:left; width:47% }
@media screen and (max-width: 568px) {
.m-csr .csr-img {
float:none;
width:100%
}
}
.m-csr .csr-con { float:left; width:53%; padding-left:70px; padding-top:20px }
@media screen and (max-width: 568px) {
.m-csr .csr-con {
float:none;
width:100%;
padding-left:0
}
}
.m-csr .reverse .csr-img { float:right }
@media screen and (max-width: 568px) {
.m-csr .reverse .csr-img {
float:none
}
}
.m-csr .reverse .csr-con { padding-left:0; padding-right:70px }
@media screen and (max-width: 568px) {
.m-csr .reverse .csr-con {
padding-right:0
}
}
.m-csr .csr-tit { font-size:22px; font-weight:600; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-csr .csr-tit {
font-size:18px;
margin-bottom:10px
}
}
.m-csr .csr-tit em { font-style:normal; color:#80be00 }
.m-csr .csr-des { color:#666; line-height:2 }
.csr-0 .m-csr-nav { margin-bottom:0 }
.m-csr-nav { margin-top:50px; margin-bottom:-20px; color:#fff }
@media screen and (max-width: 568px) {
.m-csr-nav {
margin-top:20px;
margin-bottom:0
}
}
.m-csr-nav .csr-nav-wp { margin-left:-1px; margin-right:-1px }
.m-csr-nav .csr-nav-item { padding-left:1px; padding-right:1px }
.m-csr-nav .csr-nav { background-repeat:no-repeat; background-size:cover; height:180px; padding-top:30px; padding-left:30px }
.m-csr-nav .csr-nav1 { background-image:url(../images/csr-nav1.jpg) }
.m-csr-nav .csr-nav2 { background-image:url(../images/csr-nav2.jpg) }
.m-csr-nav .csr-nav3 { background-image:url(../images/csr-nav3.jpg) }
.m-csr-nav .csr-nav-tit { font-size:18px; font-weight:600; line-height:1.4; margin-bottom:14px }
.m-csr-nav .link-hover1:after { background:#fff }
.m-csr-about { background:url(../images/bg-csr.jpg) no-repeat center 0; padding-top:60px; padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-csr-about {
padding-top:24px;
padding-bottom:24px
}
}
.m-csr-about .u-hd_des { color:#666 }
.m-csr-about .pure-g { margin-left:-10px; margin-right:-10px }
.m-csr-about .csr-cert-item { margin-top:25px; padding-left:10px; padding-right:10px; margin-bottom:35px; -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent, transparent 80%, rgba(255, 255, 255, 0.3)) }
.m-csr-about img { width:100%; display:block }
.m-csr-about .btn-red { width:220px; display:block; margin:0 auto; height:48px; line-height:48px }
.after-sales-banner { background-image:url(../images/banner-after-sales.jpg) }
.ser-slogan { height:260px; background:url(../images/ser-slogan.jpg) no-repeat center center; position:relative }
@media screen and (max-width: 568px) {
.ser-slogan {
height:auto;
padding-bottom:30px
}
}
.ser-slogan .logo-white { position:absolute; width:178px; height:20px; top:40px; right:30px }
@media screen and (max-width: 568px) {
.ser-slogan .logo-white {
top:10px;
right:10px;
height:10px;
width:89px
}
}
.ser-slogan .quote { font-weight:700; font-family:Arial, sans-serif; font-size:100px; color:rgba(255, 255, 255, .2); left:40px; top:40px; position:absolute; line-height:1 }
@media screen and (max-width: 568px) {
.ser-slogan .quote {
font-size:60px;
left:10px;
top:10px
}
}
.ser-slogan .text { font-weight:700; font-size:24px; padding:111px 20px 0 80px; color:#f2f2f2 }
@media screen and (max-width: 568px) {
.ser-slogan .text {
padding-top:50px;
font-size:18px;
padding-left:35px
}
}
.m-service-con { padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-service-con {
padding-bottom:0
}
}
.m-service-con .msc-item { padding-left:5%; padding-right:5% }
@media screen and (max-width: 568px) {
.m-service-con .msc-item {
padding-left:0;
padding-right:0
}
}
.m-service-con .msc-item+.msc-item { margin-top:50px }
@media screen and (max-width: 568px) {
.m-service-con .msc-item+.msc-item {
margin-top:20px
}
}
.m-service-con .msc-opt { float:left; text-align:center; margin-right:30px }
@media screen and (max-width: 568px) {
.m-service-con .msc-opt {
margin-right:0;
float:none;
padding:0 0 20px
}
}
.m-service-con .msc-con { padding:2.6% 3.3%; overflow:hidden; background:#f5f5f5; color:gray; line-height:2 }
@media screen and (max-width: 568px) {
.m-service-con .msc-con {
overflow:visible
}
}
.m-service-con .msc-icon { margin-bottom:10px; height:44px; line-height:1 }
.m-service-con .msc-icon img { height:44px; width:44px }
@media screen and (max-width: 568px) {
.m-service-con .msc-icon {
margin-bottom:5px;
margin-top:5px
}
}
.m-service-con .msc-text { font-size:16px; font-weight:600; margin-bottom:18px }
@media screen and (max-width: 568px) {
.m-service-con .msc-text {
margin-bottom:15px
}
}
.m-service-con .ui-button { line-height:42px; height:44px; font-weight:500; width:180px }
@media screen and (max-width: 568px) {
.m-service-con .ui-button {
height:40px;
line-height:38px
}
}
.video-banner { background-image:url(../images/banner-video.jpg) }
.m-video-list .ms-video_item { margin-bottom:40px }
@media screen and (max-width: 768px) {
.m-video-list .ms-video_item {
margin-top:0 !important;
margin-bottom:20px
}
}
.vd-info { color:gray; margin-bottom:30px }
@media screen and (max-width: 568px) {
.vd-info {
margin-bottom:10px
}
}
.vd-info span { vertical-align:middle }
.vd-line { width:1px; height:15px; display:inline-block; background:#dcdfe1; margin-left:20px; margin-right:20px }
@media screen and (max-width: 568px) {
.vd-line {
margin-left:10px;
margin-right:10px
}
}
.icon-tit { color:#2e2e2e; font-size:18px; line-height:1.33; font-weight:600; padding-left:24px; background:url(../images/little-icon.png) no-repeat 0 center ; background-size: 8%;}
.m-video-detail .vd-main { padding:40px }
@media screen and (max-width: 768px) {
.m-video-detail .vd-main {
padding:10px
}
}
@media screen and (max-width: 568px) {
.m-video-detail .back {
display:none
}
}
.m-video-detail .vd-video { margin-bottom:40px }
@media screen and (max-width: 568px) {
.m-video-detail .vd-video {
margin-bottom:20px
}
}
.m-video-detail .video-wrap { width:73%; height:450px; float:left; background:#f2f3f4 }
@media screen and (max-width: 768px) {
.m-video-detail .video-wrap {
width:100%;
float:none;
height:50vw
}
}
.m-video-detail .vd-side { width:27%; height:450px; float:right; background:#f2f2f2; padding:30px 20px 0 30px }
@media screen and (max-width: 768px) {
.m-video-detail .vd-side {
width:100%;
float:none;
padding:10px;
height:auto;
margin-top:10px
}
}
.m-video-detail .vd-tit { margin-bottom:30px }
@media screen and (max-width: 568px) {
.m-video-detail .vd-tit {
margin-bottom:10px
}
}
.m-video-detail .vd_item { margin-bottom:26px }
@media screen and (max-width: 568px) {
.m-video-detail .vd_item {
margin-bottom:10px
}
}
.m-video-detail .vd_img { width:114px; height:64px; float:left; margin-right:10px }
.m-video-detail .vd_tit { font-size:13px; color:#1e1e1d; line-height:20px; height:40px; font-weight:500; margin-bottom:8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
.m-video-detail .vd_date { color:gray; font-size:12px }
.article_nav { border-top:1px solid #dcdfe1; padding:20px 40px 40px; color:gray }
@media screen and (max-width: 568px) {
.article_nav {
padding:10px
}
}
.article_nav .prev { float:left; width:50% }
.article_nav .next { float:right; width:50%; text-align:right }
.article_nav .iconfont { font-size:20px; vertical-align:middle; line-height:1 }
.article_nav a:hover { color:#80be00 }
.news-banner { background-image:url(../images/banner-news.jpg) }
@media screen and (max-width: 568px) {
.news-banner {
background-image:url(../images/banner-news-m.jpg)
}
}
.nav-news .ms-nav_item { width:25% }
.m-news-primary .slick-dots { margin-top:8px }
.m-news-primary .np-list { height:351px; overflow:hidden }
@media screen and (max-width: 568px) {
.m-news-primary .np-list {
height:229px
}
}
.m-news-primary .np-item { background:#fff }
.m-news-primary .np-img { float:left; width:50%; height:322px; background-size:cover; background-repeat:no-repeat }
@media screen and (max-width: 568px) {
.m-news-primary .np-img {
width:40%;
height:200px
}
}
.m-news-primary .np-con { float:right; width:50%; height:322px; padding:40px 40px 0 }
@media screen and (max-width: 568px) {
.m-news-primary .np-con {
height:200px;
padding:10px 10px 0;
width:60%
}
}
.m-news-primary .np-cate { color:#999; font-size:12px; line-height:20px; padding-left:6px; padding-right:6px; background:#ebebeb; border-radius:3px; display:inline-block; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-news-primary .np-cate {
margin-bottom:10px
}
}
.m-news-primary .np-tit { font-weight:500; font-size:20px; line-height:24px; color:#1e1e1d; margin-bottom:10px }
@media screen and (max-width: 568px) {
.m-news-primary .np-tit {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:18px
}
}
.m-news-primary .np-date { font-size:12px; color:#adadad; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-news-primary .np-date {
margin-bottom:10px
}
}
.m-news-primary .np-intro { line-height:24px; color:gray; max-height:116px; overflow:hidden }
@media screen and (max-width: 768px) {
.m-news-primary .np-intro {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:48px
}
}
.m-news-list { padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-news-list {
padding-bottom:24px
}
}
.mnl_list { margin-left:-10px; margin-right:-10px }
@media screen and (max-width: 568px) {
.mnl_list {
margin:0 -5px
}
}
.mnl_item { padding-left:10px; padding-right:10px; margin-bottom:40px }
@media screen and (max-width: 568px) {
.mnl_item {
margin-bottom:10px;
padding:0 5px
}
}
.mnl_wrap { background:#fff }
.mnl_con { padding:20px }
@media screen and (max-width: 568px) {
.mnl_con {
padding:10px
}
}
.mnl_tit { font-size:16px; line-height:1.75; height:54px; overflow:hidden; font-weight:500 }
@media screen and (max-width: 568px) {
.mnl_tit {
font-size:14px;
height:50px
}
}
.article { padding:40px 40px 0 }
@media screen and (max-width: 568px) {
.article {
padding:10px 10px 0
}
}
.m-news-detail { padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-news-detail {
padding-bottom:20px
}
}
.m-news-detail .lay-main { padding:40px 40px 0 }
@media screen and (max-width: 568px) {
.m-news-detail .lay-main {
padding:10px 10px 0
}
}
.nd-info { background:#f2f2f2; padding:12px 20px }
@media screen and (max-width: 568px) {
.nd-info {
padding:10px
}
}
.article_nav2 { margin-top:30px; padding-top:20px; padding-bottom:20px; border-top:1px solid #ebebeb; color:gray }
@media screen and (max-width: 568px) {
.article_nav2 {
padding-bottom:10px
}
}
.article_nav2 .nav-row { margin-bottom:20px; line-height:1.715 }
@media screen and (max-width: 568px) {
.article_nav2 .nav-row {
margin-bottom:8px
}
}
.side-contact { background:#fff; padding:30px 20px }
.side-contact.border { border:1px solid #ebebeb }
.side-contact .sc-icon { float:left; height:46px; width:46px; border-radius:50%; background:#f2f2f2; text-align:center; line-height:46px; color:#80be00; margin-right:14px }
.side-contact .sc-icon .iconfont { font-size:22px }
.side-contact .sc-item { margin-bottom:30px }
.side-contact .sc-tit { color:#999 }
.side-contact .sc-main { font-size:18px; font-family:Robot, sans-serif; font-weight:700 }
.side-contact .sc-mail { font-size:16px; font-weight:600 }
.side-contact .ui-button { height:40px; line-height:40px; font-size:14px }
.side-contact.lit { padding-right:0; padding-bottom:20px }
.side-contact.lit .sc-mail { font-family:robot, sans-serif }
.side-contact.lit .sc-item { margin-bottom:20px }
@media screen and (max-width: 768px) {
.side-contact2 {
display:none
}
}
.side-contact2 .btn-red-line { border-width:2px; font-weight:500 }
.side-contact2 .sc-icon { color:gray; background:#fff; border:1px solid #e0e0e0 }
.side-contact2 .sc-search-form { position:relative; height:40px; margin-top:20px }
.side-contact2 .sc-search-input { display:block; width:100%; height:100%; border:2px solid #e0e0e0; padding-left:12px; padding-right:40px; border-radius:2px }
.side-contact2 .sc-search-btn { position:absolute; width:40px; height:40px; right:0; top:0; background:none; border:0 none; color:#575757 }
.side-info { background:#fff; padding:30px 20px }
.side-info .si-item { padding-top:16px; margin-top:16px; border-top:1px solid #eaeaea }
.side-info .si-item:first-child { border:none; padding-top:0; margin-top:20px }
.side-info .si-tit { color:#1e1e1d; line-height:1.72; font-weight:500; margin-bottom:10px }
.side-info .si-date { font-size:12px; color:#adadad }
.solution-banner { background-image:url(../images/banner-solution.jpg) }
.app-list-head { padding:24px 30px 20px; margin-bottom:30px; background:url(../images/app-list.jpg) no-repeat center 0 }
@media screen and (max-width: 768px) {
.app-list-head {
background-size:cover;
margin-bottom:20px
}
}
@media screen and (max-width: 568px) {
.app-list-head {
padding:10px;
background-size:cover;
margin-bottom:10px
}
}
.app-list-head .tit { font-size:22px; line-height:32px; font-weight:600; margin-bottom:10px }
@media screen and (max-width: 568px) {
.app-list-head .tit {
font-size:18px
}
}
.app-list-head .icon-fuhao { color:#80be00; font-size:24px; vertical-align:middle; line-height:1; margin-right:8px; font-weight:400; display:none }
.app-list-head p { line-height:2 }
.app-list .ms-solu_wrap { background:#fff; margin-bottom:30px; position:relative; display:block; cursor:default }
@media screen and (max-width: 568px) {
.app-list .ms-solu_wrap {
margin-bottom:10px
}
}
.app-list .ms-solu_wrap:after { bottom:0; height:0; position:absolute; content:""; background:#80be00; width:100%; transition:.3s
}
.app-list .ms-solu_wrap:hover:after { height:3px }
.app-list .ms-solu_con { padding:0 20px 20px }
@media screen and (max-width: 568px) {
.app-list .ms-solu_con {
padding:0 10px 10px
}
}
.app-detail { background-image:url(../images/app-detail.jpg); background-repeat:no-repeat; background-position:center 0 }
.app-detail .crumbs-wrap { background:none }
@media screen and (max-width: 568px) {
.m-cate-nav {
overflow-x:auto;
-webkit-overflow-scrolling:touch
}
}
.m-cate-nav .item-link { display:block; width:100%; height:72px; text-align:center; line-height:69px; border-bottom:1px solid #e6e6e6; background:#fff; font-size:16px; color:#666 }
@media screen and (max-width: 568px) {
.m-cate-nav .item-link {
width:auto;
padding-left:20px;
padding-right:20px;
height:50px;
line-height:50px
}
}
.m-cate-nav .item-link:after { height:3px; bottom:-1px }
.m-cate-nav .active, .m-cate-nav .item-link:hover { font-weight:700; background:#f2f2f2 }
.m-cate-nav .active:after { transform:scaleY(1) }
@media screen and (max-width: 568px) {
.m-cate-nav .pure-g {
display:flex;
flex-wrap:nowrap
}
.m-cate-nav .pure-g>div {
width:auto;
flex-shrink:0
}
}
.m-app-detail { margin-top:30px }
@media screen and (max-width: 568px) {
.m-app-detail {
margin-top:20px
}
.m-app-detail .u-head {
margin-bottom:10px
}
}
.app-content { padding:40px; background:#fff }
@media screen and (max-width: 568px) {
.app-content {
padding:10px
}
}
.app-content .app-picture { width:44%; float:left }
@media screen and (max-width: 568px) {
.app-content .app-picture {
width:100%;
float:none
}
}
.app-content .img { text-align:center; line-height:1; margin-bottom:30px }
@media screen and (max-width: 568px) {
.app-content .img {
margin-bottom:10px
}
}
.app-content .img img { width:100%; display:block }
.app-content .ui-button { height:48px; line-height:48px; margin-bottom:20px }
@media screen and (max-width: 568px) {
.app-content .ui-button {
margin-bottom:10px
}
}
.app-content .tel { height:48px; line-height:48px; background-color:#f4f4f4; text-align:center; display:block; background-image:linear-gradient(to right, #ededed, #ededed); background-size:0 100%; transition:background .3s;
background-repeat:no-repeat }
.app-content .tel:hover { background-size:100% 100% }
.app-content .tel span { color:#999 }
.app-content .tel b { font-size:18px; font-weight:700 }
.app-content .app-main { float:right; width:53% }
@media screen and (max-width: 568px) {
.app-content .app-main {
float:none;
width:100%;
margin-top:20px;
padding-bottom:10px
}
}
.app-content .app-title { margin-bottom:20px; font-size:24px; line-height:31px; font-weight:700 }
.app-content .article_content { color:#666 }
.article-banner { background-image:url(../images/banner-article.jpg) }
.m-article-list { margin-top:40px }
@media screen and (max-width: 568px) {
.m-article-list {
margin-top:20px
}
}
.m-article-list .u-paging { margin-top:40px; margin-bottom:50px }
@media screen and (max-width: 568px) {
.m-article-list .u-paging {
margin-top:10px;
margin-bottom:10px
}
}
.ms-article_item { padding-top:30px; padding-bottom:30px; border-bottom:1px dotted #dcdfe1 }
@media screen and (max-width: 568px) {
.ms-article_item {
padding-top:15px;
padding-bottom:15px
}
}
.ms-article_item:first-child { padding-top:0 }
.ms-article_img { width:240px; height:160px; float:left; margin-right:30px }
@media screen and (max-width: 568px) {
.ms-article_img {
width:120px;
height:80px;
margin-right:10px
}
}
.ms-article_tit { padding-top:10px; font-size:18px; line-height:1.33; color:#2e2e2e; margin-bottom:10px }
@media screen and (max-width: 568px) {
.ms-article_tit {
padding-top:5px;
font-size:16px;
margin-bottom:8px
}
}
.ms-article_intro { height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
.ms-article_date { color:gray; font-size:13px; line-height:20px; margin-bottom:38px }
@media screen and (max-width: 568px) {
.ms-article_date {
margin-bottom:15px
}
}
.ms-article_con { line-height:1.72; color:gray }
.m-article-detail { padding-top:30px }
@media screen and (max-width: 568px) {
.m-article-detail {
padding-top:20px
}
}
.side-cate { background:#f7f7f7; border-radius:4px; padding:20px }
.side-cate .ct-li+.ct-li { margin-top:10px }
.side-cate .ct-link { display:block; background:#fff; font-size:16px; color:gray; padding:12px 16px 12px 20px }
.side-cate .ct-link:hover { color:#80be00 }
.side-cate .iconfont { float:right }
.about-banner { background-image:url(../images/banner-about.jpg) }
.m-ab-overview .u-hd_tit { margin-bottom:10px }
.m-ab-overview .ao-des { color:#666; line-height:1.71; margin-bottom:30px }
@media screen and (max-width: 568px) {
.m-ab-overview .ao-des {
width:100%;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
text-align:left
}
}
.m-ab-overview .ao-wrap { position:relative; padding-bottom:20px;}
.m-ab-overview .ao-contact { float:left; width:51%; color:#666; padding:40px 40px 0 }
@media screen and (max-width: 1024px) {
.m-ab-overview .ao-contact {
padding-left:10px
}
}
@media screen and (max-width: 768px) {
.m-ab-overview .ao-contact {
width:50%
}
}
@media screen and (max-width: 568px) {
.m-ab-overview .ao-contact {
width:100%;
padding:10px 0 20px;
text-align:center
}
}
.m-ab-overview .ao-img { width:49%; float:right; line-height:0 }
.m-ab-overview .ao-img img { width:100% }
@media screen and (max-width: 768px) {
.m-ab-overview .ao-img {
width:50%
}
}
@media screen and (max-width: 568px) {
.m-ab-overview .ao-img {
width:100%;
position:static
}
}
.m-ab-overview .ao-icon { height:32px; width:32px; border:2px solid #e0e0e0; border-radius:50%; text-align:center; line-height:28px; margin-bottom:10px }
.m-ab-overview .ao-icon .iconfont { font-size:18px }
@media screen and (max-width: 568px) {
.m-ab-overview .ao-icon {
display:inline-block
}
}
.m-ab-overview .ao-con { line-height:1.71; margin-bottom:20px; padding-right:30px }
@media screen and (max-width: 1024px) {
.m-ab-overview .ao-con {
padding-right:5px
}
}
.m-ab-overview .ui-button { height:40px; border-width:2px; font-size:14px }
@media screen and (max-width: 568px) {
.m-ab-overview .pure-u-1-1 {
display:flex;
align-items:center;
padding-left:10px;
margin-bottom:10px
}
.m-ab-overview .pure-u-1-1 .ao-con, .m-ab-overview .pure-u-1-1 .ao-icon {
margin-bottom:0
}
.m-ab-overview .pure-u-1-1 .ao-icon {
margin-right:10px
}
.m-ab-overview .pure-u-1-1 p {
display:inline-block
}
}
.m-ab-quote { background:url(../images/about-ban.jpg) }
.m-ab-quote .ser-slogan { background:none }
.m-ab-quote .logo-white { right:0 }
.m-ab-quote .des { text-align:right; color:#f2f2f2; font-size:16px; margin-top:29px }
.m-ab-history { background:url(../images/about-history-bg.jpg) no-repeat center bottom; padding-top:60px; padding-bottom:50px }
@media screen and (max-width: 568px) {
.m-ab-history {
padding-top:20px;
padding-bottom:20px
}
}
.m-ab-history .ah-img { float:left; width:33.2% }
@media screen and (max-width: 568px) {
.m-ab-history .ah-img {
display:none
}
}
.m-ab-history .ah-img img { max-width:100% }
.m-ab-history .ah-list { float:right; width:62.5%; font-size:15px; position:relative; line-height:1.6 }
@media screen and (max-width: 568px) {
.m-ab-history .ah-list {
float:none;
width:100%
}
}
.m-ab-history .ah-list:before { content:""; width:1px; top:11px; bottom:11px; position:absolute; left:0; background:#ccc }
.m-ab-history .item { padding-left:38px; position:relative }
.m-ab-history .item:before { content:""; width:8px; height:1px; background:#ccc; position:absolute; left:0; top:11px }
.m-ab-history .item+.item { margin-top:20px }
@media screen and (max-width: 568px) {
.m-ab-history .item+.item {
margin-top:15px
}
}
.m-ab-history .sp { font-weight:700 }
.m-ab-history .sp:before { height:2px; background:#d12432 }
.m-ab-super .as-item { margin-top:20px; background:#f7f7f7; padding:30px }
.m-ab-super .pure-g { margin-left:-10px; margin-right:-10px }
.m-ab-super .pure-u-1-1 { padding-left:10px; padding-right:10px }
.m-ab-super .as-icon { float:left; height:48px; width:48px; border-radius:50%; color:#fff; background:#80be00; margin-right:12px; text-align:center; line-height:48px }
.m-ab-super .as-icon .iconfont { font-size:24px }
.m-ab-super .as-con { overflow:hidden }
.m-ab-super .as-tit { font-size:16px; font-weight:700; margin-top:10px; margin-bottom:14px }
.m-ab-super .as-des { line-height:2; color:#666 }
.m-ab-product { background:url(../images/ab-pro.jpg) no-repeat center 0 }
@media screen and (max-width: 768px) {
.m-ab-product {
background-size:cover
}
}
.m-ab-product .u-hd_tit, .m-ab-product .u-hd_des { color:#fff }
.m-ab-product .ui-button { width:336px; height:48px; line-height:48px; display:block; margin:40px auto 0 }
@media screen and (max-width: 568px) {
.m-ab-product .ui-button {
margin-top:10px
}
}
.m-ab-product .pure-g { margin-left:-10px; margin-right:-10px }
.m-ab-product .pure-g .ap-wp { padding-left:10px; padding-right:10px }
.m-ab-product .ap-wp2 { margin-top:20px }
@media screen and (max-width: 568px) {
.m-ab-product .ap-wp {
margin-bottom:20px
}
.m-ab-product .ap-wp2 {
margin-top:0
}
}
.m-ab-product .ap-item { position:relative; display:block }
.m-ab-product .ap-name { text-align:center; height:40px; line-height:40px; background:rgba(255, 255, 255, .8); position:absolute; bottom:0; left:0; width:100%; font-weight:500; overflow:hidden; font-size:15px }
.m-ab-product .link-img img { -o-object-fit:fill; object-fit:fill }
.m-ab-cert .ab-cert-item { float:left }
.m-ab-cert img { max-width:100%; display:block }
.m-ab-cert .item1 { width:49.1% }
.m-ab-cert .item2, .m-ab-cert .item3, .m-ab-cert .item4, .m-ab-cert .item5 { width:23.7%; margin-left:1.6% }
.m-ab-cert .item2, .m-ab-cert .item3 { margin-bottom:1.1% }
.m-ab-ser .abs-item { padding-top:40px; height:440px; border-left:1px solid #ebebeb; background:#fff }
.m-ab-ser .abs-item:first-child { border-left:0 none }
@media screen and (max-width: 768px) {
.m-ab-ser .abs-item {
margin-top:1px
}
}
@media screen and (max-width: 568px) {
.m-ab-ser .abs-item {
border:0 none;
padding-top:20px;
padding-bottom:20px;
height:auto
}
}
.m-ab-ser .abs-icon { background:#80be00; height:56px; width:56px; border-radius:50%; color:#fff; text-align:center; line-height:56px; margin:0 auto 30px }
.m-ab-ser .abs-icon .iconfont { font-size:30px }
@media screen and (max-width: 568px) {
.m-ab-ser .abs-icon {
margin-bottom:10px;
height:45px;
width:45px;
line-height:45px
}
.m-ab-ser .abs-icon .iconfont {
font-size:24px
}
}
.m-ab-ser .abs-tit { font-size:18px; font-weight:700; text-align:center; margin-bottom:10px }
.m-ab-ser .abs-des { padding-left:9.2%; padding-right:9.2%; font-size:12px; color:#666; line-height:1.84 }
@media screen and (max-width: 568px) {
.m-ab-ser .abs-des {
padding-left:10px;
padding-right:10px
}
}
.m-ab-ser .ui-button { width:336px; height:48px; margin:40px auto 0; display:block; line-height:48px }
.m-ab-card { text-align:center }
.m-ab-card .pure-g { margin-left:-10px; margin-right:-10px }
.m-ab-card .ac-item { border:1px solid #ebebeb; height:296px; padding:40px 11px 0 }
@media screen and (max-width: 768px) {
.m-ab-card .ac-item {
padding:20px 10px 0;
margin-top:20px
}
}
@media screen and (max-width: 568px) {
.m-ab-card .ac-item {
padding:10px;
margin-top:0;
height:auto;
border:0 none
}
}
.m-ab-card .ac-wp { padding-left:10px; padding-right:10px }
.m-ab-card .ac-icon { height:56px; width:56px; margin:0 auto 20px }
.m-ab-card .ac-icon img { width:100% }
.m-ab-card .ac-tit { font-size:18px; font-weight:700; margin-bottom:10px }
.m-ab-card .ac-des { font-size:13px; line-height:1.85; color:#666 }
.job-banner { background-image:url(../images/banner-job.jpg) }
.job-list { margin-top:30px; margin-bottom:50px; background:#fff; padding:16px 0 40px }
@media screen and (max-width: 568px) {
.job-list {
margin-top:20px;
padding:10px 0;
margin-bottom:20px
}
}
.mj_list { margin-bottom:40px; padding-left:20px; padding-right:20px }
@media screen and (max-width: 568px) {
.mj_list {
padding:0;
margin-bottom:20px
}
}
.mj_item { padding:0 20px }
@media screen and (max-width: 568px) {
.mj_item {
padding:0 10px
}
}
.mj_wrap { padding:24px 0; border-bottom:1px solid #ebebeb; position:relative }
@media screen and (max-width: 568px) {
.mj_wrap {
padding:15px 0
}
}
.mj_intro { color:#999; padding-left:34px; height:22px }
.mj_intro span { vertical-align:middle }
.mj_intro .line { width:1px; display:inline-block; height:13px; margin-left:10px; margin-right:10px; background:#dcdfe1 }
.mj_tit { line-height:24px; font-size:16px; font-weight:500; margin-bottom:10px }
.mj_tit img { vertical-align:middle; line-height:1; margin-right:10px }
.mj_tit .ft-link { vertical-align:middle }
.mj_more { position:absolute; right:0; top:27px; font-weight:600 }
@media screen and (max-width: 568px) {
.mj_more {
display:none
}
}
.mj_more:after { bottom:0px }
.mj_more span { vertical-align:middle }
.mj_more .iconfont { font-weight:400; margin-left:4px; font-size:16px; line-height:1; vertical-align:middle }
.m-job-imgs .job-img { float:left }
.m-job-imgs .job-img img { width:100%; display:block }
.m-job-imgs .job-img1 { width:49.15%; margin-right:1.7% }
@media screen and (max-width: 568px) {
.m-job-imgs .job-img1 {
width:100%;
margin-right:0;
margin-bottom:5px
}
}
.m-job-imgs .job-img2 { width:49.15%; margin-bottom:1.7% }
@media screen and (max-width: 568px) {
.m-job-imgs .job-img2 {
width:100%;
margin-bottom:5px
}
}
.m-job-imgs .job-img3 { margin-right:1.7%; width:23.7% }
@media screen and (max-width: 568px) {
.m-job-imgs .job-img3 {
width:50%;
margin-right:0
}
}
.m-job-imgs .job-img4 { width:23.7% }
@media screen and (max-width: 568px) {
.m-job-imgs .job-img4 {
width:50%
}
}
.m-apply.single { padding-top:50px }
@media screen and (max-width: 568px) {
.m-apply.single {
padding-top:20px
}
}
.m-apply .tit { font-size:18px; font-weight:700; margin-bottom:12px; line-height:1.33 }
.m-apply .des { margin-bottom:30px; color:#666 }
@media screen and (max-width: 568px) {
.m-apply .des {
margin-bottom:10px
}
}
.m-apply .step-card { float:left; background:#fff; border-radius:8px; width:18%; padding-top:20px; padding-bottom:20px; text-align:center; margin-left:2.5%; position:relative }
@media screen and (max-width: 568px) {
.m-apply .step-card {
padding:10px 0
}
}
.m-apply .step-card:first-child { margin-left:0 }
.m-apply .step-card:after { content:""; font-family:"iconfont"; position:absolute; font-size:22px; color:#cbcbcb; left:-26px; top:50%; margin-top:-11px; line-height:1 }
@media screen and (max-width: 568px) {
.m-apply .step-card:after {
display:none
}
}
.m-apply .step-card:first-child:after { display:none }
.m-apply .icon { height:48px; width:48px; margin:0 auto 10px; border-radius:50%; background-image:linear-gradient(90deg, #E69E4E, rgba(230, 158, 78, 0.7)); background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center; line-height:48px }
@media screen and (max-width: 568px) {
.m-apply .icon {
height:40px;
line-height:40px;
width:40px
}
}
.m-apply .icon .iconfont { font-size:24px }
@media screen and (max-width: 568px) {
.m-apply .icon .iconfont {
font-size:18px
}
}
.m-apply .step-name { font-weight:700 }
@media screen and (max-width: 568px) {
.m-apply .step-name {
font-size:12px
}
}
.m-apply .job-ctc { border-radius:8px; overflow:hidden; margin-top:30px }
@media screen and (max-width: 568px) {
.m-apply .job-ctc {
margin-top:10px
}
}
.m-apply .jc-main { float:left; width:68%; background:#fff url(../images/jc-main.jpg) no-repeat 0 0; padding:30px 0; height:184px }
@media screen and (max-width: 768px) {
.m-apply .jc-main {
height:auto;
width:100%;
padding:20px 0;
float:none;
background-size:cover
}
}
.m-apply .jc-item { float:left; margin-left:40px }
@media screen and (max-width: 768px) {
.m-apply .jc-item {
margin-left:20px
}
}
@media screen and (max-width: 568px) {
.m-apply .jc-item {
float:none;
margin-left:10px;
display:flex;
align-items:center;
margin-bottom:10px
}
}
.m-apply .jc-icon { height:40px; width:40px; border:2px solid #e0e0e0; border-radius:50%; text-align:center; line-height:36px; margin-bottom:16px; background:#fff }
.m-apply .jc-icon .iconfont { font-size:22px }
@media screen and (max-width: 568px) {
.m-apply .jc-icon .iconfont {
font-size:18px
}
}
@media screen and (max-width: 568px) {
.m-apply .jc-icon {
margin-bottom:0;
height:35px;
width:35px;
display:inline-flex;
justify-content:center;
align-items:center;
margin-right:5px
}
}
.m-apply .jc-tit { margin-bottom:18px; font-size:16px; color:#666; line-height:22px }
@media screen and (max-width: 568px) {
.m-apply .jc-tit {
display:none;
margin-bottom:10px;
margin-left:10px
}
}
.m-apply .jc-con { font-size:16px; line-height:1.75; font-weight:600 }
@media screen and (max-width: 568px) {
.m-apply .jc-con {
display:inline-block;
font-size:15px;
line-height:1
}
}
.m-apply .jc-side { float:left; width:32%; background:#bf3a3b url(../images/jc-side.png) no-repeat right 0; color:#fff; padding-top:30px; padding-left:40px; height:184px }
@media screen and (max-width: 768px) {
.m-apply .jc-side {
width:100%;
float:none;
padding:20px;
height:auto
}
}
.m-apply .jcs-tit { font-size:16px; line-height:21px; font-weight:600; margin-bottom:10px }
.m-apply .jcs-des { margin-bottom:33px; font-size:13px; line-height:20px }
.m-apply .ui-button { height:40px; line-height:40px; width:178px; font-weight:600; font-size:14px }
.m-job-detail .job-doc { padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #cacaca }
@media screen and (max-width: 568px) {
.m-job-detail .job-doc {
padding-bottom:20px;
margin-bottom:20px
}
}
.m-job-detail .job-doc .mail-btn { width:auto; padding-left:40px; padding-right:40px; height:48px; line-height:48px; margin-right:20px }
@media screen and (max-width: 568px) {
.m-job-detail .job-doc .mail-btn {
width:100%;
padding:0;
font-size:14px;
margin-bottom:10px
}
}
.m-job-detail .btn-gray { height:48px; padding-left:40px; padding-right:40px; width:auto; font-weight:500 }
.m-job-detail .btn-gray .iconfont { color:gray; transition:color .3s;
font-weight:400 }
@media screen and (max-width: 568px) {
.m-job-detail .btn-gray {
width:100%;
padding:0
}
}
.m-job-detail .btn-gray:hover .iconfont { color:#80be00 }
.jd-info { background:#f7f7f7; padding:20px 30px 1px; margin-bottom:30px }
@media screen and (max-width: 568px) {
.jd-info {
padding:10px 10px 1px;
margin-bottom:10px
}
}
.jd-info .ji-item { float:left; width:33%; color:gray; margin-bottom:20px }
@media screen and (max-width: 568px) {
.jd-info .ji-item {
width:50%;
font-size:13px;
margin-bottom:10px
}
}
.cooperation-banner { background-image:url(../images/banner-cooperation.jpg) }
.m-cp-main { background:url(../images/bg-cooperation.jpg) no-repeat center bottom }
.m-cp-main .cp-ban { margin-top:30px; margin-bottom:50px; padding:30px 15px; background:#fff }
@media screen and (max-width: 768px) {
.m-cp-main .cp-ban {
padding:15px 10px
}
}
@media screen and (max-width: 568px) {
.m-cp-main .cp-ban {
margin-top:10px;
margin-bottom:20px;
padding:10px 5px
}
}
.m-cp-main .cp-ban img { max-width:100% }
.m-cp-main .cp-ban .pure-u-1-1 { padding-left:15px; padding-right:15px }
@media screen and (max-width: 768px) {
.m-cp-main .cp-ban .pure-u-1-1 {
padding-left:5px;
padding-right:5px
}
}
.m-cp-main .ban1 { background:url(../images/cp-ban1.jpg) no-repeat center 0 }
@media screen and (max-width: 568px) {
.m-cp-main .ban1 {
margin-bottom:10px
}
}
.m-cp-main .ban2 { background:url(../images/cp-ban2.jpg) no-repeat center 0 }
.m-cp-main .ban1, .m-cp-main .ban2 { padding:7% 9% 0; height:200px; color:#fff }
@media screen and (max-width: 768px) {
.m-cp-main .ban1, .m-cp-main .ban2 {
background-size:cover
}
}
.m-cp-main .cp-ban-tit { font-size:20px; line-height:1.3; font-weight:700; margin-bottom:19px }
@media screen and (max-width: 568px) {
.m-cp-main .cp-ban-tit {
font-size:16px
}
}
.m-cp-main .cp-ban-des { font-size:15px; line-height:1.87 }
@media screen and (max-width: 568px) {
.m-cp-main .cp-ban-des {
font-size:14px
}
}
.m-cp-main .cp-card { background:#fff }
.m-cp-main .cp-item { padding:40px 54px; background:linear-gradient(90deg, #E0E0E0 0%, rgba(235, 235, 235, 0.7) 100%) }
@media screen and (max-width: 768px) {
.m-cp-main .cp-item {
padding:20px
}
}
.m-cp-main .cp-img { margin-bottom:20px; text-align:center; line-height:1 }
@media screen and (max-width: 568px) {
.m-cp-main .cp-img {
margin-bottom:10px
}
}
.m-cp-main .cp-img img { height:68px }
@media screen and (max-width: 568px) {
.m-cp-main .cp-img img {
height:50px
}
}
.m-cp-main .cp-tit { text-align:center; font-size:20px; font-weight:700; line-height:1.3; margin-bottom:20px }
@media screen and (max-width: 568px) {
.m-cp-main .cp-tit {
margin-bottom:10px
}
}
.m-cp-main .cp-area { color:#666 }
.cp-table { border:1px solid #e0e0e0; width:100% }
.cp-table td { padding-top:20px; padding-left:40px; border-bottom:1px solid #e0e0e0 }
@media screen and (max-width: 568px) {
.cp-table td {
padding-left:10px;
padding-top:10px
}
}
.cp-table th { text-align:center; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #e0e0e0; font-weight:700 }
@media screen and (max-width: 568px) {
.cp-table th {
font-size:12px
}
}
.cp-table .th { font-size:16px; border-right:1px solid #e0e0e0 }
@media screen and (max-width: 568px) {
.cp-table .th {
font-size:13px
}
}
.cp-table .td-item { display:inline-block; margin-bottom:18px; padding-left:28px; background:url(../images/check.svg) no-repeat 0 center; background-size:18px; margin-right:50px }
@media screen and (max-width: 568px) {
.cp-table .td-item {
margin-right:10px;
margin-bottom:10px;
padding-left:20px;
font-size:12px;
background-size:14px;
background-position:0 2px
}
}
.cp-table .td-item.sp { width:336px }
@media screen and (max-width: 568px) {
.cp-table .td-item.sp {
width:auto
}
}
.m-cp-form { padding-bottom:20px; background:linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%) }
.cp-steps { background:#fff; padding:30px 0 30px 12px; margin-bottom:10px; counter-reset:steps }
@media screen and (max-width: 568px) {
.cp-steps {
padding:20px 0 10px 10px
}
}
.cp-steps .step { float:left; padding-right:40px; padding-left:28px; position:relative; min-height:53px; counter-increment:steps }
@media screen and (max-width: 568px) {
.cp-steps .step {
padding-left:10px;
float:none;
margin-bottom:10px;
min-height:auto
}
}
.cp-steps .step:before { content:counter(steps); height:32px; width:32px; float:left; margin-right:10px; border-radius:50%; background:#f8ebeb; border:2px solid #c03c3d; text-align:center; line-height:28px; font-weight:700; color:#c03c3d }
.cp-steps .step:after { content:""; font-family:"iconfont"; color:#cbcbcb; position:absolute; right:0; top:6px }
@media screen and (max-width: 568px) {
.cp-steps .step:after {
display:none
}
}
.cp-steps .step:last-child:after { display:none }
.cp-steps .cp-file { padding-left:42px; color:#80be00 }
.cp-steps .cp-file a { text-decoration:underline }
.cp-steps .text { line-height:32px; font-weight:700 }
.cp-form { background:#fff; padding:30px 50px }
@media screen and (max-width: 568px) {
.cp-form {
padding:20px 10px 0
}
}
.cp-form .form-label { text-align:left; display:block; width:100%; margin-bottom:4px }
.cp-form .form-con { width:100% }
.cp-form .ui-form-control { width:100%; display:block }
.cp-form textarea { height:auto }
.cp-form .pure-g { margin-left:-15px; margin-right:-15px }
.cp-form .pure-u-1-1 { padding-left:15px; padding-right:15px }
.cp-form .btn-wrap { text-align:center; padding-top:10px }
@media screen and (max-width: 568px) {
.cp-form .btn-wrap {
padding-top:0
}
}
.cp-form .submit { width:220px; height:48px }
@media screen and (max-width: 568px) {
.cp-form .submit {
width:100%
}
}
.nav-search .ms-nav_a { background:#f5f5f5 }
.nav-search .ms-nav_a.active, .nav-search .ms-nav_a:hover { background:#80be00 }
.m-search-list.download .ms-article_img { width:auto }
@media screen and (max-width: 568px) {
.m-search-list .ms-article_tit {
height:20px;
padding-top:0;
overflow:hidden;
margin-bottom:4px
}
.m-search-list .ms-article_date {
margin-bottom:4px;
font-size:10px;
line-height:1.3
}
.m-search-list .ms-article_intro {
line-height:1.4;
font-size:13px;
height:37px
}
}
.sl-empty { padding:30px 0 169px 35% }
@media screen and (max-width: 768px) {
.sl-empty {
padding-left:20%
}
}
@media screen and (max-width: 568px) {
.sl-empty {
padding:30px 0 30px 15%
}
}
.sl-empty .ui-button { font-size:14px }
.sl-empty .icon-chat { font-size:20px; line-height:1; vertical-align:middle }
.sl-check { margin-bottom:30px; line-height:2; color:gray }
.sl-tip { position:relative; font-size:22px }
.sl-tip:before { font-family:iconfont; content:""; color:#74ac00; position:absolute; left:-34px }
.sl-count { margin-bottom:20px }
.m-search-top .search-input { background:#fff }
.m-search-top .search-wrap { padding-top:60px; padding-bottom:30px }
@media screen and (max-width: 568px) {
.m-search-top .search-wrap {
padding-top:30px;
padding-bottom:10px
}
}
@media screen and (max-width: 568px) {
.m-search-top .search-btn {
display:inline-block
}
}
.s-key { font-style:normal; color:#80be00 }
.pure-wrap { overflow:hidden }
@media screen and (min-width: 568px) {
.pure-wrap {
overflow:visible
}
}
.ms-solu_list { margin-left:-10px; margin-right:-10px }
@media screen and (max-width: 568px) {
.ms-solu_list {
margin-left:-5px;
margin-right:-5px
}
}
.ms-solu_item { padding-left:10px; padding-right:10px }
@media screen and (max-width: 568px) {
.ms-solu_item {
padding-left:5px;
padding-right:5px
}
}
@media screen and (max-width: 568px) {
.ms-solu_item:first-child, .ms-solu_item:nth-child(2) {
margin-bottom:10px
}
}
.ms-solu_img { margin-bottom:20px }
@media screen and (max-width: 568px) {
.ms-solu_img {
margin-bottom:10px
}
}
.ms-solu_tit { margin-bottom:6px; font-size:16px; font-weight:600 }
.ms-solu_intro { font-size:13px; color:#666; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
@media screen and (max-width: 568px) {
.ms-solu_intro {
margin-bottom:10px
}
}
.ms-news .pure-g { margin:0 -10px }
.ms-news .pure-u-1-1 { padding-left:10px; padding-right:10px }
@media screen and (max-width: 768px) {
.ms-news .pure-u-1-1:first-child {
margin-bottom:20px
}
}
.ms-news_box { padding:30px 30px 0; background:#fff }
@media screen and (max-width: 568px) {
.ms-news_box {
padding:20px 15px 0
}
}
.ms-news_item { padding-top:24px; padding-bottom:25px }
.ms-news_item+.ms-news_item { border-top:1px solid #dcdfe1 }
@media screen and (max-width: 568px) {
.ms-news_item {
padding-top:15px;
padding-bottom:15px
}
}
.ms-news_img { float:left; width:220px; height:120px; margin-right:20px }
@media screen and (max-width: 768px) {
.ms-news_img {
width:45%;
height:auto
}
}
.ms-news_con { overflow:hidden }
.ms-news_tit { margin-bottom:10px; font-size:16px }
.ms-news_date { margin-bottom:16px; color:gray; line-height:20px }
@media screen and (max-width: 568px) {
.ms-news_date {
margin-bottom:8px
}
}
.ms-news_intro { font-size:14px; line-height:1.72; height:48px; overflow:hidden; color:gray; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
.ms-news_wp { position:relative }
.ms-news_li { padding-top:16px; padding-bottom:16px }
@media screen and (max-width: 568px) {
.ms-news_li {
padding-top:10px;
padding-bottom:10px
}
}
.ms-news_li .ms-news_tit { width:80%; margin-bottom:0 }
@media screen and (max-width: 568px) {
.ms-news_li .ms-news_tit {
width:70%
}
}
.ms-news_li .ms-news_date { position:absolute; right:0; top:0 }
.ms-news_li+.ms-news_li { border-top:1px solid #dcdfe1 }
.ms-news .list2 { padding-top:6px; padding-bottom:8px }
.ms-news .list2 .ms-news_li { padding-top:20px; padding-bottom:20px }
@media screen and (max-width: 568px) {
.ms-news .list2 .ms-news_li {
padding-top:15px;
padding-bottom:15px
}
}
.ms-video_list { margin-left:-10px; margin-right:-10px }
@media screen and (max-width: 568px) {
.ms-video_list {
margin-left:-5px;
margin-right:-5px
}
}
.ms-video_item { padding-left:10px; padding-right:10px }
@media screen and (max-width: 768px) {
.ms-video_item+.ms-video_item {
margin-top:10px
}
}
@media screen and (max-width: 568px) {
.ms-video_item {
padding-left:5px;
padding-right:5px
}
}
.ms-video_img { margin-bottom:20px; position:relative; color:#fff }
.ms-video_a:before { content:""; height:40px; width:40px; position:absolute; left:50%; top:50%; margin-top:-20px; margin-left:-20px; background:url(../images/icon-play.png) no-repeat 0 0; background-size:40px 40px; z-index:2 }
.ms-video_time { position:absolute; padding-right:15px; left:0; right:0; bottom:0; height:40px; line-height:40px; text-align:right; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) }
.ms-video_tit { margin-bottom:6px; font-size:16px; font-weight:500 }
.ms-video_intro { height:44px; line-height:22px; font-size:13px; color:gray; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
.m-s-download { padding-bottom:30px }
.ms-down_list { margin-left:-10px; margin-right:-10px }
.ms-down_item { padding-left:10px; padding-right:10px; margin-bottom:20px; position:relative }
@media screen and (max-width: 568px) {
.ms-down_item {
margin-bottom:10px
}
.ms-down_item:last-child {
margin-bottom:0
}
}
.ms-down_wrap { padding:16px 20px; border:1px solid #eaeaea; position:relative }
@media screen and (max-width: 568px) {
.ms-down_wrap {
padding:15px
}
}
.ms-down_img { width:57px; height:80px; float:left; margin-right:14px }
.ms-down_img img { width:100% }
.ms-down_tit { font-size:16px; margin-bottom:12px; margin-right:60px; margin-top:5px }
@media screen and (max-width: 568px) {
.ms-down_tit {
font-size:15px;
margin-top:0
}
}
.ms-down_date { color:#999 }
.ms-down_link { color:#80be00; position:absolute; right:22px; top:23px; display:inline-flex; align-items:center }
@media screen and (max-width: 568px) {
.ms-down_link {
top:14px;
right:10px
}
}
.form-label, .form-con { display:inline-block }
.form-wrap { margin-top:10px; background:#fff }
.form-wrap form { padding-top:40px; width:73%; float:left }
@media screen and (max-width: 568px) {
.form-wrap form {
float:none;
width:100%;
padding-top:10px
}
}
.form-wrap .form-con { width:73% }
@media screen and (max-width: 768px) {
.form-wrap .form-con {
width:calc(100% - 120px)
}
}
@media screen and (max-width: 568px) {
.form-wrap .form-con {
width:100%
}
}
.form-wrap .form-group { margin-bottom:16px }
@media screen and (max-width: 768px) {
.form-wrap .form-group {
padding-left:16px;
padding-right:16px
}
}
.form-wrap textarea.ui-form-control { height:auto }
.form-wrap .form-group-btn { padding-left:160px; padding-bottom:16px }
@media screen and (max-width: 768px) {
.form-wrap .form-group-btn {
padding-left:114px
}
}
@media screen and (max-width: 568px) {
.form-wrap .form-group-btn {
padding-left:16px;
padding-right:16px
}
}
.form-wrap .ui-form-control { width:100% }
.form-wrap .form-label { line-height:48px; width:160px }
@media screen and (max-width: 768px) {
.form-wrap .form-label {
width:114px
}
}
@media screen and (max-width: 568px) {
.form-wrap .form-label {
text-align:left;
display:block
}
}
.form-wrap .submit { width:220px; height:48px; font-size:16px; border-radius:2px }
@media screen and (max-width: 568px) {
.form-wrap .submit {
width:100%
}
}
.form-wrap .form-side { width:27%; float:right; height:408px; background:url(../images/bg-form.png) no-repeat right 0; padding-left:30px; padding-top:30px; background-size:cover }
@media screen and (max-width: 768px) {
.form-wrap .form-side {
padding-left:10px
}
}
@media screen and (max-width: 568px) {
.form-wrap .form-side {
display:none
}
}
.form-wrap .fs-title { font-size:24px; line-height:1.33; margin-bottom:30px; font-weight:700 }
@media screen and (max-width: 768px) {
.form-wrap .fs-title {
font-size:20px;
margin-bottom:10px
}
}
.form-wrap .fs-row { margin-bottom:20px; font-size:16px }
.form-wrap .fs-row span { color:#666; font-size:15px }
@media screen and (max-width: 768px) {
.form-wrap .fs-row span {
display:block;
font-size:14px
}
}
@media screen and (max-width: 768px) {
.form-wrap .fs-row {
margin-bottom:10px;
font-size:14px
}
}
.form-wrap .fs-online { margin-top:56px; background:rgba(255, 255, 255, .56); border-radius:4px; margin-right:30px; padding:20px }
@media screen and (max-width: 768px) {
.form-wrap .fs-online {
margin-right:10px;
margin-top:10px
}
}
@media screen and (max-width: 568px) {
.form-wrap .fs-online {
margin-right:0;
margin-top:24px
}
}
.form-wrap .fs-online p { margin-bottom:16px; color:#666 }
.form-wrap .fs-online .ui-button { height:40px; line-height:36px; width:100%; border-width:2px; border-radius:2px }
.ui-form-control { height:48px; border:0 none; background:#f5f5f5 }
.m-sm-nav { padding-top:30px; padding-bottom:30px }
@media screen and (max-width: 568px) {
.m-sm-nav {
padding-top:10px;
padding-bottom:10px
}
}
.m-sm-nav img { height:32px; width:32px; vertical-align:middle; margin-right:12px }
@media screen and (max-width: 568px) {
.m-sm-nav img {
display:block;
margin:0 auto 4px
}
}
.m-sm-nav .sm-nav-item { float:left; width:32% }
@media screen and (max-width: 568px) {
.m-sm-nav .sm-nav-item {
width:25%;
text-align:center
}
}
.m-sm-nav .item1, .m-sm-nav .item2, .m-sm-nav .item3 { position:relative }
.m-sm-nav .item1:after, .m-sm-nav .item2:after, .m-sm-nav .item3:after { content:""; position:absolute; width:1px; height:24px; background:#e6e6e6; right:0; top:4px }
@media screen and (max-width: 568px) {
.m-sm-nav .item1:after, .m-sm-nav .item2:after, .m-sm-nav .item3:after {
top:12px;
height:36px
}
}
.m-sm-nav .item1 { width:18% }
@media screen and (max-width: 568px) {
.m-sm-nav .item1 {
width:25%
}
}
.m-sm-nav .item2, .m-sm-nav .item3 { text-align:center }
.m-sm-nav .item4 { width:18%; text-align:right }
@media screen and (max-width: 568px) {
.m-sm-nav .item4 {
width:25%;
text-align:center
}
}
@media screen and (max-width: 568px) {
.m-sm-nav .iconfont {
display:none
}
.m-sm-nav a {
color:#575757
}
}
.m-timeline { background:url(../images/tl-bg.jpg) no-repeat center bottom }
.m-timeline .tl-title { text-align:center; font-size:26px; font-weight:700; margin-bottom:30px }
@media screen and (max-width: 568px) {
.m-timeline .tl-title {
font-size:18px;
margin-bottom:20px
}
}
.m-timeline .tl-slide { position:relative; background:#fff url(../images/tl-box.png) no-repeat center 0 }
.m-timeline .tl-img { float:left; width:324px; height:208px; margin-right:40px }
@media screen and (max-width: 568px) {
.m-timeline .tl-img {
float:none;
width:100%
}
}
.m-timeline .tl-img img { width:100% }
.m-timeline .tl-intro { padding-top:20px }
@media screen and (max-width: 568px) {
.m-timeline .tl-intro {
padding-top:10px
}
}
.m-timeline .tl-year { margin-bottom:20px; color:gray }
@media screen and (max-width: 568px) {
.m-timeline .tl-year {
margin-bottom:10px
}
}
.m-timeline .tl-year span { font-size:28px; margin-right:8px; color:#333; font-weight:700 }
.m-timeline .tl-des { font-size:15px; color:#575757 }
.m-timeline .tl-logo { position:absolute; top:70px; right:50px }
.m-timeline .tl-logo img { height:16px }
@media screen and (max-width: 768px) {
.m-timeline .tl-logo {
right:10px;
top:10px
}
}
@media screen and (max-width: 568px) {
.m-timeline .tl-logo {
display:none
}
}
.m-timeline .tl-con { padding:50px; height:308px; overflow:hidden }
@media screen and (max-width: 768px) {
.m-timeline .tl-con {
padding:10px;
height:auto
}
}
.m-timeline .tl-time { padding:21px 30px 0; height:94px; background:url(../images/timeline.png) no-repeat center 0; position:relative }
.m-timeline .tl-time .slick-current { color:#80be00 }
@media screen and (max-width: 568px) {
.m-timeline .tl-time {
padding-left:20px;
padding-right:20px
}
}
.m-timeline .tl-time-item { float:left; color:gray; font-size:16px; padding-left:35px }
@media screen and (max-width: 568px) {
.m-timeline .tl-time-item {
padding-left:10px
}
}
.m-timeline .next-arrow, .m-timeline .prev-arrow { position:absolute; height:32px; width:32px; background:#f0f0f0; color:#999; right:71px; top:-82px; text-align:center; line-height:32px; cursor:pointer }
@media screen and (max-width: 568px) {
.m-timeline .next-arrow, .m-timeline .prev-arrow {
right:38px;
top:-150px
}
}
.m-timeline .next-arrow .iconfont, .m-timeline .prev-arrow .iconfont { font-size:22px }
.m-timeline .next-arrow:hover, .m-timeline .prev-arrow:hover { background-color:#80be00; color:#fff }
.m-timeline .next-arrow { right:23px }
@media screen and (max-width: 568px) {
.m-timeline .next-arrow {
right:0
}
}
.history-banner { background-image:url(../images/banner-history.jpg) }
.m-album { padding-top:50px; padding-bottom:40px; background:url(../images/bg-album.jpg) no-repeat center 0; background-size:cover }
@media screen and (max-width: 768px) {
.m-album {
padding-top:20px;
padding-bottom:20px
}
}
.m-album .album-tit { color:#fff; text-align:center; font-size:26px; font-weight:700; margin-bottom:30px }
.m-album .pure-u-md-1-4 { padding-left:10px; padding-right:10px; margin-bottom:30px }
@media screen and (max-width: 568px) {
.m-album .pure-u-md-1-4 {
padding-left:5px;
padding-right:5px;
margin-bottom:10px
}
}
.m-album .ai-item { background:#fff }
.m-album .ai-item img { width:100%; display:block }
.m-album .ai-name { text-align:center; height:40px; line-height:40px }
@media screen and (max-width: 568px) {
.m-album .ai-name {
height:30px;
line-height:30px;
font-size:13px
}
}
.m-album .slick-dots button { background:rgba(255, 255, 255, .2) }
.m-album .slick-active button { background:#80be00 }
.pro_df  .m-sm-form{    background: #f2f2f2; margin-bottom: 0px; padding: 50px 0px;}