* {margin: 0;padding: 0;text-decoration: none;border: 0;list-style: none;outline:none;}
body {font-size:16px;font-family:'Muli',sans-serif;color:#333;font-weight: 400;}
input,select,textarea {font-family:'Muli',sans-serif;font-size: inherit;}
a:focus, a:hover {text-decoration: none;}
a:link,a:visited,a:active {color:#333;}
a:hover {transition: all 0.3s;color: #14a23a;}
.hover:hover,
.hover:hover tr,
.hover:hover td,
ul,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight:600;margin:0;font-family: 'Poppins';}
label {font-weight:normal;}
/*鼠标选择背景色*/
::selection {background: #14a23acc;color: #ffffff;}
::-moz-selection {background: #14a23acc;color: #ffffff;}

/*h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}*/

.flexrow {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.flexcol {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.mb15 {margin-bottom:15px;}
.fl {float:left;}
.fr {float:right;}
.clear::after {content: "";display: table;clear: both;height:0px;}
.btn {font: 500 15px/22px 'Inter', sans-serif;border-radius:5px;cursor: pointer;transition: all 0.3s;}
.button {background: #14a23a;color:#fff;display:inline-block;cursor:pointer;transition: all 0.3s;font-size:18px;}
.button.small {line-height:35px;}
.button:hover {box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);}
.button.green {background:#2a9c86;}
.button.purple {background:#72529b;}
.button.yellow {background:#ca6d25;}
.btn-css {transition: all 0.3s;}
.btn-css:hover {box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);opacity: 1;}
.box-shadow {box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);}
a.button {color:#fff;}
.center {text-align:center;}
.right {text-align: right;}
.block {display:block;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.mtb50 {margin:50px 0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.green {color:green;}
.gray {color:gray;}
.pointer {cursor:pointer;}
.line {height:1px;background:#eee;}
.facebook a:before {content: "\F09A";}
.twitter a:before {content: "\F099";}
.rss a:before {content: "\F09E";}
.youtube a:before {content: "\F16A";}
.googleplus a:before {content: "\F0D5";}
.pinterest a:before {content: "\F231";}
.vimeo a:before {content: "\F27D";}
.instagram a:before {content: "\F16D";}
.linkedin a:before {content:"\f0e1";}
.whatsapp a:before {content:"\f232";}
.star0:before {content: '' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star0:after {content: '\f005\f005\f005\f005\f005' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star1:before {content: '\f005' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star1:after {content: '\f005\f005\f005\f005' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star2:before {content: '\f005\f005' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star2:after {content: '\f005\f005\f005' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star3:before {content: '\f005\f005\f005' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star3:after {content: '\f005\f005' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star4:before {content: '\f005\f005\f005\f005' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star4:after {content: '\f005' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star5:before {content: '\f005\f005\f005\f005\f005' !important;color: #ffba00;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}
.star5:after {content: '' !important;color: #d3d3d3;font-family: FontAwesome;letter-spacing: 3px;font-size: 20px;}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.animated_03 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.animated_05 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.wrapper {width:1550px;margin:auto;position:relative;}

.header {height: 92px;background: #009428;opacity: 0.95;position: fixed;width: 100%;z-index: 999;top:0;}
.header .fl img {margin-top:17px;}
.header .menu {font-size: 20px;margin-left:150px;float:left;font-weight: 500;}
.header .menu .l1 {float:left;line-height: 92px;margin:0 50px;position: relative;}
.header .menu .l1 a {color:#fff;}
.header .menu .l1 a i {margin-left:15px;font-weight: 900;}
.header .menu .u2 {position: absolute;left:0;top:80px;background: #fff;box-shadow: #666 3px 5px 10px;min-width: 300px;z-index: 11;font-size:16px;overflow: hidden;max-height: 0px;transition: max-height 0.3s;}
.header .menu .l1:hover .u2 {max-height: 700px;}
#menu_product:hover:before {content:'';position: absolute;left:30%;bottom:0; width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #ffffff80; }
.header .menu .u2 .l2 {line-height: 56px;padding-left:15px;transition: all 0.3s;}
.header .menu .u2 .l2 a {color:#333333;}
.header .menu .u2 .l2a {position: relative;display: block;width: 100%;padding-bottom:30px;line-height: 150%;padding-top:15px;}
.header .menu .u2 .l2:hover {background: #009428;}
.header .menu .u2 .l2.on:hover a,
.header .menu .u2 .l2:hover a {color:#fff;}
.header .menu .u2 .l2.on a {color:#46ac64;}
.header .menu .u2.cate {width: 1280px;height:550px;left:-300px;top:91px;font-size: 18px;}
.header .menu .u2.cate .l2:hover .l2a:before {content:'';position: absolute;left:43%;bottom:0; width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #eee; }
.header .menu .u2.cate .l2 {float:left;text-align: center;margin-left:2%;padding-top:50px;width: 18%;box-sizing: border-box;font-weight: bold;}
.header .menu .u2.cate .l2 img {height: 100px;display: block;margin:auto;transition: all 0.3s;}
.header .menu .u2.cate .l2:hover {background: inherit;}
.header .menu .u2.cate .l2:hover img {transform: scale(1.2);}
.header .menu .u2.cate .l2:hover a {color:#009428;}
.header .menu .u2.cate .u3 {width: 1200px;position: absolute;left:50px;display: none;border-top:2px solid #eee;background: #fff;}
.header .menu .u2.cate .l3 {float:left;text-align: center;margin-left:2%;padding-top:20px;width: 23%;box-sizing: border-box;font-weight: bold;line-height: 150%;}
.header .menu .u2.cate .l3 a {padding-top:15px;display: block;}
.header .menu .u2.cate .l3 img {height: 200px;cursor: pointer;}
.header .menu .u2.cate .l2:hover .u3 {display: block;}

.header .fr {line-height: 92px;color:#fff;}
.header .fr a {color:#fff;margin:0 8px;}
.header .fr i {font-size:16px;}

.flexslider .slides li .slide_content {bottom: 300px;}
.flexslider .slides li .slide_content .headdings .sub_headding {line-height: 150%;margin-bottom: 15px;}
.flexslider .slides li .slide_content .headdings .headding_text {font-weight: 400;}
.flexslider .slides li .slide_content .headdings .button-shopnow .button {background: #14a23a;font-weight: 500;margin-top:50px;}
.flexslider .slides li .slide_content .headdings .button-shopnow .button:hover {background: #fff;color:#14a23a;}

.breadcrumb {font-size: 20px;overflow: hidden;margin-top:40px;}
.breadcrumb li {float:left;}
.breadcrumb .split {margin:0 10px;}
.breadcrumb li.c3 {width: calc(100% - 185px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.section {padding:40px 0;}

.section-comm-title {font-size: 48px;font-family: 'Poppins';font-weight: 800;word-wrap: break-word;line-height: 48px;}
.section-comm-subtitle {font-size: 16px;margin-bottom:30px;word-wrap: break-word;}
.section-comm-text {font-size: 16px;margin:50px 0px 70px 0;border-left:5px solid #14a23a;padding-left:30px;line-height: 150%;word-wrap: break-word;}
.section-comm-link {font-size: 16px;border:2px solid #14a23a;padding:7px 30px;}
.section-comm-link:hover {background: #14a23a;color:#fff;}
.section-comm-title2 {font-size: 48px;line-height:48px;font-family: 'Poppins';font-weight: 800;text-align: center;display: block;word-wrap: break-word;}
.section-comm-title2sub {font-size:20px;margin:20px 0px 20px 0;text-align: center;word-wrap: break-word;}
.section-comm-text2 {font-size: 16px;margin:20px 0px 20px 0;line-height: 150%;text-align: center;display: block;word-wrap: break-word;}

.section-blog .item {width:47%;margin-right:2%;float:left;overflow: hidden;background: #fff;box-shadow: #a5a5a5 0px 0px 8px;margin-bottom: 60px;}
.section-blog3 .item {width: 32%;}
.section-blog .item:nth-child(2n) {float:right;margin-right:0;}
.section-blog3 .item:nth-child(2n) {float:left;margin-right:2%;}
.section-blog3 .item:nth-child(3n) {float:right;margin-right:0;}
.section-blog .item .img {height:350px;overflow: hidden;position: relative;}
.section-blog .item .img img {width: 100%;transition: all 0.3s;}
.section-blog .item .img .hand-hover {background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;width:100%;height: 100%;transition: all 0.3s;cursor: pointer;opacity: 0;}
.section-blog .item .img .link {transform: translateY(20px);transition: all 0.3s linear 0s;display: inline-block;left: 50%;position: absolute;top: 50%;margin-top:-10px;margin-left:-20px;opacity: 0;}
.section-blog .item .img .link:before {content: "\f0c1";font-family: "FontAwesome";border: 2px solid #fff;background: transparent;bottom: 0;color: #fff;font-size: 12px;height: 40px;margin: auto;padding: 12px;text-align: center;transition: all 0.3s ease 0s;width: 40px;line-height: 14px;border-radius: 50%;}
.section-blog .item .img .link:hover:before {background: #14a23a;}
.section-blog .item .img:hover .hand-hover,
.section-blog .item .img:hover .link {opacity: 1;transform: translateY(0);}
.section-blog .item .img:hover img {transform: scale(1.2);}
.section-blog .item .content {position: relative;margin:0px 20px;padding-bottom: 20px;}
.section-blog .item .content .time {padding: 7px 0px;margin:-18px 0 7px 0px;background: #14a23a;color: #fff;border-radius: 5px;width:160px;text-align: center;}
.section-blog .item .content .time i {margin-right:8px;}
.section-blog .item .content .tc {height: 135px;overflow: hidden;}
.section-blog .item .content .title {font-weight: 600;line-height: 25px;font-size: 20px;clear: both;margin: 25px 0 15px;text-overflow: ellipsis;overflow: hidden;text-align: left;max-height: 50px;}
.section-blog .item .content .desc {line-height:22px;color:#999;overflow: hidden;text-overflow: ellipsis;text-align: left;font-size: 14px;}
.section-blog .item .content .btn {padding: 0px;text-transform: capitalize;color: #000;display: inherit;text-align: left;font-weight: 600;font-size: 15px;letter-spacing: 0.5px;text-decoration: underline;margin-top: 10px;}
.section-blog .item .content .btn:hover {color:#000;}

.index1 {padding-top:80px;}
.index1 .fl {width: 45%;}
.index1 .fl .imgs img {max-width: 30%;margin:80px 5% 0 0;}
.index1 .fl .imgs img:last-child {margin-right: 0;}
.index1 .fr {width: 48%;text-align: right;position: relative;}
.index1 .fr img {width: 100%;}
.index1 .fr .play {position: absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius: 50%;font-size: 100px;cursor: pointer;width:100px;height: 100px;color: #fff;}
.index1 .fr .play:hover {color: #14a23a;}

.index2 {background: url('../img/catebg.jpg') center center;color: #fff;}
.index2 .section-comm-title {margin-bottom: 30px;}
.index2 .fl {width:380px;position: relative;height: 660px;}
.index2 .fl:before {position: absolute;content: '';width: 1px;background: #e0e0de;height: 100%;left:14px;top:0;}
.index2 .fl .item {font-size: 24px;line-height: 120px;cursor: pointer;color:#afafaa;}
.index2 .fl .item.on {color:#fff;font-weight: 600;font-size:30px;}
.index2 .fl .item .circle {width: 24px;height: 24px;border-radius: 50%;float:left;border:3px solid #4d4d4d;margin-top:45px;position: relative;background: #838383;transition: all 0.3s;transform: scale(0.8);}
.index2 .fl .item .circle:before {content: '';background: #838383;width: 12px;height: 12px;position: absolute;left:6px;top:6px;border-radius: 50%;transition: all 0.3s;}
.index2 .fl .item .t {width: 270px;overflow: hidden;white-space: nowrap;float: left;margin-left:20px;}
.index2 .fl .item .agile { width: 0px;height: 0px;border: 30px solid;border-color:transparent;border-right-color:#14a23a;float:right;margin-top:45px;display: none;}
.index2 .fl .item.on .circle {border-color:#14a23a;background: #fff;transform: none;}
.index2 .fl .item.on .circle:before {background: #14a23a;}
.index2 .fl .item.on .agile {display: block;}
.index2 .fr {width:calc(100% - 380px);}
.index2 .fr .catesub {display: none;background: #fff;height: 660px;position: relative;}
.index2 .fr .catesub.on {display: block;}
.index2 .fr .catesub .ifl {float:left;width: 650px;height: 100%;background: #14a23a;}
.index2 .fr .catesub .ifl .inner {padding:100px;}
.index2 .fr .catesub .ifl .inner .section-comm-text {border-color:#fff;}
.index2 .fr .catesub .ifl .inner .section-comm-link {border-color:#fff;color:#fff;}
.index2 .fr .catesub .ifl .inner .section-comm-link:hover {background: #fff;color:#14a23a;}
.index2 .fr .catesub .ifr {float:right;text-align: center;width: calc(100% - 650px);}
.index2 .fr .catesub .ifr a {border-bottom:2px solid #c8c8c8;display: block;}
.index2 .fr .catesub .ifr a:last-child {border:none;}
.index2 .fr .catesub .ifr img {display: block;margin:auto;height: 218px;max-width: 100%;}

.index3 {background: #f4f4f4;margin-top:100px;}
.index3 .fl {width: 55%;}
.index3 .fr {width: 38%;padding-top:200px;}
.index3 .fl .ichild {float:left;}
.index3 .inner {margin-top:70px;position: relative;}
.index3 .inner .item {margin:10px;overflow: hidden;transition: all 0.3s;position: relative;}
.index3 .inner .item .img {overflow: hidden;position: relative;}
.index3 .inner .item .img img {width: 100%;transition: all 0.3s;}
.index3 .inner .item .img .hand-hover {background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;width:100%;height: 100%;transition: all 0.3s;cursor: pointer;opacity: 0;}
.index3 .inner .item .img .link {transform: translateY(20px);transition: all 0.3s linear 0s;display: inline-block;left: 50%;position: absolute;top: 50%;margin-top:-20px;margin-left:-65px;opacity: 0;width:100px;padding:8px 15px;border-radius: 15px;background: rgba(255,255,255,0.8);text-align: center;}
.index3 .inner .item .img:hover .hand-hover,
.index3 .inner .item .img:hover .link {opacity: 1;transform: translateY(0);}
.index3 .inner .item .img:hover img {transform: scale(1.2);}
.index3 .inner .item .t {color:#1a2023;font-size: 20px;font-weight: 700;position: absolute;left:0;bottom: 0;width: 100%;line-height: 70px;background: rgba(20,162,58,0.8);z-index: 9;text-align: center;}
.index3 .inner .item .t a {color:#fff;}
.index3 .inner .prev {position: absolute;left:-50px;font-size: 60px;top:50%;margin-top:-60px;cursor: pointer;color:#14a23a;}
.index3 .inner .next {position: absolute;right:-50px;font-size: 60px;top:50%;margin-top:-60px;cursor: pointer;color:#14a23a;}

.index4 {background: #14a23a url("../img/videobg.png") repeat;height: 420px;color: #fff;}
.index4 .inner {position: relative;height: 550px;margin-top:100px;}
.index4 .inner .swiper {width: 100%;height: 100%;}
.index4 .inner .swiper .swiper-slide {text-align: center;background: #fff;transition: 300ms;transform: scale(0.5);position: relative;overflow: hidden;width:33.3%;}
.index4 .inner .swiper .swiper-slide-active,
.index4 .inner .swiper .swiper-slide-duplicate-active{transform: scale(1.42);}
.index4 .inner .swiper .swiper-slide img {display: block;width: 100%;height: 100%;/*object-fit: cover;*/transition: all 0.3s;}
.index4 .inner .swiper .swiper-slide img:hover {transform: scale(1.2);}
.index4 .inner .swiper .swiper-slide .play {position: absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius: 50%;font-size: 100px;cursor: pointer;width:100px;height: 100px;}
.index4 .inner .swiper .swiper-slide .t {position: absolute;bottom: 80px;left:0;width: 100%;text-align: center;background: #14a23a;color:#fff;line-height: 32px;display: none;}
.index4 .inner .swiper .swiper-slide-active .t,
.index4 .inner .swiper .swiper-slide-duplicate-active .t {display: block;}
.index4 .inner iframe {width: 100%;height: 100%;}
.index4 .inner .swiper-button-prev {position: absolute;left:21%;top:50%;cursor: pointer;background: #14a23a;color:#fff;padding:10px;width:20px;}
.index4 .inner .swiper-button-next {position: absolute;right:21%;top:50%;cursor: pointer;background: #14a23a;color:#fff;padding:10px;width:20px;}

.index5 {padding-top:40px;}
.index5 .section-comm-title2 {margin-bottom: 30px;}
.index5 .nav {text-align: center;font-size: 20px;color:#666666;margin-bottom: 50px;}
.index5 .col {display: inline-block;text-align: center;line-height: 50px;margin:0 30px;padding:0 15px;cursor: pointer;}
.index5 .nav .col.over {border-bottom:2px solid #666;}
.index5 .colitem {display: none;}
.index5 .colitem.over {display: block;}

.index6 .line {border-top:1px solid #4c4c4c;width: 100%;margin-top:-20px;margin-bottom:35px;}
.index6 .col {text-align: center;cursor: pointer;position: relative;}
.index6 .col h5 {font-size: 20px;height: 80px;}
.index6 .col img {height: 100px;width:100px;margin:10px auto 25px auto;transition: all 0.3s;}
.index6 .col img:hover {transform: scale(1.2);}
.index6 .owl-carousel .owl-item img {width: auto;}
.index6 .col.over {color:#14a23a;}
.index6 .col.over:after {content:'';position: absolute;bottom:0px;width: 100%;left:0;background: #14a23a;height: 5px;overflow: hidden;z-index: 9;}
.index6 .col_item {text-align: center;display: none;min-height: 570px;}
.index6 .col_item.over {display: block;}
.index6 .col_item .sub {font-size: 20px;line-height: 50px;}
.index6 .col_item .desc {margin-bottom: 50px;}
.index6 .col_item .product {overflow: hidden;box-shadow: 0px 5px 8px #999;margin:20px;height: 477px;}
.index6 .col_item .product .img {background: #f6f6f6;width: 100%;padding:30px 0;}
.index6 .col_item .product .img .hightlight {opacity: 0;visibility: hidden; z-index: -10;position: absolute;left:0;top:0;width: 100%;transition: opacity 0.3s;cursor: pointer;}
.index6 .col_item .product .img:hover .hightlight {opacity: 1;z-index: 1;visibility: visible;}
.index6 .col_item .product img {width: 70%;margin:auto;}
.index6 .col_item .product .b {background: #fff;width: 100%;display: block;padding:20px;height: 150px;box-sizing: border-box;}
.index6 .col_item .product .t {font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.index6 .col_item .prev {position: absolute;left:-100px;font-size: 40px;top:75%;margin-top:-80px;cursor: pointer;background: #fff;box-shadow: 0px 2px 4px #999;border-radius: 50%;width:50px;height: 50px;overflow: hidden;}
.index6 .col_item .next {position: absolute;right:-100px;font-size: 40px;top:75%;margin-top:-80px;cursor: pointer;background: #fff;box-shadow: 0px 2px 4px #999;border-radius: 50%;width:50px;height: 50px;overflow: hidden;}
.index6 .prev:hover,
.index6 .next:hover {background: #14a23a;color:#fff;}

.index7 {position: relative;height: 750px;overflow: hidden;padding-top:0px;}
.index7 .ic {height: 750px;position: relative;overflow: hidden;}
.index7 .item {background: rgba(255,255,255,0.8);padding: 70px 50px 50px 50px;height: 550px;margin:100px 0;box-sizing: border-box;text-align: center;border-radius: 10px;}
.index7 .item .t {color:#000;margin-bottom: 50px;}
.index7 .item .d {font-size: 20px;color:#333;margin-bottom: 30px;font-weight: bold;text-align: left;}
.index7 .item .c {color:#666;margin-bottom: 50px;text-align: left;border-left: 0;padding-left:0;}
.index7 .prev {position: absolute;left:-100px;font-size: 40px;top:-400px;z-index:99;cursor: pointer;background: rgba(255,255,255,0.8);box-shadow: 0px 2px 4px #999;border-radius: 50%;width:50px;height: 50px;overflow: hidden;text-align: center;}
.index7 .next {position: absolute;right:-100px;font-size: 40px;top:-400px;z-index:99;cursor: pointer;background: rgba(255,255,255,0.8);box-shadow: 0px 2px 4px #999;border-radius: 50%;width:50px;height: 50px;overflow: hidden;text-align: center;}
.index7 .prev:hover,
.index7 .next:hover {background: #14a23a;color:#fff;}

.index8 {height: 200px;padding:0;}
.index8:hover {height: 350px;transition: height 0.3s;}
.index8 .cols {display: flex;justify-content: space-around;}
.index8 .cols .col {position: relative;width: 170px;height: 400px;}
.index8 .cols .col .c1 {transition: all 0.3s;left:10px;top:10px;font-family:'Poppins';position: absolute;border-radius: 50%;background: #4fca24;box-shadow: 0 5px 5px #666;width: 100px;height: 100px;line-height: 100px;text-align: center;color:#fff;font-size: 28px;font-weight: bold;z-index: 11;}
.index8 .cols .col .c1:after {content:'';width: 120px;height:120px;box-shadow:inset 0 0 5px 1px #ddd;position: absolute;left:-10px;top:-6px;border-radius: 50%;}
.index8 .cols .col .c1:nth-child(2n) {background: #2a940e;}
.index8 .cols .col .c2 {transition: all 0.3s;display:none;opacity: 0;position: absolute;top:-10px;left:140px;font-weight: bold;font-family: 'Poppins';font-size: 20px;width:450px;}
.index8 .cols .col .c2 i {margin-right:5px;color:#0b9408;margin-top:25px;}
.index8 .cols .col .c2 .i1 {float:left;}
.index8 .cols .col .c2 .i2 {float:left;}
.index8 .cols .col .c3 {display:none;opacity: 0;position: absolute;width: 400px;left:140px;top:-10px;}
.index8 .cols .col .c4 {width: 25px;height: 25px;border-radius: 50%;border:1px solid #666;background:#06ff01;left:45px;top:50px;position: absolute;z-index: 1;}
.index8 .cols .col .c5 {transition: all 0.3s;background: #666;position: absolute;top: 60px;height: 0;width: 2px;left:58px;}
.index8 .cols .col:nth-last-child(-n+2) .c2,
.index8 .cols .col:nth-last-child(-n+2) .c3 {left:-400px;}
.index8 .cols .col .c1:hover,
.index8 .cols .col:hover .c1 {top:180px;opacity: 1;}
.index8 .cols .col:hover .c2 {top:180px;opacity: 1;display:block;}
.index8 .cols .col:hover .c3 {top:250px;opacity: 1;display:block;}
.index8 .cols .col:hover .c5 {height: 200px;}
.index8 .line {border-bottom:10px dashed #666;width: calc(100% - 15px);position: relative;margin-top:-340px;}
.index8 .line i {font-size:34px;position: absolute;right:-15px;top:-11px;color:#000;}

.index9 {background: #14a23a;}
.index9 .down {padding:40px 0px 0px 0px;color:#fff;font-size: 20px;text-align: center;overflow: hidden;}
.index9 .down .fl {width: 60%;}
.index9 .down .fr {width: 40%;}
.index9 .down .fr a {background: #fff;}
.index9 .down .fr a:hover {color:#14a23a;}

.category1 .fl,
.category3 .fr {width:50%;}
.category1 .fr,
.category3 .fl {width:42%;}
.category1 img,
.category3 img {max-width: 100%;}
.category2 {background: #f6f6f6;}
.category2 .inner {margin-top:70px;position: relative;display: flex;justify-content: center;align-content: center;}
.category2 .inner .img {height: 190px;text-align: center;}
.category2 .inner .img img {width: auto !important;margin:50px auto 15px auto;}
.category2 .inner .item {box-shadow: #aaa 0px 0px 8px;margin:25px 20px;overflow: hidden;transition: all 0.3s;width:395px;min-height: 450px;background: #fff;}
.category2 .inner .item .t {font-size: 20px;color:#3cae59;text-align: center;}
.category2 .inner .item .content {margin:5px 25px 50px 25px;padding-top:50px;}
.category2 .inner .item:hover {background: #14a23a;color: #fff;box-shadow: none;}
.category2 .inner .item:hover .t {color:#fff;}
.category4 .inner {margin-top:50px;position: relative;display: flex;justify-content: center;align-content: center;}
.category4 .inner .item {overflow: hidden;transition: all 0.3s;width:31%;margin:0px 1%;}
.category4 .inner .item .img {overflow: hidden;border-radius: 15px;margin:10px auto 15px auto;}
.category4 .inner .item .img img {width: 100%;transition: all 0.3s;}
.category4 .inner .item .img img:hover {transform: scale(1.2);}
.category4 .inner .item .t {font-size: 20px;color:#393939;text-align: center;}
.category5 {background: #fff;position: relative;}
.category5 .inner {margin-top:50px;position: relative;}
.category5 .inner .item {box-shadow: #aaa 0px 0px 8px;margin:5px 10px;overflow: hidden;min-height: 470px;transition: all 0.3s;padding:30px;}
.category5 .inner .item .img {min-height: 220px;}
.category5 .inner .item .img img {margin:5px auto 5px auto;}
.category5 .inner .item .st {color:#666;height: 25px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 25px;}
.category5 .inner .item .t {color:#1a2023;font-size: 20px;font-weight: 700;margin:15px 0;}
.category5 .inner .item .content {color:#999;font-size: 14px;height:60px;line-height: 20px;margin-bottom: 25px;overflow: hidden;}
.category5 .inner .item .link {color:#1a2023;font-weight: 700;}
.category5 .inner .item .link:hover {color:#14a23a;}
.category5 .inner .prev {position: absolute;left:-100px;font-size: 80px;top:50%;margin-top:-80px;cursor: pointer;}
.category5 .inner .next {position: absolute;right:-100px;font-size: 80px;top:50%;margin-top:-80px;cursor: pointer;}
.category5 .inner .item.on {background: #14a23a;color: #fff;box-shadow: none;height: 600px;margin-top:-50px;}
.category5 .inner .item.on img {margin-top:100px;}
.category5 .inner .item.on .content {border-color:#fff;}

.cateleft {width:410px;position: relative;}
#fixleft {width: 100%;z-index: 0;}
.cateleft .box {box-shadow: 0 3px 6px #c9c9c9;margin-bottom: 30px;padding:30px;background: #fff;}
.cateleft .p1 {}
.cateleft .p1 h2 {font-size:28px;color:#14a23a;}
.cateleft .box .c1 {font-size: 22px;font-weight: bold;}
.cateleft .box .c1.over i:before {content:"\f107";}
.cateleft .box .c2,
.cateleft .box .c4 {overflow: hidden;max-height: 0px;transition: max-height 0.3s;width: 100%;margin-top:7px;}
.cateleft .box .c2.over,
.cateleft .box .c4.over {max-height: 999px;}
.cateleft .box .c2 a {margin-top: 18px;}
.cateleft .box .c2 .c2t {display: block;}
.cateleft .box .c1 a.on,
.cateleft .box .c2 a.on {color: #14a23a;font-weight: bold;}
.cateleft .box i {float:right;cursor: pointer;display: block;padding: 3px 5px;font-weight: bold;}
.cateleft .box .c1.over i:before,
.cateleft .box .c3.over i:before {content:"\f107";}
.cateleft .box .c3 {padding: 15px 0 0 0;}
.cateleft .box .c3 i {font-size: 26px;}
.cateleft .box .c3 a {font-size: 20px;display: inline-block;margin-top:0;width: 92%;}
.cateleft .box .c4 a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin-top:10px;}



.cateright {width: calc(100% - 450px);}
.cateright .productcate .inner {margin-top:0;}
.cateright .productcate .inner .item {margin-top:0;width:48%;margin-bottom: 50px;box-shadow: 0px 5px 8px #999;}
.cateright .productcate .inner .item:nth-child(2n) {float: right;margin-right: 0;}
/*.cateright .productcate .inner .item:nth-child(3n) {float: left;margin-right: inherit;}*/
.cateright .index6 {margin-bottom: 50px;}
.cateright .index6 .col_item {min-height: auto;}
.cateright .index6 .col_item .desc {margin-bottom: 0;}

.productcate:nth-child(2n) {background: #f7f7f7;}
.productcate .inner {margin-top:70px;position: relative;}
.productcate .inner .item {background:#f3f3f3;overflow: hidden;height: 470px;transition: all 0.3s;padding:30px;width: 32%;float:left;margin:25px 2% 25px 0;box-sizing: border-box;text-align: center;position: relative;}
/*.productcate .inner .item:nth-child(3n) {float: right;margin-right: 0;}*/
.productcate .inner .item .img {height: 300px;}
.productcate .inner .item .img img {margin:25px auto 15px auto;max-width: 100%;max-height: 100%;}
.productcate .inner .item .img .hightlight {opacity: 0;visibility: hidden; z-index: -10;position: absolute;left:0;top:-25px;width: 100%;transition: opacity 0.3s;}
.productcate .inner .item .img:hover .hightlight {opacity: 1;z-index: 1;visibility: visible;}
.productcate .inner .item .st {color:#666;height: 25px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 25px;}
.productcate .inner .item .t {color:#1a2023;font-size: 20px;font-weight: 700;margin:15px 0;}

.solutionsection1 .cateleft,
.catesection1 .cateleft {width: 350px;}
.solutionsection1 .cateright,
.catesection1 .cateright {width: calc(100% - 390px);}

.productdetail1 img {max-width: 100%;}
.productdetail1 .section-comm-title2sub {text-align: left;}
.productdetail1 .part_c {margin:50px 0;}
.productdetail1 .part_c .part1,
.productdetail1 .part_c .part3 {overflow: hidden;}
.productdetail1 .imgs {border-bottom:2px solid #dfdfdf;position: relative;}
.productdetail1 .imgs .ctl {position: absolute;left:1.5%;top:50%;transform: translateY(-50%);width:8%;}
.productdetail1 .imgs .ctl div {width: 80px;height:60px;margin:15px 0;border:1px solid #333;overflow: hidden;}
.productdetail1 .imgs .ctl img {max-width: 100%;}
.productdetail1 .imgs .ctl div.v {position: relative;}
.productdetail1 .imgs .ctl div.v i {position: absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;font-size: 30px;}
.productdetail1 .imgs .viewer {width: 80%;margin:auto;display: block;text-align: center;min-height: 500px;}
.productdetail1 .item {margin-bottom: 30px;float: left;width: 32.6%;margin-right:1%;}
.productdetail1 .item:nth-child(3n) {float: right;margin-right: 0;}
.productdetail1 .icon {background: url('../img/listinfo.jpg') no-repeat;width:80px;height: 65px;}
.productdetail1 .ic1 {background-position: 0 0;}
.productdetail1 .ic2 {background-position: 0 -68px;}
.productdetail1 .ic3 {background-position: 0 -136px;}
.productdetail1 .ic4 {background-position: 0px -210px;}
.productdetail1 .ic5 {background-position: 0px -285px;}
.productdetail1 .ic6 {background-position: 0px -355px;}
.productdetail1 .ctx {width: calc(100% - 90px);margin-left:10px;}
.productdetail1 .part3 .ctx {margin-right: 10px;margin-left:0;}
.productdetail1 .ctx .i1 {font-weight: 600;}
.productdetail1 .ctx .i2 {color:#888;margin-top:5px;}

.productdetail2 {background: #14a23a url("../img/videobg.png") repeat;color: #fff;margin-bottom: 50px;}
.productdetail2 .inner {width: 800px;height: 500px;margin:50px auto 0 auto;position: relative;}
.productdetail2 .inner img {max-width: 100%;max-height: 100%;margin:auto;display: block;}
.productdetail2 .inner .play {position: absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius: 50%;font-size: 100px;cursor: pointer;}
.productdetail2 .inner iframe {width: 100%;height: 100%;}
.productdetail3 {display: none;padding:25px 0;}
.productdetail3.over {display: block;}
.productdetail3 .section-comm-title {font-size: 46px;text-align: center;}
.productdetail3 .section-comm-link {margin:50px auto;display: block;background: #14a23a;color: #fff;width:200px;text-align: center;}
.productdetail3 img {max-width: 100%;}
.productdetail3 table {margin: 10px auto;border-collapse: collapse;display: table;border-spacing: 2px;}
.productdetail3 table td,
.productdetail3 table th {padding: 5px 10px;border: 1px solid #ddd;}
.productdetailreview .content {margin-top:50px;}
.productdetailreview .item {width: 32.6%;float:left;margin-right:1%;text-align: center;margin-top:15px;border: 1px solid #eee;border-radius: 5px;padding: 15px;box-sizing: border-box;}
.productdetailreview .item:nth-child(3n) {float:right;margin-right:0;}
.productdetailreview .item .i1 {margin-bottom: 15px;}
.productdetailreview .item .i2 {margin-bottom: 15px;height: 126px;overflow: hidden;}

.productdetail4 {padding:15px 0;}
.productdetail4 h3 {float: left;font-size: 24px;}
.productdetail4 a {float:right;}
.productdetail4 a i {margin-left:10px;}

.productdetailline {border-bottom:3px solid #333;margin-top:-40px;padding-bottom: 40px;background: #fff;}
.productdetailapplication,
.productdetail6,
.productdetailreview {background: #fff;position: relative;}

.productdetail5 {background: #e0e0e0;width: 100%;z-index: 9;}
.productdetail5 .col {float:left;box-sizing: border-box;padding: 0 20px;line-height: 40px;cursor: pointer;text-align: center;}
.productdetail5 .col.over {background: #14a23a;color: #fff;font-weight: bold;}
.productdetail_cc {position: relative;}


.productdetailapplication .img {position: relative;}
.productdetailapplication .t {position: absolute;bottom: 0;left:0;background: rgba(255,255,255,0.75);width: 100%;height: 80px;line-height: 80px;}
.productdetailapplication .t a {color:#000;font-size: 30px;}

.solutioncontainer1 .fl,
.solutioncontainer3 .fl {width:42%;}
.solutioncontainer1 .fr,
.solutioncontainer3 .fr {width:50%;}
.solutioncontainer2 .fl {width:50%;}
.solutioncontainer2 .fr {width:42%;}
.solutioncontainer1 .fr img,
.solutioncontainer2 .fl img,
.solutioncontainer3 .fr img {max-width: 100%;margin-top:0px;}
.solutioncontainer3 {background: #14a23a;color:#fff;overflow: hidden;}
.solutioncontainer3 .section-comm-text {border-color:#fff;}
.solutioncontainer3 .fr {position: relative;}
.solutioncontainer3 .fr .img2 {margin:-75px 0;}
.solutioncontainer3 .fr .listinfo {position: absolute;right:50px;top:30px;width:750px;height:600px;background: rgba(255,255,255,0.9);color:#000;}
.solutioncontainer3 .item {margin: 30px;}
.solutioncontainer3 .icon {background: url('../img/solutioncontainerlistinfo.png') no-repeat;width:120px;height: 100px;border-radius: 5px;}
.solutioncontainer3 .ic1 {background-position: -7px -15px;}
.solutioncontainer3 .ic2 {background-position: -7px -148px;}
.solutioncontainer3 .ic3 {background-position: -7px -297px;}
.solutioncontainer3 .ic4 {background-position: -7px -433px;}
.solutioncontainer3 .ctx {width: calc(100% - 130px);margin-left:10px;}
.solutioncontainer3 .part3 .ctx {margin-right: 10px;margin-left:0;}
.solutioncontainer3 .ctx .i1 {font-weight: 600;}
.solutioncontainer3 .ctx .i2 {color:#888;margin-top:5px;}

.solutioncontainer4 {background: #fff;position: relative;height: 670px;overflow: hidden;}
.solutioncontainer4 .inner {margin-top:50px;position: relative;}
.solutioncontainer4 .inner .img {height: 190px;text-align: center;}
.solutioncontainer4 .inner img {width: auto !important;margin:50px auto 15px auto;}
.solutioncontainer4 .inner .item {box-shadow: #aaa 0px 0px 8px;margin:25px 10px;overflow: hidden;min-height: 500px;transition: all 0.3s;}
.solutioncontainer4 .inner .item .content {margin:5px 25px 50px 25px;border-top:1px solid #999;padding-top:50px;}
.solutioncontainer4 .inner .prev {position: absolute;left:-100px;font-size: 80px;top:50%;margin-top:-80px;cursor: pointer;}
.solutioncontainer4 .inner .next {position: absolute;right:-100px;font-size: 80px;top:50%;margin-top:-80px;cursor: pointer;}
.solutioncontainer4 .inner .item.on {background: #14a23a;color: #fff;box-shadow: none;height: 600px;margin-top:-50px;}
.solutioncontainer4 .inner .item.on img {margin-top:100px;}
.solutioncontainer4 .inner .item.on .content {border-color:#fff;}
.solutioncontainer5 {background: #f1f1f3;margin-bottom: 100px;position: relative;}
.solutioncontainer5 .inner {margin-top:50px;}
.solutioncontainer5 .fl,
.solutioncontainer5 .fr {width: 48%;}
.solutioncontainer5 input {float: left;width: 47.5%;margin:15px 5% 15px 0;box-sizing: border-box;height: 60px;padding:0 10px;line-height: 60px;}
.solutioncontainer5 input:nth-child(2n) {margin-right: 0;float: right;}
.solutioncontainer5 textarea {height: 250px;width: 100%;margin:15px auto;padding:10px;box-sizing: border-box;display: block;}
.solutioncontainer5 .button {width: 150px;}

.solutionproject1 .list {display: flex;justify-content: center;align-content: center;}
.solutionproject1 .list .item {display: inline-block;margin:15px 50px;border-radius: 50%;background: #fff;box-shadow: #aaa 0px 3px 8px;height: 210px;width: 210px;overflow: hidden;text-align: center;transition: all 0.3s;}
.solutionproject1 .list .item .title {font-size: 50px;font-weight: 800;font-family: 'Muli';margin-top:50px;color:#14a23a;}
.solutionproject1 .list .item .content {color:#666666;margin-top: 5px;}
.solutionproject1 .list .item:hover {background: #14a23a;color:#fff;}
.solutionproject1 .list .item:hover .title,
.solutionproject1 .list .item:hover .content {color:#fff;}

.solutionproject2 {background: #f6f6f6;padding:150px 0 80px 0;}
.solutionproject2 .fl,
.solutionproject2 .fr {width: 48%;}
.solutionproject2 .fr img {max-width: 100%;}

.solutionproject3 .inner {margin-top:50px;}
.solutionproject3 .fl {width: 50%;}
.solutionproject3 .fl img {max-width: 100%;}
.solutionproject3 .fr {width: 45%;}
.solutionproject3 .fr .tab {border-bottom:1px solid #ddd;margin-bottom: 15px;}
.solutionproject3 .fr .tab div {background: #f7f7f7;display: inline-block;margin-right: 5px;line-height: 35px;padding:0 10px;cursor: pointer;}
.solutionproject3 .fr .tab div:hover,
.solutionproject3 .fr .tab div.on {background: #14a23a;color: #fff;}
.solutionproject3 .fr .tab div:last-child {margin-right: 0;}
.solutionproject3 .fr label {display: block;line-height: 40px;}
.solutionproject3 .fr .txt {height: 40px;padding:0 10px;line-height: 40px;border:1px solid #ddd;width:75%;}
.solutionproject3 .fr .button {margin-top:25px;line-height: 50px;padding:0 25px;}

.solution-article-detail {}
.solution-article-detail h1 {font-size: 50px;line-height: 100%;margin-bottom: 50px;}
.solution-article-detail .info {line-height: 100px;}
.solution-article-detail .content {line-height: 150%;}
.solution-article-detail .content ul,
.solution-article-detail .content li,
.solution-article-detail .content ol {list-style: inherit;margin-left: 10px;}
.solution-article-detail .content p {margin:10px 0;}
.solution-article-detail .content img {max-width: 100%;}
.solution-article-detail .next {line-height: 50px;margin-top:20px;float: left;}


.blog1 .fl {width:1020px;}
.blog1 .fr {width:410px;}
.blog1 .fr .r1 {background: #14a23a;overflow: hidden;}
.blog1 .fr .r1 .r1_inner {width:80%;margin:50px auto;position: relative;}
.blog1 .fr .r1 .r1_inner input {height: 40px;line-height: 40px;padding:0 15px;width: 100%;box-sizing: border-box;}
.blog1 .fr .r1 .r1_inner .b {position: absolute;right:0px;top:0;z-index: 1;background: #fff;}
.blog1 .fr .r1 .r1_inner .b i {line-height: 40px;padding:0 15px;cursor: pointer;}
.blog1 .fr .r2 {line-height: 50px;margin-top:50px;}
.blog1 .fr .r2 h3 {font-size: 20px;border-bottom:1px solid #999;}
.blog1 .fr .r2 .item {border-bottom:1px solid #999;}
.blog1 .fr .r2 .item .t i {margin-right: 5px;color: #14a23a;font-size: 18px;}
.blog1 .fr .r2 .cc {margin-left:50px;}
.blog1 .fr .r3 {margin-top:50px;}
.blog1 .fr .r3 h3 {font-size: 20px;margin-bottom: 15px;}
.blog1 .fr .r3 a {line-height: 50px;}
.blog1.detail1 h1 {font-size: 50px;line-height: 100%;}
.blog1.detail1 .info {line-height: 100px;}
.blog1.detail1 .content {line-height: 150%;}
.blog1.detail1 .content ul,
.blog1.detail1 .content li,
.blog1.detail1 .content ol {list-style: inherit;margin-left: 10px;}
.blog1.detail1 .content p {margin:10px 0;}
.blog1.detail1 .content img {max-width: 100%;}
.blog1.detail1 .next {line-height: 50px;margin-top:20px;float: left;}

.blogdetail2 h3 {font-size: 50px;line-height: 50px;margin-bottom: 50px;}
.blogdetail2 h3 a {float: right;font-size: 16px;}


.about1 .fl,
.about3 .fl {width:42%;}
.about1 .fr,
.about3 .fr {width:50%;}
.about2 .fl {width:50%;}
.about2 .fr {width:42%;}
.about1 .fr img,
.about2 .fl img,
.about3 .fr img {max-width: 100%;margin-top:0px;}

.customer1 .imgs {display: inline-block;text-align: center;}
.customer1 .imgs img {margin:15px 15px;max-width: 100%;}
.customer2 {background: #f8f8f8;margin-bottom: 50px;}
.customer2 .imgs {margin-top:50px;position: relative;}
.customer2 .imgs .prev {position: absolute;left:-100px;font-size: 100px;top:50%;margin-top:-80px;cursor: pointer;}
.customer2 .imgs .next {position: absolute;right:-100px;font-size: 100px;top:50%;margin-top:-80px;cursor: pointer;}

.contact1 .fl {width: 43%;}
.contact1 .fl .imgs {margin-top:50px;}
.contact1 .fl .imgs .item {box-shadow: #aaa 0px 3px 8px;margin:15px 20px 15px 0;width:200px;height:200px;text-align: center;float:left;}
.contact1 .fl .imgs .item:last-child {margin-right:0;}
.contact1 .fl .imgs .item img {margin:20px;}
.contact1 .fl .imgs .item p {text-align: left;width:80%;margin:auto;font-size: 14px;}
.contact1 .fr {width: calc(48% - 110px);background: #14a23a;padding:80px 110px;}
.contact1 .fr input {float: left;width: 47.5%;margin:15px 5% 15px 0;box-sizing: border-box;height: 60px;padding:0 10px;line-height: 60px;}
.contact1 .fr input:nth-child(2n) {margin-right: 0;float: right;}
.contact1 .fr textarea {height: 150px;width: 100%;margin-top:15px;padding:10px;box-sizing: border-box;}
.contact1 .fr .button {background: transparent;color:#fff;border:2px solid #fff;border-radius: 0;}
.contact2 {min-height: 600px;width: 100%;background: #f8f8f8;margin-bottom: 50px;}

.policy1 img {max-width: 100%;}

.odm1 {padding-bottom: 50px;}
.odm1 .item {width: 23%;margin-right:2.6%;float:left;box-shadow: 0px 5px 10px #aaa;border-radius: 10px;text-align: center;padding-bottom: 50px;min-height: 400px;}
.odm1 .item:last-child {float:right;margin-right:0;}
.odm1 .item .num {color: #14a23a;font-size: 60px;font-weight: 800;line-height: 250%;}
.odm1 .item .t {color: #000;font-size: 24px;font-weight: bold;line-height: 250%;}
.odm1 .item .c {line-height: 150%;padding:0 15px;}

.odm2 .fl {width: 45%;}
.odm2 .fl img {max-width: 100%;}
.odm2 .fr {width: 48%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.odm3 {background: #f7f7f7;}
.odm3 img {max-width: 100%;margin-top:30px;}
.odm4 img {max-width: 100%;margin-top:50px;}

.faq1 {width: 1200px;}
.faq1 .fl,
.faq1 .fr {width:45%;}
.faq1 .item {box-sizing: border-box;padding:10px 5%;max-height: 100px;overflow: hidden;border-radius: 3px;box-shadow: #bbb 0px 5px 10px;margin:25px 5% 25px 0;transition: all 0.3s;}
.faq1 .item.on {max-height: 999px;}
.faq1 .item .icon {background: #14a23a;color:#fff;width:25px;height: 25px;border-radius: 50%;float: left;text-align: center;line-height: 25px;margin-top:26px;}
.faq1 .item .icon:before {content:"\f067";font-family: 'FontAwesome';}
.faq1 .item.on .icon:before {content:"\f068";font-family: 'FontAwesome';}
.faq1 .item .title {float:left;width:calc(100% - 50px);margin-left:20px;height: 80px;position: relative;cursor: pointer;}
.faq1 .item .title h5 {position: absolute;top:50%;left:0;transform: translateY(-50%);}
.faq1 .item p {margin:20px 0 20px 40px;color:#999999;}

.search1 {text-align: center;display: flex;justify-content: center;align-content: center;}
.search1 .txt,
.search1 select {line-height: 50px;height: 30px;padding:10px;border:3px solid #14a23a;width: 600px;}
.search1 select {width: 200px;height: 56px;}
.search1 .button {height: 56px;padding:10px;border:3px solid #14a23a;}
.search2 .list {}
.search2 .list .item {margin-bottom: 50px;}
.search2 .list .item .fl {width: 200px;height: 150px;overflow: hidden;}
.search2 .list .item .fl img {width: 100%;}
.search2 .list .item .fr {width: calc(100% - 230px);}
.search2 .list .item .fr p {max-height: 120px;overflow: hidden;}

.section-page {margin-bottom: 50px;}
.section-page img {max-width: 100%;}
.section-page ul,
.section-page li,
.section-page ol {list-style: inherit;margin-left: 10px;}

.section-404 {padding:100px 0 120px 0;}
.section-404 * {text-align: center;max-width: 600px;margin:20px auto;}
.section-404 h2 {font-size: 88px;}
.section-404 h3 {font-size: 34px;}
.section-404 p {font-size: 16px;color: #6c738a;}
.section-404 a {background: #14a23a;color:#fff;transition: all 0.3s;padding:15px 20px;margin:auto;border-radius: 3px;display: block;width:180px;margin-top:50px;}
.section-404 a:hover {background: rgba(20,162,58,0.8);color:#fff;transition: all 0.3s;}

.empty-data {line-height: 100px;text-align: center;}

/*.pvcontainer {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.pvcontainer .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/


    /*前台分页*/
.pager {height:50px;padding:10px 15px 6px 0px;clear:both;background:#fff;font-size:16px;}
.pager a {display:block;height:25px;border: #ccc 1px solid;padding:8px 25px 5px 25px;color: #333;text-decoration: none;font-size:16px;border-radius:2px;float:left;margin-left:20px;}
.pager a.active,
.pager a:hover{border:#72529b 1px solid;color: #fff;background-color:#72529b;}

.fpage-left {float:left;font-size: 20px;line-height: 50px;}
.fpage-right {float:right;}
.fpage-right li {float:left;line-height:50px;padding:0 22px;border:1px solid #ddd;font-size: 16px;margin-left:5px;}
.fpage-right li a {padding: 0px 13px;margin: 0px -13px;display: block;}
.fpage-right li.active {background: #14a23a;color:#fff;border-color:#14a23a;}
.fpage-right li.active a {color:#fff;font-weight: bold;}
.fpage-right li:last-child:after {content:'';clear:both;display: block;}

.footer-email {position: relative;background: #14a23a;padding-top:40px;}
.footer-email .outer {box-shadow: #707070 0px 5px 10px;height: 245px;border-radius: 15px;display: flex;justify-content: center;background: #fff;z-index: 2;}
.footer-email .outer .inner {width: 80%;margin:auto;}
.footer-email .t1 {font-size:40px;color:#37af57;}
.footer-email .t2 {font-size:16px;color:#37af57;}
.footer-email .email {line-height: 56px;width:370px;box-shadow:inset #eee 0px 0px 5px 5px;float:left;padding-left:25px;font-weight: 700;}
.footer-email .submit {background: #15263b;line-height: 56px;width:160px;color:#fff;text-align: center;border-top-right-radius: 10px;border-bottom-right-radius: 10px;float:left;}
.footer-email .bg {background: #14a23a;position: absolute;bottom:0;left:0;width:100%;height:150px;z-index: 0;}
.footer-bottom {background: #14a23a;padding:70px 0 20px 0;color:#fff;position: relative;}
.footer-bottom a {color:#fff;}
.footer-bottom .col {float:left;margin-right:15px;}
.footer-bottom .col li {line-height: 30px;}
.footer-bottom .col h3 {font-size: 24px;height:60px;line-height: 60px;}
.footer-bottom .col ul {margin-top:30px;}
.footer-bottom .col1 li {margin-left:3px;}
.footer-bottom .col.col2 {width: calc(100% - 840px);}
.footer-bottom .col.col2 .fp {display: flex;flex-wrap: wrap;}
.footer-bottom .col.col2 .pcol {width: 33.33%;}
.footer-bottom .col.col2 .pcol:nth-child(2n) {float:right;margin-right:0;}
.footer-bottom .col.col2 .pcol:last-child {margin-right: 0;}
.footer-bottom .col.col2 .p {font-weight: bold;font-size: 18px;}
.footer-bottom .col.col2 .child {margin-top:0px;}
.footer-bottom .col.col2 .child li {line-height: 100%;padding:5px 0 4px 0;}
.footer-bottom .col.col2 .child a {color:#f6f6f6;}
.footer-bottom .col.col5 {float:right;margin-right: 0;width: 230px;}
.footer-bottom .third-share {margin-top:-30px;}
.footer-bottom .third-share li {display: inline-block;margin:10px 10px 0 0px;height:30px;width:30px;text-align: center;box-shadow: #eee 0px 0px 2px;}
.footer-bottom .third-share li a {display: block;height: 100%;white-space: nowrap;overflow: hidden;padding: 0;font-size: 0;}
.footer-bottom .third-share li a:after{display: none;}
.footer-bottom .third-share li a:hover {text-decoration: none;}
.footer-bottom .third-share li a:before {font-size: 16px;font-family: "FontAwesome";display: inline-block;font-weight: normal;color: #ffffff;transition: all 0.3s;margin-top:-3px;}
.footer-bottom .third-share li:hover a:before {color: #000000;}
.footer-bottom .copyright {margin:30px auto;text-align: center;}

#global_videobg {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;left:0;top:0;display: none;}
#global_video {position: fixed;width: 900px;height: 600px;left:50%;top:50%;margin:-300px 0 0 -450px;z-index: 9999;display: none;}
#global_video_player {width: 100%;height: 100%;border: 5px solid #fff;box-sizing: border-box;background: #eee;text-align: center;}
#global_video_player iframe {width: 100%;height: 100%;}
#global_video_player img {height: 100%;margin:auto;}
#global_video .close {position: absolute;right:8px;top:3px;z-index: 99;font-size: 30px;color:#fff;cursor: pointer;}

body .selectfull .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:100%;}
body .bootstrap-select .dropdown-toggle:focus {outline: none !important;}
body .layui-layer-msg {border-radius: 5px;}
body .layui-layer-msg .layui-layer-content {background: #14a23a;color:#fff;border-radius: 5px;border:2px solid #fff;box-shadow: #eee 3px 3px 3px;}

.right-fix {position:fixed;bottom:25px;right:30px;z-index:999;transition: all 0.3s;}
.right-fix .up {background:#e9e9e9;border-radius:5px;width:40px;height:40px;cursor:pointer;text-align: center;line-height: 38px;font-size:30px;}
.right-fix .up i {color:#14a23a;}
.right-fix div:hover {opacity: 0.8;}

.Validform_checktip{display:none;margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}
.Validform_right{color:#71b83d;padding-left:20px;}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;}
.Validform_error{background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

@keyframes animated_bg_top {
    from { background-position: center 0; }
    to { background-position: center -350px;}
}

.pad,
.mobile {display: none !important;}
.pc {display: inherit !important;}

@media screen and (max-width:1600px) {
    .pc,
    .mobile {display: none !important;}
    .pad {display: inherit !important;}
    .wrapper {width:96%;}

    .header .menu {margin-left:50px;}
    .header .menu .l1 {margin:0 15px;}

    .header .menu .u2.cate {width: 100vw;left:-250px;}
    .header .menu .u2.cate .l2 {margin-left:1%;}
    .header .menu .u2.cate .u3 {width:100vw;left:0;}

    .flexslider {min-height: 300px !important;margin-top:92px !important;}
    .flexslider .slides li .slide_content {bottom: 150px;}
    .breadcrumb {margin-top:20px;}

    .section {padding:50px 0;}
    .section-comm-title {font-size: 40px;}
    .section-comm-title2 {font-size: 40px;}
    .section-comm-text {margin-bottom: 50px;}

    .index1 {padding-top:100px;overflow: hidden;}
    .index1 .imgs {width: 100vw;}
    .index2 .fl {width: 280px;}
    .index2 .fl .item .t {width: 200px;font-size: 18px;margin-left:10px;}
    .index2 .fl .item .agile {border:20px solid;border-color: transparent;border-right-color: #14a23a;margin-top:52px;}
    .index2 .fr {width: calc(100% - 280px);}
    .index2 .fr .catesub .ifl {width: 400px;}
    .index2 .fr .catesub .ifl .inner {padding:30px 15px 15px 30px;}
    .index2 .fr .catesub .ifr {width: calc(100% - 400px);}
    .index3 .fl {width: 45%;}
    .index3 .fr {width: 48%;}
    .index3 .inner {margin-left:30px;}
    .index3 .inner .prev {left: -30px;}
    .index3 .inner .next {right:-30px;}
    .section-blog3 .item {width: 48%;}
    .section-blog3 .item:nth-child(2n) {float:right;}
    .section-blog3 .item:nth-child(3n) {display: none;}

    .index5 .col {margin:0 10px;}

    .index6 .col_item .prev {left:0;z-index: 99;top:75%;}
    .index6 .col_item .next {right:0;z-index: 99;top:75%;}
    .index6 .col h5 {font-size: 18px;}
    .index6 .col_item .product .img {padding:0;}

    .index7 .prev {left: 0;z-index: 99}
    .index7 .next {right: 0;z-index: 99}

    .category1 .fr,
    .category3 .fl {width:46%;}
    .category5 {overflow: hidden;}

    .productcate .inner .item {height: 400px;}
    .productcate .inner .item .img {height: 230px;}

    .productdetail4 {padding:20px 0;}
    .productdetail5 .col {padding:0 15px;}

    .solutionproject1 .list .item {margin:15px;}
    .solutioncontainer3 .fr .listinfo {width: 450px;}

    .solutioncontainer4 .inner .prev {left:-20px;}
    .solutioncontainer4 .inner .next {right:-20px;}

    .faq1 .fl,
    .faq1 .fr {width:49%;}

    .customer2 .wrapper {width:90%;}
    .customer2 .imgs .prev {left:-40px;}
    .customer2 .imgs .next {right:-40px;}

    .contact1 .fl,
    .contact1 .fr {float:none;width: 100%;box-sizing: border-box;}
    .contact1 .fl .imgs {display: flex;justify-content: center;}
    .contact1 .fl .imgs .item {width: 33%;}
    .contact1 .fl .imgs .item p {text-align: center;}

    .blog1 .fl {width: calc(100% - 350px);}
    .blog1 .fr {width: 320px;}
    .blog1 .section-blog .item {float: none;width: 100%;}
    .blog1.detail1 .fl {width: 100%;}
    .blog1.detail1 .fr {display: none;}

    .cateleft {width: 300px;}
    .cateleft .p1 h2 {font-size: 20px;}
    .cateleft .box {padding:30px 15px;}
    .cateleft .box .c1 {font-size: 20px;}
    .cateleft .box .c3 a {font-size: 18px;}
    .cateright {width: calc(100% - 330px);}

    .fpage-left,
    .fpage-right {float:none;}
    .footer-email .wrapper .inner {width: 95%;}
    .footer-email .wrapper .inner .fl {margin-top:-20px;}
}
@media screen and (max-width:1000px) {
    .pc,
    .pad {display: none !important;}
    .mobile {display: inherit !important;}
    .wrapper {width:96%;}
    body {font-size: 14px;}
    .section {padding:30px 0;}
    .section-comm-title {font-size: 34px;}
    .section-comm-title2 {font-size: 34px;line-height: 120%;}
    .section-comm-text {font-size: 14px;padding-left:15px;margin:30px 0;}
    .section-comm-title2sub {font-size: 14px;}
    .breadcrumb {font-size: 14px;margin-top:10px;}

    .header {height: 50px;opacity: 1;}
    .header .wrapper {overflow: hidden;width: 100%;}
    .header .fl {position: absolute;left:10px;top:0px;}
    .header .fl img {height: 32px;margin-top:9px;}
    .header .togglemenu {position: absolute;left:80px;top:14px;font-size: 20px;color:#fff;}
    .header .menu {float: none;margin-top:50px;background: #14a23a;margin-left:0;padding-left:65px;max-height: 0px;transition: all 0.5s;overflow: hidden;}
    .header .menu .l1 {float:none;line-height: 50px;}
    .header .menu .u2 {position: relative;top:0;background: #14a23a;box-shadow: none;display: block;max-height: 0;transition: all 0.3s;overflow: hidden;}
    .header .menu .l1:hover .u2 {max-height: 999px;}
    .header .menu .u2 .l2 {line-height: 40px;}
    .header .menu .u2 .l2 a {color:#fff;}
    .header .menu .u2 .l2.on a {color:#000;font-weight: 800;}
    .header .menu .u2 .l2:hover {background: inherit;}
    .header .fr {position: absolute;right:5px;top:0px;line-height: 50px;}
    .header .menu .l1 a i {float:right;padding:5px;margin-top:8px;}

    .header .menu .u2.cate {left:0;top:0;height: auto;}
    .header .menu .u2.cate .l2 {width: 100%;float:none;margin-left:0;padding-left:0;}
    .header .menu .u2.cate .l2 img {float:left;background: #fff;border-radius: 50%;padding:2px;width:30px;height: 30px;}
    .header .menu .u2.cate .l2:hover img {transform: scale(1);}
    .header .menu .u2.cate .l2 {padding-top:15px;}
    .header .menu .u2.cate .l2 a {margin-left:50px;text-align: left;}
    .header .menu .u2.cate .l2a {padding-bottom: 5px;margin-top:-10px;font-size: 16px;}
    .header .menu .u2.cate .u3 {display: none;}
    .header .menu .u2.cate .l2:hover .u3 {display: none;}
    .header .menu .u2.cate .l2:hover .l2a:before {display: none;}
    .header .menu .u2.cate .l2:hover a {color: #fff;text-decoration: underline;}

    .flexslider {margin-top: 50px !important;min-height: 100px !important;}
    .flexslider .slides li .slide_content {text-align: center;left:0;width: 100%;bottom: 250px;}
    .flexslider .slides li .slide_content .headdings .headding_text {margin-bottom: 30px;font-size: 18px;}
    .flexslider .slides li .slide_content .headdings .sub_headding {margin-bottom: 30px;font-size: 30px;}
    .flexslider .slides li .slide_content .headdings .button-shopnow .button {margin-top:10px;}
    .flex-control-paging li a {width: 10px;height: 10px;}
    .flex-control-paging li a:hover:after,
    .flex-control-paging li a.flex-active:after {width:14px;height: 14px;}
    .flex-control-nav {bottom: 10px;}
    .flex-control-nav li {margin:0;}
    #global_video {width:96%;left:2%;height:80vw;margin-top:-40vw;margin-left:0;}

    .section-blog3 .item {width: 100%;float:none;margin-right:0;}
    .section-blog3 .item:nth-child(2n) {float:none;}

    .index1 .fl,
    .index1 .fr,
    .index2 .fl,
    .index2 .fr,
    .index3 .fl,
    .index3 .fr {width: 100%;float:none;}

    .index1 {padding-top:50px;}
    .index1 .fr {margin-top:60px;}

    .index1 .fl .imgs img {margin: 50px 3% 0 0;}
    .index2 .fl {height: auto;}
    .index2 .fl .item {line-height: 50px;}
    .index2 .fl .item .circle {margin-top:10px;}
    .index2 .fl .item .t {width: 250px;}
    .index2 .fl .item .agile {margin-top:10px;}
    .index2 .fr .catesub {height: auto;}
    .index2 .fr .catesub .ifl {width: 100%;float:none;padding-bottom: 30px;}
    .index2 .fr .catesub .ifr {float:none;width: 100%;}
    .index2 .flexslider {margin-top:0 !important;}

    .index3 .inner {margin:0 30px;}
    .index3 .fr {padding-top:50px;}

    .index4 .inner {height: 300px;}
    .index4 .inner .swiper .swiper-slide {transform-origin:center center;width: 100%;}
    .index4 .inner .swiper .swiper-slide .play {font-size: 60px;margin-top:-30px;}
    .index4 .inner .swiper .swiper-slide .t {bottom: 40px;}
    .index4 .inner .swiper-button-prev {left:5%;}
    .index4 .inner .swiper-button-next {right:5%;}

    .index5 {margin-top:-50px;}
    .index5 .col {display: block;}
    .index5 .nav li {line-height: 50px;}
    .index5 .t {background: #14a23a;padding:10px 10px;color: #fff;border-radius: 5px;}
    .index5 .t span {font-size: 18px;font-weight: bold;font-family: 'Poppins';}
    .index5 .t i {float:right;font-size: 30px;font-weight: bold;}
    .index5 .colitem.over {max-height: 3000px;}
    .index5 .colitem {display: block;overflow: hidden;margin-bottom: 30px;max-height: 50px;}
    .index5 .section-blog3 .item {width: 98%;margin: 30px auto;float:none;}
    .index5 .buttomlink {margin-top:50px;}

    .index6 .col_item .prev {display: none;}
    .index6 .col_item .next {display: none;}
    .index6 .col_item .product {height: auto;padding-bottom: 20px;}
    .index6 .col img {margin-bottom: 10px;height: 50px;}
    .index6 .col h5 {height: 60px;font-size: 14px;}
    .index6 .col.over:after {bottom: 0;}

    .index7,
    .index7 .ic {height: auto;}
    .index7 .item {height: auto;padding:30px 15px;}
    .index7 .prev,
    .index7 .next {display: none;}
    .index7 .item .t {margin-bottom: 20px;}

    .index8 {margin-top:10px;height: auto;overflow: hidden;}
    .index8 .line {display: none;}
    .index8 .cols {display: block;}
    .index8 .cols .col {margin-bottom: 50px;width: 100%;height: 150px;}
    .index8 .cols .col:last-child .c5 {display: none;}
    .index8 .cols .col .c1 {top:0;font-size: 20px;}
    .index8 .cols .col .c2 {display: block;;opacity: 1;top:-10px;left:130px;width: calc(100% - 100px);word-break: keep-all;font-size: 16px;}
    .index8 .cols .col .c2 .i1 i {margin-top:0;}
    .index8 .cols .col .c2 .i2 {width: calc(100% - 52px);}
    .index8 .cols .col .c3 {display:block;opacity: 1;top:50px;width: calc(100% - 150px);left:130px;}
    .index8 .cols .col .c4 {display: none;}
    .index8 .cols .col .c5 {background: #666;position: absolute;bottom: 60px;height: 200px;transition: all 0.3s;width: 2px;left:58px;}
    .index8 .cols .col:hover .c1 {top:0;opacity: 1;}
    .index8 .cols .col:hover .c2 {top:-10px;opacity: 1;display:block;}
    .index8 .cols .col:hover .c3 {top:50px;opacity: 1;display:block;}
    .index8 .cols .col:nth-last-child(-n+2) .c2,
    .index8 .cols .col:nth-last-child(-n+2) .c3 {left:130px;}
    .index8 .cols .col:last-child {margin-bottom: 0;}

    .index9 .down {font-size: 16px;padding:40px 0 20px 0;}
    .index9 .down .fl,
    .index9 .down .fr {float:none;width: 100%;text-align: center;}
    .index9 .down .fr {margin-top:30px;}
    .index9 .section-comm-link {font-size: 14px;}

    .cateleft,
    .cateright {float:none;width: 100% !important;}
    .cateleft {margin-top:50px;}
    .cateleft .box {padding:15px;margin-bottom: 20px;}
    .cateleft .box .c1 {font-size: 18px;}
    .cateleft .box .c3 a {font-size: 16px;}
    .cateleft .box .c3 i {font-size: 18px;}

    .cateright .cateindex {display: none;}
    .cateright .productcate .inner .item {width: 100%;float:none;margin-bottom: 30px;}

    .solutionsection1 .cateleft {margin-top:0;}

    .productcate .inner {margin-top:30px;}
    .productcate .inner .item {float:none;width: 100%;}

    .productdetail1 {overflow: hidden;}
    .productdetail1 .part_c {margin-top:30px;margin-bottom: 0;}
    .productdetail1 .part1,
    .productdetail1 .part2,
    .productdetail1 .part3 {float:none;width: 100%;margin-left:0;margin-right:0;}
    .productdetail1 .part3 {margin-top:10px;}
    .productdetail1 .part3 .ctx {float:right;text-align: left;margin-right:0;}
    .productdetail1 .item {margin-bottom: 10px;float:none;width: 100%;}
    .productdetail1 .imgs .viewer {min-height: 85vw;}
    .productdetail1 .imgs .ctl {bottom: 10px;top:inherit;width: 100%;left:0;text-align: center;transform: none;}
    .productdetail1 .imgs .ctl div {display: inline-block;width:66px;height: 50px;}

    .productdetail2 {height: auto;}
    .productdetail2 .inner {width: 100%;height: auto;margin-top:50px;}
    .productdetail3 {margin:0px 0 15px 0;display: block;max-height: 50px;overflow: hidden;transition: max-height 0.3s;padding:0 0;border:0;}
    .productdetail3.over {max-height: 3000px;}
    .productdetail3 .t {background: #14a23a;padding:10px 10px;color: #fff;border-radius: 5px;}
    .productdetail3 .t span {font-size: 20px;font-weight: bold;font-family: 'Poppins';}
    .productdetail3 .t i {float:right;font-size: 30px;font-weight: bold;}

    .productdetail4 {margin-bottom: 5px;padding:10px 0;}
    .productdetail4 a {padding:5px;font-size: 12px;}
    .productdetail4 a i {margin-left:0px;}
    .productdetail5 .col {float:none;width: 100%;}

    .productdetailreview .item {width: 100%;}
    .productdetailreview .item .i2 {height: auto;}

    .category1 .fl,
    .category1 .fr,
    .category3 .fl,
    .category3 .fr {width: 100%;float:none;}
    .category2 .inner {display: block;}
    .category2 .inner .item {float:none;width: 100%;margin:20px 0;min-height: auto;}
    .category3 .fr {margin-top:40px;}
    .category4 .inner {display: block;}
    .category4 .inner .item {float:none;width: 100%;margin:20px 0;}
    .category4 .inner {margin-top:50px;}

    .category5 .inner {margin-top:0;}

    .solutionproject1 .list {display: block;text-align: center;}
    .solutionproject2 .fl,
    .solutionproject2 .fr,
    .solutionproject3 .fl,
    .solutionproject3 .fr {width: 100%;float:none;}
    .solutionproject2 .fl {padding-bottom: 50px;}

    .solutioncontainer1 .fl,
    .solutioncontainer1 .fr,
    .solutioncontainer2 .fl,
    .solutioncontainer2 .fr,
    .solutioncontainer3 .fl,
    .solutioncontainer3 .fr {width: 100%;float:none;}
    .solutioncontainer3 .fr .img1 {right: 0;top:10px;}
    .solutioncontainer3 .fr .img2 {margin-top:10px;}
    .solutioncontainer4 .inner {width:90%;margin:auto;}
    .solutioncontainer4 .inner .prev {left:-25px;display: none;}
    .solutioncontainer4 .inner .next {right:-25px;display: none;}
    .solutioncontainer3 .fr .listinfo {width: 100%;right:0;position: relative;margin-top:-300px;overflow: hidden;height: auto;}
    .solutioncontainer3 .icon {width: 80px;height: 60px;background-size: cover;float:left;}
    .solutioncontainer3 .ctx {float:left;width:calc(100% - 90px);}
    .solutioncontainer3 .item {margin:30px 10px;}
    .solutioncontainer3 .ic1 {background-position: 0 -10px;}
    .solutioncontainer3 .ic2 {background-position: 0 -89px;}
    .solutioncontainer3 .ic3 {background-position: 0 -177px;}
    .solutioncontainer3 .ic4 {background-position: 0 -260px;}

    .solutioncontainer1 .fr.mobile,
    .solutioncontainer2 .fl {margin-bottom: 50px;}

    .solutioncontainer5 {margin-bottom: 0px;}
    .solutioncontainer5 input {width: 100%;margin:5px 5% 5px 0;height: 55px;line-height: 55px;}
    .solutioncontainer5 textarea {margin:5px auto;}

    .solutioncontainer6 .item {float:none;width: 100%;}

    .solution-article-detail {margin-bottom:0;}
    .solution-article-detail h1 {font-size: 24px;}

    .odm1 .item {height: auto;float:none;width: 98%;padding-bottom: 30px;min-height: auto;margin-right: 0;margin:0 auto 30px auto;}

    .odm2 .fl,
    .odm2 .fr {float:none;width: 100%;position: relative;top:auto;right:auto;transform: none;}

    .faq1 .fl, .faq1 .fr {width: 100%;float:none;}
    .faq1 .item {margin-left:5%;}

    .about1 .fl,
    .about2 .fl,
    .about3 .fl,
    .about1 .fr,
    .about2 .fr,
    .about3 .fr {width: 100%;float:none;}

    .customer1 .imgs img {margin:0;}
    .customer2 .imgs {margin:50px 30px;}
    .customer2 .imgs .prev,
    .customer2 .imgs .next {font-size: 60px;margin-top:-50px;}

    .blog1 .fl,
    .blog1 .fr {width: 100%;float:none;}
    .blog1 .fr {margin-top:50px;}
    .blog1.detail1 h1 {font-size: 24px;}
    .blog1.detail1 .content {word-break: break-all;overflow: hidden;}
    .blogdetail2 h3 {font-size: 30px;}

    .section-blog .item .img {height: 270px;}

    .search1 {display: block;}
    .search1 .txt,
    .search1 select {width: 100%;box-sizing: border-box;height: 56px;margin-bottom: 10px;}
    .search1 .button {width: 100%;}
    .search2 .list .item .fl,
    .search2 .list .item .fr {float:none;width: 100%;}
    .search2 .list .item .fl {height: auto;background: #eee;}
    .search2 .list .item {border-bottom:1px solid #eee;margin-bottom: 10px;padding-bottom: 30px;}

    .contact1 .fl .imgs {display: block;}
    .contact1 .fl .imgs .item {width: 100%;float:none;}
    .contact1 .fl .imgs .item p {font-size: inherit;}
    .contact1 .fr input {width: 100%;}
    .contact1 .fr {padding:50px 30px;}
    .contact2 {min-height: 300px;}

    .footer-email .t1 {font-size: 30px;text-align: center;}
    .footer-email .wrapper .inner .fl,
    .footer-email .wrapper .inner .fr {float:none;}
    .footer-email .wrapper .inner .fl {margin-bottom: 15px;}
    .footer-email .email {width: 80%;box-sizing: border-box;padding-left:10px;}
    .footer-email .submit {width: 20%;}

    .footer-bottom {text-align: center;}
    .footer-bottom .col {width: 100%;float:none;margin-right: 0;}
    .footer-bottom .col li {line-height: 30px;}
    .footer-bottom .col ul {margin-top:0;margin-bottom: 20px;}
    .footer-bottom .col ul li {margin:0 10px;}
    .footer-bottom .col h3 {line-height: 50px;height: 60px;}
    .footer-bottom .third-share {margin-top:0;}
    .footer-bottom .col.col2 {width: 100%;}
    .footer-bottom .col.col5 {float:none;width: 100%;}
    .footer-bottom .col.col2 .pcol {float:none;margin-right: 0;width: 100%;}
    .footer-bottom .col.col2 .pcol:nth-child(2n) {float:none;}

    .fpage-left {font-size: 14px;}
    .fpage-right li {padding:0 11px;line-height: 30px;}
}