


/* 头部 */
.head{border-bottom: 1px solid rgba(255,255,255,0.51);padding: 31px 0;overflow: hidden;color: #FFFFFF;}
.head.head-bg{background: #28449a;border-bottom: 1px solid rgba(255,255,255,0.2)}
.head .logo{width: 400px;}
.head .logo img{height: 50px;margin-right: 10px;}
.head .logo .cn{font-size: 24px;font-weight: bold;}
.head .logo .en{font-size: 12px;font-weight: 100;color: rgba(255,255,255,0.68);text-transform: uppercase;margin-top: 15px;}
.head .nav{width: 800px;margin-top: 10px;}
.head .nav .item{width: 100px;text-align: center;display: block;float: left;height: 33px;line-height: 33px;}
.head .nav .item:hover{border: 1px solid rgba(255,255,255,0.5);border-radius: 50px;}
/* banner */
.banner{height: 736px;background: #001e79;}
.banner .fullSlide{width:100%;position:relative;height:736px;}
.banner .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .fullSlide .bd ul{width:100% !important;}
.banner .fullSlide .bd li{width:100% !important;height:736px;overflow:hidden;text-align:center;}
.banner .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
.banner .fullSlide .hd ul{text-align:center;padding-top:5px;}
.banner .fullSlide .hd ul li{cursor:pointer;display:inline-block;width: 12px;height: 12px;background: #FFF;font-size: 0;border-radius: 50%;margin: 0 5px;}
.banner .fullSlide .hd ul .on{background: #d10000;}
/* 应用领域 */
.m1{background: #28449a;color: #FFFFFF;height: 272px;}
.m1 .item{width: 240px;height: 272px;float: left;text-align: center;position: relative;}
.m1 .item .box .icon{height: 50px;margin-top: 86px;}
.m1 .item .box .icon img{height: 50px;}
.m1 .item .box h3{font-size: 18px;margin-top: 32px;}
.m1 .item .box .summary{display: none;}
.m1 .item:hover .box{background: url(../img/m1-hover-bg.jpg);width: 240px;height: 285px;overflow: hidden;position: absolute;top: 44px;}
.m1 .item:hover .box .summary{display: block;font-size: 14px;line-height: 36px;margin-top: 10px;padding: 0 27px;}
.m1 .item:hover .box .icon{margin-top: 26px;}
.m1 .item:hover .box h3{font-size: 18px;margin-top: 20px;}
/* 产品解决方案 */
.m2{background: #FFFFFF;overflow: hidden;padding-top: 100px;padding-bottom: 58px;}
.m2 .catName{padding-bottom: 20px;border-bottom: 1px solid #bfbfbf;margin-bottom: 39px;}
.m2 .catName .cn{font-size: 24px;font-weight: bold;color: #272626;}
.m2 .catName .en{font-size: 14px;font-family: arial;color: rgba(39,38,38,0.47);text-transform: uppercase;margin-left: 15px;}
.m2 .catMain{width: 100%;height: 340px;position: relative;}
.m2 .catMain .hd{position: absolute;left: 0;bottom: 0;}
.m2 .catMain .hd ul{}
.m2 .catMain .hd ul li{width: 136px;height: 110px;border: 5px solid #ddddde;float: left;margin-right: 15px;cursor:pointer;}
.m2 .catMain .hd ul li.on{border: 5px solid #28449a;}
.m2 .catMain .hd ul li img{width: 100%;height: 100%;cursor:pointer;}
.m2 .catMain .bd{}
.m2 .catMain .bd .left{width: 588px;height: 340px;}
.m2 .catMain .bd .left h3{font-size: 18px;font-weight: bold;color: #28449a;}
.m2 .catMain .bd .left .summary{font-size: 14px;line-height: 30px;color: #717171;margin-top: 22px;text-align: justify;}
.m2 .catMain .bd .left .more{margin-top: 22px;}
.m2 .catMain .bd .left .more a{width: 113px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #28449a;border-radius: 50px;display: block;font-size: 14px;color: #717171;}
.m2 .catMain .bd .right{width: 588px;height: 340px;}
.m2 .catMain .bd .right .thumb{width: 100%;height: 100%;}
.m2 .catMain .bd .right .thumb img{width: 100%;height: 100%;}
/* 案例故事 */
.m3{background: #f5f5f5;overflow: hidden;padding-top: 44px;padding-bottom: 100px;}
.m3 .catName{margin-bottom: 34px;}
.m3 .catName .cn{font-size: 24px;font-weight: bold;color: #272626;}
.m3 .catName .en{font-size: 14px;font-family: arial;color: rgba(39,38,38,0.47);text-transform: uppercase;margin-left: 15px;}
.m3 .catMain{}
.m3 .catMain .item{width: 289px;height: 342px;background: #FFFFFF;float: left;margin-right: 14px;padding: 11px;}
/* .m3 .catMain .item:nth-child(4){margin-right: 0;} */
.m3 .catMain .item .thumb{width: 100%;height: 189px;}
.m3 .catMain .item .thumb img{width: 100%;height: 100%;}
.m3 .catMain .item h3{font-size: 18px;color: #8d8e8e;margin-top: 40px;text-align: center;}
.m3 .catMain .item .more{margin-top: 20px;}
.m3 .catMain .item .more a{background: #28449a;color: #FFFFFF;font-size: 14px;width: 114px;height: 36px;line-height: 36px;display: block;margin: auto;text-align: center;}
/* 公司简介 */
.m4{background: #5a6fb1;height: 510px;padding-top: 87px;}
.m4 .left{width: 555px;color: #FFFFFF;}
.m4 .left h3{font-size: 24px;font-weight: bold;}
.m4 .left .content{font-size: 14px;line-height: 30px;margin-top: 35px;text-align: justify;}
.m4 .left .more{margin-top: 30px;}
.m4 .left .more a{width: 113px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #FFFFFF;border-radius: 50px;display: block;font-size: 14px;}
.m4 .right{width: 601px;}
.m4 .right .thumb{width: 601px;height: 341px;overflow: hidden;}
.m4 .right .thumb img{width: 601px;height: 341px;object-fit: cover;}
.slideBox{width: 601px;height: 341px;overflow: hidden;position: relative;}
.slideBox .hd{height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 5px;z-index: 1;}
.slideBox .hd ul{overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li{float: left;margin-right: 6px; width: 15px;height: 15px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on{background: #f00;color: #fff;}
.slideBox .bd{position: relative;height: 100%;z-index: 0;}
.slideBox .bd li{zoom: 1;vertical-align: middle;}
.slideBox .bd img{width: 601px;height: 341px;display: block;}
.slideBox .prev,
.slideBox .next{position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(img/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.slideBox .next{left: auto;right: 3%;background-position: 8px 5px;}
.slideBox .prev: hover,
.slideBox .next: hover{filter: alpha(opacity=100);opacity: 1;}
.slideBox .prevStop{display: none;}
.slideBox .nextStop{display: none;}
/* 新闻动态 */
.m5{margin-bottom: 70px;overflow: hidden;}
.m5 .catName{margin-top: 48px;margin-bottom: 37px;}
.m5 .catName .cn{font-size: 24px;font-weight: bold;color: #272626;}
.m5 .catName .en{font-size: 14px;font-family: arial;color: rgba(39,38,38,0.47);text-transform: uppercase;margin-left: 15px;}
.m5 .catName .more{font-size: 14px;color: #7a7878;}
.m5 .catMain{}
.m5 .catMain .left{width: 587px;height: 448px;background: #f8f8f8;}
.m5 .catMain .left .thumb{width: 587px;height: 270px;overflow: hidden;}
.m5 .catMain .left .thumb img{width: 587px;height: 270px;object-fit: cover;}
.m5 .catMain .left h3{font-size: 18px;color: #5d5c5c;margin: 30px 20px 10px 20px;}
.m5 .catMain .left .time{font-size: 14px;color: #5d5c5c;line-height: 30px;margin: 0 20px;}
.m5 .catMain .left .summary{font-size: 14px;color: #5d5c5c;line-height: 30px;margin: 0 20px;}
.m5 .catMain .left:hover{background: #28449a;color: #FFFFFF;}
.m5 .catMain .left:hover h3{color: #FFFFFF;}
.m5 .catMain .left:hover .time{color: #FFFFFF;}
.m5 .catMain .left:hover .summary{color: #FFFFFF;}
.m5 .catMain .right{width: 588px;height: 448px;}
.m5 .catMain .right .item{width: 588px;height: 141px;background: #f8f8f8;display: block;margin-bottom: 12px;padding: 0 24px;overflow: hidden;}
.m5 .catMain .right .item:nth-child(3){margin-bottom: 0;}
.m5 .catMain .right .item h3{font-size: 18px;color: #5d5c5c;margin-top: 20px;}
.m5 .catMain .right .item .time{font-size: 14px;color: #5d5c5c;line-height: 30px;display: block;}
.m5 .catMain .right .item .summary{font-size: 14px;color: #5d5c5c;line-height: 30px;}
.m5 .catMain .right .item:hover{background: #28449a;color: #FFFFFF;}
.m5 .catMain .right .item:hover h3{color: #FFFFFF;}
.m5 .catMain .right .item:hover .time{color: #FFFFFF;}
.m5 .catMain .right .item:hover .summary{color: #FFFFFF;}
/* 联系我们 */
.m6{margin-bottom: 59px;}
.m6 .mapBox{height: 346px;width: 100%;background: #eeeeee;position: relative;}
.m6 .mapBox .contact{width: 300px;height: 296px;background: #28449a;color: #FFFFFF;position: absolute;top: 26px;right: 23px;padding: 21px 21px;z-index: 500;}
.m6 .mapBox .contact h3{font-size: 18px;font-weight: bold;line-height: 53px;border-bottom: 1px solid #5a6fb0;margin-bottom: 10px;}
.m6 .mapBox .contact .item{font-size: 14px;line-height: 36px;}
/* 底部 */
.foot{padding: 55px 0;overflow: hidden;background: #4c4b4b;color: #FFFFFF;font-size: 14px;line-height: 36px;}





/*brick-location-04*/
.brick-location-04{height: 61px;line-height: 61px;background: #28449a;color: #FFFFFF;font-size: 14px;min-width: 1200px;}
.brick-location-04 .catName{display: inline-block;font-size: 20px;background: #0e6cc4;color: #FFFFFF;padding: 0 45px;}
/* brick-article-list-02 */
.brick-article-list-02{width: 100%;}
.brick-article-list-02 ul li{padding: 36px 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.brick-article-list-02 ul li .news_time{width: 84px;height: 84px;background: #f2f2f2;color: #666666;margin-right: 20px;display: table;}
.brick-article-list-02 ul li .news_time .box{display: table-cell;vertical-align: middle;}
.brick-article-list-02 ul li .news_time .day{font-size: 25px;}
.brick-article-list-02 ul li .news_time .year{font-size: 13px;}
.brick-article-list-02 ul li .news_title{font-size: 16px;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.brick-article-list-02 ul li .news_summary{font-size: 12px;line-height: 24px;color: #ccc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*brick-article-content-01*/
.brick-article-content-01{margin: 30px 0;}
.brick-article-content-01 .title{font-size: 22px;color: #333;line-height: 28px;}
.brick-article-content-01 .time{font-size: 12px;color: #999;display: block;border-bottom: 1px solid #eee;padding: 18px 0;margin-bottom: 20px;}
.brick-article-content-01 .time span{padding: 0px 8px;}
.brick-article-content-01 .time span .iconfont{margin-right: 10px;position: relative;top: 2px;}
.brick-article-content-01 .content{font-size: 14px;color: #656565;line-height: 30px;min-height: 600px;}
.brick-article-content-01 .content p{margin-block-start: 1em;margin-block-end: 1em;}
.brick-article-content-01 .content img{max-width: 100%;height: auto!important;width: auto\9!important;}
.brick-article-content-01 .content table{border-collapse: collapse; border: none;margin: auto;} 
.brick-article-content-01 .content td{border: solid #e8e8e8 1px;}
/* .list-page */
.list-page {padding: 35px;text-align: center;clear: both;font-size: 16px;overflow: hidden;}
.list-page span.close,
.list-page strong,
.list-page a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.list-page strong.selfpage {background: #ed0616;color: #ffffff;}
.list-page a {background: #bbbbbb;color: #ffffff;}
.list-page a:hover {background: #ed0616;color: #fff;}
/* .brick-contactus-03 */
.brick-contactus-03{background: #f2f4f6;padding: 40px 0;overflow: hidden;}
.brick-contactus-03 .container{padding: 40px;background: #FFFFFF;border-radius: 3px;overflow: hidden;}
.brick-contactus-03 .contactus{overflow: hidden;height: 430px;}
.brick-contactus-03 .contactus .cn{font-size: 20px;color: #000000;font-weight: 700;margin-bottom: 32px;}
.brick-contactus-03 .contactus .text{font-size: 14px;color: #595959;line-height: 28px;}
.brick-contactus-03 .contactus .code{margin-top: 20px;}
.brick-contactus-03 .contactus .code .item{width: 142px;margin-right: 30px;}
.brick-contactus-03 .contactus .code .item img{width: 140px;height: 140px;border: 1px solid #e5e5e5;}
.brick-contactus-03 .contactus .code .item p{margin-top: 20px;font-size: 16px;color: #e5e5e5;}
.brick-contactus-03 .map{width: 690px;height: 403px;background: #EEEEEE;}
.brick-contactus-03 .map #MapBox {height: 100%;width: 100%;}
.brick-contactus-03 .line{width: 100%;height: 1px;background: #f0f0f0;margin: 20px 0;}
/*brick-pic-list-05*/
.brick-pic-list-05{margin-top: 20px;}
.brick-pic-list-05 .item{width: 400px;float: left;}
.brick-pic-list-05 .item a{box-shadow: 0 0 10px #ccc;display: block;border-radius: 7px;position: relative;overflow: hidden;z-index: 500;margin: 10px;}
.brick-pic-list-05 .item a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: #0e6cc4;transition: all ease .4s;z-index: 100;}
.brick-pic-list-05 .item .pic{border-radius: 7px 7px 0 0;overflow: hidden;text-align: center;}
.brick-pic-list-05 .item .pic img{transition: all 1s;height: 273px;}
.brick-pic-list-05 .item .txt{padding: 27px 15px;font-size: 16px;line-height: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.brick-pic-list-05 .item .txt .addtime{font-size: 12px;line-height: 16px;color: #999999;}
.brick-pic-list-05 .item .txt .addtime .iconfont{margin-right: 8px;}
.brick-pic-list-05 .item:hover .pic img{transform: scale(1.3);}
.brick-pic-list-05 .item:hover .txt{color: #0e6cc4;}
.brick-pic-list-05 .item:hover a:after{width: 100%;}

.brick-aboutus-03 .one{padding: 80px 0;overflow: hidden;font-size: 16px;color: #595959;line-height: 2;text-align: justify;}
.brick-aboutus-03 .one .container{position: relative;}
.brick-aboutus-03 .one .thumb{width: 460px;margin-right: 30px;margin-bottom: 30px;}
.brick-aboutus-03 .one .thumb img{width: 100%;padding: 5px;border: 1px solid #e4e4e4;background: #FFF;}
.brick-aboutus-03 .three{padding-bottom: 80px;overflow: hidden;}
.brick-aboutus-03 .three .left{width: 590px;height: 385px;}
.brick-aboutus-03 .three .left img{width: 290px;height: 385px;float: left;}
.brick-aboutus-03 .three .left img:first-child{margin-right: 10px;}

.brick-aboutus-03 .three .right{width: 590px;height: 385px;position: relative;}
.brick-aboutus-03 .three .right img{width: 590px;height: 385px;}
.brick-aboutus-03 .three .right h3{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size: 16px;padding: 15px 0;}
