/*header start*/
.header{position: absolute;width:100%;top:0;left:0;z-index:99;background:#fff;}
.header .header-box{max-width:1440px;margin:0 auto;}
.header .header-box .header-top{border-bottom:1px solid #d0d0d0;}
.header-box .logo-box{width:366px;display: inline-block;float:left;padding:15px 0;}
.header-box .logo-box a{display: block;}
.logo-box a img{display: none;width:100%;height:auto;}
.logo-box a img.pc{display: block;}
.header-box .tel-link{padding:25px 0;display: inline-block;float:left;margin-left:10%;}
.header-box .tel-link .tel-mail{display: inline-block;float:left;}
.header-box .tel-link .tel-mail a{font-size:16px;color:#FFFFFF;display: inline-block;padding:14px 0  14px 30px;}
.header-box .tel-link .tel-mail a.tel{background:url(../images/sj.png) no-repeat left center;}
.header-box .tel-link .tel-mail a.mail{background:url(../images/em.png) no-repeat left center;margin-left:45px;}
.header-box .tel-link .link{display: inline-block;float:left;padding-left:45px;}
.header-box .language{display: flex;float:right;padding:37px 0;}
.header-box .language a{display:flex;justify-content:center;align-items:center;margin-left:15px;}
.header-box .language a span{display:inline-block;margin-left:5px;color:#FFFFFF;}
.language .lan-tit{display: inline-block;color:#FFFFFF;font-size:14px;float:left;margin-right:15px;}
.language .lan-slide{width:118px;height:26px;border:1px solid #FFFFFF;float:right;border-radius:3px;}
.language .lan-slide dt a{display: block;background:url(../images/donw.png) no-repeat 90% center;color:#FFFFFF;font-size:12px;padding:0 14px;}
.language .lan-slide dd{backgroutwitternd:#CCCCCC;opacity:0;transition: all 0.6s;visibility:hidden;transform:scaleY(-0.5);transform-origin:left top;}
.language .lan-slide:hover dd{opacity:1;visibility: visible;transform: scaleY(1);}
.language .lan-slide dd a{display: block;color:#FFFFFF;line-height:26px;padding:0 14px;font-size:12px;}
.header-box .nav-box ul{display:flex;flex-wrap: wrap;justify-content:center;}
.header-box .nav-box ul > li{width:14%;float:left;text-align: center;position: relative;}
.header-box .nav-box ul > li .second{position: absolute;width: 400px;top:100%;background: rgba(245,245,245,0.9);left: 50%;margin-left:-128px;visibility: hidden;opacity:0;transition: all 0.1s;}
.header-box .nav-box ul > li:hover .second{visibility:visible;opacity:1;}
.header-box .nav-box ul > li .second li{float: none;width:100%;position: relative;}
.header-box .nav-box ul > li .second > li > a{height:60px;line-height:60px;color:#96989a;font:18px;display: block;padding:0 30px;text-align: left;font-weight:normal;}
.header-box .nav-box ul > li .second li:hover > a{color:#ffffff;background:#7bbc23;}
.header-box .nav-box ul > li .second li .three{background:rgba(245,245,245,0.9);width:256px;left:100%;top:0;position: absolute;visibility: hidden;opacity:0;transition: all 0.1s;}
.header-box .nav-box ul > li .second li:hover .three{visibility:visible;opacity: 1;}
.header-box .nav-box ul > li .second li .three li a{height:46px;line-height:46px;font-family: "Poppins-Regular";padding:0 0;}
.header-box .nav-box ul > li > a{display: block;padding:25px 0;font-size:16px;color:#00a4e7;font-family: "Poppins-Bold";text-transform: uppercase;position: relative;transition: all 0.4s;background:transparent;}
.header-box .nav-box ul > li:hover a ,.header-box .nav-box ul li.on a{background:#FFFFFF;color:#7bbc23;}
.header-box .nav-box ul > li:hover a:before{left:0;display:none;}
.header-box .nav-box ul > li a:before{content: '';width:1px;height:26px;background:#FFFFFF;left:-1px;top:50%;margin-top:-13px;position:absolute;}
.header-box .nav-box ul > li:first-child a:before{display: none;}
/*header end*/
#toTop{width:50px;height:50px;left:20px;bottom:120px;position: fixed;z-index:999;background:#7bbc23;text-align: center;vertical-align: middle;}
#toTop img{padding:5px 0;}
/*footer start*/
.footer{background:#333431;}
.footer .footer-box{max-width:1440px;margin:0 auto;}
.footer .footer-box .footer-fixed{padding:20px 0;width:1000px;margin:0 auto;}
.footer-box .footer-fixed .logo-search{width:340px;float:left;}
.footer-fixed .logo-search .ftips{padding:10px 0;font-size:14px;color:#FFFFFF;font-family: "Poppins-Regular";margin-left: 5px;
}
.footer-fixed .logo-search .flogo-box{width:100%;}
.footer-fixed .logo-search .flogo-box.a{width:100%;}
.ftlogo{width:322px;}
.logo-search  .fsearch-box{position: relative;}
.logo-search  .fsearch-box input{border:1px solid #5c5d5a;width:223px;height:44px;background:transparent;padding:0 10px;float:left;}
.logo-search  .fsearch-box button{border:none;background:#5c5d5a;display: block;height:46px;width:49px;float:left;}
.logo-search  .fsearch-box button img{transition: all 0.6s;transform: scale(1);}
.logo-search  .fsearch-box button:hover img{transform: scale(1.05);}
.footer-nav{float:left;display: inline-block;}
.footer-nav .nlist{padding-left:80px;float:left; padding-top: 14px;}
.footer-nav .nlist.dtnull dt{height:30px;}
.footer-nav .nlist dt a{font-size:20px;font-family: "Poppins-Bold";color:#FFFFFF;text-transform: uppercase;padding-left:18px;}
.footer-nav .nlist a{display:block;}
.footer-nav .nlist dd{padding-top:25px;}
.footer-nav .nlist dd a{color:#FFFFFF;font-size:16px;background:url(../images/bank-icon.png) no-repeat left center;padding-left:18px;}
.footer-nav .nlist.links dd a{padding-left:35px;}
.footer-nav .nlist dd.facebook a{background:url(../images/tel-icon.png) no-repeat left center;}
.footer-nav .nlist dd.twitter a{background:url(../images/img2.png) no-repeat left center;}
.footer-nav .nlist dd.youtube a{background:url(../images/tel-icon.png) no-repeat left center;}
.footer-nav .nlist dd.linkedin a{background:url(../images/img4.png) no-repeat left center;}
.footer-nav .nlist.links dt a{padding-left:0;}
.footer-copy{padding:25px;text-align: center;border-top:1px solid #3d3e3c;font-size:16px;}

/*footer end*/
/*轮播图start*/
.banner{max-width:1920px;margin:0 auto;width:100%;background:#000000;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .bg-box{position: relative;z-index:1;}
.banner .bg-box img{width:100%;height:auto;}
.banner .wap-box{display:none;}
.banner .wap-box img{width:100%;height:auto;}
.banner .swiper-pagination-bullet{background:#dddad7;display:block;margin:10px auto;transform: scale(1);transition: all 0.6s;}
.swiper-search{position: absolute;z-index:9;right:0;top:40px;}
.swiper-search .swiper-search-inner{position:absolute;right:0;top:0;}
.swiper-search .swiper-pagination-bullet-active{transform: scale(1.2);}
.swiper-search .swiper-pagination{position: relative;}
.swiper-search .banner-search{display: block;margin:0 auto;margin-bottom:20px;}
/*轮播图end*/
.newswiper-search{position: absolute;z-index:9;margin-top:50px;width:1440px;left:50%;margin-left:-920px;}
.newswiper-search .newswiper-search-inner{position:absolute;width:30px;right:0;top:0;}
.newswiper-search .newswiper-pagination-bullet-active{transform: scale(1.2);}
.newswiper-search .newswiper-pagination{position: relative;}
.newswiper-search .newbanner-search{display: block;width:21px;margin:0 auto;margin-bottom:20px;}

/*内页Kv*/
.in-banner{max-width:1920px;margin:0 auto;}
.in-banner .img-box img{width:100%;height:auto;display:none;margin-top:0px;}
.in-banner .img-box img.pc{display: block;}
/*内页Kv*/












/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.crumbs-box{padding:25px 0;}
.crumbs-box .crumbs-inner{max-width:1440px;margin:0 auto;text-transform: uppercase;}
.crumbs-box .crumbs-inner a{color:#909090;display: inline-block;font-family: "Poppins-Regular";}
.crumbs-box .crumbs-inner a:first-child{padding-left:20px;background:url(../images/home-icon.png) no-repeat left center;}
.crumbs-box .crumbs-inner i{display: inline-block;font-family: simsun;padding:0 10px;}
.crumbs-box .crumbs-inner span{color:#909090;font-family: "Poppins-Regular";}
/*分页 start*/
.page-box{padding:50px 0;text-align: center;}
.page-box .page-inner{display:flex;justify-content: center;}
.page-box .page-inner a{display:inline-flex;margin:0 5px;font-size:16px;color:#818181;width:40px;height:40px;line-height:40px;justify-content: center;background:transparent;border:1px solid #7bbc23;}
.page-box .page-inner .page-list{display: flex;}
.page-box .page-inner .page-list a.act ,.page-box .page-inner .page-list a:hover{color:#FFFFFF;background:#7bbc23;transition: all 0.4s;}
.page-box .page-inner a.prev ,.page-box .page-inner a.next{font-size:20px;color:#818181;width:40px;height:40px;text-align: center;line-height:40px;font-family: simsun;}
.page-box .page-inner a.prev.no-drop ,.page-box .page-inner a.next.no-drop{cursor: no-drop;opacity:0.8;}
.page-box .page-inner span.current{display:inline-flex;margin:0 5px;font-size:16px;color:#818181;width:40px;height:40px;line-height:40px;justify-content: center;background:transparent;border:1px solid #7bbc23; color:#FFFFFF;background:#7bbc23;}

/*分页 end*/

.tit-box{padding:5px 0;position:relative;}
.tit-box .tit-inner{text-align: center;}
.tit-box .tit-inner h3 ,.tit-box .tit-inner .h3{font-size:40px;position: relative;color:#595a5c;text-transform:uppercase;font-family: "Poppins-Bold";}
.tit-box .tit-inner a{display: inline-block;width:143px;height:50px;text-align: center;line-height:50px;color:#FFFFFF;font-family: "Poppins-SemiBold";background:#7bbc23;font-size:20px;margin-top:5px;}
.tit-box .tit-inner p{text-align: center;font-size:18px;margin-top:10px;}

.xhl-control-label{color:#333333;font-size:16px;width:10%;float:left;height:45px;line-height:45px;}
.xhl-controls{float:right;width:90%;}
.xhl-controls input{border:1px solid #ebeff8;padding:10px 5%;width:90%;background:#f5f5f4;}
.xhl-controls textarea{border:1px solid #ebeff8;padding:10px 5%;width:90%;height:150px;background:#f5f5f4;}
.xhl-form-tip{color:red;position: absolute;right:-20px;top:15px;z-index:2;}
.xhl-control-group{margin-bottom:20px;position: relative;}
.xhl-control-group:before{content: '';display: table;}
.xhl-control-group:after{content: '';display: table;clear:both;}
.xhl-footer{text-align: center;}
.xhl-footer #xhlFormSubmit{display: inline-block;width:20%;height:50px;background:#7bbc23;line-height:50px;text-align: center;color:#FFFFFF;font-size:18px;transition:all 0.4s;cursor:pointer;}
.xhl-footer #xhlFormSubmit:hover{background:#878787;}

/*公共样式定义 end*/



.index-odm-oem{max-width:1440px;margin:0 auto;z-index:2;position: relative;background:#FFFFFF;height:176px;}
.index-odm-oem .index-odm-oem-inner{background:#FFFFFF;box-shadow:1px 1px 10px #CCCCCC;height:176px;position: absolute;top:-88px;width:100%;border-radius:10px;}
.index-odm-oem-inner .ioo-tit{line-height:176px;width:26%;float:left;text-align: center;font-size:40px;color:#595a5c;text-transform: uppercase;font-family: "Myriad Web Pro";}
.index-odm-oem-inner .ioo-list{width:74%;float:right;}
.index-odm-oem-inner .ioo-list ul li{width:20%;float:left;position: relative;height:176px;}
.index-odm-oem-inner .ioo-list ul li:before{width:1px;height:40px;background:#e0e0dd;content:'';left:0;top:50%;margin-top:-20px;position: absolute;}
.index-odm-oem-inner .ioo-list ul li:first-child:before{display:none;}
.ioo-list ul li a.b{height:156px;display:flex;align-items: center;justify-content: center;flex-direction: column;padding-top:20px;filter: brightness(0.5);}
.ioo-list ul li a.b span{display: block;text-align: center;font-family: "Poppins-SemiBold";color:#666666;font-size:16px;padding:5px;line-height:24px;height:48px;overflow: hidden;}
.ioo-list ul li .t{z-index:2;display: block;width:100%;background:#7bbc23;border-radius:10px;display:flex;align-items: center;justify-content: center;flex-direction: column;height:176px;padding:30px 2px;position: absolute;left:-2px;top:-30px;transition:all 0.6s;opacity:0;visibility:hidden;transform: scale(0.9);}
.ioo-list ul li:hover .t{opacity:1;visibility: visible;transform: scale(1);}
.ioo-list ul li .t article{font-size:16px;text-align: center;font-family: "Poppins-SemiBold";color:#FFFFFF;margin:15px 0;}
.ioo-list ul li .t a{display: block;width:46px;height:46px;text-align: center;line-height:46px;color:#7bbc23;background:#FFFFFF;border-radius:50% 50%;font-family:simsun;font-size:16px;transition: all 0.6s;}
.ioo-list ul li .t a:hover{background:#f5f5f5;}


.index-product{background:#f5f5f4;padding:0 0 100px;}
.index-product-inner{max-width:1456px;margin:0 auto;}
.index-product-inner ul{column-count: 3;column-gap: 16px;}
.index-product-inner ul li{position: relative;break-inside: avoid;margin-bottom:16px;}
.index-product-inner ul li .img-pop{transform-origin:left top;transform:scaleY(0.9);transition: all 0.6s;opacity:0;visibility:hidden;position: absolute;left:0;top:0;right:0;bottom:70px;display:flex;align-items: center;justify-content: center;flex-direction: column;z-index:2;background:url(../images/gr-pop.png) repeat;}
.index-product-inner ul li:hover .img-pop{opacity:1;visibility: visible;transform: scaleY(1);}
.index-product-inner ul li .img-box{position: relative;display:block;padding-bottom:100%;overflow:hidden;}
.index-product-inner ul li .img-box img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;}
.index-product-inner ul li .tit-hc{display: block;width:100%;height:60px;position: relative;left:0;bottom:0;z-index:2;background:#F5F5F4;text-align: center;line-height:34px;font-size:18px;font-family: "Poppins-Regular";text-transform: uppercase;margin-top:10px;}
.index-product-inner ul li .img-pop .t{text-align: center;font-size:20px;color:#FFFFFF;font-family: "Myriad Web Pro";padding:0 10%;}
.index-product-inner ul li .img-pop .d{text-align: center;font-size:18px;color:#FFFFFF;font-family: "Myriad Web Pro";padding:20px 10%;}
.index-product-inner ul li .img-pop .more{display: block;width:46px;height:46px;background:#FFFFFF;text-align: center;line-height:46px;margin:0 auto;border-radius:50% 50%;font-family:simsun;font-size:16px;color:#b6caa7;font-weight: bold;}


.index-our-service{background-size:cover;padding:0 0; padding-bottom:100px;}
.index-our-service .ios-inner{max-width:1440px;margin:0 auto;}
.ios-inner .ios-list{width:50%;float:left;}
.ios-inner .ios-list ul li{width:48%;float:left;background:#FFFFFF;border-radius:10px ;margin:15px 0;padding-bottom:20px;}
.ios-inner .ios-list ul li:nth-child(even){float:right;}
.ios-inner .ios-list ul li .t{padding:20px 20px;font-family: "Poppins-Bold";font-size:22px;color:#7bbc23;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ios-inner .ios-list ul li .p{padding:0 20px;font-size:16px;font-family: "Poppins-Regular";color:#96989a;height:96px;line-height:24px;overflow: hidden;}
.ios-inner .ios-text{width:47%;float:right;}
.ios-inner .ios-text .ios-tit{font-size:40px;color:#595a5c;font-family: "Poppins-Bold";text-transform: uppercase;}
.ios-inner .ios-text .ios-tips{font-family: "Poppins-Regular";font-size:18px;color:#96989a;line-height:2;height:432px;overflow: hidden;margin-top:35px;}
.ios-inner .ios-text .ios-share{margin-bottom:35px;}
.ios-text .ios-share a{display: inline-block;width:24px;height:22px;transition: all 0.6s;margin-right:15px;}
.ios-text .ios-share a.f{background:url(../images/ios-icon-01.png) no-repeat center;}
.ios-text .ios-share a.t{background:url(../images/ios-icon-02.png) no-repeat center;}
.ios-text .ios-share a.y{background:url(../images/ios-icon-03.png) no-repeat center;}
.ios-text .ios-share a.i{background:url(../images/ios-icon-04.png) no-repeat center;}
.ios-text .ios-share a.f:hover{background:url(../images/ios-icon-01-h.png) no-repeat center;}
.ios-text .ios-share a.t:hover{background:url(../images/ios-icon-02-h.png) no-repeat center;}
.ios-text .ios-share a.y:hover{background:url(../images/ios-icon-03-h.png) no-repeat center;}
.ios-text .ios-share a.i:hover{background:url(../images/ios-icon-04-h.png) no-repeat center;}
.ios-text .ios-more a{width:140px;height:50px;text-align: center;line-height:50px;font-family: "Poppins-SemiBold";background:#7bbc23;color:#FFFFFF;font-size:20px;display: block;text-transform: uppercase;transition: all 0.4s;}
.ios-text .ios-more a:hover{background:#CCCCCC;}


.in-inner{max-width:1440px;margin: 0 auto;padding-bottom:0px;}
.in-inner .in-news-list ul li{width:32%;margin-left:2%;float:left;}
.in-inner .in-news-list ul li:first-child{margin-left:0;}
.in-inner .in-news-list ul li a.img-box{display: block;}
.in-inner .in-news-list ul li a.img-box img{width:100%;height:auto;border-radius:10px;}
.hc-case .in-inner .in-news-list ul li a.img-box{position:relative;padding-bottom:100%;overflow:hidden;}
.hc-case .in-inner .in-news-list ul li a.img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.in-inner .in-news-list ul li a.img-tit{font-size:18px;line-height:36px;height:72px;overflow: hidden;margin:20px 0;font-family: "Poppins-Regular";display: block;transition: all 0.4s;}
.in-inner .in-news-list ul li a.more{width:46px;height:46px;text-align: center;line-height:46px;font-size:16px;font-family: simsun;color:#FFFFFF;font-weight:bold;background:#7bbc23;display: block;border-radius:50% 50%;}


.index-contact{background:rgba(123,188,35,0.7);padding:40px 0;}
.index-contact .ic-inner{max-width:1440px;margin:0 auto;}
.index-contact .ic-inner ul li{background:#FFFFFF;border-radius:8px;width:24%;float:left;margin-left:1.25%;}
.index-contact .ic-inner ul li:first-child{margin-left:0;}
.index-contact .ic-inner ul li .li-inner{padding:30px 50px;}
.ic-inner ul li .li-inner .name{font-size:20px;font-family: "Poppins-Bold";}
.ic-inner ul li .li-inner .list p{padding:10px 0;}
.ic-inner ul li .li-inner .list p a{color:#96989a;display: inline-block;margin-left:10px;font-family: "Poppins-Regular";}
.ic-inner ul li .li-inner .list p img{vertical-align: middle;}


.product-box{max-width:1440px;margin:0 auto;     min-height: 500px;}
.product-box .pmenu{text-align: center;padding-bottom:50px;}
.product-box .pmenu ul li{display: inline-block;background:transparent;transform: skew(-45deg);transition: all 0.4s;width:200px;height:56px;}
.product-box .pmenu ul li:hover ,.product-box .pmenu ul li.act{background:#7bbc23;}
.product-box .pmenu ul li:hover:before ,.product-box .pmenu ul li.act:before{display: none;}
.product-box .pmenu ul li:hover a ,.product-box .pmenu ul li.act a{color:#FFFFFF;}
.product-box .pmenu ul li:before{width:1px;height:25px;background:#cecece;content:'';left:-4px;top:50%;margin-top:-12.5px;position: absolute;}
.product-box .pmenu ul li a{display: block;transform: skew(45deg);color:#595a5c;font-size:24px;width:200px;height:56px;text-align:center;line-height:56px;transition: all 0.4s;}

.product-box .product-inner{position: relative;}
.pleft{width:330px;position: absolute;left:0;top:0;z-index:2;}
.pleft .han-cloud-tit{background:#f5f5f4;text-transform: uppercase;font-size:30px;font-family: "Poppins-Bold";color: #595a5c;height: 70px;line-height: 70px;padding-left:40px;}
.pleft .han-cloud-list ul li{border-bottom:1px solid #e0e0dd;position: relative;}
.pleft .han-cloud-list ul li a{display: block;line-height: 2.8;padding-left:40px;color: #595a5c;font-size:20px;transition: all 0.4s;}
.pleft .han-cloud-list ul li.on > a ,.pleft .han-cloud-list ul li:hover > a{color:#FFFFFF;background:#7bbc23;}
.pleft .han-cloud-list ul li.on .down-icon ,.pleft .han-cloud-list ul li:hover .down-icon{background:url(../images/han-cloud-icon-h.png) no-repeat center;}
.pleft .han-cloud-list ul li .down-icon{width:60px;height:60px;position: absolute;right:0;top:0;z-index:22;background:url(../images/han-cloud-icon.png) no-repeat center;transition: all 0.4s;cursor: pointer;transform: rotate(-90deg);}
.pleft .han-cloud-list ul li.act .down-icon{transform: rotate(0);}
.pleft .han-cloud-list ul li .aside_secul{display:none;}
.pleft .han-cloud-list ul li .aside_secli{border-bottom:none;border-top:1px solid #e0e0dd}
.pleft .han-cloud-list ul li .aside_secli a{height:40px;line-height:40px;padding-left:70px;background:#f7f7f7;font-size:16px;}
.pleft .han-cloud-list ul li .aside_secli:hover a{color:#333333;}


.pleft dl dt{background:#f5f5f4;height:50px;line-height:50px;}
.pleft dl dt a{display: block;padding:0 40px;font-size:20px;color:#595a5c;font-family: "Myriad Web Pro";}.pleft dl dd a{display: block;padding:0 60px 0 80px;background:url(../images/pro-list-icon-011.png) no-repeat 13% 12px;font-size:18px;font-family: "Myriad Web Pro";transition: all 0.5s;margin:5px 0;height:42px;line-height:42px;}
/*.pleft dl dd.act{background:#7bbc23;}
.pleft dl dd.act a{color:#FFFFFF;background:url(../images/pro-list-icon-02.png) no-repeat 13% 13px;}*/
.pright{padding-left:350px;position: relative;z-index:1;min-height:1400px;}
.pright ul li{width:32%;float:left;margin-left:2%;border:1px solid #d6e1ce;box-sizing:border-box;margin-bottom:20px;}
.pright ul li:nth-child(3n+1){margin-left:0;}
.pright ul li a.img-box{display: block;padding-bottom:100%;overflow:hidden;position:relative;}
.pright ul li a.img-box img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.pright ul li a.img-tit{display:block;text-align: center;padding:20px 3px;font-size:18px;font-family: "Poppins-Regular";height: 42px; overflow: hidden; /*overflow: hidden;white-space: nowrap;text-overflow:ellipsis;*/} 


.pleft dl a.act{background:url(../images/pro-list-icon-01.png) no-repeat 13% 12px;}


.prodis-box{position: relative;padding-bottom:50px;}
.prodis-box .prleft{width:330px;position: absolute;left:0;top:0;z-index:2;}
.prodis-box .prleft .tit{height:70px;line-height:70px;background:#f5f5f4;color:#7bbc23;font-family: "Poppins-Bold";font-size:30px;text-transform: uppercase;padding:0 40px;}
.prodis-box .prleft .pll-list ul li{}
.prleft .pll-list ul li a{display: block;height:60px;line-height:60px;padding:0 40px;font-family: "Poppins-Bold";font-size:20px;transition: all 0.5s;}
.prleft .pll-list ul li.act a ,.prleft .pll-list ul li a:hover{background:#7bbc23;color:#FFFFFF;}
.prodis-box .prright{padding-left:370px;min-height:800px;}
.prodis-box .prright .big-pic{width:50%;float:left;}
.prright .big-pic .big-box{width:80%;float:left;}
.prright .big-pic .big-box img{width:100%;height:auto;border:1px solid #d6e1ce;}
.prright .big-pic .small-list{width:20%;float:right;}
.prright .big-pic .small-list ul li{margin-top:5px;padding:0 12px;}
.prright .big-pic .small-list ul li.act a{border:1px solid #D6E1CE;}
.prright .big-pic .small-list ul li.act a img{border:1px solid #D6E1CE;}
.prright .big-pic .small-list ul li:first-child{margin-top:0;}
.prright .big-pic .small-list ul li a{display: block;border:1px solid #D6E1CE;box-sizing:border-box;transition: all 0.5s;}
.prright .big-pic .small-list ul li a img{width:100%;height:auto;box-sizing:border-box;}
.prodis-box .prright .big-text{width:49%;float:right;}
.prright .big-text .t{font-size:30px;font-family: "Poppins-Bold";padding-bottom:25px;}
.prright .big-text .dis{font-size:18px;font-family: "Poppins-Regular";color:#96989a;line-height:30px;height:300px;overflow: hidden;}
.prright .big-text .link a{display: block;width:49%;float:right;background:#7bbc23;text-align: center;line-height:58px;color:#FFFFFF;font-size:18px;transition: all 0.4s;}
.prright .big-text .link a:hover{background:#8ca579;}
.prright .big-text .link a:first-child{width:49%;float:left;}
.prright .big-text .link a img{vertical-align:middle;display: inline-block;margin-right:10px;}
.prright .big-text .tel-links{border:1px solid #7bbc23;margin-top:10px;padding:0 20px 18px;}
.big-text .tel-links a{display: block;width:49%;float:left;padding:20px 0;}
.big-text .tel-links a:nth-child(even){float:right;}
.big-text .tel-links a:nth-child(1){padding-bottom:0;}
.big-text .tel-links a:nth-child(2){padding-bottom:0;}
.big-text .tel-links a img{vertical-align:middle;display: inline-block;margin-right:5px;}
.prright-fixed .text .t{padding:20px 0;color:#333333;font-family: "Poppins-Bold";font-size:24px;}
.prright-fixed .text .table-box table{width:100%;}
.prright-fixed .text .table-box table tr td{padding:10px 0;text-align: center;font-size:16px;font-family: "Poppins-Regular";}
.prright-fixed .text .table-box table tr td:first-child{font-family: "Poppins-Bold";}
.prright-fixed .text .table-box table tr:nth-child(odd){background:#f5f5f4;}
.prright-fixed .text .img-list{margin-top:20px;}
.prright-fixed .text .img-list ul li{float:left;margin-left:2%;width:32%;}
.prright-fixed .text .img-list ul li:first-child{margin-left:0;}
.prright-fixed .text .img-list ul li img{width:100%;height:auto;}



.related-product{background:#f5f5f4;padding-bottom:50px;}
.related-product .prodis-tit{text-align: center;padding:50px 0;font-size:30px;color:#595a5c;text-transform: uppercase;font-family: "Poppins-Bold";}
.related-product .relpro-inner{max-width:1440px;margin:0 auto;}
.relpro-inner ul li{width:23%;float:left;margin-left:2.66666%;border:1px solid #d6e1ce;box-sizing:border-box;margin-bottom:20px;background:#FFFFFF;}
.relpro-inner ul li:first-child{margin-left:0;}
.relpro-inner ul li a{display: block;}
.relpro-inner ul li a.img-box img{width:100%;height:auto;}
.relpro-inner ul li a.img-tit{text-align: center;padding:20px 0;font-size:2px;font-family: "Myriad Web Pro";color:#595a5c;}


.massage-box{background:#FFFFFF;padding-bottom:50px;}
.massage-box.back{background:#F5F5F4;}
.back .xhl-controls input{background:#FFFFFF;}
.back .xhl-controls textarea{background:#FFFFFF;}
.massage-box .massage-inner{max-width:1440px;margin:0 auto;}
.massage-inner .form-box{background:transparent;padding:0 100px 0;}


.oem-odm-box .oem-odm-list{max-width:1440px;margin:0 auto;padding-bottom:50px;}
.oem-odm-list ul li{width:48%;float:left;background:#FFFFFF;box-shadow:1px 1px 10px #CCCCCC;padding-bottom:20px;}
.oem-odm-list ul li:nth-child(even){float:right;}
.oem-odm-list ul li .li-inner{padding:0 25px;}
.oem-odm-list ul li .li-inner .t{font-size:24px;color:#595a5c;padding:20px 0;font-family: "Poppins-Bold";}
.oem-odm-list ul li .li-inner .d{font-size:18px;line-height:36px;height:72px;overflow: hidden;}
.oem-odm-box .oem-odm-step{max-width:1440px;margin:0 auto;text-align: center;}
.oem-odm-box .oem-odm-step img{max-width:100%;height:auto;}
.oem-odm-box .oem-box{padding-bottom:50px;}
.oem-odm-box .odm-box{background:#f5f5f4;padding-bottom:50px;}


.case-inner{max-width:1440px;margin:0 auto;}
.case-inner .case-qa ul li{margin-bottom:30px;}
.case-inner .case-qa ul li .q{font-size:24px;font-family: "Poppins-Bold";color:#333333;}
.case-inner .case-qa ul li .a{font-size:18px;font-family: "Poppins-Regular";}
.case-inner .case-links{padding:20px 0;}
.case-inner .case-links ul li{width:22%;float:left;margin-bottom:20px;margin-left:4%;}
.case-inner .case-links ul li:nth-child(4n+1){margin-left:0;}
.case-inner .case-links ul li a.img-box{display: block;box-shadow:1px 1px 10px #CCCCCC;overflow:hidden;padding-bottom:100%;position:relative;}
.case-inner .case-links ul li a.img-box img{width:100%;position:absolute;left:0;top:0;height:100%;object-fit:cover;}
.case-inner .case-links ul li a.img-tit{display:block;text-align: center;padding:20px 3px;font-size:18px;font-family: "Poppins-Regular"; height: 62px; overflow: hidden;}


.service-list{max-width:1440px;margin:0 auto;}
.service-list .service-ul{padding-top:50px;margin-left:70px;}
.service-list .service-ul ul li{width: 28%;
    float: left;
    background: #FFFFFF;
    border-radius: px;
    box-shadow: 1px 1px 10px #cccccc;
    padding-bottom: 40px;
    height: 420px;
    margin-bottom: 50px;
   
    margin-right: 50px;
}
.service-list .service-ul ul li:first-child{margin-left:0;}
.service-list .service-ul ul li .icon-img{width:80%;margin:-32px auto 0;}
.service-list .service-ul ul li .icon-img img{width:100%;height:auto}
.service-list .service-ul ul li .icon-tit{padding:20px 0;font-size:24px;text-align: center;color:#333333;width:80%;margin:0 auto;}
.service-list .service-ul ul li .icon-tips{width:80%;margin:0 auto;font-size:18px;line-height:30px;height:120px;overflow: hidden;text-align: left;}

.service-qa{background:#f5f5f4;padding:200px 0 50px;margin-top:-160px;}
.service-qa-list{max-width:1440px;margin:0 auto;}
.service-qa-list ul li{padding:25px 0;}
.service-qa-list ul li dl dt{font-size:24px;font-family: "Poppins-Bold";position: relative;cursor:pointer;}
.service-qa-list ul li dl dt:after{width:20px;height:2px;background:#afc49e;position: absolute;right:0;top:50%;margin-top:-1px;content: '';}
.service-qa-list ul li dl dt:before{width:2px;height:20px;background:#AFC49E;position: absolute;right:9px;top:50%;content: '';margin-top:-10px;transition: all 0.6s;}
.service-qa-list ul li.act dl dt:before{height:0;}
.service-qa-list ul li dl dt a{display: block;}
.service-qa-list ul li dl dd{padding:20px 0;display: none;font-size:18px;}
.service-qa-list ul li dl dd img{max-width:100%;height:auto;}

.about-box{max-width:1440px;margin:0 auto;}
.about-box .about-tit{border-bottom:1px solid #e0e0dd;}
.about-box .aboutt-tit{font-size: 40px;
    position: relative;
    color: #595a5c;
    text-transform: uppercase;
    font-family: "Poppins-Bold";}
.about-tit h4{display: inline-block;float:left;font-size:40px;font-family: "Myriad Web Pro";font-weight:normal;text-transform: uppercase;line-height:47px;}
.about-tit .about-menu{width:50%;float:right;margin-right:100px;}
.about-tit .about-menu a{display: inline-block;padding:10px 15px;border-radius:25px;font-family: "Poppins-Regular";font-size:18px;transition: all 0.6s; color: #333;    font-weight: bold;}
.about-tit .about-menu a:hover ,.about-tit .about-menu a.on{background:#7bbc23;color:#FFFFFF;}
.about-text{padding:60px 0;}
.about-text .about-one .img-box{width:47%;float:left;}
.about-text .about-one .img-box img{width:100%;height:auto;}
.about-text .about-one .img-text{width:50%;float:right;}
.about-one .img-text .t{font-size:36px;font-family: "Poppins-Bold";color:#595a5c;padding-bottom:20px;}
.about-one .img-text .article{line-height:1.6;font-size:18px;}
.about-two{padding-top:30px;}
.about-two .article{line-height:1.6;font-size:18px;}

.about-list ul li{position: relative;margin-bottom:110px;}
.about-list ul li .text{position: absolute;background:#FFFFFF;z-index:2;left:0;top:10%;height:80%;width:40%;text-align:left;}
.about-list ul li .text .text-inner{padding:30px;}
.about-list ul li .text .text-inner .t{padding-bottom:10px;font-size:40px;color:#7bbc23;font-family: "Poppins-Bold";}
.about-list ul li .text .text-inner .d{font-size:18px;line-height:30px;height:300px;overflow: hidden;}
.about-list ul li .img{position: relative;float:right;padding-right:60px;width:50%;}
.about-list ul li .img img{width:100%;height:auto;position: relative;z-index:1;border-radius:10px;}
.about-list ul li .img:after{width:60%;height:100%;position: absolute;right:0;bottom:-60px;content: '';}
.about-list ul li:nth-child(even) .text{left:auto;right:0;height:90%;top:5%;text-align: left;}
.about-list ul li:nth-child(even) .img{float:left;padding-right:0;padding-left:60px;}
.about-list ul li:nth-child(even) .img:after{left:0;right:auto;bottom:-60px;}


.factory-text{padding:50px 0;line-height:1.6;font-size:18px;text-align: left;}
.factory-list ul li{width:32%;float:left;margin-left:2%;margin-bottom:25px;}
.factory-list ul li:nth-child(3n+1){margin-left:0;}
.factory-list .viewer-title{display: none;}
.factory-list ul li a{display: block;position: relative;}
.factory-list ul li a img{position: relative;z-index:1;width:100%;height:auto;}
.factory-list ul li a span{display: block;position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/gr-pop.png) repeat;z-index:2;opacity:0;transition: all 0.6s;transform: scale(0.8);}
.factory-list ul li a:hover span{opacity:1;transform:scale(1);}
.factory-list ul li a span:after{width:50px;height:2px;background:#FFFFFF;position: absolute;left:50%;margin-left:-25px;content:'';top:50%;margin-top:-1px;}
.factory-list ul li a span:before{width:2px;height:50px;background:#FFFFFF;position: absolute;left:50%;margin-left:-1px;top:50%;margin-top:-25px;content: '';}


.news-list{padding:50px 0;}
.news-list ul{position: relative;}
.news-list ul:after{width:1px;height:100%;background:#e0e0dd;content:'';position: absolute;left:50%;top:0;}
.news-list ul li{position: relative;}
.news-list ul li .img-box{width:46%;float:left;}
.news-list ul li .img-box a{display: block;padding:40px 0 40px 80px;position: relative;}
.news-list ul li .img-box a img{width:100%;height:auto;z-index:1;position: relative;}
.news-list ul li .img-box a:after{left:0;top:0;height:100%;width:30%;content: '';position: absolute;}
.news-list ul li:nth-child(even) .img-box{float: right;}
.news-list ul li:nth-child(even) .img-box a{padding:40px 80px 40px 0;}
.news-list ul li:nth-child(even) .img-box a:after{right:0;left:auto;}
.news-list ul li .img-link{position: absolute;width:46%;height:100%;top:0;right:0;display:flex;align-items: flex-start;justify-content: center;flex-direction: column;font-size:18px;line-height:1.8;padding-left:4%;}
.news-list ul li .img-link:after{width:14px;height:14px;border:4px solid #FFFFFF;background:#7bbc23;border-radius:50% 50%;box-shadow:1px 1px 10px #7bbc23;content: '';position: absolute;left:-11px;top:50%;margin-top:-11px;z-index:2;}
.news-list ul li:nth-child(even) .img-link{top:0;right:auto;left:0;display:flex;align-items: flex-end;padding-right:4%;padding-left:0;}
.news-list ul li:nth-child(even) .img-link:after{left:auto;right:-12px;}
.contact-box{padding:0px 0;}
.contact-box .contact-inner{position: relative;max-width:1440px;margin:0 auto;}
.contact-box .contact-left{width:350px;position: absolute;left:0;top:0;}
.contact-box .contact-tit{font-size:30px;font-family:"Poppins-Bold";text-transform: uppercase;padding-bottom:20px;}
.contact-left .contact-item{box-shadow:1px 1px 10px #dfe8d7;padding:5px 30px;margin-bottom:5px;border-radius:10px;}
.contact-item .item-tit{font-size:24px;font-family:"Poppins-Bold";color:#7bbc23;}
.contact-item .item-list{padding-top:10px;}
.contact-item .item-list .tel{padding-left:35px;background:url(../images/tel-icon.png) no-repeat left 5px;}
.contact-item .item-list .cz{padding-left:35px;background:url(../images/cz-icon.png) no-repeat left 2px;}
.contact-item .item-list .em{padding-left:35px;background:url(../images/email-icon.png) no-repeat left 8px;}
.contact-item .item-list .sky{padding-left:35px;background:url(../images/skype.png) no-repeat left 5px;}
.contact-item .item-list a{display: block;font-size:16px;line-height:2;}
.contact-box .contact-right{padding-left:380px;min-height:200px;}
.contact-box .xhl-control-group{margin-bottom:10px;}
.contact-box .xhl-footer{text-align:left;}
.contact-box .xhl_form{padding:0 !important;}
.contact-box .map-box{position: relative;margin-top:70px;}
.contact-box .map-box .map-frame{position: relative;}
.contact-box .map-box .map-frame img{width:100%;height:auto;}
.contact-box .map-box .map-text{background:url(../images/gr-pop.png) repeat;width:100%;height:40px;line-height:40px;left:0;bottom:0;z-index:2;position: absolute;}
.contact-box .map-box .map-text .map-text-inner{padding-left:55px;background:url(../images/add.png) no-repeat 3% center;color:#FFFFFF;font-size:16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:10px;}



.error-box{max-width:1440px;margin:0 auto;}
.error-box .error-pic{text-align: center;padding:100px 0;}
.error-box .error-pic img{max-width:100%;height:auto;}
.error-box .error-link{padding-bottom:40px;text-align: center;}
.error-box .error-link a{display: inline-block;width:146px;height:58px;text-align: center;line-height:58px;background:#7bbc23;font-size:24px;color:#FFFFFF;}


.search-box{max-width:1440px;margin:0 auto;}
.search-box .search-input{width:322px;height:54px;margin:0 auto;position: relative;}
.search-box .search-input input{width:280px;height:52px;border:1px solid #979797;border-radius:30px;padding:0 52px 0 20px;line-height:52px;position: relative;z-index:1;}
.search-box .search-input button{position: absolute;right:10px;top:0;z-index:2;border:none;background:transparent;width:54px;height:54px;border-radius:30px;}
.search-box .search-list{padding:50px 0;}
.search-box .search-list ul li{margin-bottom:25px;box-shadow:1px 1px 10px #CCCCCC;padding:0 40px 25px;}
.search-list ul li .tit{display: block;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:25px 0;font-size:24px;color:#7bbc23;}
.search-list ul li .tit span{text-transform: uppercase;}
.search-list ul li .tips{font-size:16px;line-height:30px;height:60px;overflow: hidden;}
.search-list ul li a.more{display: inline-block;margin-top:25px;width:102px;height:42px;background:#7bbc23;text-align: center;line-height:42px;color:#FFFFFF;font-size:18px;}

.hc-all-pro{display:none;}
.hc-all-pro ul li{margin-top:5px;}
.hc-all-pro ul li a{
    padding:10px;
    display: block;
    color:#FFFFFF;
    background:#1890ff;
}




@media only screen and (max-width: 1500px) {
	.header .header-box{max-width:1024px;}
	.header-box .tel-link{margin-left:4%;}
	.header-box .tel-link .tel-mail a.mail{margin-left:20px;}
	.header-box .tel-link .link{width:200px;padding:10px 0 10px 20px;}
	.header-box .tel-link .link img{width:100%;height:auto;}
	.index-odm-oem{max-width:1024px;}
	.ioo-list ul li a.b{height:120px;}
	.ioo-list ul li a.b img{width:60px;height:auto;}
	.ioo-list ul li .t img{width:60px;height:auto;}
	.ioo-list ul li a.b span{font-size:14px;font-family: "Poppins-Regular";}
	.ioo-list ul li .t article{font-size:14px;font-family: "Poppins-Regular";}
	.ioo-list ul li .t{height:140px;}
	.ioo-list ul li .t a{width:30px;line-height:30px;height:30px;}
	.index-odm-oem .index-odm-oem-inner{height:140px;top:-70px;}
	.index-odm-oem-inner .ioo-tit{line-height:140px;font-size:30px;width:20%;}
	.index-odm-oem-inner .ioo-list{width:80%;}
	.index-odm-oem-inner .ioo-list ul li{height:140px;}
	.index-product-inner{max-width:1024px;}
	.index-our-service .ios-inner{max-width:1024px;}
	.ios-inner .ios-text .ios-tips{font-size:16px;line-height:30px;height:360px;margin-bottom:30px;}
	.ios-inner .ios-list ul li .p{font-size:14px;}
	.ios-inner .ios-list ul li .t{font-size:18px;}
	.in-inner{max-width:1024px;}
	.in-inner .in-news-list ul li a.img-tit{font-size:18px;font-family: "Poppins-Regular";}
	.index-contact .ic-inner{max-width:1024px;}
	.ic-inner ul li .li-inner .list p img{float:left;}
	.ic-inner ul li .li-inner .list p a{display: block;float:left;width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.footer .footer-box{max-width:1024px;}
	.footer-nav .nlist{padding-left:70px;}
	.footer-copy{font-size:14px;}
	.crumbs-box .crumbs-inner{max-width:1024px;}
	.product-box{max-width:1024px;}
	.pleft{width:250px; }
	.pleft .han-cloud-tit {
    font-size: 24px;
    padding-left: 20px;
}

	.pleft dl dt a{padding:0 20px;}
	.pleft dl dd a{padding:0 30px 0 50px;background: url(../images/pro-list-icon-011.png) no-repeat 9% 13px;}
   .pleft dl dd.act a{background: url(../images/pro-list-icon-01.png) no-repeat 9% 13px;}
	.pright{padding-left:280px;}
	.prodis-box .prleft{width:250px;}
	.prodis-box .prleft .tit{padding:0 20px;font-size:24px;}
	.prodis-box .prright{padding-left:280px;}
	.prodis-box .prright .text .d img{ max-width:100%; height:auto;}
	.prleft .pll-list ul li a{padding:0 20px;font-size:14px;}
	.prright .big-text .dis{font-size:16px;line-height:24px;height:326px;margin-bottom:5px;}
	.prright .big-text .tel-links{padding-bottom:10px;}
	.big-text .tel-links a{width:100%;padding:10px 0 0;}
	.related-product .relpro-inner{max-width:1024px;}
	.oem-odm-box .oem-odm-list{max-width:1024px;}
	.oem-odm-box .oem-odm-step{max-width:1024px;}
	.massage-box .massage-inner{max-width:1024px;}
	.case-inner{max-width:1024px;}
	.case-inner .case-links ul li a.img-tit{font-size:18px;font-family: "Poppins-Regular";}
	.service-list{max-width:1024px;}
	.service-list .service-ul ul li .icon-tips{font-size:14px;}
	.service-qa-list{max-width:1024px;}
	.about-box{max-width:1024px;}
	.about-one .img-text .t{font-size:26px;}
	.about-one .img-text .article{font-size:14px;}
	.about-two .article{font-size:14px;}
	.about-list ul li .text .text-inner .d{font-size:18px;line-height:24px;height:144px;}
	.about-list ul li:nth-child(even) .text{top:10%;height:80%;}
	.factory-text{font-size:19px;}
	.contact-box .contact-inner{max-width:1024px;}
	.xhl-control-label{width:15%;}
	.xhl-controls{width:85%;}
	.search-box{max-width:1024px;}
	.error-box{max-width:1024px;}
	.swiper-search{width:1000px;margin-left:-500px;}
}

@media only screen and (max-width: 1200px) {
	.header .header-box{padding:0 20px;}
	.header-box .tel-link{margin-left:2%;}
	.header-box .nav-box ul li a{padding:15px 0;}
	.index-odm-oem{padding:0 20px;}
	.index-odm-oem .index-odm-oem-inner{width:96%;}
	.index-product-inner{padding:0 20px;}
	.index-our-service .ios-inner{padding:0 20px;}
	.in-inner{padding:0 20px 50px;}
	.index-contact .ic-inner{padding:0 20px;}	
	.footer .footer-box{padding:0 20px;}
	.footer-nav .nlist{padding-left:60px;}
	.crumbs-box .crumbs-inner{padding:0 20px;}
	.product-box{padding:0 20px;}
	.related-product .relpro-inner{padding:0 20px;}
	.oem-odm-box .oem-odm-list{padding:0 20px 50px;}
	.oem-odm-box .oem-odm-step{padding:0 20px;}
	.case-inner{padding:0 20px;}	
	.service-list{padding:0 20px;}
	.service-qa-list{padding:0 20px;}
	.about-box{padding:0 20px;}
	.contact-box .contact-inner{padding:0 20px;}
	.contact-box .contact-left{left:20px;}
	.search-box{padding:0 20px;}
	.error-box{padding:0 20px;}
	
	
	
	
	
	
	
	
	
	
}



@media only screen and (max-width: 1000px) {
	.xhl-footer{text-align: center;margin-top:10px;}
	.xhl-footer #xhlFormSubmit{margin: 0 auto;width:100px;height:40px;line-height:40px;}
	.xhl-control-group{padding:0;margin-bottom:0;}
	.xhl-controls input{padding:5px 5%;}
	.xhl-control-label{display: block;width:100%;float:none;margin-bottom:10px;line-height:35px;height:35px;margin-bottom:0;}
	.xhl-controls{width:100%;}
	.xhl-form-tip{top:10px;right:-5px;}
	.banner .bg-box{display:none;}
	.banner .wap-box{display: block;}
	#page{background:#FFFFFF;}
	.btn-nav{position: relative;background: transparent;border: none;padding:20px 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;width:30px;float:right;}
	.icon-bar {display: block;margin: 6px 0;width: 30px;height: 3px;background-color:#7bbc23;box-shadow:0 1px 1px #000000;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
	.mm-opening .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
	.mm-opening .bottom {-webkit-transform: translateY(-10px) rotateZ(-45deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
	.mm-opening .middle {width: 0;}
	.header-box .tel-link{display: none;}
	.language .lan-tit{display: none;}
	.header .header-box .header-top{border-bottom:none;}
	.index-odm-oem .index-odm-oem-inner{position: relative;top:0;width:100%;height:auto;}
	.header-box .logo-box{width:290px;padding:25px 0 5px;position:relative;z-index:99;}
	.header-box .language{padding:2px 40px;float:none;position:absolute;left:50%;top:0;transform:translateX(-50%);box-sizing:border-box;width:100%;justify-content:center;align-items:center;z-index:999;}
	.header-box .language a:first-child{margin-left:0;}
	.header-box .language a{transform:scale(0.7);}
	.swiper-search{width:300px;margin-left:-160px;}
	.index-odm-oem{height:auto;padding:20px;}
	.index-odm-oem-inner .ioo-tit{line-height:inherit;width:100%;float:none;padding:20px 0;}
	.index-odm-oem-inner .ioo-list{width:100%;float:none;}
	.ioo-list ul li a.b{padding-top:0;}
	.index-odm-oem-inner .ioo-list ul li{width:100%;}
	.ioo-list ul li .t img{width:90px;}
	.index-odm-oem-inner .ioo-list ul li:before{display: none;}
	.index-product-inner ul{column-count:1;column-gap:0;}
	.index-product{padding:0 0 30px;}
	.tit-box .tit-inner h3, .tit-box .tit-inner .h3{font-size:28px;}
	.ios-inner .ios-list{float:none;width:100%;}
	.ios-inner .ios-list ul li{margin-bottom:15px;margin-top:0;}
	.ios-inner .ios-text{width:100%;float:none;}
	.ios-inner .ios-text .ios-tit{font-size:28px;padding-top:30px;}
	.in-inner .in-news-list ul li{margin-left:0;width:100%;float:none;margin-bottom:30px}
	.in-inner{padding:0 20px 30px;}
	.index-contact .ic-inner ul li{width:100%;float:none;margin-bottom:20px;margin-left:0}
	.footer-nav{display: none;}
	.product-box .pmenu ul li:before{display:none;}
	.pleft{width:100%;float:none;position: relative;margin-bottom:20px;display:none;}
	.pright{padding-left:0;min-height:auto;}
	.pright ul li{width:48%;float:left;margin-left:0;margin-bottom:15px;}
	.pright ul li:nth-child(even){float:right;}
	.page-box .page-inner .page-list{display: none;}
	.prodis-box .prleft{width:100%;position:relative;margin-bottom:20px;}
	.prodis-box .prright{padding-left:0;}
	.prodis-box .prright .big-pic{width:100%;float:none;margin-bottom:20px;}
	.prodis-box .prright .big-text{float:none;width:100%;}
	.prright-fixed .text .table-box{overflow-y: auto;}
	.prright-fixed .text .img-list ul li{width:100%;float:none;margin-bottom:20px;margin-left:0;}
	.prodis-box{padding-bottom:30px}
	.related-product .prodis-tit{font-size:28px;}
	.relpro-inner ul li{width:48%;float:left;margin-left:0;}
	.relpro-inner ul li:nth-child(even){float:right;}
	.oem-odm-list ul li{width:100%;float:none;}
	.oem-odm-list ul li:first-child{margin-bottom:20px}
	.massage-inner .form-box{padding:0 20px;}
	.massage-box{padding-bottom:30px;}
	.case-inner .case-links ul li{width:48%;float:left;margin-left:0;}
	.case-inner .case-links ul li:nth-child(even){float:right;}
	.about-tit h4{float:none;display: block;padding-bottom:20px;}
	.about-tit .about-menu{width:100%;float:none;}
	.about-tit .about-menu a{font-size:12px;padding:5px 15px;}
	.about-text .about-one .img-box{width:100%;float:none;margin-bottom:20px;}
	.about-text .about-one .img-text{width:100%;float:none;}
	.about-one .img-text .t{font-size:16px;}
	.about-list{padding-bottom:20px;}
	.about-list ul li .img:after{display: none;}
	.about-list ul li .text{position: relative;width:100%;text-align:left;}
	.about-list ul li .text .text-inner{padding:30px 0;}
	.about-text{padding:20px 0;}
	.about-list ul li .img{width:100%;padding-right:0;}
	.about-list ul li{margin-bottom:0}
	.about-list ul li:nth-child(even) .img{padding-left:0;}
	.factory-text{padding:20px 0;}
	.factory-list ul li{width:48%;float:left;margin-left:0;margin-bottom:15px;}
	.factory-list ul li:nth-child(even){float:right;}
	.footer-box .footer-fixed .logo-search{float:none;width:100%;}
	.logo-search .fsearch-box input{width:205px;}
	.news-list ul li .img-box{width:100%;float:none;}
	.news-list ul li .img-box a{padding:0;}
	.news-list ul li .img-link{position: relative;width:100%;padding:20px 0;}
	.news-list ul li .img-link:after{display: none;}
	.news-list ul:after{display: none;}
	.news-list ul li:nth-child(even) .img-box a{padding:0;}
	.contact-box .contact-left{left:0;position: relative;width:100%;}
	.contact-box .contact-right{min-height:auto;padding-left:0;padding-top:20px;}
	.contact-box .map-box .map-text{position: relative;bottom:auto;left: auto;}
	.search-box .search-input{width:100%;}
	.search-box .search-input input{width:200px;}
	.header{position:relative;}
	.service-list .service-ul ul li{width:100%;float:none;}
	.newswiper-search{width:300px;margin-left:-160px;}
.newswiper-search .newswiper-search-inner{position:absolute;width:30px;right:0;top:0;}
.newswiper-search .newswiper-pagination-bullet-active{transform: scale(1.2);}
.newswiper-search .newswiper-pagination{position: relative;}
.newswiper-search .newbanner-search{display: block;width:21px;margin:0 auto;margin-bottom:20px;}
.footer .footer-box .footer-fixed{width:auto}
.swiper-search{top:30px;}
.service-list .service-ul{padding-top: 50px;
    margin-left: 0px;}
}

#dibunav{
	display: none;
}
@media only screen and (max-width: 750px) {
	#dibunav{
		width: 80%;
		position: fixed;
		display: block;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%,-5%);
		display: flex;
    	justify-content: center;
    	background: rgba(245,245,245,0.9);
    	border-radius: 100px;
    	z-index: 99;
    	box-shadow: 0px 26px 25px -29px #000;
	}
}
#dibunav .dibunav-con{
	width: 95%;
	display: -webkit-flex;
	display: flex;
}
#dibunav .dibunav-con li{
	text-align: center;
	float: left;
	width: 25%;
	padding: 16px 0px;
}
#dibunav .dibunav-con li{
	border-left: 1px solid #fff;
}
#dibunav .dibunav-con li:nth-child(1){
	border-left: none;
}
#dibunav .dibunav-con li a{
	color: #1968d1;
	text-align: center;
}
#dibunav .dibunav-con li a img{
	/*width: 100%;*/
	display: inline-block;
	margin: 0 auto;
}
@media only screen and (max-width: 450px) {
	#dibunav{
		width: 95%;
		height: 63px;
	}
	#dibunav .dibunav-con li a img{
		width: 25px;
	}
	#dibunav .dibunav-con li{
		    padding: 8px 0px 10px 0;
	}
}
@media only screen and (max-width: 320px) {
	#dibunav{
		width: 100%;
		bottom: -3%;
	}
	#dibunav .dibunav-con li a img{
		width: 20px;
	}
}
@media only screen and (max-width: 1500px) {
    .in-banner .img-box img.pc{margin-top:50px;}
}
@media only screen and (max-width: 3000px) {
    .in-banner .img-box img.pc{margin-top:50px;}
}
@media only screen and (max-width: 1000px) {
    .in-banner .img-box img.pc{margin-top:0px;}
}