/*
* name: style.css
* author: sourcenode.cn
* time: 2022-08-11
*/
body{ width: 100%; padding-top: 147px; font-size: 14px; color: #333; overflow-x: hidden;}
/*灰色*/
/*body {
     filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}*/
*{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.wrap{ width: 1366px; margin-left: auto; margin-right: auto;}
.max-wrap{ max-width: 1366px; width: 100%; margin: 0 auto;}
.inner-wrap { position: relative; left: 48px; width: 1462px; margin-left: auto; margin-right: auto;}
a{ color: #333; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s;}
a:hover{ color: #0e6434;}
.active{ color: #0e6434;}
img{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1);}
.pic-box img:hover{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);}
.pic-box{ overflow: hidden;}
.ani{ transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s;}

/*header*/
.tel { margin-right: 40px;}
.icon-tel { margin-right: 7px;}
.icon-email { margin-right: 7px;}
.icon-map { margin-right: 10px;}
.icon-down { margin-left: 10px;}
.language { cursor: pointer;}
.icon-mobile { margin-left: 11px;}
.mobile-end { margin-left: 26px; cursor: pointer;}

.logo { margin-top: 26px;}

/*banner*/
.banner { max-width: 1920px; margin: 0 auto; background: url("../static/images/about_bg.jpg") no-repeat center top;}
.banner .wrap { position: absolute; left: 50%; top: 0; margin-left: -683px; height: 100%;}

.banner-text { position: absolute; left: 0; top: 25%; width: 718px;}
.banner-title { font-size: 56px; line-height: 90px;}
.banner-des { font-size: 18px; line-height: 36px;}
.banner-detail { margin-top: 10px;}

.banner .swiper-tip { position: absolute; right: 0; top: 85%; z-index: 9; width: 442px; height: 40px;}
.banner-pagination { position: relative; width: 384px; height: 3px; background-color: rgba(255,255,255,0.6);}
.banner .swiper-pagination-progressbar-fill { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 6px; margin-top: -2px; background-color: #fff; transform-origin: left;}
.banner-bullets { font-size: 16px; color: #fff;}

/* index-advantage */
.main-advantage { padding: 40px 0 100px; background-color: #fff;}
.main-advantage .bar-title { color: #0e6434; font-size: 48px; font-weight: bold; text-align: center;}
.main-advantage .part-content { margin-top: 30px;}
.main-advantage .part-content .title { font-size: 28px; text-align: center;}
.main-advantage .part-content .des { margin: 20px 120px 0; font-size: 16px; line-height: 1.8; text-align: center;}

/*index-purpose*/
.main-purpose { padding: 40px 0 80px; background-color: #f7f7f7;}
.main-purpose .bar-title { font-size: 36px; font-weight: bold;}
.main-purpose .purpose-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-top: 70px;}
.main-purpose .purpose-item { width: 28%; text-align: center;}
.main-purpose .purpose-item img { border-radius: 50%;}
.main-purpose .purpose-item h3 { margin-top: 6px; color: #0e6434; font-size: 24px; line-height: 2; font-weight: normal;}
.main-purpose .purpose-item p { color: #999; font-size: 14px; line-height: 1.6;}

/* index-pro */
.pic-pro { display: none; width: 183px; height: 28px; max-width: none;}

.pro-wrap { position: relative;}
.pro-item { position: relative; padding-bottom: 8px; background-color: #666; overflow: hidden; cursor: pointer;}
.swiper-slide:hover .pro-item { background-color: #0e6434;}
.swiper-slide:hover .pro-item img { opacity: 0.65;}
.pro-name { margin-top: 28px; font-size: 30px; line-height: 38px;}
.swiper-slide:hover .pro-name { color: #0e6434;}
.float-layer { display: block; position: absolute; left: -100%; top: 0; width: 100%; height: 100%;}
.layer-text { position: absolute; left: 120px; bottom: 48px;}
.float-layer .go-now { display: block; position: absolute; right: -6px; bottom: 100px; width: 44px; height: 22px; transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); font-size: 50px; color: #fff;}
.float-layer .index-num { position: absolute; right: 0; bottom: 0; font-family: aideepbold; font-size: 72px; color: #fff; letter-spacing: -6px;}
.swiper-slide:hover .float-layer { left: 0;}

.button-prev { position: absolute; left: -100px; top: 50%; z-index: 2; margin-top: -60px; width: 36px; height: 70px; background-image: url("../static/images/prev.png"); cursor: pointer;}
.button-next { position: absolute; right: -100px; top: 50%; z-index: 2; margin-top: -60px; width: 36px; height: 70px; background-image: url("../static/images/next.png"); cursor: pointer;}

/*index-about*/
.part-bar { /*padding-top: 84px;*/ justify-content: center; position: relative; padding-top: 48px;}
.bar-right { position: absolute; right: 0;}
.main-about .part-bar { padding-top: 84px;}
.main-about .bar-title { color: #fff; font-size: 36px; font-weight: bold;}
.main-about .bar-title::after { display: none; content: ""; width: 56px; height: 2px; margin-left: 30px; background-color: #68951f;}
.main-about .part-content { padding-top: 10px;}
.about-title { color: #68951f; font-size: 30px; text-align: center;}
.about-des { width: 790px; margin: 20px auto 0; color: #fff; font-size: 16px; line-height: 30px; text-align: center;}
.btn-play-wrap { margin-top: 70px;}
.company-img { margin-top: 106px;}
.company-img .pic-box{ position: relative; width: 24%; background-color: #0e6434; cursor: pointer;}
.company-img .pic-box:hover img{ opacity: 0.60;}
.company-img .pic-box::after { position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; content: ""; width: 36px; height: 36px; background: url("../static/images/icon_enlarge.png"); opacity: 0; transition: all ease 0.3s; -webkit-transition: alll ease 0.3s; pointer-events: none;}
.company-img .pic-box:hover::after { opacity: 1;}

/* index-certificate */
.main-certificate { padding: 40px 0 100px; background-color: #f7f7f7;}
.main-certificate .bar-title { font-size: 36px; font-weight: bold;}
.main-certificate .certificate-list { padding-top: 60px;}
.main-certificate .certificate-list img { width: 100%; cursor: pointer;}

/* index-news */
.pic-news { display: none; width: 97px; height: 28px; max-width: none;}
.news-tab { width: 256px; height: 42px; font-size: 18px;}
.news-tab a { display: block; position: relative; height: 40px; line-height: 40px;}
.news-tab a::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background-color: #0e6434; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transform: scaleX(0); -webkit-transform: scaleX(0);}
.news-tab a:hover::after, .news-tab a.cur::after { transform: scaleX(1); -webkit-transform: scaleX(1);}
.news-tab a.cur { color: #0e6434;}

.list-container { display: none;}
.list-container.cur { display: block;}
.info-time { height: 36px; font-family: aideepbold;}
.info-time .time-date { font-size: 36px; line-height: 38px;}
.info-time .time-year { font-size: 16px; line-height: 1;}
.main-news .iconfont { display: block; transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); font-size: 30px; color: #999;}
.main-news .iconfont:hover { color: #0e6434;}

.content-left { width: 48%;}
.content-left .pic-box { width: 100%; height: 381px;}
.content-left .pic-box img { width: 100%;}
.content-left .text-box { padding-top: 36px;}
.content-left .news-title { margin-top: 32px; font-size: 26px; line-height: 42px;}
.content-left .news-des { margin-top: 8px; font-size: 16px; line-height: 30px;}

.content-right { width: 48%;}
.content-right li { margin-bottom: 38px;}
.content-right li:last-child { margin-bottom: 0;}
.content-right .pic-box { width: 35%;}
.content-right .pic-box img { width: 100%;}
.content-right .text-box { width: 61%;}
.content-right .news-title { margin-top: 48px; font-size: 26px; line-height: 42px;}
.content-right .news-title a { display: block;}
.content-right .news-des { line-height: 28px;}

/*solution*/
.pic-solution { display: none; width: 205px; height: 28px; max-width: none;}
.solution-container { position: relative;}
.solution-item { position: relative; background-color: #fff ;}
.solution-item::after { display: none; content: ""; position: absolute; right: 0; bottom: 0; width: 77px; height: 321px; background: url("../static/images/h_logo.png") no-repeat;}
.solution-item .pic-box { width: 62%;}
.solution-item .pic-box img { width: 100%;}
.solution-item .text-box { width: 34%; padding-top: 56px; padding-right: 50px;}
.solution-item .solution-tag { font-size: 20px; color: #0e6434;}
.solution-item .time-text { color: #666;}
.solution-item .title { margin-top: 100px; font-size: 24px; line-height: 36px;}
.solution-item .line { position: relative; top: -2px; margin: 0 10px; font-size: 20px;}
.solution-item .des { margin-top: 14px; color: #666; font-size: 16px; line-height: 30px;}

.solution-page { position: absolute; left: 66%; bottom: 10%; z-index: 9; width: 309px;}
.solution-page .swiper-tip { width: 100%;}
.solution-pagination { position: relative; width: 100%; height: 1px; background-color: #ccc;}
.solution-page .swiper-pagination-progressbar-fill { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 3px; margin-top: -1px; background-color: #0e6535; transform-origin: left;}
.solution-bullets { margin-bottom: 10px; font-family: aideepbold; font-size: 16px; color: #000; letter-spacing: -1px;}
.solution-bullets .page-num { font-size: 20px;}

/* inner-banner */
.inner-banner-text .crumbs{ margin-top: 20px;}
.inner-banner-text .crumbs .icon-next:last-child { display: none;}

/** inner-page-product-list **/
.aside-tip { width: 100%; height: 130px; margin-top: 16px; background: url("../static/images/solution_bg.jpg") no-repeat;}
.aside-tip .btn-go { width: 100%; height: 100%; padding: 0 66px;}
.aside-tip .aside-text { color: #fff; font-size: 30px;}
.aside-tip .get-tb { background-color: #68951f;}

.inner-product-list { padding-top: 6px;}
.inner-product-list li { position: relative; padding: 32px; margin-top: 40px; background-color: #fff;}
.inner-product-list .item-theme .text-box { width: 66%; padding-left: 40px;}
.inner-product-list .item-theme .item-title { font-size: 36px; line-height: 62px;}
.inner-product-list .item-theme .item-des { margin-top: 20px; color: #666; font-size: 18px; line-height: 30px;}
.inner-product-list .item-sub-list { display: none;}
.inner-product-list .list-wrap { padding: 42px 22px 0; margin-top: 38px; border-top: #d7d7d7 solid 1px; border-bottom: #d7d7d7 solid 1px;}
.inner-product-list .list-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.inner-product-list .item-sub-list .sub-item { width: 316px; margin: 0 9px 32px;}
.inner-product-list .item-sub-list .sub-item .pic-box{ height: 228px; overflow: hidden;}
.inner-product-list .item-sub-list .text-box { margin-top: 12px; font-size: 24px; line-height: 42px;}

.inner-product-list .btn-ope { position: absolute; right: 32px; top: 32px; height: 48px;}
.inner-product-list .btn-ope .btn-tip { display: block; font-size: 24px; line-height: 48px;}
.inner-product-list .btn-unfold .btn-tip:nth-child(1) { display: block;}
.inner-product-list .btn-unfold .btn-tip:nth-child(2) { display: none;}
.inner-product-list .btn-fold .btn-tip:nth-child(1) { display: none;}
.inner-product-list .btn-fold .btn-tip:nth-child(2) { display: block;}

.inner-product-list .btn-box { padding-top: 16px;}
.inner-product-list .btn-stop .btn-tip { font-size: 24px; line-height: 48px;}

/* inner-page-sub-product-list */
.sub-product-list { width: 100%; padding-top: 32px;}
.sub-product-list ul { width: 110%;}
.sub-product-list li { float: left; margin: 23px 45px 23px 0; background-color: #fff;}
.sub-product-list li a { display: block; padding: 28px; border: #fff solid 1px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.sub-product-list li:hover a { border-color: #0e6535; box-shadow: 0 0 20px rgba(14, 101, 53, 0.3); -webkit-box-shadow: 0 0 20px rgba(14, 101, 53, 0.3);}
.sub-product-list img { width: 100%;}
.sub-product-list .size { margin-top: 38px; color: #666; font-size: 18px; line-height: 28px;}
.sub-product-list .size span { display: block;}
.sub-product-list .size span:nth-child(2) { display: none;}
.sub-product-list .name { margin-top: 12px; font-size: 24px; line-height: 58px;}

/* page-product-detail */
.grey-text { color: #666;}
.grey-text a { color: #666;}
.grey-text a:hover { color: #0e6434;}

.pro-header { padding-top: 68px; padding-bottom: 62px;}

.pro-img { position: relative; width: 674px; height: 490px;}
.pro-pagination { position: absolute; left: 0; bottom: 10px; z-index: 9; width: 100%; padding-left: 10px;}
.pro-pagination .swiper-pagination-bullet { display: inline-block; width: 20px; height: 20px; background-color: #bbb; border-radius: 10px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.pro-pagination .swiper-pagination-bullet-active { width: 64px; background-color: #0e6535;}

.pro-text { width: 624px;}
.pro-text .column { font-size: 24px; color: #666;}
.pro-text .name { display: block; position: relative; padding-bottom: 12px; border-bottom: #999 solid 1px; font-size: 48px; line-height: 84px; font-weight: normal;}
.pro-text .name::before { content: ""; position: absolute; left: 0; bottom: -2px; width: 96px; height: 3px; background-color: #0e6535;}
.pro-text .select { position: relative; width: 90%; margin-top: 38px; border-radius: 12px; overflow: hidden;}
.pro-text select { width: 100%; height: 48px; padding: 0 2em; background-color: #ebebeb; border: none; outline: none; font-size: 18px; color: #666;}
.pro-text select:active { border: none; outline: none;}
.pro-text .select .down-tb { position: absolute; right: 0; top: 0; width: 48px; height: 48px; background-color: #ebebeb; pointer-events: none;}
.pro-text .select .down-tb .iconfont { color: #666; font-size: 24px;}
.pro-text .size { padding-top: 30px; color: #666; font-size: 24px; line-height: 36px;}
.pro-text .size em { margin: 0 28px;}
.pro-text .qualification { margin-top: 10px; color: #666; font-size: 18px; line-height: 30px;}
.pro-text .price { padding-top: 36px; color: #666; font-size: 30px;}
.pro-text .price strong { color: #000; font-size: 36px;}
.pro-text .contact { margin-top: 34px;}
.pro-text .btn-tel { margin-left: 50px;}

.pro-detail { padding-top: 10px; padding-bottom: 60px; background-color: #fff;}
.pro-detail .detail-hd { border-bottom: #999 solid 1px;}
.pro-detail .tb-item { display: block; position: relative; font-size: 30px; line-height: 90px;}
.pro-detail .tb-item:nth-child(1) { margin-right: 138px;}
.pro-detail .tb-item::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background-color: #0e6535; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transform: scaleX(0); -webkit-transform: scaleX(0);}
.pro-detail .tb-item.cur { color: #0e6535;}
.pro-detail .tb-item.cur::after, .pro-detail .tb-item:hover::after { transform: scaleX(1); -webkit-transform: scaleX(1);}
.pro-detail .detail-bd { padding-top: 58px; padding-bottom: 50px; font-size: 16px; line-height: 30px;}
.pro-detail .detail-bd .bd-item { display: none;}
.pro-detail .detail-bd .bd-item.cur { display: block;}
.pro-detail .detail-bd img { display: block; width: 75%; margin: 1em auto;}

.pro-recommend { height: 704px; padding-top: 30px; padding-bottom: 232px; background: url("../static/images/product_bg.jpg") no-repeat center top #f4f5f6;}

.pro-recommend .left-text { color: #fff;}
.pro-recommend .left-text::after { background-color: #68951f;}
.pro-recommend .bar-right { color: #fff; font-size: 34px;}
.pro-recommend .bar-right em { margin: -6px 36px 0;}
.pro-recommend .bar-right .iconfont { font-size: 34px; cursor: pointer;}
.pro-recommend .bar-right .iconfont:hover { color: #68951f;}
.pro-recommend .bar-right .swiper-button-disabled { color: #999;}

.contact-container { padding: 56px 0; background-color: #fff;}

/* page-solution-list */
.inner-solution { padding-top: 590px; background-color: #fff;}
.solution-rec { height: 464px; background-color: #f2f7f8;}
.theme-container { position: relative; top: -590px; height: 1054px;}
.theme-container .theme { padding-top: 40px;}

.rec-banner { position: relative; margin-top: 46px;}
.rec-banner .btn-item { position: absolute; top: 50%; z-index: 9; width: 80px; height: 80px; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer;}
.rec-banner .btn-item .iconfont { color: #fff; font-size: 72px;}
.rec-banner .btn-item:hover .iconfont { color: #f0f0f0;}
.rec-banner .btn-prev { left: 24px;}
.rec-banner .btn-next { right: 24px;}

.rec-des { padding-top: 66px;}
.rec-des .text-box { width: 710px;}
.rec-des .text-box .title{ font-size: 30px;}
.rec-des .text-box .time{ color: #666; font-size: 18px;}
.rec-des .text-box .box-bd { padding-top: 22px;}
.rec-des .text-box .generalization { font-size: 16px; line-height: 30px;}
.rec-des .text-box .btn-wrap { margin-top: 32px;}
.rec-des .img-box { width: 536px;}

.solution-list { padding-top: 60px;}
.solution-list .list-title .title { font-size: 36px; line-height: 52px; font-weight: bold;}
.solution-list .list-title .title::after { display: none; content: ""; width: 48px; height: 2px; margin-left: 32px; background-color: #0e6535;}
.solution-list .list-title .option-list { width: 164px;}
.list-content { padding-top: 52px;}
.list-content ul { width: 110%;}
.list-content li { float: left; width: 428px; margin-bottom: 46px; margin-right: 41px; background-color: #f8f8f8; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.list-content li:hover { box-shadow: 0 0 24px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.1);}
.list-content .pic-box { width: 428px; height: 260px;}
.list-content .pic-box img { width: 100%;}
.list-content .text-box { padding: 24px 28px 20px;}
.list-content .text-box h3 { font-size: 24px; line-height: 36px; font-weight: normal;}
.list-content .text-box p { margin-top: 12px; font-size: 16px; line-height: 24px;}
.list-content .aside-info { margin-top: 18px;}
.list-content .aside-info .time { color: #666; font-size: 16px;}

/* page-solution-detail */
.solution-header { height: 252px; padding-top: 42px; background: url("../static/images/solution_top_bg.jpg") no-repeat center top;}
.solution-header .crumbs { justify-content: inherit; -webkit-justify-content: inherit;}
.solution-header .crumbs>.iconfont:last-child { display: none;}
.solution-header .base-info { margin-top: 42px;}
.solution-header .info-left { width: 1150px;}
.solution-header .title { margin-top: 18px; font-size: 30px; line-height: 48px;}
.solution-header .info-right { padding-top: 30px;}

.solution-detail { padding-top: 56px; background-color: #fff;}
.detail-container { margin-bottom: 50px; font-size: 16px; line-height: 30px;}
.detail-container img { display: block; width: 800px; margin: 2em auto;}
.article-nav { border-top: #bcbcbc solid 1px; border-bottom: #bcbcbc solid 1px;}
.nav-item a { height: 96px; padding-left: 34px; font-size: 28px;}
.nav-item a:hover { background-color: #f8f8f8;}
.nav-item .iconfont { margin-right: 50px; font-size: 20px;}
.nav-item em { position: relative; top: -2px; margin: 0 16px; font-size: 26px;}
.nav-item .title { margin-right: 32px;}
.nav-item .tag-time { background-color: #f2f2f2;}
.nav-prev { border-bottom: #e4e4e4 solid 1px;}

/* page-news-list */
.part-table { padding-top: 16px;}
.part-table li { padding: 28px 42px 28px 28px; margin-top: 30px; background-color: #fff;}
.part-table li:hover { box-shadow: 0 0 28px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);}
.part-table .pic-box { width: 25%; height: 180px;}
.part-table .pic-box img { width: 100%; height: 100%;}
.part-table .text-box { width: 72%;}
.part-table .text-box .time { color: #666; font-size: 16px;}
.part-table .text-box .title { margin-top: 12px; font-size: 24px; line-height: 2em;}
.part-table .text-box .des { margin-top: 2px; font-size: 16px; line-height: 30px;}

/* page-contact */
.inner-contact { background-color: #fff;}
.contact-detail { padding: 40px 0;}
.contact-item { width: 28%; height: 372px; padding-top: 82px; border-bottom: #333 solid 6px; background-color: #f7f8fa; text-align: center;}
.contact-item h3 { margin-top: 58px; margin-bottom: 36px; font-size: 24px; line-height: 38px; font-weight: normal;}
.contact-item p { color: #666; font-size: 16px; line-height: 30px;}
.contact-item.item-tel { border-color: #68951f;}
.contact-item.item-mobile { border-color: #666;}
.contact-item.item-we { position: relative; border-color: #0e6535;}
.contact-item.item-we .we-chat { position: absolute; left: 50%; top: 30px; width: 150px; height: 150px; transform: translateX(-50%) scale(0); -webkit-transform: translateX(-50%) scale(0); transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.contact-item.item-we:hover .we-chat { display: block; transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1);}

.map-container { height: 688px;}
.map { height: 100%;}
.map img{ max-width: none;}

.inner-contact .contact-form .title::after { display: none;}


@media(max-width:1366px) {
    .wrap{ max-width: 1366px; width: 100%; margin: 0 auto; padding: 0 20px;}

    /*banner*/
    .banner .wrap { left: 0; top: 0; margin-left: 0;}

    .banner-text { left: 20px;}

    .banner .swiper-tip { right: 20px;}


    /*index-solution*/
    .solution-item .title { margin-top: 21%;}

    /*index-news*/
    .content-left .pic-box { height: auto;}

    /*footer*/
    .company-info { width: 40%;}
    .footer-nav { width: 58%;}
    .part-want, .part-pro { display: none;}


    /*product-list*/
    .inner-wrap { left: auto; width: 100%; margin: 0 auto; padding: 0 20px; transform: translateX(0); -webkit-transform: translateX(0);}
    .part-left { display: none;}
    .part-right { width: 100%;}

    .inner-product-list .list-wrap { padding: 42px 16px 0;}
    .inner-product-list .item-sub-list .sub-item { width: 23%; margin: 0 calc((100% - 23% * 4) / 8) 20px;}
    .inner-product-list .item-sub-list .sub-item .pic-box{ height: auto;}

    /*product-sub-list*/
    .part-right.little { width: 100%;}
    .sub-product-list ul { width: 100%;}
    .sub-product-list li { width: calc((100% - 20px * 3) / 4); margin: 20px 20px 20px 0;}
    .sub-product-list li:nth-child(4n) { margin-right: 0;}

    /*product-detail*/
    .pro-img { width: 50%;}
    .pro-img img { height: 100%;}
    .pro-text { width: 48%;}

    /*solution-list*/
    .rec-des .text-box { width: calc(100% - 300px - 50px);}
    .rec-des .img-box { width: 300px;}
    .rec-des .pic-box,
    .rec-des .pic-box img{ width: 100%;}
    .rec-des .pic-box:nth-child(2) { display: none;}

    .list-content ul { width: 100%;}
    .list-content li { width: calc((100% - 30px * 2) / 3); margin-right: 30px; margin-bottom: 30px;}
    .list-content li:nth-child(3n) { margin-right: 0;}
    .list-content li .pic-box { width: 100%; height: auto;}
    .list-content li .pic-box img { width: 100%;}

}

@media(max-width:1200px) {

    /*index-about*/
    .main-about { height: auto; padding-bottom: 72px;}
    .company-img { flex-wrap: wrap; -webkit-flex-wrap: wrap;}

    /*index-news*/
    .info-time .time-date { font-size: 30px;}
    .content-right .news-title { margin-top: 32px; font-size: 20px; line-height: 30px;}
    .content-right .news-des { display: none;}

    /*index-solution*/
    .solution-item .title { margin-top: 16%; font-size: 20px; line-height: 32px;}
    .solution-item .line { font-size: 16px;}
    .solution-item .des { margin-top: 6px; font-size: 14px; line-height: 26px;}

    .solution-page { bottom: 6%;}

    /*solution-list*/
    .inner-solution { padding-top: 510px;}
    .theme-container { top: -510px;}
    .rec-des .text-box .btn-wrap { margin-top: 6px;}

    /*contact*/
    .contact-item { width: 31%;}
}

@media(max-width:1000px) {

    /*header*/
    .nav { margin-right: 20px;}
    .nav>ul>li { margin: 0 20px;}

    /*banner*/
    .banner-title { font-size: 36px;}
    .banner-des { font-size: 16px; line-height: 32px;}

    /*index-advantage*/
    .main-advantage .part-content .des { margin: 20px 0 0;}

    /*index-about*/
    .company-img .pic-box { width: 48%; margin-bottom: 20px;}
    .company-img .pic-box img { width: 100%;}

    /*index-news*/
    .main-news .list-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .content-left { width: 100%;}
    .content-left .pic-box img{ width: 100%;}
    .content-left .text-box { padding-top: 26px; padding-bottom: 32px;}
    .info-time .time-date { font-size: 36px;}

    .content-right { width: 100%;}
    .content-right .pic-box img { width: 100%;}
    .content-right .news-des { display: block;}
    .content-right .news-title { margin-top: 72px; font-size: 26px; line-height: 42px;}
    .content-right .news-des { margin-top: 10px; font-size: 18px;}

    /*index-solution*/
    .solution-item { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .solution-item .pic-box, .solution-item .pic-box img { width: 100%;}
    .solution-item .text-box { width: 100%; padding: 42px 30px 94px;}
    .solution-item .title { margin-top: 38px; font-size: 24px;}
    .solution-item .line { font-size: 20px;}

    .solution-page { bottom: 30px; left: 58%;}

    /*product-list*/
    .inner-product-list .item-theme .pic-box { width: 30%;}
    .inner-product-list .item-theme .item-des { margin-top: 10px;}

    .inner-product-list .list-wrap { padding: 32px 0 0;}
    .inner-product-list .item-sub-list .sub-item { width: 30%; margin: 0 calc((100% - 30% * 3) / 6) 20px;}
    .inner-product-list .item-sub-list .text-box { font-size: 20px; margin-top: 6px;}

    /*product-sub-list*/
    .sub-product-list li { width: calc((100% - 20px * 2) / 3); margin: 20px 20px 20px 0;}
    .sub-product-list li:nth-child(3n) { margin-right: 0;}

    /*product-detail*/
    .pro-img { width: 100%; height: auto;}
    .pro-img img { width: 100%; height: auto;}
    .pro-text { width: 100%; margin-top: 30px;}

    .pro-detail .tb-item:nth-child(1) { margin-right: 82px;}

    .form-item { width: 100%;}
    .btn-submit { float: none; margin: 0 auto;}

    /*solution-list*/
    .solution-rec { height: 300px;}
    .rec-des .text-box { width: 100%;}
    .rec-des .img-box { display: none;}

    .list-content ul { width: 100%;}
    .list-content li { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .list-content li:nth-child(3n) { margin-right: 30px;}
    .list-content li:nth-child(2n) { margin-right: 0;}

    /*solution-detail*/
    .solution-header .info-right { display: none;}

    .article-nav .tag-column { display: none;}

    /*contact*/
    .contact-detail { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .contact-item { width: 48%; margin-bottom: 40px;}

}

@media(max-width:840px) {

    /*header*/
    .nav { display: none;}
    .mobile-tb { display: block;}

    /*mobile-nav*/
    .mobile-nav { display: none;}


    /*search-layer*/
    .search-layer .search-box { width: 90%;}

    /*banner*/
    .banner-text { top: 20%;}
    .banner-title { font-size: 30px; line-height: 60px;}
    .banner-des { width: 66%; font-size: 14px; line-height: 28px;}

    .banner .swiper-tip { top: 80%; width: 280px;}
    .banner-pagination { width: 220px;}

    /*index-advantage*/
    .main-advantage .bar-title { font-size: 36px;}
    .main-advantage .part-content .title { font-size: 20px;}

    /*index-pro*/
    .main-pro { margin-top: 42px;}
    .pro-name { margin-top: 18px; font-size: 20px; line-height: 28px; }

    /*index-about*/
    .about-des { width: 96%;}

    /*index-news*/
    .content-right .news-title { margin-top: 32px; font-size: 24px;}
    .content-right .news-des { margin-top: 4px; font-size: 14px;}

    /*index-solution*/
    .solution-item .text-box { padding: 42px 30px 64px;}

    /*footer*/
    .company-info { width: 100%;}
    .company-info>img { display: block; margin: 0 auto;}
    .company-slogan { text-align: center;}
    .other-contact { margin: 48px auto 0;}
    .footer-nav { display: none;}
    .copyright { width: 100%; text-align: center;}
    .record { display: none;}

    /*product-list*/
    .inner-product-list li { padding: 20px;}
    .inner-product-list .item-theme .pic-box { width: 60%;}
    .inner-product-list .item-theme .item-title { font-size: 28px;}
    .inner-product-list .item-theme .item-des { height: 58px; margin-top: 0; font-size: 16px; overflow: hidden;}

    .inner-product-list .btn-ope { top: 10px;}
    .inner-product-list .btn-ope .btn-tip { font-size: 18px;}

    /*product-sub-list*/
    .sub-product-list li { width: calc((100% - 16px) / 2); margin: 10px 0 10px 0;}
    .sub-product-list li:nth-child(even) { margin-right: 0;}
    .sub-product-list li:nth-child(odd) { margin-right: 16px;}

    /*news-list*/
    .part-table .pic-box { width: 38%; height: auto;}
    .part-table .text-box { width: 58%;}
    .part-table .text-box .title { font-size: 20px;}
    .part-table .text-box .des { font-size: 14px; line-height: 22px;}

    /*solution-list*/
    .solution-rec { height: 268px;}
    .rec-des { padding-top: 42px;}

    /*solution-detail*/
    .solution-header { height: auto; padding-top: 32px; padding-bottom: 22px;}
    .solution-header .base-info { margin-top: 34px;}
    .solution-header .title { font-size: 24px; line-height: 40px;}

    .nav-item a { height: 78px; font-size: 24px;}
    .article-nav .tag-time { display: none;}
    .nav-item em { top: -1px; font-size: 20px;}

    .map-container { height: 400px;}
}

@media(max-width:640px) {

    /*################ module ################*/
    body { padding-top: 115px;}

    /*btn-go*/
    .btn-go { width: 104px; height: 36px; margin: 0 auto;}
    .get-more { font-size: 14px;}
    .get-tb { width: 34px; height: 14px; margin-top: 3px; border-radius: 7px;}

    .part-bar { padding-top: 64px;}
    .left-text { font-size: 24px; line-height: 36px;}
    .left-text::after { width: 40px; margin-left: 12px;}
    .text-pic { top: -28px;}
    .part-content { margin-top: 28px;}


    /**************** style ***************/

    /*header*/
    .header { height: 115px;}
    .email, .mobile-end { display: none;}
    .language { margin-right: 0;}

    .logo { width: 125px; height: 30px; margin-top: 24px; background-size: 100% 100%;}
    .nav-bar { height: 72px;}

    .nav-right { height: 72px;}
    .contact-us { display: none;}
    .mobile-tb { margin-left: 12px;}

    /*mobile-nav*/
    .mobile-nav { top: 115px; height: calc(100vh - 115px);}

    .mobile-sub-nav{ height: calc(100vh - 115px);}

    /*banner*/
    .banner-container .swiper-slide { height: 268px; overflow: hidden;}
    .banner-container .swiper-slide img { position: relative; left: 50%; margin-left: -330px; width: 660px; height: 268px; max-width: none;}
    .banner-text { top: 36px; width: 90%;}
    .banner-title { font-size: 24px; line-height: 48px; text-align: center;}
    .banner-des { width: 100%;}
    .banner-detail { margin-top: 16px;}

    .banner .swiper-tip { left: 50%; margin-left: -100px; width: 200px;}
    .banner-pagination { width: 152px;}

    /*index-advantage*/
    .main-advantage { padding: 60px 0;}
    .main-advantage .bar-title { font-size: 26px;}
    .main-advantage .part-content .title { font-size: 18px;}
    .main-advantage .part-content .des { font-size: 14px;}

    /*index-purpose*/
    .main-purpose { padding: 60px 0 40px;}
    .main-purpose .purpose-list { padding-top: 50px;}
    .main-purpose .bar-title { font-size: 24px;}
    .main-purpose .purpose-item { width: 100%; margin-bottom: 40px;}

    /*index-pro*/
    .main-pro { width: 100%; overflow: hidden;}
    .pro-item { padding-bottom: 4px;}
    .pic-pro { width: auto; height: 23px;}
    .layer-text { left: 82px; bottom: 24px;}
    .float-layer .index-num { font-size: 48px;}
    .float-layer .go-now { right: -14px; bottom: 56px; font-size: 36px;}
    .pro-name { margin-top: 12px; font-size: 16px;}

    /*index-about*/
    .main-about { padding-bottom: 42px; margin-top: 36px;}
    .main-about .bar-title { font-size: 24px;}
    .main-about .bar-title::after { width: 40px; margin-left: 12px;}
    .main-about .part-content { padding-top: 0;}
    .about-title { font-size: 20px;}
    .about-des { margin-top: 12px; font-size: 14px; line-height: 28px;}
    .company-img { margin-top: 72px;}

    /*video*/
    .video-container { max-width: 100%; padding: 10px;}
    .video-container video { width: 100%;}

    /*image*/
    .pic-container { padding: 10px;}
    .pic-container img { width: 100%; height: auto;}

    /*index-certificate*/
    .main-certificate { padding-bottom: 60px;}
    .main-certificate .bar-title { font-size: 24px;}
    .main-certificate .certificate-list { padding-top: 34px;}

    /*index-news*/
    .main-news { padding-bottom: 52px;}
    .pic-news { width: auto; height: 23px;}
    .news-tab { width: 190px; height: 36px; font-size: 16px;}
    .news-tab a::after { bottom: 0;}

    .info-time .time-date { font-size: 28px; line-height: 32px;}
    .main-news .iconfont { font-size: 28px;}
    .content-left .news-title { font-size: 20px; line-height: 32px;}
    .content-left .news-des { margin-top: 6px; font-size: 14px; line-height: 26px;}

    .content-right li { margin-bottom: 20px;}
    .content-right .news-title { margin-top: 20px; font-size: 16px;}
    .content-right .news-des { display: none;}

    /*index-solution*/
    .main-solution { padding-bottom: 64px;}
    .pic-solution { width: auto; height: 23px;}
    .solution-item .text-box { padding: 32px 24px 80px;}
    .solution-item .title { margin-top: 32px; font-size: 20px;}
    .solution-item::after { bottom: 2px; width: 36px; height: 150px; background-size: 100% 100%;}

    .solution-page { left: 50%; width: 240px; margin-left: -120px;}

    /*footer*/
    .footer { height: 356px;}
    .footer-part { height: 276px;}
    .footer-part .company-info { padding-top: 56px;}
    .company-info>img { width: 120px;}
    .company-slogan { margin-top: 28px; font-size: 28px;}
    .other-contact { width: 120px; margin-top: 28px;}
    .other-contact img { width: 26px;}

    .footer-copyright { height: 80px; font-size: 14px;}
    .copyright-wrap { height: 80px;}

    /*product-list*/
    .inner-main { padding-top: 44px; padding-bottom: 58px;}

    .inner-banner-pic { width: 750px; margin-left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}

    .part-right .part-title .title-left { font-size: 30px;}
    .part-right .part-title .title-left::before { height: 30px;}

    .inner-product-list li { padding: 14px; margin-top: 30px;}
    .inner-product-list .item-sub-list .sub-item { width: 47%; margin: 0 calc((100% - 47% * 2) / 4) 10px;}
    .inner-product-list .item-theme .item-title { font-size: 24px;}
    .inner-product-list .item-theme .item-des { display: none;}
    .inner-product-list .list-wrap { padding-top: 24px; margin-top: 24px;}
    .inner-product-list .btn-ope { top: 6px;}
    .inner-product-list .btn-stop .btn-tip { font-size: 18px; line-height: 32px;}

    /*product-sub-list*/
    .select-box { display: none;}
    .sub-product-list li a { padding: 20px;}
    .sub-product-list .size { margin-top: 20px; font-size: 14px; line-height: 22px;}
    .sub-product-list .name { margin-top: 4px; font-size: 20px; line-height: 46px;}

    /*product-detail*/
    .pro-header { padding-top: 40px; padding-bottom: 30px;}
    .icon-next { margin: 0 12px;}
    .pro-text { width: 100%; margin-top: 30px;}

    .pro-text .column { font-size: 16px;}
    .pro-text .name { padding-bottom: 0; font-size: 36px; line-height: 2em;}
    .pro-text .select { margin-top: 32px;}
    .pro-text .size { font-size: 20px;}
    .pro-text .qualification { margin-top: 2px; font-size: 16px;}
    .pro-text .price { padding-top: 20px;}

    .pro-text .contact { flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 20px;}
    .btn-shop { width: 100%; height: 46px; font-size: 20px; line-height: 46px;}
    .pro-text .btn-tel { margin-left: 0; margin-top: 20px;}

    .pro-detail { padding-bottom: 10px;}
    .pro-detail .tb-item { font-size: 24px; line-height: 72px;}
    .pro-detail .tb-item:nth-child(1) { margin-right: 82px;}

    .pro-detail .detail-bd { padding-top: 42px; padding-bottom: 48px;}

    .pro-recommend { height: 510px; background-size: 250% auto;}
    .part-bar { padding-top: 0;}
    .pro-recommend .bar-right,
    .pro-recommend .bar-right .iconfont { font-size: 20px;}
    .pro-recommend .bar-right em { margin: -4px 20px 0;}
    .sub-product-list { padding-top: 24px;}

    .contact-container { padding: 42px 0;}
    .contact-form { padding: 0 20px;}
    .contact-form .title { font-size: 28px;}
    .contact-form .des { font-size: 18px;}
    .form-list { padding-top: 16px;}
    .form-item input { width: 60%;}
    .form-item input[type="text"].user-code { width: 40%;}

    /*news-list*/
    .part-table li { padding: 16px 28px 16px 16px; margin-top: 20px;}
    .part-table .pic-box { width: 42%;}
    .part-table .text-box { width: 54%;}
    .part-table .text-box .title { line-height: 1.5em;}
    .part-table .text-box .des { display: none;}

    /*solution-list*/
    .rec-banner { margin-top: 24px;}
    .rec-banner .btn-item .iconfont { font-size: 36px;}
    .rec-banner .btn-prev { left: 0;}
    .rec-banner .btn-next { right: 0;}
    .rec-des { padding-top: 28px;}
    .rec-des .text-box .box-bd { padding-top: 8px;}
    .rec-des .text-box .title { font-size: 24px;}
    .rec-des .text-box .time { font-size: 14px;}
    .rec-des .text-box .generalization { font-size: 14px; line-height: 24px;}
    .inner-solution { padding-top: 0;}
    .solution-rec { height: auto;}
    .theme-container { position: inherit; top: auto; height: auto;}

    .list-content ul { width: 100%;}
    .list-content li { width: 100%; margin-right: 0; margin-bottom: 30px;}
    .list-content li:nth-child(3n) { margin-right: 0;}
    .list-content li:nth-child(2n) { margin-right: 0;}

    /*solution-detail*/
    .nav-item .iconfont { margin-right: 32px; font-size: 16px;}
    .nav-item a { height: 64px; padding-left: 16px; font-size: 20px;}
    .nav-item em { top: 0; font-size: 18px;}

    .article-nav .column { display: none;}
    .article-nav em { display: none;}

    /*contact*/
    .inner-contact { padding-top: 30px;}
    .theme h3 { font-size: 28px;}
    .contact-item { width: 100%; height: auto; padding-top: 52px; padding-bottom: 52px; margin-bottom: 30px;}
    .contact-item h3 { margin-top: 24px; margin-bottom: 18px;}

    /*about*/
    .part-right .part-content { padding: 20px;}
}