@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*数字统一字体*/
.top{position: fixed;width: calc(100% - 40px);z-index: 999; padding:0px 20px 0 30px;background:none;overflow: hidden;}
.top .left{ float: left;}
.top .left .logo{ padding:0 20px;background:#fff; border-radius: 0 18px 0 18px; margin-top: 10px;}
.top .left .logo b{font-size:22px; display: block; text-align: center; color: #00a9a2;}
.top .left .logo p{font-size:10px; display: block;text-transform:uppercase; text-align:center; color:#00a9a2;}
.top .left .logo img{height: 51px;}

.top .nav{ position: absolute;left: 52.5%;transform:translateX(-52.5%); padding-top:24px; min-width:650px;}
.top .nav ul li{ float: left; text-align: center; margin: 0 30px;}
.top .nav ul li p{text-transform:uppercase; font-size:16px;}
.top .nav ul li p.en{ visibility: hidden;opacity: 0;filter:alpha(opacity=0);}
.top .nav ul li:hover .cn{transform:translateY(-20px); opacity:0;filter:alpha(opacity=0);}
.top .nav ul li:hover .en{ visibility:visible;opacity: 1;transform:translateY(-20px);filter:alpha(opacity=100); color:#333;}
.top .right{margin-top: 20px; margin-right: 20px;}
.top .right .en{ border: 1px solid rgba(0,0,0,0.1);width: 30px; height:30px; text-align: center;line-height: 30px; border-radius: 50%;}
.top .right span{float: left;}
.top .right .en a{ font-size: 13px; display: block;border-radius: 50%;}
.top .right .en:hover{  transform: rotate(360deg) scale(1.2);border-radius: 50%;-ms-transform: rotate(360deg) scale(1.2);-webkit-transform: rotate(360deg) scale(1.2);-o-transform: rotate(360deg) scale(1.2);-moz-transform: rotate(360deg) scale(1.2); background: #fff;border: 1px solid rgba(255,255,255,0.5);}
.top .right .en:hover a{background:#55c3f2; color:#fff;border-radius: 50%;}

.top_b{padding:0px;width: calc(100%); background: #fff;}
.top_b .left .logo{transform: scale(0.8);}
.top_b .right .en:hover{background: rgba(0,0,0,0.5);border: 1px solid rgba(0,0,0,0.0);}
.top_b .right .en:hover a{color: #fff;}

/*菜单*/
.hback{width: 0;height: 0;z-index: -99998;left:0; top: 0;position:fixed;background: rgba(0,0,0,0.0);opacity: 0; filter:alpha(opacity=0);display: none;}
.caidan{ width: 0%;height: 100%;background: #fff; position: fixed;right: -200px;top: 0;z-index: 99999; min-width: 200px;}
.caidan .caidan_nav{padding: 10% 3%; height: 80%;overflow-x: hidden;overflow-y: auto;}
.caidan .caidan_nav::-webkit-scrollbar {display: none;}
.caidan .caidan_nav ul{}
.caidan .caidan_nav ul .caidan_1{ width: 90%; padding:0 5%; line-height:60px; height:60px; border-bottom: 1px solid #E8E8E8; font-size: 14px; display: block;}
.caidan .caidan_nav ul .caidan_1 i{float: right; color: #999; font-size: 12px;}
.caidan .caidan_nav ul .caidan_1:hover ,.caidan .selected .caidan_1{background: #fff;}
.caidan .caidan_nav ul .caidan_1:hover ,.caidan .selected .caidan_1{background: #fff;transform:translateX(20px);}
.caidan .selected .caidan_1 i{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.caidan .caidan_nav ul li a{ display: block; height: 100%;}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 8%;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-bottom: 1px solid #f6f6f6;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 13px; display: block;}

.banner_swi_box{ padding-bottom: 74px; overflow: hidden; position: relative; background:#fff;}
.banner_swi_box .swiper-slide img{width: 100%;height: auto;}
.banner_swi_box .swiper-pagination{ bottom: 30px; left: 13%; width: inherit;}
.banner_swi_box .swiper-pagination .swiper-pagination-bullet{background: inherit; border: 1px solid #b0d7e3; opacity: 1;filter:alpha(opacity=100); margin: 0 5px;}
.banner_swi_box .swiper-pagination .swiper-pagination-bullet-active{background: #b0d7e3;}
.banner_swi_box .youshi{ background: #435d7c;padding: 10px 200px 10px 20px; float: right; position: absolute; right: 0;bottom:19px;z-index: 99;transform: scale(0.8);}
.banner_swi_box .youshi ul{}
.banner_swi_box .youshi ul li{ float: left; width: calc(50% - 50px); padding:0 50px;border-left: 1px solid rgba(255,255,255,0.1);max-width: 280px;}
.banner_swi_box .youshi ul li:nth-of-type(1){ border-left: 0px;}
.banner_swi_box .youshi ul li i{width: 63px;height: 63px;border: 1px solid rgba(255,255,255,0.1);border-radius: 50%; text-align: center;line-height: 63px; color: #fff;display: block;font-size: 34px; float: left; margin-right: 20px;}
.banner_swi_box .youshi ul li .text{ float: left; padding-top: 10px;}
.banner_swi_box .youshi ul li .text span{width: 0px;height: 1px;display: block; background: #fff;transform:translateY(17px);}
.banner_swi_box .youshi ul li .text b{ font-size: 18px; color: #fff; display: block;margin-bottom: 6px;font-weight: 600;}
.banner_swi_box .youshi ul li .text p{ font-size: 14px; color: #fff; display: block;opacity: 0.5;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.banner_swi_box .youshi ul li:hover i{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); background: #fff;border: 1px solid rgba(255,255,255,0.5); color: #435d7c;}
.banner_swi_box .youshi ul li:hover .text b{transform:translateX(40px);}
.banner_swi_box .youshi ul li:hover .text span{ width: 30px;}

/*公用样式*/
.m-wrap{overflow: hidden;}
.wrap{ width: 90%;max-width: 1560px; margin: 0 auto;}
.title{ padding-bottom:80px;}
.title .title_content{ float: left; position: relative; left: 50%;transform:translateX(-50%);}
.title .title_content img{float: left; margin-right: 10px; margin-top: 8px;}
.title .title_content .text{ float: left;}
.title .title_content .text b{font-size: 30px; display: block;margin-bottom: 0px; font-weight: 500;}
.title .title_content .text p{font-size: 13px; opacity: 0.5;filter:alpha(opacity=50);text-transform:uppercase;}

/*首页产品*/
.index_product{ padding: 80px 0;}
.index_product .index_product_swi{padding-bottom: 50px;}
.index_product .index_product_swi .swiper-slide{width: 25%;}
.index_product .index_product_swi .swiper-slide .img{ margin-bottom: 10px; overflow: hidden; background: #000; position: relative;}
.index_product .index_product_swi .swiper-slide .img i{ position: absolute; left: 0;top: 0; right: 0;bottom: 0;padding: 0;margin: auto; width: 80px;height: 80px; text-align: center;line-height: 80px; font-size: 20px; color: #fff; background: rgba(255,255,255,0.1); border-radius: 50%; opacity: 0; filter:alpha(opacity=0);visibility: hidden;transform:translateY(-100%);}
.index_product .index_product_swi .swiper-slide a:hover{cursor: url(../images/close-emptys.png),e-resize;}
.index_product .index_product_swi .swiper-slide:hover .img img{transform: scale(1.2);opacity: 0.3;filter:alpha(opacity=30);}
.index_product .index_product_swi .swiper-slide span{ width: 0px;height: 1px; display: block; background: #000;transform:translateY(13px);}
.index_product .index_product_swi .swiper-slide:hover span{ width: 50px;}
.index_product .index_product_swi .swiper-slide:hover p{transform:translateX(60px);}
.index_product .index_product_swi .swiper-slide:hover .img i{ visibility:visible;opacity: 1;filter:alpha(opacity=100);transform:translateY(0px);}
.index_product .swiper-scrollbar{ width: 40%; left: 50%;transform:translateX(-50%);}
.index_product .swiper-scrollbar .swiper-scrollbar-drag{background: #F483B0;}

/*video*/
.video_box{padding: 80px 0;background: #f4f4f4;}
.video_box .left{width: 50%; float: left;position: relative;}
.video_box .left i{ font-size: 30px;position: absolute; top: 0;left: 0;right: 0;bottom: 0; margin: auto; width: 80px;height:80px; background: rgba(0,0,0,0.5); text-align: center;line-height: 80px; display: block; color: #fff; border-radius: 50%;z-index: 10;}
.video_box .left .back{ overflow: hidden;}
.video_box .left:hover .back img{transform: scale(1.2);}
.video_box .left:hover i{transform: scale(0.9);}

.video_box .right{width: 50%; float: right; position: relative;}
.video_box .right .text{ position: absolute; top: 0;left: 0;right: 0;bottom: 0; margin: auto;width: 140px; height: 60px; text-align:center;}
.video_box .right .text b{font-size: 30px; color: #fff; display: block;margin-bottom:16px;font-weight: 500;}
.video_box .right .text .xian1{width: 50px; height: 2px;display: block;background: #42BFEE; margin: 0 auto;}
.video_box .right .back {overflow: hidden;}
.video_box .right:hover .back img{transform: scale(1.2);}
.video_box .right i{width: 1px; height: 0px; display: block; position: absolute; top: 0;left: 0;right: 0;bottom: 0; margin: auto;background: #fff;}
.video_box .right .xian2{ position: absolute; font-size: 20px;text-transform:uppercase; top: 0;left: 0;right: 0;bottom: 0; margin: auto; color: #fff; width: 210px;text-align: center;height: 30px;line-height: 30px;transform:translateY(-0px); opacity: 0;filter:alpha(opacity=100);visibility: visible;}
.video_box .right:hover .text{transform:translateY(50px);}
.video_box .right:hover i{ height: 20px;}
.video_box .right:hover .xian1{opacity: 0;filter:alpha(opacity=0);}
.video_box .right:hover .xian2{transform:translateY(-40px);opacity: 0.5;filter:alpha(opacity=50); visibility: visible;}

/*新闻*/
.news_box{ padding: 80px 0; overflow: hidden;}
.news_box .news_swi .swiper-slide{position: relative; padding-bottom: 100px; overflow: hidden;background: #000;}
.news_box .news_swi .swiper-slide .text{ padding:40px; background: #F3F3F3;position: absolute;bottom: 0; width:100%; box-sizing:border-box;}
.news_box .news_swi .swiper-slide .text b{display: block;font-size: 18px; font-weight: 400;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_box .news_swi .swiper-slide .text b span{float: right; font-size: 12px; font-weight: 400;opacity: 0.5;filter:alpha(opacity=50);padding-left: 10px;padding-top: 4px; width: 77px;}
.news_box .news_swi .swiper-slide .text p{font-size: 14px;height: 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; opacity: 0;filter:alpha(opacity=0);}
.news_box .news_swi .swiper-slide:hover .text p{ padding: 20px 0 0; height: 60px; opacity: 0.7;filter:alpha(opacity=70);}
.news_box .news_swi .swiper-slide:hover img{transform: scale(1.2);opacity: 0.3;filter:alpha(opacity=30);}

.news_box .news_swi .swiper-slide .text i{position: absolute; top: -22px; right: 35px; width: 44px;height: 44px; display: block;background: #42BFED; text-align: center; line-height: 44px; color: #fff;font-size: 16px;border-radius: 50%; opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.news_box .news_swi .swiper-slide:hover .text i{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); visibility: visible; opacity: 1;filter:alpha(opacity=100);}


/*底部*/
.footer{ padding: 40px 0;background: #435d7c;}
.footer .left{color: #fff; float: left;}
.footer .left b{font-size: 18px;margin-bottom: 20px;}
.footer .left p{font-size: 14px; color: #CDD2D8;}
.footer .left a{font-size: 14px; color: #CDD2D8;}
.footer .right{ float: right;}
.footer .right img{ float: left;margin-right: 20px;}
.footer .right .text{float: left; font-size: 14px; color: #CDD2D8;line-height: 26px;}
.footer .right .text a{color: #CDD2D8;}
.footer .right .text p{margin-bottom: 6px; line-height:18px;}


/*产品*/
.product_list{ padding-top: 40px;}
.product_tabs_box{width: 100%;height:45px;line-height: 45px; position:fixed; top: 0; z-index: 99999; background: #fff;border-bottom: 1px solid rgba(0,0,0,0.1); transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
.product_tabs_box .product_tabs{}
.product_tabs_box .product_tabs ul{position:absolute;height: 45px; left: 50%; transform: translateX(-50%);min-width: 640px;display: flex;width: 100%;justify-content: center;}
.product_tabs_box .product_tabs ul li{ float: left;position: relative;}
.product_tabs_box .product_tabs ul li a{font-size: 13px; display: block; padding:0 20px;}
.product_tabs_box .product_tabs ul li span{ width: 1px;height:0px; display: block;background: rgba(0,0,0,0.1); margin: 0 auto;position: absolute;bottom: 0;left: 50%;}
.product_tabs_box .product_tabs ul .active a,.product_tabs_box .product_tabs ul li:hover a{ background:#43BFEE; color: #fff;}

.product_list_wrap{ padding:0px 0 50px; background: #fff;}
.product_list_wrap ul {margin-bottom:1px; }
.product_list_wrap ul b{font-size:21px; font-weight:400; margin-bottom:3px; display: block; padding:15px 0; border-top: 1px solid #f4f4f4;}
.product_list_wrap ul li{ width: 32%; float: left; margin-right: 1.33%;margin-bottom: 30px;}
.product_list_wrap ul li:nth-of-type(3n){margin-right: 0;}
.product_list_wrap ul li .img{margin-bottom:1px; overflow: hidden; border:3px solid #fff;}
.product_list_wrap ul li .img:hover{ border:3px solid #ee87b4;}
.product_list_wrap ul li .img img{max-width: 100%;    margin: 0 auto;}
.product_list_wrap ul li .text span{width: 0px;height: 1px; display: block;background: #42BFEE;transform: translateY(12px);}
.product_list_wrap ul li:hover .img img{transform: scale(1.1);}
.product_list_wrap ul li .text p{display: block;text-align: center;font-size: 14px; color:#666;}


/*info*/
.info_box{ padding:50px 0; overflow: hidden;background: #fff;}
.info_box .left{ width: 45%; float: left; padding-top: 10px;}
.info_box .left .info_title{ margin-bottom: 40px;}
.info_box .left .info_title b{ font-size: 32px; display: block;margin-bottom: 7px;font-weight: 500;}
.info_box .left .info_title p{ font-size: 20px; color: #666;margin-bottom: 15px;}
.info_box .left .info_title span{width: 40px;height: 3px; display: block;background: #42BFEE;}
.info_box .left .text{color: #666; line-height:24px;}
.info_box .right{width: 50%; float: right;}
.info_box .right img{min-height: 500px; width: 100%; object-fit: cover;}
.wenhua_box:before{	content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/wenhua_back.jpg) center 0 no-repeat;background-size:cover;background-position: left bottom;}
.wenhua_box .wenhua{background: #fff; width: calc(55% - 10%);padding:60px 5%; margin:100px 0;}
.wenhua_box .wenhua .wenhua_title{margin-bottom: 40px;}
.wenhua_box .wenhua .wenhua_title b{ font-size: 32px; display: block;margin-bottom: 7px;font-weight: 500;}
.wenhua_box .wenhua .wenhua_title span{width: 40px;height: 3px; display: block;background: #42BFEE;}
.wenhua_box .wenhua .text{color: #666; font-size: 16px; line-height: 30px;margin-bottom: 50px;}
.wenhua_box .wenhua .youshi{}
.wenhua_box .wenhua .youshi ul li{width: 50%; float: left;}
.wenhua_box .wenhua .youshi ul li i{ font-size: 36px; display: block; width: 76px;height: 76px;border-radius: 50%;background: #ff8340; text-align: center;line-height: 76px; color: #fff; float: left; margin-right: 10px;}
.wenhua_box .wenhua .youshi ul li .font{float: left; margin-top: 10px;}
.wenhua_box .wenhua .youshi ul li .font b{display: block;margin-bottom: 6px;font-size: 20px; font-weight: 500;}
.wenhua_box .wenhua .youshi ul li .font p{color: #666;}
.wenhua_box .wenhua .youshi ul li:nth-of-type(2) i{background: #408BE2;}
.wenhua_box .wenhua .youshi ul li:hover i{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); }
.wenhua_box .wenhua .youshi ul li:hover .font b{transform: translateX(10px); color: #42BFEE;}
.wenhua_box .wenhua .youshi ul li:hover .font p{transform: translateX(10px);}


/*专利*/
.zhengshu{padding:60px 0;background: #fff;}
.section-content6{width:100%;}
.honorList{padding-bottom: 30px;}
.honorList ul{ color: #666; padding: 0;}
.honorList li{margin-bottom:20px; cursor: pointer; text-align: center;}
.honorList li p{ padding-top: 8px;}
.honorList .img{overflow: hidden; position: relative;}
.honorList li a{border: 1px solid rgba(0,0,0,0.1); display: block;}
.honorList li a img{width: 80%; margin: 0 auto;}
.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=100); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1; filter:alpha(opacity=100);visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #F47D40;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #F47D40; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.Factory_swi{ padding-bottom:60px;}
.Factory_swi .swiper-scrollbar{ width: 32.8%; height: 2px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Factory_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #42BFEE;}
.Certificate_swi{ padding-bottom:60px;}
.Certificate_swi .swiper-scrollbar{ width: 32.8%; height: 2px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Certificate_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #42BFEE;}
.honorList .swiper-pagination-bullet-active{background: #42BFEE;}
.article_hot_box{padding-bottom:10px; padding-top:10px;}
.article_hot_box .news_swi{ padding-bottom: 50px;}
.article_hot_box .swiper-pagination-bullet-active{background: #42BFEE;}


/*新闻列表*/
.article_list_box{ padding:30px 0;background: #f4f4f4;}
.article_list{padding-bottom:1px;}
.article_list ul li{margin-bottom:10px;}
.article_list ul li a{ padding:30px 50px;background: #fff; display: block; position: relative;}
.article_list ul li a .time { width: 120px; float: left; position: inherit;z-index: 5;}
.article_list ul li a .time i{font-size:14px; color: #666; margin-bottom:2px; display: block;}
.article_list ul li a .time span{font-size: 30px; color: #666; font-weight: 300; display: block;}
.article_list ul li a .text{ width: calc(100% - 120px); float: right; position: inherit;z-index: 10;}
.article_list ul li a .text b{font-size: 20px; margin-bottom: 10px; font-weight: 500;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.article_list ul li a .text p{font-size: 14px; color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.article_list ul li a:hover{ background: #42BFEE;}
.article_list ul li a:hover .text b{ color: #fff;transform:translateX(10px);}
.article_list ul li a:hover .text p{ color: #fff;}
.article_list ul li a:hover .time i,.article_list ul li a:hover .time span{ color: #fff;}

.article_list ul li a .back{position: absolute;z-index: 1;left: 0; top: 0;width: 100%; height: 100%;background: url(../images/news_listback.jpg) no-repeat; background-size: 100%; opacity: 0;filter:alpha(opacity=0);}
.article_list ul li a:hover .back{opacity:1;filter:alpha(opacity=100);}

/*内容页*/
.article_content_box{ padding: 30px 0; background: #fff;}
.article_content_box .wrap{ background: #fff; max-width:1330px;}
.article_content_box .wrap .box{ padding:70px 100px 30px;}
.article_content_box .wrap .box img{ max-width:100%; display:inline;}
.article_content_box .wrap .box .article_content_title{ border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2; padding-top:20px;}
.article_content_box .wrap .box .article_content_title b{ font-size:26px; color: #333; font-weight:500; padding-bottom:4px; display: block;}
.article_content_box .wrap .box .article_content_title p{ font-size: 14px; color: #999; padding-bottom:15px;}
.article_content_box .wrap .box .article_content_title p span i{margin-right: 5px;}
.article_content_box .wrap .box .font{ padding:30px 0; line-height:30px; font-size:16px;}
.article_content_box .wrap .box .font span{ display:initial;}
.article_content_box .wrap .box .font .video_play{max-width:50%; margin-left:25%;}
.return{ font-size:14px;border-top:1px solid #f4f4f4; padding-top:10px;}
.return a{ color:#666;}
.return a:hover{ color:#43bfed;}

.product_article_box{ padding:110px 0 50px; background: #fff;}
.product_article_box .product_article_title{text-align: left; border-top:1px solid #f4f4f4; padding-top:10px; padding-left:20px;} 
.product_article_box .product_article_title b{font-size:22px; margin-bottom:15px;font-weight:500; color:#666;}
.product_article_box .product_article_img{ background: #fff; margin-bottom:3px; padding-bottom:20px;}
.product_article_box .product_article_wrap{width:92%;max-width: 1330px; margin: 0 auto;}
.product_article_box .product_article_img .product_article_swi img{ max-width: 100%; margin:0 auto;}
.product_article_img .swiper-pagination-bullet-active{background: #42BFEE;}
.product_article_img .swiper-pagination{bottom:0px;}

.product_infobox{ padding:25px; background: #fff; margin-bottom: 20px;}
.product_infobox img{ max-width:100%; display:inline;vertical-align: bottom;}

/*联系我们*/
.contact_biaodan{ padding:60px 0;}
.contact_biaodan .lianxi_title{ text-align: center; margin-bottom: 50px;}
.contact_biaodan .lianxi_title b{font-size: 32px; display: block;margin-bottom:3px; color: #42BFEE;}
.contact_biaodan .lianxi_title p{ font-size:14px; color:#666;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid #D8D8D8;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid #D8D8D8;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width:170px;height:42px; display: block; background: #42BFEE; color: #fff; border-radius:0 12px 0 12px; margin: 0 auto; font-size: 16px;}

.contact_info{ padding: 50px 0; background: #f2f2f2;}
#dituContent{width: 100%; height: 500px;}

.top .memn{ width:30px;height: 25px; margin-top:7px; margin-left: 10px; display: none;}
.top .memn i{width: 100%; height: 2px;margin-bottom: 5px; display: block;background: #000;}
.pc-vis{ display: inherit;}
.phone-vis{ display:none;}

.contact_info .wrap{ max-width:1330px;}
.contact_biaodan .wrap{ max-width:1330px;}
.contact_info img{ max-width:100%; display:inline;}

@media screen and (max-width: 1440px){
	.banner_swi_box{padding-top: 18px;}
.banner_swi_box .youshi{ padding: 10px 20px 10px 20px}
}
@media screen and (max-width: 1200px){
	.top .nav{min-width: 451px;left:57.5%;transform: translateX(-57.5%);}
	.top .nav ul li{margin: 0 10px;}
	.info_box .right img{ min-height: inherit;}
	.wenhua_box .wenhua{width: calc(100% - 10%);}
	.info_box{padding: 30px 0;}
	.wenhua_box .wenhua .youshi ul li{}
	.wenhua_box .wenhua .youshi ul li i{}
	.index_product{padding:50px 0 30px}
	.video_box{padding: 30px 0;}
	.news_box{padding: 30px 0;}
}
@media screen and (max-width: 1024px){
	.banner_swi_box .youshi{width: calc(50% - 40px);}
	.banner_swi_box .youshi ul li{width: 100%;max-width: inherit; border: 0px;}
	.footer .left p{font-size: 12px;}
	.footer .left{width: 45%;}
	.footer .right .text p{font-size: 12px;}
	.zhengshu{padding: 30px 0;}
	.wenhua_box{padding: 30px 0;}
	#dituContent{width: 100%; height: 300px;}
	.product_article_img .swiper-pagination{bottom: 20px;}
	.top .nav{padding-top: 3%; left: 59.5%; transform: translateX(-59.5%);}
	.wenhua_box .wenhua{ margin:40px 0;}
	.banner_swi_box{padding-top: 37px;}
}

@media screen and (max-width: 768px){
.top .nav{display: none;}
.top .memn{display: inherit;}
.banner_swi_box .youshi ul li{ padding:0;}
.info_box .left{ width:100%;}
.info_box .right{width:100%;}
.product_tabs_box{ display: none;}

}
@media screen and (max-width: 640px){
	body{min-width: 320px;}
	.top{min-width: inherit;overflow: hidden;}
	.top .nav{display: none;}
	.banner_swi_box .swiper-slide img{min-height: inherit; width:100%; height: auto;}
	.top{width: calc(100% - 20px); padding: 0 10px;}
	.top .right{margin-right: 10px;}
	.pc-vis{ display: none;}
	.info_box .left .info_title{margin-bottom:20px;}
	.phone-vis{ display:inherit;}
	.banner_swi_box{ padding-bottom: 50px;padding-top: 72px;}
	.banner_swi_box .youshi{width: calc(70% - 40px);}
	.banner_swi_box .youshi ul li{width: 100%;max-width: inherit; border: 0px;}
	.banner_swi_box .swiper-pagination{left: 10px; bottom: 20px;}
	.title img{transform: scale(0.8);}
	.title .title_content .text b{font-size: 22px; margin-top: 10px;}
	.title .title_content .text p{font-size: 12px;}
	.index_product{padding:20px 0 30px;}
	.index_product .index_product_swi{padding-bottom:20px;}
	.index_product .index_product_swi .swiper-slide p{text-align: center;}
	.index_product .index_product_swi .swiper-slide:hover .img img{transform: none;opacity:inherit;}
	.index_product .index_product_swi .swiper-slide:hover span{ width:0px;}
	.index_product .index_product_swi .swiper-slide:hover p{transform:none;}
	.index_product .index_product_swi .swiper-slide:hover .img i{ visibility:hidden;opacity:0;filter:alpha(opacity=100);transform:translateY(0px);}
	.video_box .left{width: 100%; margin-bottom: 10px;}
	.video_box .right{width: 100%;}
	.video_box{padding: 30px 0;}
	.video_box .left i{transform: scale(0.7);}
	.video_box .right .text{transform: scale(0.7);}
	.article_content_box .wrap .box .font .video_play{max-width:85%; margin-left:7.5%}
	.news_box{padding:15px 0;}
	.article_hot_box .news_swi{ padding-bottom:35px;}
	.title{padding-bottom:80px;}
	.footer{padding: 20px 0;}
	.footer .left{ width: 100%;}
	.footer .left b{margin-bottom: 10px;}
	.footer .left p{font-size: 12px; margin-bottom: 0; width: 100%;}
	.footer .right{float: left; width: 100%; margin-top: 10px; opacity: 0.6;filter:alpha(opacity=60);}
	.footer .right img{float: left;margin: 4px 0 0 10px;}
	.footer .right .text p{margin-bottom: 0;}
	.footer .right .text{ font-size: 12px; width: 100%;line-height: 19px;}
	.news_box .news_swi .swiper-slide{padding-bottom: 50px;}
	.news_box .news_swi .swiper-slide .text{padding: 20px;}
	.news_box .news_swi .swiper-slide:hover img{opacity: inherit; transform: none;}
	.news_box .news_swi .swiper-slide:hover .text p{height: 0;padding: 0;}
	.news_box .news_swi .swiper-slide .text b span{margin-top: 6px;}
	.product_list{padding-top: 30px;position: inherit;z-index: 999;}
	.product_list_wrap ul li{width: 48%;}
	.product_list_wrap{padding: 0px 0 30px;}
	
	.product_tabs_box .product_tabs ul{width: 100%; background: #fff;}
	.product_tabs_box .product_tabs{height: auto;}
	.product_tabs_box .product_tabs ul{width: 92%; margin: 0 auto;height: auto;margin-bottom: 0px; border-left: 1px solid rgba(0,0,0,0.1); min-width: 100%;}
	.product_tabs_box .product_tabs ul li{width: 33.33%;margin: 0; text-align: center;}
	.product_tabs_box .product_tabs ul li a{border: 1px solid rgba(0,0,0,0.1); border-left: 0px;border-top: 0;}
	.product_tabs_box .product_tabs ul li a span{display: none;}
	.product_tabs_box .product_tabs ul li:nth-of-type(1) a{border-top: 1px solid rgba(0,0,0,0.1);}
	.product_tabs_box .product_tabs ul li:nth-of-type(2) a{border-top: 1px solid rgba(0,0,0,0.1);}
	.product_tabs_box .product_tabs ul li:nth-of-type(3) a{border-top: 1px solid rgba(0,0,0,0.1);}
	.product_tabs_box .product_tabs ul .active span, .product_tabs_box .product_tabs ul li:hover span{display: none;}
	.product_tabs_box .product_tabs ul .active a,.product_tabs_box .product_tabs ul li:hover a{ transform: translateY(-0px); color: #fff;}
	.product_tabs_box{height:72px;line-height: 35px;}
	.product_list_wrap ul{margin-bottom: 10px;}
	.product_list_wrap ul b{margin-bottom: 15px; font-size: 20px;}
	.product_list_wrap ul li .text p{ font-size: 14px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
	.product_article_box{padding:80px 0 20px; background:#fff;}
	.product_article_box .product_article_title b{font-size:1.3rem; margin-bottom: 10px;}
	.product_article_img .swiper-pagination{bottom: 10px;}
	.product_infobox{padding:0;}
	.product_article_box .product_article_img .product_article_swi img{ max-width:60%;}
	.product_article_box .product_article_wrap{width: 96%;}
	.return{font-size:12px; padding-left:20px;}
	.return a{word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
	.contact_biaodan .lianxi_title{margin-bottom:20px;}
	.article_list_box{padding:15px 0 30px;}
	.article_list ul li{margin-bottom: 10px;}
	.article_list ul li a:hover .text b{transform: translateX(0px);}
	.article_list ul li a .text b{ margin-bottom:5px;}
	.article_list ul li a{padding:15px;}
	.article_list ul li a .time{width: 80px;}
	.article_list ul li a .text{width: calc(100% - 90px);}
	.article_list ul li a .text p{font-size: 14px; color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
	.article_content_box .wrap{width: 96%;}
	.article_content_box .wrap .box{padding:50px 20px 30px;}
	.article_content_box .wrap .box .article_content_title b{font-size: 22px;}
	.article_content_box .wrap .box .font{padding: 20px 0;}
	.info_box{padding: 30px 0;}
	.info_box .left{width: 100%; margin-bottom: 10px;}
	.info_box .right{width: 100%;}
	.info_box .right img{height: auto;min-height: inherit;}
	.info_box .left .info_title b{font-size: 22px;}
	.info_box .left .info_title p{font-size: 14px;}
	.wenhua_box .wenhua{width: calc(100% - 10%); padding: 30px 5%;margin: 40px 0;}
	.wenhua_box{padding: 20px 0;}
	.wenhua_box .wenhua .youshi ul li{width: 100%; margin-bottom: 20px;}
	.wenhua_box .wenhua .wenhua_title b{font-size: 22px;}
	.wenhua_box .wenhua .text{margin-bottom: 20px;}
	.wenhua_box .wenhua .youshi ul li i{width: 60px;height: 60px; line-height: 60px; font-size: 30px;}
	.wenhua_box .wenhua .youshi ul li .font b{font-size: 16px;}
	.wenhua_box .wenhua .youshi ul li .font p{font-size: 14px;}
	.wenhua_box .wenhua .wenhua_title{margin-bottom: 10px;}
	.zhengshu{padding: 20px 0;}
	.contact_info{padding: 20px 0;}
	.contact_biaodan{padding: 30px 0;}
	.contact_biaodan .lianxi_title b{font-size: 20px;}
	.contact_biaodan .lianxi_title p{font-size: 12px;}
	#GBookAdd .wenben{width:100%; margin-bottom: 10px;}
	#GBookAdd .neirong{margin-top: 0px;}
	.index_product .index_product_swi .swiper-slide:hover span{width: 0;}
	.index_product .index_product_swi .swiper-slide:hover p{transform: translate(0);}
	.product_tabs_box .product_tabs{ border: 0px;}
	.article_list ul li a .time i{font-size: 12px;}
	.article_list ul li a .time span{font-size: 20px;}
	.article_list{padding-bottom: 10px;}
	.banner_swi_box .youshi ul li .text{padding-top: 0;}
	.banner_swi_box .youshi ul li i{ width: 50px;height: 50px; font-size: 25px; line-height: 50px; margin-right: 10px;}
	.banner_swi_box .youshi ul li .text b{font-size: 16px;}
	.banner_swi_box .youshi ul li .text p{font-size: 12px;}
	#dituContent{height:400px;}
} 
@media screen and (max-width: 380px){
	.banner_swi_box .youshi{width: calc(78% - 40px);}
	.banner_swi_box .youshi ul li{min-width: 230px;}
}