@charset "utf-8";
/* CSS Document */
/*内容*/
/*内页大图*/
.nbanner{width:100%; margin:0 auto; position:relative;}
.nbanner img{width:100%}
.nbanner img:hover{transform: scale(1);transition: 0s;}
/*产品查询*/
.product_search{position: absolute; width: 100%; top:50%; margin-top:-75px; left: 0;z-index:2;}
.product_search_main{width: 720px; margin: 0 auto;}
.product_search_main h2{text-align: center; color: #fff; font-size:24px; font-weight: 400;}
.product_search_main .search_int{background-color: #fff; padding: 20px;}
.margin_b20{margin-bottom: 20px;}
.margin_t30{margin-top:20px;}
.cc, img{display: block;}
.product_search_main .search_int input{float: left; border: 0; width: 600px;font-size: 100%; line-height: 1.15;border:none;outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.product_search_main .search_int .btn{float: right; width: 20px; cursor: pointer; display:block; font-size:18px;}
.product_search_main .rmsearch{text-align: center; color:#FFFFFF; font-size:13px;}
.product_search_main .rmsearch a{color:#FFFFFF; border-radius:3px; border:#FFFFFF 1px solid; padding:3px 8px 3px 8px;}
.product_search_main .rmsearch span,.product_search_main .rmsearch a{display:inline-block; margin-right:20px;}
/*当前位置*/
.weizhi{display: block;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);z-index: 9;position:relative;}
.weizhi ul{display: inline-block;float: left;position: relative;padding-left:20px;}
.weizhi ul::before{font-family:"iconfont";content: "\eb91";display:block;color:#333;position: absolute;left:0;top:18px; font-size:18px;}
.weizhi li{float:left;margin-right: 20px;position: relative;}
.weizhi li a{font-size:14px;color: #6b6b6b;line-height:56px;}
.weizhi li a:hover{color:#1a90ce;}
.weizhi li:last-child,
.weizhi li:first-child{margin-right: 0;}
.weizhi li::before{content: ">";position: absolute;right: -16px;top:20px;}
.weizhi li:first-child::before,
.weizhi li:last-child::before{display: none;}
.muneNav{display: inline-block;float: right;}
.muneNav a{float: left;position: relative;text-align: center;line-height:56px;font-size: 14px;color: #010101;padding: 0 20px;}
.muneNav a::after{content: "";display: block;width: 1px;height:14px;background: #dbdbdb;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.muneNav a:hover{background: #1a90ce;color: #fff;}
.muneNav a.active{background: #1a90ce;color: #fff;}
.muneNav a:hover::after{display: none;}
.muneNav a.active::after{display: none;}
/*产品大类*/
.lbtitle{width:100%; color:#333; font-size:36px; font-weight:bold;}
.lbsm{width:100%; color:#333; font-size:17px; font-weight:bold; padding:30px 0 0 0;}
.lbcon{width:70%; color:#666; font-size:13px; line-height:180%; padding:10px 0 50px 0;}
.lbproduct{width:100%; line-height:180%;}
.lbproduct a{display:inline-block; padding:10px 30px 10px 30px; background:#1a90ce;color:#fff; font-size:16px; margin:0 20px 20px 0; border-radius:2px;}
.lbproduct a:hover{transform:translateX(3px);-webkit-transform:translateX(3px);background:#39abd8;}
.lbcgimg{width:100%; background:#f4f5f6; padding:50px; text-align:center;}
.prolist{width:100%; background:#f8f8f8; padding:50px; text-align:center; margin-bottom:30px;}
.lbcgimg img{display:inline-block; max-width:100%;}
.promore{ float:right; display:block; font-size:14px;}

/*产品详情*/
/*详情*/
.huanbao-top{display: block;height: 568px;background: #fff;margin: 26px auto 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);padding: 28px 40px 35px 35px;}
.huanbao-text{display: inline-block;float: right;width:calc(100% - 650px);height: 100%;font-size: 14px;line-height: 28px;color: #3d3d3d;}
.huanbao-text h2{font-size:28px;line-height:56px;color: #000000; display:block; padding-bottom:30px;}
.huanbao-text>em{display: block;width: 100%;height: 1px;background: #e4e4e4;margin: 20px 0;}
.huanbao-text .on{display: block;width: 100%;margin-bottom: 30px;overflow: auto; background:#e6e6ed; padding:30px;}
.huanbao-text h3,.huanbao-text h4{font-size:14px;color: #fff;line-height: 40px;height: 40px;line-height: 40px;text-align: center;color: #999;background-color: #e6e6ed;border-radius: 20px; margin-bottom: 36px; font-weight:normal; display:inline-block; padding:0 20px 0 20px;}
.huanbao-text h3:before{font-family:"iconfont"; content:'\eb90'; font-size:20px; font-weight:normal;}
.huanbao-text h3 span,.huanbao-text h4 span{font-size:24px;padding-left: 8px;}
.huanbao-text h4:before{font-family:"iconfont"; content:'\eb99'; font-size:18px; display:inline-block; font-weight:normal;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.huanbao-text h4 a{color:#999; font-size:14px;}
.huanbao-text h4 a span{font-size:14px;}
.huanbao-text .but{display: block;width: 100%;height: 50px;}
.huanbao-text .but a{display: inline-block;float: left;width: 180px;height: 50px;border-radius: 5px;border: 1px solid #1a90ce;margin-right: 14px;text-align: center;line-height: 48px;font-size: 16px;font-weight: bold;color: #1a90ce;}
.huanbao-text .but a:first-child{border: none;line-height: 50px;color: #fff;background-image: linear-gradient(to right, #4dc85c , #31bf93);}
.huanbao-text .but a:hover{background: #1a90ce;color: #fff;}
.huanbaoPic{width: 620px;height: 498px;display: inline-block;float: left;position:relative;margin:8px 0 0;}
.ban2{width: 620px;height: 404px;position: relative;overflow: hidden;}
.ban2 ul{position:absolute;left:0;top:0; background:#FFFFFF;}
.ban2 ul li{width:620px;height:404px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.prev{float:left;cursor:pointer;}
.num{display: block;height:80px;overflow:hidden;width:620px;position:relative;}
.min_pic{margin-top:14px;width:620px;height: 80px;position: relative;}
.num ul{position: absolute;top: 0;left: 0;margin-left: 39px;width: 544px;height: 80px;}
.num ul li{width: 124px;height: 80px;position: relative;cursor: pointer; background:#FFFFFF; margin-right:12px;}
.num ul li>div{display: block;width: 124px;height: 80px;margin: 0 auto;background-repeat: no-repeat;background-position: center;position: relative;background-size: contain;border: 1px solid #eee;}
.num ul li.on>div::before{content: "";display: block;width: 100%;height: 100%;box-sizing: border-box;border: 2px solid #1a90ce;position: absolute;top: 0;left: 0;}
.prev_btn1,
.next_btn1{display: block;width: 32px;height: 80px;background-color: #ededed;text-align: center;line-height: 80px;position: absolute;top: 0%;color: #333333;font-size: 18px;font-weight: bold;cursor: pointer;z-index: 9;}
.prev_btn1{left: 0px;}
.next_btn1{right: 0px;}
.prev_btn1:hover{background-color: #1a90ce;color: #fff;}
.next_btn1:hover{background-color: #1a90ce;color: #fff;}
.prev_btn1 i{display:inline-block;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.next_btn1 i{display:inline-block;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.infotitle{font-size:28px;line-height:56px;color: #000000; display:block;}
.cpcon>em{display: block;width: 100%;height: 1px;background: #e4e4e4;margin: 20px 0;}
.infocontent img{max-width: 100%;}
.huanbao-left{width:calc(100% - 284px); float:left;}
/*图片列表*/
.product_wrap_li{position:relative;padding-bottom:30px;}
.product_wrap_li li{background:#FFF;margin-top:20px;width:23.8%;float:left;margin-left:1.6%;}
.product_wrap_li li:nth-child(4n+1){margin-left:0;}
.product_wrap_li li .p_img{width:100%;padding-bottom:100%;position:relative;overflow:hidden;border:2px solid #efefef;}
.solution_li li .p_img{padding-bottom:66.7%;}
.product_wrap_li li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.product_wrap_li li .p_img .videoicon{background:rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.product_wrap_li li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_wrap_li li p a{color:#666;}
.product_wrap_li ul{padding-bottom:40px;}
/*详情*/
/*详情*/
.newsDetails .right{float: right;width:20%;height: auto;}
.newsDetails .left{float: left;width:78%;height: auto;background: #f8f8f8;font-size: 14px;color: #5a5a5a;padding:30px;}
.remen{display: block;width: 100%;height: auto;background: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);}
.newsDetails-tit{display: block;width: 100%;height: 55px;border-bottom: 1px solid #eaeaea;line-height: 54px;padding: 0 20px;font-size: 16px;font-weight: bold;color: #252525;}
.remen ul{padding: 0 20px;}
.remen ul a{display: block;width: 100%;height: 49px;line-height: 48px;padding-left: 12px;font-size: 14px;color: #606060;border-bottom: 1px solid #eaeaea;position: relative;}
.remen ul li:last-child a{border: none;}
.remen ul a::before{content: "";display: block;width: 4px;height: 4px;border-radius: 50px;background: #838383;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.remen ul a:hover{text-decoration: underline;color: #1a90ce;}
.remen ul a:hover::before{background: #1a90ce;}
.newsDetails-cont{display: block;width: 100%;height: auto;background: #fff;padding: 35px 35px 38px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);margin: 0 auto;font-size: 18px;line-height: 30px;}
.newsDetails-cont h3{font-size: 24px;font-weight: bold;color: #333c39;line-height:180%;}
.newsDetails-cont p{font-size: 17px;font-weight: bold;color: #333;line-height:180%;}
.newsDetails-cont h5{font-size: 13px;font-weight: normal;color: #999;line-height:180%;}
.newsDetails-cont>em{display: block;width:60px;height: 2px;background: #39abd8;margin: 18px 0;}
.newsDetails-cont h4{font-size:16px;line-height: 26px;color: #333c39;padding-left:28px; position:relative;}
.newsDetails-cont h4:before{color: #666; font-size:24px; position:absolute; font-family:"iconfont"; content:'\ebac'; left:0px;}
.newsDetails-cont>a{display: block;width: 150px;height: 46px;text-align: center;line-height: 46px;font-size: 16px;font-weight: bold;color: #fff;margin-top: 26px;border-radius: 5px; background: linear-gradient(to left,#39abd8,#3472af);}
.newsDetails-gz{display: block;width: 100%;height: auto;background: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);margin-top: 16px;}
.newsDetails-ewm{display: block;width: 100%;height: auto;padding: 22px 0 19px;font-size: 0;text-align: center;}
.newsDetails-ewm>div{display: inline-block;vertical-align: top;margin: 0 12px;width: 112px;height: auto;font-size: 14px;color: #2f2f2f;line-height: 24px;}
.newsDetails-ewm>div span{display: block;width: 112px;height: 112px;margin: 0 auto 8px;}
.newsDetails-ewm>div span img{width:100%;}
.newsDetails-top{display: block;width: 100%;height: auto;padding-bottom:15px;border-bottom: 1px solid #eaeaea;text-align: center;}
.newsDetails-top h1{font-size: 17px; line-height:150%; padding-bottom:15px;}
.newsDetails-top h2{font-size:14px;color: #000; font-weight:normal;}
.newsDetails-top h4{font-size: 12px;color: #999; font-weight:normal;}
.newsDetails-top h4 i{color: #39abd8;}
.newsDetails-main{display: block;width: 100%;height: auto;padding: 24px 30px 30px 30px;line-height:200%;}
.newsDetails-main img{max-width:100%}
.newsDetails-bot{display: block;width: 100%;height: auto;padding: 20px 0;font-size: 14px;color: #6e6e6e;line-height: 34px;border-top: 1px solid #eaeaea;margin-top: 28px;}
.newsDetails-bot a{display: block;color: #6e6e6e;}
.newsDetails-bot a:hover{color: #1a90ce;}
.caseLeft-bot{display: block;width: 100%;text-align: center; padding:20px 0 20px 0; background:#fff;}
.caseLeft-bot>.prev,
.caseLeft-bot>.next{float: left;width:40%;padding:0 20px; display: -webkit-box;}
.caseLeft-bot>.goList{display: inline-block;float: left;width:20%;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;text-align:center;}
.caseLeft-bot>.goList span{display:inline-block;position:relative; padding-left:36px;}
.caseLeft-bot>.goList span:before{color: #333; font-size:36px; position:absolute; font-family:"iconfont"; content:'\eba9'; left:0px; top:-10px;}
.caseLeft-bot a{font-size: 14px;color: #141414; text-decoration:none;}
.caseLeft-bot>.prev:hover,
.caseLeft-bot>.next:hover{text-decoration: underline;color: #1a90ce;}
.caseLeft-bot>.goList:hover{color: #1a90ce;}
/*新闻*/
.news_list{padding-bottom: 20px;}
.news_list li{position: relative;}
.news_list li a{display: block; border-bottom: 1px solid #e7e7e7; padding: 20px 250px 20px 20px; overflow: hidden; height: 150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news_list li span{float: left; width: 240px; height:116px; padding-right:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block;}
.news_list li span i{display: block; position: relative; width: 100%; height:100%; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{/*margin-left: 270px; */position: relative;}
.news_list li .con h2{position: relative; padding-top: 10px; padding-bottom: 15px; font-size: 16px; line-height: 1; color: #333; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li .con p{color: #888; line-height: 25px; overflow: hidden;}
.news_list li .time2{position: absolute; right: 30px; top: 20px; bottom: 20px; border-left: 1px solid #e7e7e7; padding-left: 70px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news_list li .time2 h2{font-size: 40px; text-align: right;font-size: 14px; color: #c8c8c8;font-weight: normal;}
.news_list li .time2 h2 b{display: block; padding-top:30px;font-size: 28px; font-weight: normal;}
.news_list li .time2 h3{position: absolute; right: 0px; bottom: 0px; width: 100px; height: 0; background: #02adc6; text-align: center; font-size: 0px; line-height: 0px; color: #fff; text-transform: uppercase; font-weight: normal;}
.news_list li a:hover{background: #fcfcfc; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.news_list li a:hover span img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.news_list li a:hover .con h2{color: #02adc6;}
.news_list li a:hover .time2 h2 b{padding-top: 10px;}
.news_list li a:hover .time2 h3{height: 35px; line-height: 35px; font-size: 12px;}
.news_list li,
.news_list li span,
.news_list li span i img,
.news_list li .con h2,
.news_list li .time2 h2 b,
.news_list li .time2 h3{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}


/*分页*/
#fenye{width:100%; height:50px; text-align:center;margin:0 auto; line-height:30px; font-size:12px;}
.pl30{padding-left:30px}
.f14{font-size:14px}
.c999{color:#999}
.isTxtBig{height:40px;line-height:40px;border:1px solid #ccc;padding:0 8px;color:#666}
.isTxtBig.focus{color:#000; background-color:#fff}
.tzan{height:40px;text-align:center;line-height:40px;padding:0 8px; color:#666;font-size:14px;border:1px solid #ccc; cursor:pointer; background:#ccc;}
.w30{width:40px;}
div#pagination .count{float:left;padding:5px;}
div#pagination .pages{float:right; padding:5px;}
div#paginationTop{height:40px; margin-bottom:3px;}
div#paginationTop .count{float:left; padding:5px;}
div#paginationTop .pages{float:right; padding:5px;}
div.pagination{padding: 3px; margin: 3px;}
div.pagination a{margin:0 5px;display:inline-block; padding:0 15px 0 15px;height:32px;line-height:32px;text-decoration:none;color:#666;font-size:12px; background:#fff; border-radius:5opx;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);}
div.pagination a:hover, div.pagination a:active{color: #fff;background-color: #1a90ce;}
div.pagination span.current{margin:0 5px;display:inline-block;padding:0 15px 0 15px;height:32px;text-decoration:none;color:#fff;font-size:14px;background: #1a90ce;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);}
div.pagination span.disabled{margin:0 5px;display:inline-block;padding:0 15px 0 15px;height:32px;line-height:32px; text-decoration:none;color:#666;font-size:12px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);background:#f9f9f9;}

/*关于*/
.intro-con{float:left; width:62%; padding:30px 50px 30px 50px;}
.intro-con h4{font-size:16px; font-family: arial; line-height:24px; color: #1a90ce;font-weight:normal;font-weight:bold;}
.intro-con h2{display:block;padding-top:10px; font-size:28px; font-weight: bold; line-height:36px; color: #333;}
.intro-con em{display: block; width:150px; height: 5px; background: #aaa; margin: 15px 0 30px;}
.intro-more{float:left; padding:15px 0 0 0 ;}
.intro-more a{display:inline-block; background:#00933d; color:#FFFFFF; padding:8px 20px 8px 20px; border-radius:20px;}
.intro-con-c{font-size:13px; line-height:28px; color:#666;}
.intro-img{width:38%; height:400px; float:right;}
.h200{ height:280px; margin-bottom:300px; padding-top:80px;}

/*选择*/
.why-items>li{width: 20%; height: 420px; float: left; overflow: hidden;}
.why-item{width: 100%; height: 100%; text-align: center; cursor: pointer; overflow: hidden; bottom:-200px;}
.why-item{background: rgba(0, 0, 0, 0.5);}
.why-items li:nth-child(2n) .why-item{background: rgba(0, 0, 0, 0.3);}
.why-item-icon{margin-top: 130px; text-align: center}
.why-item-icon i{font-size:54px;color:#FFFFFF;}
.why-item, .why-item-icon, .why-content{transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */}
.why-line{margin: 20px 0 20px 0;}
.why-line span{display: inline-block; width: 20px; height: 2px; background: #fff;}
.why-title{font-size:17px; color: #fff; font-weight: bold;}
.why-content{margin:30px; color: #fff; margin-top: 100px; opacity: 0; line-height:200%;}
.why-items>li:hover .why-item{background: rgba(73, 147, 226, 0.7);}
.why-items>li:hover .why-item .why-item-icon{margin-top: 65px;}
.why-items>li:hover .why-item .why-content{margin-top: 20px; opacity: 1;}


.newsDetails .bgnone{ background:none;}
.newsDetails .downbody{ padding:0;}
.downa{ display:block; padding:15px 10px 15px 20px; border-bottom:#ddd 1px solid;}
.downlistbt{ width: calc( 100% - 150px ); float:left;}
.downlist{ padding: 0 20px 0 0;}
.downlist h2{ display:inline-block; float:right; background:#0099CC; color:#FFFFFF; border-radius:8px; padding:5px 15px 5px 15px; font-size:13px; margin-top:6px;}
.downlist h1{font-size:17px; color:#333333; line-height:1.2; position:relative; font-weight:normal;}
.downlist h1:before{ content:''; width:6px; height:6px; border-radius:50%; background:#aaa; position:absolute; left:-15px; top:6px;}
.downlist span{ display:block; width:100%;font-size:12px; color:#999; line-height:1.5; padding-top:10px;}
.downa:hover{ background:#f1f1f1;}
.newsDetails .k40{ width:100%; height:40px;}