/* 全局 */
.g-head,.g-body,.g-foot{ width:100%;min-width:1170px;margin:0 auto; }

.comWidth{ width:1170px;margin:0 auto; }

.fontHover:hover{ color:#2473da; }

/* 编辑器 */
.com-p { width: 100%; }
.com-p p { line-height: 2.4; }
.com-p img { max-width: 100%; }

/* 视频弹窗 */
.g-video-pop{ position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.38);z-index:10001;display:none; }
.g-video-pop .video-box{ position:absolute;top:50%;left:50%;margin-left:-450px;margin-top:-250px;width:900px;height:500px;background-color:#fff; }
.pop-close{ position:absolute;top:-50px;right:-50px;display:block;width:48px;height:48px;line-height:48px;border:1px solid rgba(255,255,255,.5);font-size:20px;font-weight:bold;text-align:center;color:#fff;border-radius:50%;z-index:10002; }
.pop-close:hover{ background-color:#fff;color:rgba(0,0,0,.5) }

/* 悬浮控件 */
.g-tips{ position:fixed;right:60px;bottom:30px;z-index:10000; }
.g-tips .icon{ position:relative;display:block;width:44px;height:44px;margin-bottom:8px; }
.g-tips .icon-code{ background:#ababab url('../img/icon-code.png') center center no-repeat; }
.g-tips .icon:hover .show-box{ visibility: visible;opacity:1;right:44px }
.g-tips .icon-qq{ background:#ababab url('../img/icon-qq2.png') center center no-repeat; }
.g-tips .icon-phone{ background:#ababab url('../img/icon-phone.png') center center no-repeat; }
.g-tips .toTop{ background:#ababab url('../img/icon-toTop.png') center center no-repeat;margin-top:30px;visibility: hidden; }
.g-tips .icon:hover{ background-color:#086fe9; }
.g-tips .show-box{ visibility: hidden;opacity:0;transition:.3s ease-out;-webkit-transition:.3s ease-out; position:absolute;right:150px;top:0;}
.g-tips .show-box.i-code{ width:220px;height:220px;border:1px solid #ddd;background-color:#fff;padding:20px; }
.g-tips .show-box.i-code img{ width:180px;height:180px;display:block; }
.g-tips .show-box.i-qq,
.g-tips .show-box.i-phone{ height:44px;line-height:44px;padding:0 30px;background-color:#086fe9;color:#fff;font-size:16px;white-space: nowrap; }

/*****分页*****/
.g_pages { text-align: center; height: 42px; color: #808080; font-size: 12px; line-height: 42px; }
.g_pages .in { display: inline-block; border-left: 1px solid #eee; background: #fff; }
.g_pages a, .g_pages span { float: left; width: 42px; text-align: center; height: 42px; border: 1px solid #eee; border-left: none; color: #666; box-sizing: content-box; }
.g_pages .prev, .g_pages .next { width: 60px; }
.g_pages .hide { display: none; }
.g_pages a:hover { background-color: #086fe9; color: #fff; border-color: #086fe9; text-decoration: none; }
.g_pages .current { background-color: #086fe9; color: #fff; border-color: #086fe9; text-decoration: none; }


.of-1{ overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.of-2{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.of-3{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

/*********************** g-head 页头 *************************/
.g-head{ position:fixed;top:0;left:0;z-index:999;height:80px;background-color:transparent;
    /*border-bottom:1px solid rgba(255,255,255,.2);*/
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;
}
/* 语言切换 */
.g-head .comWidth{ position:relative; }
.g-language{ position:absolute;left:100%;top:35px; }
.g-language .current{ position:relative;display:block;padding:0 29px;color:rgba(254,254,254,.5);border-left:1px solid #9ac5f6; white-space: nowrap; }
.g-language .current.checked+.l-list{ opacity:1;visibility: visible;top:50px; }
.g-language .current:after{ position:absolute;right:10px;top:8px;content:'';display:block;width:0;height:0;border:5px solid transparent;border-top-color:rgba(254,254,254,.5); }
.g-language .l-list{ position:absolute;left:20px;top:100px;background-color:rgba(255,255,255,.2);visibility: hidden;opacity:0;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;}
.g-language .l-list a{ display:block;font-size:12px;height:30px;line-height:30px;color:#fff;padding:0 15px;border-bottom:1px solid rgba(0,0,0,.1); }
.g-language .l-list a:hover{ color:#2473da; }

.g-logo{ display:inline-block; width:212px;height:46px;margin-top:18px; }
.g-logo img{ display:block;width:100%;height:100%; }
.g-nav{ margin-top:36px;height:28px;line-height:28px;position:relative; }
.g-nav .item{ float:left;text-align:center;padding-right:20px; }
.g-nav .item a{ display:block;color:#fff;font-size:18px;width:80px;background-color:transparent;font-weight:bold;}
.g-nav .item.curr a,
.g-nav .item:hover a{ color:#0a79e7; }

.g-nav .move-bg{ position:absolute;visibility:hidden;top:0;width:80px;height:28px;background-color:#fed002;z-index:-1;border-radius:3px;transition:.3s ease-out;
    -webkit-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    -ms-transition:.3s ease-out; }

/* 导航下拉 */
.g-pull-down{ position:absolute;left:0;top:-200%;width:100%;padding:120px 0 30px 0;background-color:#00387f;z-index:-2;
    transition:.3s ease-out;
    -webkit-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    -ms-transition:.3s ease-out;
    opacity:0;
    visibility: hidden;
}
.g-pull-down.pull{
    top:0;
    opacity:1;
    visibility: visible;
}
.g-pull-down .pull-item{ display:none; }
.g-pull-down .pull-item.show{ display:block; }
.g-pull-down .p-list-1{ width:1000px; }
.g-pull-down .p-list-1 .p-item{ float:left;width:30%;padding:0 55px;font-size:12px;margin-bottom:35px; }
.g-pull-down .p-list-1 .p-item .p-tit{ display:block;color:#fff;font-size:16px;margin-bottom:10px; }
.g-pull-down .p-list-1 .p-item .p-tit:hover{ color:#fed002;}
.g-pull-down .p-list-1 .p-item .p-info{ color:#a7a7a7;font-size:12px;line-height:1.6;text-indent:2em; }

.g-pull-down .p-aside{ margin-left:1000px;border-left:1px solid #404d5e; }
.g-pull-down .p-aside .p-link{ display:block;height:128px;text-align:right; }
.g-pull-down .p-aside .p-link img{ width:138px;height:88px; }

.p-list-2{ padding:0 120px; }
.p-list-2 .p-item{ float:left;width:160px;height:50px;line-height:50px;text-align:center;color:#fff;background-color:#686d73;font-size:16px;margin-bottom:20px;border:2px solid transparent;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;}
.p-list-2 .p-item:not(:nth-child(5n)){ margin-right:32px; }
.p-list-2 .p-item:hover{ border-color:#086fe9;background-color:transparent;color:#086fe9; }

/*********************** g-foot 页尾 ************************/
/* g-foot */
.g-foot{ background-color:#282b30; }
/* 集团公司 */
.cooperation{ height:44px;line-height:44px;background-color:#f2f2f5; }
.cooperation .c-tit{ color:#454545;font-size:14px;font-weight:bold; }
.cooperation .c-tit:before{ content:'';display:inline-block;width:4px;height:14px;background-color:#ffbf01;margin-right:10px; }
.cooperation .c-item{ margin-left:25px; }
.cooperation .c-item:hover{ color:#086fe9; }
.cooperation .c-more{ color:#086fe9;font-size:12px; }
.cooperation .c-more:hover{ color:#f00; }

/* 快速链接 */
.g-links{ padding:40px 0 20px 0;border-bottom:1px dashed rgba(255,255,255,.1);width:900px;margin:0 auto; }
.g-links .l-item{ float:left;width:150px; }
.g-links .l-item dt{margin-bottom:22px;position:relative;  }
.g-links .l-item dt:after{ content:'-';font-size:20px;color:#fff;position:absolute;bottom:-22px;left:26px; }
.g-links .l-item dt a{ color:#fff;font-size:16px; }
.g-links .l-item dd{ margin-bottom:12px; }
.g-links .l-item dd a{ color:#999;font-size:14px; }

.g-links .l-item dd a:hover,.g-links .l-item dt a:hover,.g-links .l-item dt:hover:after{ color:#2473da; }

/* 底部公司信息 */
.foot-logo{ padding:10px 90px 40px 0;text-align:center; }
.foot-logo p{ margin-top:15px;font-size:12px; }
.foot-logo .f-number{ margin-right:35px; }
/* 版权信息 */
.g-copyright{ height:60px;line-height:60px;color:rgba(255,255,255,.8);font-size:12px;background-color:#414348; }
.g-copyright .thirdParty a{ display:inline-block;width:20px;margin:0 5px; }
.g-copyright .thirdParty .g-wx{ background:url('../img/icon-wechat.png') no-repeat center center; }
.g-copyright .thirdParty .g-wx:hover{ background-image:url('../img/icon-wc-hover.png'); }
.g-copyright .thirdParty .g-qq{ background:url('../img/icon-qq.png') no-repeat center center;  }
.g-copyright .thirdParty .g-qq:hover{ background-image:url('../img/icon-qq-hover.png'); }
.g-copyright .thirdParty .g-sina{ background:url('../img/icon-sina.png') no-repeat center center;  }
.g-copyright .thirdParty .g-sina:hover{ background-image:url('../img/icon-sina-hover.png'); }



/*********************** 内容区 *********************/
/* 首页banner */
.m-banner-temp{ height:650px; }
/* banner */
.com-banner-a{ width:100%;position:relative; }
.com-banner-a .inner{ position:relative;overflow:hidden;height:650px; }
.com-banner-a .b-list{ width:10000px;position:relative;left:0;top:0; }
.com-banner-a .b-list .b-item{ float:left;height:650px;background-size:cover!important;}
.com-banner-a .b-list .b-item img{ max-width:100%;vertical-align:middle;border:0;display:block; }
.com-banner-a .d-page{ position:absolute;bottom:30px;left:0;width:100%;height:18px;text-align:center; }
.com-banner-a .d-page .btn-page{ display:inline-block;width:70px;height:4px;background-color:rgba(255,255,255,.5);margin:7px 10px; }
.com-banner-a .d-page .btn-page:hover,
.com-banner-a .d-page .btn-page.curr{ background-color:rgba(255,255,255,1) }
.com-banner-a .d-arrow .a-prev{ left:100px;background:url('../img/arrow-left.png') no-repeat center center;width:64px;height:64px; }
.com-banner-a .d-arrow .a-next{ right:100px;background:url('../img/arrow-right.png') no-repeat center center;width:64px;height:64px; }
.com-banner-a .d-arrow .a-prev:hover,
.com-banner-a .d-arrow .a-next:hover{ opacity:1; }
.arrow{ display:block;position:absolute;top:50%;transform:translateY(-50%);opacity:.1;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;}

/* 最新动态滚动 */
.m-dynamic-slide{ height:38px;line-height:38px;background-color:#f2f2f5; }
.m-dynamic-slide .comWidth{ height:100%;background:url('../img/icon-horn.png') no-repeat 12px center; }
.m-dynamic-slide .d-show{ position:relative;width:461px;height:38px;overflow:hidden;margin-left:40px; }
.m-dynamic-slide .d-show:after{ content:'';position:absolute;right:0;top:13px;width:1px;height:9px;background-color:#c8c8c8; }
.m-dynamic-slide .d-show .news-list{ position:relative;top:0;left:0; }
.m-dynamic-slide .d-show .news-list .news-item{ height:38px; }
.m-dynamic-slide .d-show .news-list .news-item .n-info{ display:block;float:left;width:360px; }
.m-dynamic-slide .d-show .news-list .news-item .n-date{ display:block;float:left;width:100px;padding-left:5px; }
.m-dynamic-slide .d-show .news-list .news-item .n-date .n-states{ display:inline-block;width:30px;height:12px;background:url('../img/icon-new.png') no-repeat; }
.m-dynamic-slide .d-show .news-list .news-item a{ color:#545454;display:block; }
.m-dynamic-slide .d-show .news-list .news-item a:hover{ color:#086fe9; }
.m-dynamic-slide .d-more{ color:#086fe9; }
.m-dynamic-slide .d-more:hover{ color:#f00; }

/* 首页 产品 */
.m-index-product{ padding:60px 0 0 0;background-color:#fff; }
.m-index-product .p-list{  }
.m-index-product .p-list .p-item{ float:left;margin-top:18px; }
.m-index-product .p-list .p-item:not(:nth-child(3n)){ margin-right:30px; }
.m-index-product .p-list .p-item .p-link{ display:block;position:relative;width:370px;height:160px;border:1px solid #ebebeb;background-repeat:no-repeat;background-position:25px 50px;padding:45px 0 0 110px;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
.m-index-product .p-list .p-item .p-link:hover{ border-color:#086fe9;box-shadow:0 0 15px rgba(8,108,234,.1); }
.m-index-product .p-list .p-item .p-link:hover span{ color:#086fe9; }
.m-index-product .p-list .p-item .p-link.pro-1{ background-image:url('../img/pro-01.png'); }
.m-index-product .p-list .p-item .p-link.pro-2{ background-image:url('../img/pro-02.png'); }
.m-index-product .p-list .p-item .p-link.pro-3{ background-image:url('../img/pro-03.png'); }
.m-index-product .p-list .p-item .p-link.pro-4{ background-image:url('../img/pro-04.png'); }
.m-index-product .p-list .p-item .p-link.pro-5{ background-image:url('../img/pro-05.png'); }
.m-index-product .p-list .p-item .p-link.pro-6{ background-image:url('../img/pro-06.png'); }
.m-index-product .p-list .p-item .p-link span{ display:block;color:#545454; }
.m-index-product .p-list .p-item .p-link .p-en{ font-size:24px;margin-bottom:10px; }

/* 首页 服务 */
.m-index-service{ margin-top:60px;background-color:#7a7a7a; }
.m-index-service .s-list{}
.m-index-service .s-list .s-item{ float:left;width:25%; }
.m-index-service .s-list .s-item .s-link{ display:block;height:457px;position:relative;background-repeat:no-repeat;background-position:center center;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
.m-index-service .s-list .s-item .s-link:hover{
    box-shadow:0 3px 12px rgba(8,108,234,.5);
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    z-index:999; }
.m-index-service .s-list .s-item .s-link:hover .s-con{ top:70px; }
.m-index-service .s-list .s-item .s-link:hover .s-info{ bottom:50px;opacity:1; }
.m-index-service .s-list .s-item .s-link:hover .com-mask{ background-color:rgba(8,108,234,.7);z-index:-1; }
.m-index-service .s-list .s-item .s-link.pro-1{ background-image:url('../img/pic-pro-01.jpg'); }
.m-index-service .s-list .s-item .s-link.pro-2{ background-image:url('../img/pic-pro-02.jpg');}
.m-index-service .s-list .s-item .s-link.pro-3{ background-image:url('../img/pic-pro-03.jpg');}
.m-index-service .s-list .s-item .s-link.pro-4{ background-image:url('../img/pic-pro-04.jpg');}

.m-index-service .s-list .s-item .s-link .s-con{ position:absolute;width:160px;left:70px;top:140px;color:#fff;text-align:center;transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
.m-index-service .s-list .s-item .s-link .s-con .icon{ display:block;height:100px;background-position:center top;background-repeat:no-repeat; }
.m-index-service .s-list .s-item .s-link .s-con .s-tit{ width:160px;height:46px;line-height:46px;text-align:center;font-weight:bold;font-size:20px;border:2px solid #fff;margin-bottom:20px; }
.m-index-service .s-list .s-item .s-link .s-con .s-line{ width:48px;height:4px;background-color:#ffbf01;border-radius:3px;margin:0 auto 15px; }
.m-index-service .s-list .s-item .s-link .s-con .s-sub{ font-size:14px;font-weight:bold; }

.m-index-service .s-list .s-item .s-link .s-info{ text-indent:2em;position:absolute;bottom:0;left:50%;width:210px;line-height:2;color:#fff;opacity:0;transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
}
.m-index-service .s-list .s-item .s-link .com-mask{ background-color:transparent; }


/* 公司新闻 */
.m-index-news{ padding-top:60px;height:610px; }
.m-index-news .n-list{ display:none; }
.m-index-news .n-list.show{ display:block; }
.m-index-news .n-list .n-item{ float:left;margin-top:20px;background-color:#fff; }
.m-index-news .n-list .n-item:not(:nth-child(3n)){ margin-right:40px; }
.m-index-news .n-list .n-item .n-link{ display:block;padding:10px;width:360px;height:300px;box-shadow:0 3px 6px rgba(0,0,0,.1);border:1px solid transparent;
    transition:.3s ease-out;
    -webkit-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    -ms-transition:.3s ease-out; }
.m-index-news .n-list .n-item .n-link img{ width:340px;height:200px;display:block; }
.m-index-news .n-list .n-item .n-link .n-tit{ margin-top:24px;color:#555555;font-size:16px; }
.m-index-news .n-list .n-item .n-link .n-date{ margin-top:10px;font-size:12px;color:#878787; }
.m-index-news .n-list .n-item .n-link:hover{ border-color:#086fe9;border-bottom-width:4px; }

/* 合作案例 */
.m-index-case{ padding:70px 0 30px 0; }
.m-index-case .c-list{ margin-top:20px;display:none; }
.m-index-case .c-list.show{ display:block; }
.m-index-case .c-list .c-item{ float:left;margin-bottom:35px;position:relative;overflow:hidden;}
.m-index-case .c-list .c-item:not(:nth-child(4n)){ margin-right:30px; }
.m-index-case .c-list .c-item .c-link{ display:block;width:270px;height:430px;border-bottom:4px solid #bbbbbb;background-color:#f2f2f5;padding-bottom:230px;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;}
/*.m-index-case .c-list .c-item .c-link:hover{ background-color:#086fe9;border-bottom-color:transparent;box-shadow:0 5px 10px rgba(8,108,234,.5); }*/
/*.m-index-case .c-list .c-item .c-link:hover .c-detail .c-tit{ color:#fff; }*/
/*.m-index-case .c-list .c-item .c-link:hover .c-detail .c-line{ background-color:#ffbf01; }*/
/*.m-index-case .c-list .c-item .c-link:hover .c-detail .c-info{ color:#fff; }*/
.m-index-case .c-list .c-item .c-link img{ width:270px;height:200px; }
.m-index-case .c-list .c-item .c-link .c-detail{ position:absolute;top:200px;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#f2f2f5;padding:0 26px;transition:.5s ease-out;-webkit-transition:.5s ease-out; }
.m-index-case .c-list .c-item .c-link .c-detail .c-tit{ text-align:center;margin-top:30px;color:#545454;font-size:16px;line-height:1.8;padding:0 5px; }
.m-index-case .c-list .c-item .c-link .c-detail .c-line{ width:48px;height:4px;margin:20px auto 0;background-color:#bbbbbb; }
.m-index-case .c-list .c-item .c-link .c-detail .c-info{ text-indent:2em;margin-top:20px;color:#a1a1a1;font-size:12px;line-height:2; }
/*.m-index-case .c-list .c-item:hover .c-hide{ visibility: visible;opacity:1; }*/
.m-index-case .c-hide{ display:none;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#f2f2f5;padding:30px 20px 0 20px;color:#222;border:1px solid #ededed;/*opacity:0;visibility: hidden;*/transition:.3s ease-out;-webkit-transition:.3s ease-out; }
.m-index-case .c-hide .c-title{ font-size:16px;color:#343434;margin-bottom:20px;text-align:center }
.m-index-case .c-hide .c-cont{ font-size:14px;color:#5d5d5d; }
.m-index-case .c-hide .c-cont p{ line-height:1.8; }
.m-index-case .c-list .c-item .c-link .c-info-box .c-info:nth-of-type(2){ display:none; }
.m-index-case .c-list .c-item .c-link:hover .c-detail{ top:0;background-color:#086cea; }
.m-index-case .c-list .c-item .c-link:hover .c-detail .c-tit{ color:#fff; }
.m-index-case .c-list .c-item .c-link:hover .c-detail .c-line{ background-color:#ffbf01; }
.m-index-case .c-list .c-item .c-link:hover .c-detail .c-info{ color:#fff; }
.m-index-case .c-list .c-item .c-link:hover .c-info-box .c-info:nth-of-type(1){ display:none;color:#aaa; }
.m-index-case .c-list .c-item .c-link:hover .c-info-box .c-info:nth-of-type(2){ display:block; }
/* 关于我们 */
.m-index-about{ padding-top:70px;height:570px;position:relative; }
.m-index-about .a-detail{ margin-top:20px; }
.m-index-about .a-detail .a-play{ width:520px;height:300px;padding:10px;background-color:#fff; }
.m-index-about .a-detail .a-play img{ width:500px;height:280px;display:block; }
.m-index-about .a-detail .c-con{ margin-left:580px; }
.m-index-about .a-detail .c-con .c-info{ text-indent:2em;color:#2f2f2f;font-size:15px;line-height:2.6;padding-right:70px; }
.m-index-about .a-detail .c-con .c-more{ display:inline-block;color:#676767;border:1px solid #d2d2d3;text-align:center;height:30px;line-height:30px;padding:0 20px;border-radius:5px;margin-top:30px; }
.m-index-about .a-detail .c-con .c-more:hover{ color:#fff;background-color:#086fe9; }

/******************************** 产品服务 ********************************/
.m-pro-detail{ padding-bottom:100px; }
.m-pro-detail .comWidth{ padding:0 20px; }
.m-pro-detail .detail-item{ margin-top:50px; }
.m-pro-detail .detail-item .com-p{ padding:0 18px; }
.m-pro-detail .detail-item .pro-list-4{ margin-top:30px; }
.m-pro-detail .detail-item .pro-list-4 .pro-item{ float:left;border:1px solid #dedede;margin-top:30px; }
.m-pro-detail .detail-item .pro-list-4 .pro-item:not(:nth-child(4n)){ margin-right:14px; }
.m-pro-detail .detail-item .pro-list-4 .pro-item img{ width:270px;height:182px;display:block; }

.m-pro-detail .detail-item .pro-list-3{ margin:30px 40px 0 40px; }
.m-pro-detail .detail-item .pro-list-3 .pro-item{ float:left;border:1px solid #dedede;margin-top:30px; }
.m-pro-detail .detail-item .pro-list-3 .pro-item:not(:nth-child(3n)){ margin-right:116px; }
.m-pro-detail .detail-item .pro-list-3 .pro-item img{ width:270px;height:182px;display:block; }

.m-pro-detail .detail-item .pro-list-5{ margin-top:30px; }
.m-pro-detail .detail-item .pro-list-5 .pro-item{ float:left;border:1px solid #dedede;margin-top:30px; }
.m-pro-detail .detail-item .pro-list-5 .pro-item:not(:nth-child(5n)){ margin-right:36px; }
.m-pro-detail .detail-item .pro-list-5 .pro-item img{ width:195px;height:70px;display:block; }

/******************************** 关于我们 ******************************/
/* 公司口号 */
.m-slogan{ position:absolute;top:160px;left:0;width:100%;padding-left:20px;text-align:left;color:#fff; }
.m-slogan .comWidth{ padding-right:15px; }
.m-slogan .s-zh{ font-size:40px;margin-bottom:15px; }
.m-slogan .s-en{ font-size:16px; }
.m-slogan .s-line{ display:inline-block;width:58px;height:3px;border-radius:3px;background-color:#fff;margin-top:20px; }

/* 关于我们 */
.m-about{ position:relative;top:-130px;left:0; }
.m-about .comWidth{position:relative;background-color:#ebebeb;}
.m-about .aside-nav{ position:absolute;top:0;left:0;width:220px;background-color:#ebebeb; }
.m-about .aside-nav .n-list{ padding:40px 0 0 0 ; }
.m-about .aside-nav .n-list .n-item{ width:100%;height:45px;line-height:45px;margin-bottom:10px; text-align:center;}
.m-about .aside-nav .n-list .n-item a{ display:inline-block;padding:0 20px;border-radius:5px;font-size:18px;color:#545454; }
.m-about .aside-nav .n-list .n-item a:hover,
.m-about .aside-nav .n-list .n-item.curr a{ color:#fff;background-color:#086fe9; }

.m-about .about-detail{ margin-left:220px;background-color:#fff;padding:50px 100px 50px 40px; }
.m-about .about-detail .detail-item{ padding-bottom:30px; }
.m-about .about-detail .detail-item .com-pro-tit{ margin-bottom:30px; }
.m-play-box{ width:501px;height:284px;margin:0 auto; }

/******************************** 技术咨询 ********************************/
.m-news-list{ padding-bottom:30px; }
.m-news-list .comWidth{ padding-bottom:20px; }
.m-news-list .news-item{ display:block;margin-top:25px;float:left;width:570px;border:1px solid #dedede;padding:20px 0; transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
.m-news-list .news-item:hover{ border-color:#086fe9;box-shadow: 0 3px 0 #086fe9; }
.m-news-list .news-item:hover .n-right  .n-tit{ color:#086fe9 }
.m-news-list .news-item:not(:nth-child(2n)){ margin-right:30px; }
.m-news-list .news-item .n-left{ width:310px;padding:0 20px; }
.m-news-list .news-item .n-left .n-link{ display:block;padding:7px;box-shadow:0 0 3px rgba(0,0,0,.1);height:180px; }
.m-news-list .news-item .n-left .n-link img{ width:100%;height:100%;display:block; }

.m-news-list .news-item .n-right{ margin-left:310px;padding-right:30px; }
.m-news-list .news-item .n-right .n-tit{ color:#060606;font-size:18px;line-height:2; min-height: 72px; }
.m-news-list .news-item .n-right .n-add{ color:#086fe9;font-size:30px;margin-top:15px; }
.m-news-list .news-item .n-right .n-date{ color:#aeaeae;font-size:16px;margin-top:30px; }

/******************************** 新闻中心 ******************************/
/* 新闻列表 */
.m-news-page.about-detail{ padding-right:50px; }
.m-news-page .m-news-list .news-item{ width:100%;float:none; }

/* 新闻详情页 */
.m-news-detail{ padding-bottom:170px; }
.m-news-detail .d-tit{ color:#2e2e2f;font-size:22px;margin-bottom:30px;line-height:1.6; }
.m-news-detail .d-sub{ color:#c0c0c0;font-size:16px;margin-bottom:50px; }
.m-news-detail .d-sub span{ margin-right:70px; }
.news-page{ margin:0 auto;width:460px;height:50px;line-height:50px;background-color:#f2f2f5; }
.news-page a{ position:relative;display:block;text-align:center;color:#2f2f2f;font-size:18px;float:left;width:33%; }
.news-page a:not(:last-child):after{ content:'';position:absolute;right:0;top:18px;display:block;width:2px;height:12px;background-color:#e1e1e3; }
.news-page a:hover{ color:#086fe9; }

/********************************* 联系我们 *********************************/
/* 联系我们 - 商务合作 */
.m-contact-hz{ padding:30px 0;border-top:1px dashed #dedede;border-bottom:1px dashed #dedede; }
.m-contact-hz .hz-tit{ font-size:16px;color:#575757; }
.m-contact-hz .hz-list{  }
.m-contact-hz .hz-list .hz-item{ display:block;float:left;margin-top:15px;width:25%;color:#8a8a8a; }
.m-contact-hz .hz-list .hz-item:hover{ color:#086fe9; }

/* 联系我们 - 地址信息 */
.m-contact-address{ padding-bottom:80px; }
.m-contact-address .com-bdMap{ width:100%;padding-bottom:40%;background-color:#dedede; }
.m-contact-address .com-address{ margin-top:50px;padding-left:20px; }
.m-contact-address .com-address .a-item{ height:44px;line-height:44px;padding-left:45px;margin-bottom:20px;background-repeat:no-repeat;background-position:left center; }
.m-contact-address .com-address .a-item.gsmz{ background-image:url('../img/icon-addr-01.png'); }
.m-contact-address .com-address .a-item.dhhm{ background-image:url('../img/icon-addr-02.png'); }
.m-contact-address .com-address .a-item.gsyx{ background-image:url('../img/icon-addr-03.png'); }
.m-contact-address .com-address .a-item.gsdz{ background-image:url('../img/icon-addr-04.png'); }


/********************************* 组件区 **************************/
/* 首页 模块 标题 */
.com-index-tit{ text-align:center; }
.com-index-tit .t-head{ color:#086cea;font-size:28px;margin-bottom:15px; }
.com-index-tit .t-sub{ color:#545454;font-size:14px;text-align:center; }
.com-index-tit .t-line{ margin:12px auto;width:45px;height:4px;border-radius:3px;background-color:#ffbf01; }
.com-index-tit .t-tabs{ margin-top:20px;height:34px;line-height:34px; }
.com-index-tit .t-tabs a{ display:inline-block;padding:0 16px;background-color:transparent;border-radius:5px;color:#545454;font-size:16px;margin: 0 10px; }
.com-index-tit .t-tabs a.curr,.com-index-tit .t-tabs a:hover{ background-color:#086fe9;color:#fff; }
/* 产品标题 */
.com-pro-tit{ margin-bottom:30px;font-size:18px;color:#545454; }
.com-pro-tit:before{ display:inline-block;content:'';width:3px;height:18px;background-color:#ffbf01;vertical-align:-2px;margin-right:10px;margin-left:18px; }

/* 关于我们标题 */
.com-about-tit{ font-size:24px;color:#2f2f2f;padding:35px 0; }
.com-about-tit .t-line{ width:48px;height:4px;background-color:#ffbf01;border-radius:5px;margin-top:25px; }
/* 遮罩 */
.com-mask{ position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
/* 查看更多 */
.com-more{ display:block;width:110px;height:30px;line-height:30px;border:1px solid #d2d2d3;color:#676767;text-align:center;margin:30px auto;border-radius:5px; }
.com-more:hover{ color:#fff;background-color:#086fe9;border-color:#086fe9; }

/* 页面子导航 */
.com-sub-nav{ height:56px;background-color:#ebebeb; }
.com-sub-nav .n-item{ float:left;margin:0 15px; }
.com-sub-nav .n-item a{ display:inline-block;height:40px;line-height:40px;margin-top:8px;color:#545454;padding:0 20px;font-size:18px;border-radius:5px; }
.com-sub-nav .n-item a:hover,.com-sub-nav .n-item.curr a{ background-color:#086fe9;color:#fff; }

/* 人才招聘下拉组件 */
.com-pull-list .pull-item{ border-top:1px solid #dedede; }
.com-pull-list .pull-item .pull-tit{ display:block;height:80px;line-height:80px;color:#666;font-size:16px;font-weight:bold;background:#fff url('../img/arrow-down.png') no-repeat 95% center; }
.com-pull-list .pull-item.curr .pull-tit{ color:#2787df;background-image:url('../img/arrow-up.png'); }
.com-pull-list .pull-item .pull-content{ padding:30px 0 50px 0;overflow:hidden;display:none; }
.com-pull-list .pull-more{ padding-top:40px;border-top:1px solid #dedede; }
.com-pull-list .pull-more .m-tit{ color:#2787df;font-size:14px; }

/* 内页banner */
.m-sub-temp{ position:relative;padding-top:120px; }
.m-sub-temp .sub-bread{ padding-left:55px;background:url('../img/bread-list.png') no-repeat 25px center ;margin-bottom:50px; }
.m-sub-temp .sub-bread a{ color:#fff;font-size:18px; }
.m-sub-temp .sub-bread a:not(:last-child):after{ content:'>';font-size:20px;font-family: '宋体';color:#fff;cursor: default;margin:0 10px; }
.m-sub-temp .sub-bread a:hover{ color:#086fe9 }

.m-sub-temp .temp-logo a{ display:block;width:178px;height:158px;border-radius:5px;margin: 0 auto;overflow:hidden; }
.m-sub-temp .temp-logo a img{ width:100%;height:100%;display:block; }
.m-sub-temp .temp-logo p{ text-align:center;color:#fff;font-size:18px;font-weight:bold;margin-top:30px; }

/* 视频播放 */
.com-play-img{ position:relative;display:block;width:100%;height:100%; }
.com-play-img img{ width:100%;height:100%;display:block; }
.com-play-img .icon-play{ position:absolute;top:50%;left:50%;margin-left:-49px;margin-top:-49px;width:98px;height:98px;background:url('../img/icon-play.png') no-repeat center center;visibility: hidden;opacity:0;transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out; }
.com-play-img.com-play-img:hover .icon-play{ visibility: visible;opacity:1; }


article,aside,dialog,footer,header,section,footer,nav,figure,video,menu{display:block}
video::-webkit-media-controls {
    display:none !important;
}

/* 微信扫一扫 */
.com-pop-wechat{ position:fixed;left:0;bottom:0;right:0;top:0;display:none; }
.com-pop-wechat .pop-box{ position:absolute;top:50%;left:50%;width:220px;margin:-110px 0 0 -110px;padding:10px;background-color:#fff; }
.com-pop-wechat .pop-box img{ width:100%;height:100%;border:0;display:block; }
.com-pop-wechat .pop-box p{ padding:5px 0;text-align:center;font-size:16px; }
.com-pop-wechat .pop-mask{ position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5) }

/* 产品中心 */
.m-about{}
.m-about .aside-nav{padding:40px 15px 0 15px;}
.m-about .aside-nav .p-item{ display:block;height:54px;line-height:54px;font-size:18px;background:url('../img/arrow-up-gray.png') no-repeat 95% center;padding-left:15px;  }
.m-about .aside-nav .p-item:hover{ color:#086ce9; }
.m-about .aside-nav .p-item.curr{ background-image:url('../img/arrow-down-gray.png'); }
.m-about .aside-nav .a-pull-list{ display:none; }
.m-about .aside-nav .a-pull-list .c-item{ display:block;height:40px;line-height:40px;padding:0 10px 0 30px;font-size:14px;color:#545454;border-radius:5px;margin-top:10px; }
/*.m-about .aside-nav .a-pull-list .c-item:after{ content:'>';color:#545454;float:right; }*/
.m-about .aside-nav .a-pull-list .c-item:hover,
.m-about .aside-nav .a-pull-list .c-item.curr{ background-color:#086ce9;color:#fff; }
.m-about .aside-nav .a-pull-list .c-item:hover:after,
.m-about .aside-nav .a-pull-list .c-item.curr:after{ color:#fff; }

.com-pro-tit{ height:50px;line-height:50px;background-color:#f6f6f6;margin:0;font-size:20px; }
.m-about .pro-detail{ margin-left:220px;background-color:#fff;padding:50px 60px 0 40px;min-height: 500px; }
.m-about .pro-detail .pro-intro-temp{ padding-bottom:30px; }
.m-about .pro-detail .pro-intro-temp .com-p{ padding:0 10px;line-height:2; }
/*.m-about .pro-detail .pro-intro-temp .temp-01 p{ width:540px;float:left; }*/
/*.m-about .pro-detail .pro-intro-temp img{ float:right;max-width:290px;height:auto; }*/
.m-about .pro-detail .pro-intro-temp .temp-01{ padding:33px 0 0 0; }
.m-about .pro-detail .pro-intro-temp .temp-02{  }
.m-about .pro-detail .pro-intro-temp .temp-02 .com-p{ padding:15px 10px 0; }
.m-about .pro-detail .pro-intro-temp .temp-02 .com-pro-list .pro-item{ margin-top:20px; }
.m-about .pro-detail .pro-intro-temp .temp-02 .p-img{ float:left;width:150px;height:140px;border:1px solid #ebebeb;overflow:hidden; }
.m-about .pro-detail .pro-intro-temp .temp-02 .p-img .p-show{ display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;
    transition:.5s ease-out;
    -webkit-transition:.5s ease-out;
    -moz-transition:.5s ease-out;
    -o-transition:.5s ease-out;
    -ms-transition:.5s ease-out;}
.m-about .pro-detail .pro-intro-temp .temp-02 .com-pro-list .pro-item:hover .p-show{ transform:rotate(30deg);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg); }
.m-about .pro-detail .pro-intro-temp .temp-02 .p-info{ float:left;width:700px;line-height:2;padding:5px 15px 15px 30px; }
.m-about .pro-detail .pro-intro-temp .temp-02 .p-info p:nth-child(1){ font-size:16px;font-weight:bold; }
.m-about .pro-detail .pro-intro-temp .temp-02 .p-info pre{ white-space: pre-wrap;font-family:'Microsoft Yahei'; }

/* banner-a */
.com-banner-b{ position:relative; }
.com-banner-b .inner{ position:relative;overflow:hidden;height:500px; }
.com-banner-b .b-list{ position:relative;left:0;top:0; }
.com-banner-b .b-list .b-item{ float:left;height:500px;}
.com-banner-b .b-list .b-item img{ max-width:100%;vertical-align:middle;border:0;display:block; }
.com-banner-b .d-page{ position:absolute;bottom:0;left:0;width:100%;height:18px;text-align:center; }
.com-banner-b .d-page .btn-page{ display:inline-block;width:12px;height:12px;background-color:#fff;border:2px solid #e4e4e4;border-radius:50%;margin:7px 10px; }
.com-banner-b .d-page .btn-page:hover,
.com-banner-b .d-page .btn-page.curr{ background-color:#086ce8;border-color:#086ce8; }
.com-banner-b .d-arrow{ visibility: visible;opacity:1;transition:.3s;}
.com-banner-b .d-arrow.hover{ visibility: visible;opacity:1; }
.com-banner-b .d-arrow .arrow{ background-color:#f6f6f6;width:30px;height:90px;line-height:90px;opacity:1!important;font-family:'宋体';font-size:30px;color:#c0c0c0;font-weight:bold;text-align:center; }
.com-banner-b .d-arrow .a-prev{ left:0px; }
.com-banner-b .d-arrow .a-next{ right:0px; }
.com-banner-b .d-arrow .arrow:hover{ background-color:#086ce8;color:#fff; }

.arrow{ display:block;position:absolute;top:50%;transform:translateY(-50%); }

/* 公司荣耀 */
.m-honor-list{ position:relative; }
.m-honor-list .h-item{ position:relative;padding-bottom:50px; }
.m-honor-list .h-item .h-arrow{ position:absolute;top:50%;display:block;margin-top:-45px;width:30px;height:90px;line-height:90px;text-align:center;font-family:'宋体';font-size:30px;color:#545454;background-color:#f6f6f6; }
.m-honor-list .h-item .h-arrow.prev{ left:-30px; }
.m-honor-list .h-item .h-arrow.next{ right:-30px;  }
.m-honor-list .h-item .h-arrow:hover{ background-color:#086ce8;color:#fff; }

.m-honor-list .h-item .h-more{ display:block;position:absolute;right:-40px;top:50%;margin-top:-75px;width:40px;height:150px;background-color:#ebebeb;font-size:16px;color:#545454;padding:30px 12px; }
.m-honor-list .h-item .h-img-3{ width:250px;height:183px;border:0;display:block;float:left;padding:10px; }
.m-honor-list .h-item .h-img-4{ width:150px;height:210px;border:0;display:block;float:left;padding:10px;margin:0 20px; }
.m-honor-list .h-tit{ color:#222;font-size:20px;margin-bottom:10px; }

.h-item-pop{ position:fixed;left:50%;top:50%;margin:-250px 0 0 -400px;width:800px;height:500px;background-color:#fff;z-index:999;border:1px solid #ededed;display:none; }
.h-item-pop .p-show{ width:600px;height:400px;overflow:hidden;margin:20px auto 0; }
.h-item-pop .p-show .p-list{ position:relative;top:0;left:0;width:10000px; }
.h-item-pop .p-show .p-list .p-item{ float:left;width:600px;height:400px; }
.h-item-pop .p-show .p-list .p-item img{ height:100%;display:block;margin:0 auto }

.h-item-pop .honor-arrow{ position:absolute;top:50%;margin-top:-45px;width:40px;height:90px;line-height:90px;text-align:center;font-family:'宋体';font-size:30px;color:#545454;background-color:#f6f6f6; }
.h-item-pop .arrow-prev{ left:20px }
.h-item-pop .arrow-next{ right:20px }
.h-item-pop .honor-arrow:hover{ background-color:#086ce8;color:#fff; }
.honor-page-num{ display:block;text-align:center;font-size:20px;color:#545454;margin-top:25px; }
.honor-close{ display:block;position:absolute;right:0;top:0;font-size:48px;color:#ddd;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer; }
.honor-close:hover{ background-color:#086ce8;color:#fff; }
/* 团队风采 */
.slider-show.td{ width:790px;height:183px;overflow:hidden;position:relative;margin:30px auto 0; }
.slider-show.td .slider-list{ position:relative;width:100000px;left:0;top:0; }
.slider-show.td .slider-list .slider-item{ float:left;display:block; }
.slider-show.td .slider-list .slider-item img{ width:250px;height:183px;display:block; }
.slider-show.td .slider-list .slider-item:not(:last-child){ padding-right:20px; }
/* 公司荣耀 轮播图 */
.slider-show.zs{ width:790px;height:183px;overflow:hidden;position:relative;margin:30px auto 0; }
.slider-show.zs .slider-list{ position:relative;width:100000px;left:0;top:0; }
.slider-show.zs .slider-list .slider-item{ float:left;display:block; }
.slider-show.zs .slider-list .slider-item img{ width:250px;height:183px;display:block; }
.slider-show.zs .slider-list .slider-item:not(:last-child){ padding-right:20px; }



.slider-show.zzq{ width:780px;height:210px;overflow:hidden;position:relative;margin:30px auto 0; }
.slider-show.zzq .slider-list{ position:relative;width:100000px;left:0;top:0; }
.slider-show.zzq .slider-list .slider-item{ float:left;display:block; }
.slider-show.zzq .slider-list .slider-item img{ width:150px;height:210px;display:block; }
.slider-show.zzq .slider-list .slider-item:not(:last-child){ padding-right:60px; }

.case-popup{ display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:10001; }
.case-popup .c-detail{ position:absolute;top:50%;left:50%;width:570px;height:430px;margin:-215px 0 0 -285px;background-color:#fff;box-shadow:0 8px 16px rgba(8,108,204,.35);padding:40px 55px 0 55px; }
.case-popup .c-detail .c-tit{ font-size:24px;color:#545454;text-align:center;margin-bottom:20px; }
.case-popup .c-detail .c-line{ display:block;width:40px;height:2px;background-color:#999;margin:0 auto;margin-bottom:20px; }
.case-popup .c-detail .c-info{ line-height:2;font-size:16px;color:#878787; }

/* 最后一篇 */
.final-pop{ position:fixed;top:50%;left:50%;background-color:rgba(0,0,0,.8);color:#fff;font-size:20px;padding:0 30px;border-radius:5px;height:40px;line-height:40px;opacity:0;visibility:hidden;transition:.3s ease-out;-webkit-transition:.3s ease-out; }
.final-pop.show{ opacity:1;visibility:visible; }