.banner { height: 100%; }
.banner .item { display: block; height: 100%; }
.banner .item { position: relative; }
.banner .owl-dots{ position: absolute; left: 0px; right: 0px; bottom: 10px; }
.banner .owl-dots span{ background:rgba(255,255,255,0.4)!important; width: 60px!important;height: 2px!important; border-radius: 3px; }
.banner .active span{ background:#cb0f1a!important;  width: 60px!important; height: 2px!important border-radius: 3px;}
.banner { position: relative; }
.banner .owl-prev{ position: absolute; left:20px; top: 47%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-next{ position: absolute; right:20px; top: 47%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-item .item .text{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; bottom: 40px; color: #fff; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; } 
.banner .owl-item .item .text a{ color: #fff; text-decoration: underline;  }
.banner .active .item .text{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; bottom: 50px; color: #fff;opacity: 1; } 
.banner .active .item .text .box{ float: right; padding: 15px; background: rgba(0,0,0,0.7); line-height: 1.6; font-size: 18px; text-align: right;}
.owl-carousel .owl-stage-outer{ height: 100%; }
.owl-carousel .owl-stage{ height: 100%; }
.owl-carousel.owl-drag .owl-item{ height: 100%; }
.index_banner .swiper-slide .text h1{ font-weight: bold; color: #fff; font-size: 46px;position: absolute;top: 350px; width:1200px;  left: 50%; margin-left: -600px; text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.index_banner .swiper-slide .text h2{ color: #fff; font-size: 24px;position: absolute; top: 430px;  width:1200px;  left: 50%; margin-left: -600px; opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .text h1{margin-left: -600px;  opacity: 1;top: 320px;}
.index_banner .swiper-slide-active .text h2{margin-left: -600px; opacity: 1;top: 390px;}


.video{ height: 100%; position: relative; width: 100%;min-width: 100%;min-height: 100%; background: url(../images/videobg.jpg) no-repeat; background-size: cover; overflow: hidden; }
.video video{position: absolute;min-width: 120%;
        min-height: 120%;
        height: auto;
        width: auto;
        z-index: 10;
        top: 50%;
        left: 42%;
        transform: translateX(-48%) translateY(-50%);}
.video .slogan{ position: absolute; left: 50%; color: #1171bd; z-index: 49;  margin-left: -200px; top: 38%; text-align: center;  width: 400px; }
.video .slogan h1{font-size: 50px; text-indent: -1em;font-weight: normal;  line-height: 100%; margin-bottom: 20px;  }
.video .slogan h2{font-size: 50px; text-indent: 1em;font-weight: normal;  line-height: 100%; }
.video .mouse{ border-radius: 40px; border:#fff solid 2px; z-index: 999; position: absolute; height: 30px; width: 18px; left: 50%; margin-left: -10px; bottom: 40px; -webkit-animation:mouse 1.5s infinite linear ;}
.video .mouse span{ position: absolute; left: 50%;z-index: 999; border:#fff solid 2px; border-radius: 10px; bottom:16px;   width: 2px; height: 4px; margin-left: -3px;}

@-webkit-keyframes mouse {
    0%{
    	bottom: 25px;
    }
    50%{
    	bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}


.indexabout{ padding-top: 120px; padding-bottom: 120px; }
.indexabout .left{ float: left; width: 50%;  text-align: left; }
.indexabout .left img{ width: 90%; }
.indexabout .right{ float: left; width: 50%; }
.indexabout .right .title h2{font-size: 18px; color: #999999; font-weight: normal; line-height: 100%; margin-bottom: 10px;}
.indexabout .right .title h1{font-size: 28px; color: #45af3b; line-height: 100%; margin-bottom: 25px;}
.indexabout .right .content p{ color: #333333; font-size: 16px; line-height: 1.8em;  text-align: justify; }
 .data{ /*! padding-top: 20px; */ }
 .data ul li{ width: 50%; float: left; text-align: center; } 
.data ul li strong{ font-size: 40px; color: #45af3b; font-weight: bold; font-family: arial }
 .data ul li h3{ font-size: 18px; margin-bottom: 10px; }
 .data ul li p{ font-size: 14px; color:#888; text-align: left; line-height: 1.8em; padding-left: 15px; padding-right: 15px; }




img{max-width:100%;}
.indexsolution{ padding-top: 120px; padding-bottom: 120px; background: #fafafa; }
.indexsolution .contenta {display: flex;}
.indexsolution .contenta .item{width:48%;margin:1%;text-align: center;}
.indexsolution .contenta .item img{height: 320px;}
.indexsolution .title { text-align: center; }
.indexsolution .title h2{font-size: 18px; color: #999999; font-weight: normal; line-height: 100%; margin-bottom: 10px;}
.indexsolution .title h1{font-size: 36px; color: #45af3b; line-height: 100%; margin-bottom: 25px;}
.indexsolution .title p{font-size: 16px; color: #666; line-height: 2em; margin-bottom: 55px; padding-right: 20%; padding-left: 20%;}
.indexsolution .content .item{text-align: center;}
.indexsolution .content .item a{text-decoration: none;}
.indexsolution .content .item .icon{ background: #fff;  border-radius: 55px; border:#ececec solid 1px; width: 110px; height: 110px; margin: 0 auto; position: relative; }
.indexsolution .content .item .white{ width: 55px; margin: 0 auto;top: 28px; position: absolute; left: 50%; margin-left: -27.5px; opacity: 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexsolution .content .item .black{ width: 55px; margin: 0 auto;top: 28px; position: absolute; left: 50%; margin-left: -27.5px; opacity: 1;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexsolution .content .item h3{ font-size: 16px; color: #333; padding-top: 20px; transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexsolution .content .item:hover .white{ opacity: 1; }
.indexsolution .content .item:hover .black{ opacity: 0; }
.indexsolution .content .item:hover .icon{ background: #45af3b;  border-radius: 55px; border:#45af3b solid 1px; width: 110px; height: 110px; margin: 0 auto; position: relative; }
.indexsolution .content .item:hover h3{ font-size: 16px; color: #45af3b; padding-top: 20px; }


.indexproduct{ padding-top: 120px; padding-bottom: 120px; background: white; background-size: cover;}
.indexproduct .title { text-align: center;  }
.indexproduct .title h2{font-size: 18px; color: #fff; font-weight: normal; line-height: 100%; margin-bottom: 10px;}
.indexproduct .title h1{font-size: 36px; color: #45af3b; line-height: 100%; margin-bottom: 25px;}
.indexproduct .content .swiperTab{ text-align: center; padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #333;}
.indexproduct .content .swiperTab li{ display: inline-block; cursor: pointer; margin-left: 10px; margin-right: 10px;  padding:4px 15px; /*! border:#333 solid 2px; */}
.indexproduct .content .swiperTab li:hover{  color: #333;}
.indexproduct .content .swiperTab li.active{ border:#45af3b solid 2px; border-radius: 50px; color: #45af3b;}
.indexproduct .content .swiper-container { padding-top: 10px;}
.indexproduct .content .swiper-container .swiper-slide ul li{ float: left; width: 23%; /*! margin-left:1$; */ /*! margin-right: 17px; */ border-radius: 4px; overflow: hidden;margin: 1%;}
.indexproduct .content .swiper-container .swiper-slide ul li .img{ width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);}
.indexproduct .content .swiper-container .swiper-slide ul li .img img{ width: 100%; display: block; /*! height: 220px; */ }
.indexproduct .content .swiper-container .swiper-slide ul li .name{ padding-top: 14px; padding-bottom: 14px;background: #fff;  }
.indexproduct .content .swiper-container .swiper-slide ul li .name h1{ font-size: 14px; text-align: center; color: #333; font-weight: normal; line-height: 1.8em;text-overflow: ellipsis;white-space: nowrap;position: relative;overflow: hidden;}
.indexproduct .content .swiper-container .swiper-slide ul li .name h1 a{ font-size: 16px; color: #333 }


.indexnews{ padding-top: 120px; /*! padding-bottom: 120px; */ background: white; }
.indexnews .title { text-align: center; }
.indexnews .title h2{font-size: 18px; color: #999999; font-weight: normal; line-height: 100%; margin-bottom: 10px;}
.indexnews .title h1{font-size: 36px; color: #45af3b; line-height: 100%; margin-bottom: 25px;}
.indexnews .title p{font-size: 16px; color: #666; line-height: 2em; margin-bottom: 55px; padding-right: 20%; padding-left: 20%;}
.indexnews .content .swiper-container .swiper-slide { position: relative; }
.indexnews .content .swiper-container .swiper-slide a{ color: #333 }
.indexnews .content .swiper-container .swiper-slide .img{ width: 100%; display: block; z-index: 1; left: 0px; right: 0px; bottom:0px; top: 0px; opacity: 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
 }
.indexnews .content .swiper-container .swiper-slide .img:after{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: "";  background: rgba(0,0,0,0); z-index: 2 }
.indexnews .content .swiper-container .swiper-slide .img img{ width: 100%; display: block; }
.indexnews .content .swiper-container .swiper-slide .data{ position: absolute; left: 40px; right: 40px; top: 50px; z-index: 99;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
 }
.indexnews .content .swiper-container .swiper-slide .title{position: absolute; left: 40px; right: 40px; top: 130px; z-index: 99; text-align: left;font-size: 20px; line-height: 1.5em;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexnews .content .swiper-container .swiper-slide .description{position: absolute; left: 40px; right: 40px; top: 210px; z-index: 99; font-size: 14px; line-height:1.6em;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}

.indexnews .content .swiper-container{ padding-bottom: 40px; }
.indexnews .content .swiper-container .swiper-slide:hover .img{ opacity: 1; }
.indexnews .content .swiper-container .swiper-slide:hover .img:after{  background: rgba(0,0,0,0.3);}
.indexnews .content .swiper-container .swiper-slide:hover .data{ color: #fff; }
.indexnews .content .swiper-container .swiper-slide:hover .title{color: #fff;}
.indexnews .content .swiper-container .swiper-slide:hover .description{color: #fff;}
.indexnews .content .swiper-pagination{ bottom: 10px!important;width: 100%;margin: 0px 6px;display: ;}





.indexcase{ padding-top: 120px; padding-bottom: 120px;background: #fafafa;}
.indexcase .title { text-align: center;/*! padding-bottom: 50px; */ }
.indexcase .title h2{font-size: 18px; color: #999999; font-weight: normal; line-height: 100%; margin-bottom: 10px;}
.indexcase .title h1{font-size: 36px; color: #45af3b; line-height: 100%; margin-bottom: 25px;}
.indexcase .content .swiper-slide { padding-top: 10px; padding-bottom: 10px; }
.indexcase .content .swiper-slide img{ width: 100%; }
.indexcase .swiper-pagination{ display: none; }



.indexcontent{padding: 4px;}
.indexcontent .newproduct{width: calc(33.3333% - 8px); margin:4px; float: left; overflow: hidden; position: relative;}
.indexcontent .video{width: calc(33.3333% - 8px); margin:4px; float: left;overflow: hidden; position: relative;}
.indexcontent .cooperation{width: calc(33.3333% - 8px); margin:4px; float: left;overflow: hidden; position: relative;}
.indexcontent .newproduct img.bg { width: 100%; display: block;  }
.indexcontent .video img.bg { width: 100%; display: block;  }
.indexcontent .cooperation img.bg { width: 100%; display: block;  }

.indexcontent .newproduct p{ position: absolute; left: 0px; right: 0px; top: 90px; z-index: 1; display: block; text-align: center; font-size: 18px; color: #fff; }
.indexcontent .newproduct p span{ background: #cb0f1a; padding:0px 5px; }
.indexcontent .newproduct h1{ position: absolute; left: 0px; right: 0px; top: 120px; font-size: 28px; color: #fff; text-align: center; z-index: 1; display: block; }

.indexcontent .video img.play{ position: absolute; left: 0px; right: 0px; top: 80px;  z-index: 1; display: block; text-align: center; margin:0 auto;  text-align: center; width: 40px; height: 40px;  }
.indexcontent .video h1{ position: absolute; left: 0px; right: 0px;z-index: 1; display: block; top: 120px; font-size: 28px; color: #fff; text-align: center; z-index: 1; display: block;}

.indexcontent .cooperation p{ position: absolute; left: 0px; right: 0px; top: 30px; z-index: 1; display: block; top: 140px; z-index: 1; display: block; text-align: center; font-size: 18px; color: #fff; }
.indexcontent .cooperation h1{ position: absolute; left: 0px; right: 0px; top: 60px; z-index: 1; display: block;top: 85px; z-index: 1; display: block; text-align: center; font-size: 28px; color: #fff;  }

.indexcontent  a img.bg{transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.indexcontent  a:hover img.bg{transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}


.index_news{ padding-top: 0px; padding-bottom: 50px; }
.index_news .title h1{ font-weight: normal; text-align: center; font-size: 24px; color: #222; line-height: 100%; }
.index_news .title span{  height: 2px; width: 30px; border-radius: 2px; background: #6e6d7a; display: block; margin: 20px auto;  }
.index_news .content .item{ border-radius: 5px; border:#ececec solid 1px; overflow: hidden;}
.index_news .content .item img{width: 100%; display: block; }
.index_news .content .item .text{ padding: 25px; }
.index_news .content .item .text .data{ font-size: 14px; color: #666;}
.index_news .content .item .text .title{ font-size: 18px; color: #222;}
.index_news .owl-dots span{ background:rgba(0,0,0,0.2)!important; height: 2px!important; width: 30px!important; }
.index_news .active span{ background:#3a2b9f!important; }



.detailbanner{ height: 400px; width: 100%; position: relative;}
.detailbanner .pagewidth{ position: relative; /*! height: 400px; */ }
.detailbanner .pagewidth h1{ position: absolute; left: 70%;top:180px; text-align: right; z-index: 55; color: #fff; font-size: 32px; font-weight: normal; text-shadow: 1px 2px 2px rgba(0,0,0,0.1);}
.detailbanner .pagewidth p{ position: absolute; left: 70%; top:220px;text-align: right; z-index: 55; text-transform: uppercase; color: #fff; font-size: 32px;text-shadow: 1px 2px 2px rgba(0,0,0,0.1);}




.detailtwomenu{ height: 50px; line-height: 50px; border-bottom: #ececec solid 1px; background: #fff;}
.detailtwomenu h1{ font-size: 18px; float: left; border-bottom: #45af3b solid 1px; color: #45af3b; font-weight: bold;}
.detailtwomenu ul{ float: right;}
.detailtwomenu ul li{ float: left; padding-left: 50px;}
.detailtwomenu ul li a{color: #333; font-size: 16px;}
.detailtwomenu ul li a.active{color: #45af3b; }
.detailtwomenu{ height: 50px; line-height: 50px; border-bottom: #ececec solid 1px; background: #fff;}
.detailtwomenu h1{ font-size: 18px; float: left; border-bottom: #45af3b solid 1px; color: #45af3b; font-weight: bold;}
.detailtwomenu ul{ float: right;}
.detailtwomenu ul li{ float: left; padding-left: 50px;}
.detailtwomenu ul li a{color: #333; font-size: 16px;}
.detailtwomenu ul li a.active{color: #45af3b; }






.aboutcontent{ padding-top: 50px; padding-bottom: 100px; font-size: 18px; color: #222; line-height: 2em;  }
.aboutcontent h2{ font-size: 24px; color: #45af3b;font-weight: normal; margin-bottom: 20px; padding-top: 50px; }
.aboutcontent p{ font-size:16px; color: #333;font-weight: normal; line-height: 2em; }



.contactcontent{height:600px;font-size: 18px; color: #222; line-height: 2em;  }
.contactcontent .pagewidth{ position: relative;height: 600px; }
.contactcontent .html { position: absolute; top: 100px; left: 0px; background:rgba(0,0,0,0.4); padding: 45px; }
.contactcontent .html h2{ font-size: 24px; color: #fff;font-weight: normal; margin-bottom: 20px;}
.contactcontent .html p{ font-size:16px; color: #fff;font-weight: normal; line-height: 2em;  }
.contactcontent .html a{ color: #fff;font-size: 16px; border-radius: 2px; border:#fff solid 1px; padding: 3px 10px; margin-top: 20px; width: 100px;text-align: center; display: block;  }

.casecontent ul li{ width: 14.28%; text-align: center; float: left; padding-top: 30px; }
.casecontent ul li img{ width:80%; display: block; margin:0 auto; }


.productcontent { padding-top: 30px; }
.productcontent .list{ width: 1300px; overflow: hidden; }
.productcontent .list ul { width: 1350px; }
.productcontent .list ul li { width: 307px; float: left;  overflow: hidden; margin-bottom: 24px;margin-right: 24px; }
.productcontent .list ul li .img{border-radius: 6px; overflow: hidden;}
.productcontent .list ul li img{ width: 100%; display: block; height: 230px; }
.productcontent .list ul li h1{ font-size: 18px; font-weight: normal; text-align: center; padding-top: 15px; }
.productcontent .list ul li h1 a{ color: #333; }

.store_list {  padding-top: 60px; padding-bottom: 60px; }
.store_list .pagewidth{ width: 1200px; margin:0 auto; }
.store_owl .owl-item .item{ }
.store_owl .owl-item .item h3{ font-size: 16px; color: #333;height: 40px; line-height: 40px; text-align: center; }
.store_owl .owl-prev{ position: absolute; left:20px; top: 47%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.store_owl .owl-next{ position: absolute; right:20px; top: 47%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.store_owl .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 20px!important; }
.store_owl .owl-dots span{ background:rgba(0,0,0,0.2)!important;  }
.store_owl .active span{ background:#90c64b!important; }

.store2_list {  padding-top: 40px; padding-bottom: 40px; }
.store2_list .pagewidth{  margin:0 auto; }
.store2_owl .owl-item .item{ position: relative; }
.store2_owl .owl-item .item h3{ position: absolute;  left: 0px; right: 0px; bottom: 0px; font-size: 16px; color: #fff; background:rgba(0,0,0,0.5); height: 40px; line-height: 40px; text-align: center; }
.store2_owl .owl-prev{ position: absolute; left:20px; top: 43%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.store2_owl .owl-next{ position: absolute; right:20px; top: 43%; background: rgba(0,0,0,0.5)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}



.detail_join {  padding-top: 40px; padding-bottom: 40px; }

.detail_join ul li{ padding: 20px; border-radius: 3px; border: #ececec solid 1px; margin-bottom: 20px; transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.detail_join ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 15px  rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px  rgba(0,0,0,0.1);
}
.detail_join ul li span.img{ width: 75px; height: 75px; overflow: hidden; border-radius: 75px; display: block; float: left; margin-right: 20px; }
.detail_join ul li span.img img{ width: 75px; height: 75px; display: block; }
.detail_join ul li span.title{ float: left; line-height: 75px; height: 75px; width: 170px; }
.detail_join ul li span.email{ float: left; line-height: 75px; height: 75px; width: 280px;}
.detail_join ul li span.tel{ float: left; line-height: 75px; height: 75px; width: 280px;}
.detail_join ul li span.company{ float: left; line-height: 75px; height: 75px; width: 280px; }
.detail_join ul li .button{ float: right;line-height: 75px; height: 75px; font-size: 20px; }
.detail_join ul li .content{ border-top: #ececec solid 1px; margin-top: 20px; padding-top: 20px; padding-left: 95px; }
.detail_join ul li .content .left{ width: 48%; float: left }
.detail_join ul li .content .right{ width: 48%; float: right }
.detail_join ul li .content h1{ font-size: 18px; color: #333; }
.detail_join ul li .content .html{ font-size:14px; color: #444; line-height: 1.8em; }

.pagecontent {  padding-top: 40px; padding-bottom: 40px; }
.pagecontent .html{ font-size: 14px; color: #333; line-height: 2em; }


.service_list { padding-top: 40px; }
.service_list .text{color: #222;  font-size: 16px;  line-height: 2em; margin-bottom: 30px; }
.service_list ul li{ float: left; width: 280px; margin-right: 20px; margin-bottom: 30px; }
.service_list ul li .img{  }
.service_list ul li .img  img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.service_list ul li h2{ font-size: 16px;  text-align: center; padding-top: 5px; line-height: 100%; }
.service_list ul li h2 a{color: #222;  font-size: 16px; }

.news_list { padding-top: 30px; padding-bottom: 30px;  }
.news_list ul li { margin-bottom:15px; padding-bottom: 15px;  }
.news_list ul li .img{ float: left; width: 250px; margin-right: 30px; border-radius: 3px; overflow: hidden; }
.news_list ul li .img img{ display: block;width: 100%; height: 180px;}
.news_list ul li .text{float: left; width: 890px;}
.news_list ul li .text h2 a{ font-size: 18px;  color: #333;}
.news_list ul li .text .time{ font-size: 14px;  color: #666;  margin-bottom:3px;}
.news_list ul li .text .description{ font-size: 14px;  color: #666; margin-bottom: 10px; }
.news_list ul li .text .more a{ font-size: 16px;  color: #39309c; }
.news_list ul li:hover .text h2 a{  color: #000;}
.news_list ul li:hover .text .description{color: #222; }

.news_detail{ padding-top: 80px; padding-bottom: 40px;  }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px; }
.news_detail .title h1{text-align: center; font-size: 24px; line-height: 2em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .content{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .content .html img{ width: 100%;  }
.news_detail .other{ padding-top: 30px; padding-bottom: 50px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 


.contact_detail {padding-top: 60px; padding-bottom: 60px;  }
.contact_detail .map{float: left; width: 50%;}
.contact_detail .html{float: right; width: 48%; padding-top: 80px; }
.contact_detail .html p{ font-size: 16px; color: #333; line-height: 2em;  }



.join_form {  padding-top: 40px; padding-bottom: 40px; }



.productdetail { padding-bottom: 30px; }
.productdetail h1{ font-size:24px; color: #333;text-align: center; padding-top: 50px; font-weight: normal; padding-bottom: 30px;}
.productdetail .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 20px!important; }
.productdetail .owl-dots span{ background:rgba(0,0,0,0.2)!important;  }
.productdetail .active span{ background:#90c64b!important; }
.productdetail_owl .item img{ height: 300px; }

.productdetailhtml{ background: #f5f5f5; padding-top: 40px; padding-bottom: 100px; }
.productdetailhtml .title{ font-size: 24px; color: #666;  border-bottom: #dddddd solid 1px; padding-bottom: 10px; margin-bottom: 20px;}




/*大屏幕*/
@media screen and (max-width: 1920px) {
} 
/*中屏幕*/
@media screen and (max-width: 1440px) {
} 
/*平板*/
@media screen and (max-width: 768px) {
    .video video{ display:none; }
.video .slogan h1{ font-size: 40px; }
.video .slogan h2{ font-size: 40px; }
.indexabout{  padding-top: 50px; padding-bottom: 50px; }
.indexabout .left{ width: 100%; display: none; }
.indexabout .left img{ width: 60%; margin: 0 auto; display: block; }
.indexabout .right{ width: 100%; }
.indexabout .right .title{text-align: center}
.indexabout .right .data ul li strong{ font-size:32px; }
.indexabout .right .data ul li h3{ font-size: 14px; }
.indexsolution .title p{ padding-left: 0; padding-right: 0; }
.indexsolution{  padding-top: 50px; padding-bottom: 50px; }
.indexproduct{  padding-top: 70px; padding-bottom: 50px; }
.indexnews{  padding-top: 50px; padding-bottom: 50px; }
.indexcase{  padding-top: 50px; padding-bottom: 50px; }
.indexsolution .title h1{ font-size: 24px; }
.indexabout .title h1{ font-size: 24px; }
.indexproduct .title h1{ font-size: 24px; }
.indexcase .title h1{ font-size: 24px; }
.indexnews .title h1{ font-size: 24px; }
.indexproduct .content .swiper-container .swiper-slide ul li{ float: left; width: calc(50% - 10px);margin-left:5px; margin-bottom: 10px; margin-right: 5px; border-radius: 4px; overflow: hidden;}
.indexproduct .content .swiper-container .swiper-slide ul li .img{ width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);}
.indexproduct .content .swiper-container .swiper-slide ul li .name{ padding-top: 7px; padding-bottom: 7px; }
.indexproduct .content .swiper-container .swiper-slide ul li .name h1 a{ font-size: 14px; }
.indexcase .swiper-pagination{ display:block; }
.indexnews .content .swiper-container .swiper-slide .img{ opacity: 1; }
.indexnews .content .swiper-container .swiper-slide a{ color: #fff }
.indexnews .content .swiper-container .swiper-slide .img:after{  background: rgba(0,0,0,0.3);}
.detailtwomenu{ display: none; }
.detailbanner{ height: 250px; }
.detailbanner .pagewidth h1{top: 100px; width: 100%;left: 0%; text-align: center; font-size: 24px;}
.detailbanner .pagewidth p{top: 150px; width: 100%;left: 0%; text-align: center; font-size: 24px;}
.detailbanner .pagewidth{ height: 250px; }

.aboutcontent .pagewidth div{ /*! width: 100%!important; */ float: none!important; }
.store_list .pagewidth{ width: 96%; }

.productcontent .list{ width: auto; overflow: hidden; }
.productcontent .list ul { width: auto; }
.productcontent .list ul li { width: 100%; float: none;  overflow: hidden; margin-bottom: 20px;margin-right: 0; }
.productcontent .list ul li .img{border-radius: 6px; overflow: hidden;}
.productcontent .list ul li img{ width: 100%; display: block; height: auto; }
.productcontent .list ul li h1{ font-size: 18px; font-weight: normal; text-align: center; padding-top: 15px; }
.productcontent .list ul li h1 a{ color: #333; }

.casecontent ul li{ width: 33.333%; text-align: center; float: left; padding-top: 30px; }
.casecontent ul li img{ width:80%; display: block; margin:0 auto; }


.news_list ul li { margin-bottom:15px; padding-bottom: 15px;  }
.news_list ul li .img{ float: none; width: 100%; margin-right: 0px; border-radius: 3px; overflow: hidden; }
.news_list ul li .img img{ display: block;width: 100%; height: 240px;}
.news_list ul li .text{float: none; width: 100%;}
.news_list ul li .text h2{ line-height: 1.4em; }
.news_list ul li .text h2 a{ font-size: 18px;  color: #333;}
.news_list ul li .text .time{ font-size: 14px;  color: #666;  margin-bottom:3px; padding-top: 20px;}
.news_list ul li .text .description{ font-size: 14px;  color: #666; margin-bottom: 10px; }
.news_list ul li .text .more a{ font-size: 16px;  color: #39309c; }
.news_list ul li:hover .text h2 a{  color: #000;}
.news_list ul li:hover .text .description{color: #222; }

.contactcontent .html { position: absolute; top: 100px; left: 0px; background:rgba(0,0,0,0.4); padding: 25px; width: calc(100% - 50px); }
.contactcontent .html h2{ font-size: 18px; color: #fff;font-weight: normal; margin-bottom: 20px;}
.contactcontent .html p{ font-size:16px; color: #fff;font-weight: normal; line-height: 2em;  }
.contactcontent .html a{ color: #fff;font-size: 16px; border-radius: 2px; border:#fff solid 1px; padding: 3px 10px; margin-top: 20px; width: 100px;text-align: center; display: block;  }

}
/*手机*/
@media screen and (max-width: 480px) {
}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}