﻿@charset "UTF-8";
.page_nav{width:100%;height:56px;line-height:56px;background:#101e46;color:#fff;text-align:center; font-size:0;}
.page_nav a{display:inline-block;color:#fff;padding:0 20px;}
.page_nav a:hover, .page_nav a.on1{ background:rgba(255,255,255,.1);}

.iconbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.iconbox .playbtn{display:inline-block;width:68px;height:68px;background:url(../images/play.png) no-repeat center;background-size:100% auto;} 
.iconbox h3{text-transform:uppercase;font-size:30px;font-weight:bold;color:#101e46;margin-top:30px;}
.iconbox h4{font-size:24px;font-weight:bold;}

.nei_ban{width:100%;position:relative; height:600px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.nei_ban .cn{font-size: 26px;color:#FFF;}
.nei_ban .cn2{color:#FFF;font-size:16px;}
.nei_ban .en2{color:#FFF;font-size: 45px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;}
.nei_ban .line{ background:#fff;}

.yan{width:18px;height:12px;background:url(../images/yan.png) no-repeat center/100%;transition:all 1s;}

.page_num{margin:25px 0;font-size:0;text-align:center;}
.page_num a, .page_num font, .page_num select{display:inline-block;margin:5px;padding:10px 14px;font-size:14px;border:1px solid #e3e3e3;border-radius:5px;outline:0;background:white;}
.page_num .page-num-current{color:#fff;background:#101e46;border-color:#101e46;}

.nei_but{padding: 40px 0;border-bottom: 1px solid #c9c9c9;}
.nei_but .nei_back{display: block;width: 148px;height: 44px;background: #101e46;color: #fff;text-align: center;line-height: 44px;float: left;}
.nei_but .nei_but_pn{ float:right;}
.nei_but .nei_but_pn a{display: inline-block;width: 44px;height: 44px;overflow: hidden;}
.nei_but .nei_but_pn a img{transition: all .8s;}
.nei_but .nei_but_pn a:hover img{transform: translateY(-44px);}

.nei_but2{margin-top: 100px;justify-content: space-between;display: flex;align-items: center;}
.nei_but2 .nei_back{width: 170px;height: 50px;line-height: 50px;background: #101e46;color: #fff;text-align: center;display: block;}
.nei_but2 .nei_but_pn{display: flex;flex-direction: column;width: 100%;}
.nei_but2 .nei_but_pn a{line-height: 2em;}
.nei_but2 .nei_but_pn a:hover{ color:#101e46;}
/*=========================================================================================================================*/
/*简介*/
.nei_honor{ width:100%; margin:50px 0; padding:50px 0}
.nei_honor .index_tit{ width:100%; text-align:center;}
.nei_honor .index_tit .en{font-size:30px;margin:5px 0;}
.nei_honor .index_tit .line{margin:30px 0;}
.nei_honor .nei_box{ width:100%;position:relative; text-align:center;}
.nei_honor .nei_box .swiper-slide{ width:25%;transition: all 1s ease;box-sizing: border-box;border: 1px #eee solid;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.nei_honor .nei_box .swiper-slide img{width:100%; height:auto; display:block; margin:0 auto;}
.nei_honor .nei_box .swiper-slide:hover{ border:1px #101e46 solid;}
.nei_honor .nei_box .swiper-slide .title{transition: all .4s ease;height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.nei_honor .nei_box .swiper-slide:hover .title{ color:#101e46;}
.nei_honor .nei_box .nei_but{ display:block; position:absolute; top:45%; outline:none; text-decoration:none;cursor: pointer;}
.nei_honor .nei_box .but-next{ left:70px;}
.nei_honor .nei_box .but-prev{ right:70px;}
.nei_honor .index_more{margin: 0 auto;display: block;margin-top: 50px;}

.nei_wish{width:100%;padding:160px 0;}
.nei_wish, .nei_wish *{box-sizing:border-box;}
.nei_wish .left{width:50%;float:left;text-align:center;}
.nei_wish .left .en{text-transform:capitalize;font-size:30px;font-family:"en";}
.nei_wish .left .cn{font-size:26px;}
.nei_wish .left .en2{font-size:45px;font-weight:bold;color:#101e46;text-transform:uppercase;margin-bottom:10px;}
.nei_wish .right{width:50%;float:right;}
.nei_wish .right li{width:49.5%;float: left;margin-right: 1px;background: rgba(0,0,0,.4);height: 110px;margin-bottom: 1px;padding: 20px;color: #fff;}
.nei_wish .right .box{display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.nei_wish .right .box h3{font-weight:bold;}
/*=========================================================================================================================*/
/*案例*/
.nei_case{width:100%;background:#f2f2f2;padding:80px 0;}
.nei_case, .nei_case *{box-sizing: border-box;overflow:hidden;}
.nei_case .img img{ display:block;max-width:100%; width:auto;transition:all .8s;}
.nei_case .item:hover .img img, .nei_case ul li:hover .img img{transform:scale(1.1,1.1);}{transform:scale(1.1,1.1);}
.nei_case .item{background: #fff;width: 100%;display: flex;}
.nei_case .item .info{padding: 60px;position: relative;display: block;width: auto;}
.nei_case .item .info h3{font-size: 24px; font-weight:normal;}

.nei_case ul{ width:100%;}
.nei_case ul li{width:48%;float:left;margin:4% 4% 0 0;position:relative;background:#fff;}
.nei_case ul li:nth-child(2n){margin:4% 0 0 0;}
.nei_case ul li:before{z-index:2;content:"";display:block;width:0%;height:2px;background:#101e46;position:absolute;left:0;bottom:0;transition:all .8s}
.nei_case ul li:hover:before{width:100%;}
.nei_case ul .info{padding:20px 30px;display: flex;justify-content: space-between;align-items: center;}
.nei_case ul .yan{transform: translateY(400%);}
.nei_case ul li:hover .yan{transform: translateY(0);background:url(../images/yan3.png) no-repeat center/100%;}
/*=========================================================================================================================*/
/*案例内页*/
.page_case{width:100%; height:auto; background-color:#f2f2f2; background-position:top center; background-repeat:no-repeat;padding-top:200px; padding-bottom:80px;}
.page_case, .page_case *{box-sizing: border-box;}
.page_case .z-container{background: #fff;padding: 100px 120px;}
.page_case .title{width: 100%;text-align: center; position:relative;}
.page_case .title h3, .page_case .title h2{font-size: 24px;}
.page_case .title i{display: block;background: #eee;width:100%;height: 1px;margin: 40px 0;}
.page_case .desc{border-bottom: 1px solid #eee; padding-bottom:40px;}
.page_case .desc img{ display:block; margin:0 auto; max-width:100%;}
/*=========================================================================================================================*/
/*单篇*/
.nie_about{ padding:100px 0;}
.nie_about .title{padding-bottom: 40px;border-bottom: 1px solid #e5e5e5; text-align:center;font-size:30px;}
.nie_about .info{padding:70px 0;}
/*=========================================================================================================================*/
/*荣誉*/
.page_honor .info{width:100%; margin:0 auto;}
.page_honor .info a{display:block;transition: all .8s ease;color:#333;box-sizing: border-box;padding: 10px;}
.page_honor .info .item{width:calc(calc(100% - 30px) /4); float:left; margin-right:10px; margin-bottom:10px;border: 1px #eee solid;}
.page_honor .info .item:nth-child(4n){ margin-right:0;}
.page_honor .info .item p{line-height:1.25em;text-align:center; margin-bottom:0;max-height:1.25em; overflow:hidden;}
.page_honor .info .item img{ display:block; margin:0 auto;max-width: 100%; margin-bottom:10px;}
.page_honor .info .item:hover{ border:1px #101e46 solid;box-shadow: 0 0 30px rgba(4,167,145,.05);color:#101e46;}
/*=========================================================================================================================*/
/*联系*/
.nei_lianxi{ padding:100px 0;}
.nei_lianxi .title{padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;}
.nei_lianxi .title h3{font-size:30px;}
.nei_lianxi .title .tel{font-size:15px;}
.nei_lianxi .title .tel em{ display:block;font-size:24px;font-weight:bold;color:#101e46;}

.nei_lianxi .info{padding:70px 0;}
.nei_lianxi .info .box{width:50%;float:left;}
.nei_lianxi .info .box img{ vertical-align:middle;margin-right:10px;}
.nei_lianxi .info .box h3{font-size:18px;margin-bottom:20px;}
.nei_lianxi .info .box p{margin-bottom:10px;}

.nei_lianxi .info .mwxewm{width: 100%;float: left;}
.nei_lianxi .info .mwxewm span{ float:left; width:150px; text-align:center;margin-right: 10px;}
.nei_lianxi .info .mwxewm span:last-child{margin-right: 0;}
.nei_lianxi .info .mwxewm span img{ width:100%; height:auto;}

#baiduMap{width:100%;height:100vh; min-height:400px;}
/*=========================================================================================================================*/
/*产品*/
.nei_pro{background:#f2f2f2;}
.nei_pro, .nei_pro *{overflow:hidden;box-sizing: border-box;}
.nei_pro .item{float:left;width:calc(calc(100% - 8%) / 3);margin-right:4%;margin-top:4%;position:relative;}
.nei_pro .item:nth-child(3n){ margin-right:0;}
.nei_pro .item .img{display: flex;align-items: center;justify-content: center;}
.nei_pro .item .img img{width:100%;height:auto;transition:all .8s;}
.nei_pro .item:hover .img img{transform:scale(1.1,1.1);}
.nei_pro .item:before{content:"";display:block;z-index:1;width:0;height:2px;background:#101e46;position:absolute;left:0;bottom:0;transition:all .8s;}
.nei_pro .item:hover:before{width:100%;}

.nei_pro .item .info{background: #fff;padding: 20px 30px;position: relative;margin-top: 5px;}
.nei_pro .item .info .en{font-size:20px;color:#ababab;text-transform:uppercase;}
.nei_pro .item .info .cn{transition:all .4s;}
.nei_pro .item:hover .info .cn{color:#101e46;}
.nei_pro .item .info .yan{display:block;position:absolute;right:35px;top:50%;transform:translateY(40px);opacity:0;}
.nei_pro .item:hover .info .yan{opacity:1;transform:translateY(-50%);}
/*=========================================================================================================================*/
/*产品详情*/
.page_pro{padding:60px 0;background: #f2f2f2;}
.page_pro, .page_pro *{box-sizing: border-box;}
.page_pro .title{width:100%;background:#fff;margin-bottom:14px;display: flex; padding:40px}
.page_pro .title .left{ width:50%;position:relative;margin: 40px 40px 0;}
.page_pro .title .left h2{font-size: 24px;font-weight: bold;}
.page_pro .title .left p{line-height: 24px;color: #666;}
.page_pro .title .left a{display: block;width: 150px;height: 44px;background: #101e46;color: #fff;text-align: center;line-height: 44px; position:absolute; bottom:0; left:0;}
.page_pro .title .right{width:50%;}
.page_pro .title .right .imgs_big{ width:100%;border: 1px solid #eee;}
.page_pro .title .right .imgs_big .swiper-slide img{ max-width:100%; width:auto; display:block; margin:0 auto;}
.page_pro .title .right .imgs_small{ width:100%;margin-top: 10px;}
.page_pro .title .right .imgs_small .swiper-slide{border: 1px solid #eee; width:20%;}
.page_pro .title .right .imgs_small .swiper-slide img{width:100%; display:block; margin:0 auto;}
.page_pro .title .right .imgs_small .swiper-slide.swiper-slide-thumb-active{border: 1px solid #101e46;}

.page_pro .info{width:100%;background: #fff;}
.page_pro .info .tit{line-height: 78px;border-bottom: 1px solid #ededed; padding:0 80px;}
.page_pro .info .tit span{ display:block; float:left;position: relative;}
.page_pro .info .tit span:before{content: "";display: block;width: 100%;height: 2px;background: #101e46;position: absolute;left: 0;bottom: -1px;z-index: 1;}
.page_pro .info .desc{ padding:40px 80px;}
.page_pro .info .desc table{ width:auto;border-collapse: collapse;border-spacing: 0;border-color: inherit;}
.page_pro .info .desc table td{ border:1px solid #333;padding: 5px 10px;}
.page_pro .info .desc p{line-height: 24px;color: #666;}
/*=========================================================================================================================*/
/*新闻*/
.nei_news{background:#f2f2f2;}
.nei_news, .nei_news *{overflow:hidden;box-sizing: border-box;}
.nei_news .item{background: rgba(255,255,255,.2);float:left;width:calc(calc(100% - 8%) / 3);margin-right:4%;margin-top:4%;position:relative;}
.nei_news .item:nth-child(3n){ margin-right:0;}
.nei_news .item .img{ height: 220px;overflow: hidden;}
.nei_news .item .img i{ display:block; height:100%;background-size: cover;background-position:center; background-repeat:no-repeat;transition:all .8s;}
.nei_news .item:hover .img i{transform:scale(1.1,1.1);}
.nei_news .item:before{content:"";display:block;z-index:1;width:0;height:2px;background:#101e46;position:absolute;left:0;bottom:0;transition:all .8s;}
.nei_news .item:hover:before{width:100%;}

.nei_news .item .info{position: relative;padding: 30px;}
.nei_news .item .info span{color: #666;line-height: 24px;}
.nei_news .item .info h3{margin-bottom: 20px;font-size: 16px;}
.nei_news .item .info p{height: 48px;margin-bottom: 20px;color: #666;line-height: 24px;}
/*=========================================================================================================================*/			 
/*新闻内页*/
.page_news .title p{width: 100%;margin: 40px 0;position: relative;display: flex;align-items: center;justify-content: center;}
.page_news .title p span{ margin:0 10px;color: #999;background: #fff;}
.page_news .title p span:last-child{ margin-right:0;}
.page_news .title p em{display:block;height:1px; background:#999;width: 100px;}
/*=========================================================================================================================*/			 


